/* Locked TRAIL visual direction — hero and wallet explanation only. */
:root{--locked-bg:#050609;--locked-panel:#0e0f14;--locked-line:#242631;--locked-blue:#3f6fff}
body.home{background:var(--locked-bg)}
.home .site-head{background:#090a0ee8;color:#fff;border-bottom:1px solid #ffffff0d}
.home .site-head.scrolled{background:#090a0ef5;box-shadow:0 1px 0 #ffffff12}
.home .brand,.home .nav,.home .login-link{color:#fff}
.home .menu-toggle span{background:#fff}
.stage-one-hero{padding:58px 0 0;background:radial-gradient(circle at 54% 14%,#17224c 0,transparent 34%),var(--locked-bg);color:#fff;position:relative}
.stage-one-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,#000,transparent 82%);pointer-events:none}
.stage-one-hero .hero-grid{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
.stage-one-hero .hero-copy{max-width:970px;align-self:center}
.stage-one-hero .eyebrow{display:inline-flex;align-items:center;padding:7px 13px;border:1px solid #ffffff12;border-radius:99px;background:#ffffff06;color:#afb2bc;font-size:11px}
.stage-one-hero h1{max-width:1000px;margin:22px auto 18px;color:#fff;font-size:clamp(58px,7.5vw,96px);line-height:1.14}
.stage-one-hero h1 em{display:block;color:#7464ff;font-style:normal}
.stage-one-hero .hero-copy>p{margin:auto;max-width:620px;color:#a6a8b1;font-size:16px;line-height:1.85}
.stage-one-hero .cta-row{justify-content:center;margin-top:25px}
.stage-one-hero .btn.primary{background:linear-gradient(135deg,#3266ff,#7464ff);border:0}
.login-hero{display:inline-flex;align-items:center;padding:10px 0;color:#d2d3d9;font-size:14px;font-weight:700}
.hero-product{min-height:775px;width:100%;padding-top:52px;isolation:isolate}
.hero-product:before{content:"";display:block;position:absolute;z-index:-1;left:50%;top:52%;width:min(720px,78vw);height:610px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at center,#725cff30 0%,#386cff1f 31%,#25c9e10d 51%,transparent 72%);filter:blur(18px);pointer-events:none}
.hero-product:after{content:"";position:absolute;z-index:-1;left:50%;top:58%;width:min(470px,58vw);height:520px;transform:translate(-50%,-50%);border-radius:50%;background:#5e54ff18;filter:blur(52px);pointer-events:none}
.wallet-phone{width:390px;height:755px;border:2px solid #2a2c34;border-radius:56px;background:#050506;padding:13px;box-shadow:0 36px 86px #000b,0 0 68px #3266ff18;position:relative;text-align:right;overflow:hidden}
.phone-island{position:absolute;z-index:4;width:110px;height:25px;border-radius:99px;background:#111217;top:13px;left:50%;transform:translateX(-50%)}
.wallet-head{display:flex;align-items:center;justify-content:space-between;padding:32px 12px 30px;direction:ltr}
.wallet-head span{width:28px;height:28px;border-radius:50%;background:#24252b;display:grid;place-items:center;font:500 20px Arial}
.wallet-head b{font-size:19px}
.wallet-stack{position:relative;height:590px}
.bank-card{position:absolute;right:5px;left:5px;height:118px;border-radius:24px 24px 10px 10px;padding:18px 22px;display:flex;justify-content:space-between;font-size:11px;color:#ffffffbd}
.bank-card b{font:700 12px Arial;direction:ltr}
.bank-two{top:0;background:linear-gradient(135deg,#252833,#3b3f4d)}
.bank-one{top:43px;background:linear-gradient(135deg,#263466,#4260a6)}
.stage-one-hero .loyalty-card{position:absolute;top:88px;right:5px;left:5px;width:auto;min-height:450px;padding:27px;border-radius:28px;background:linear-gradient(150deg,#1d184e 0%,#4a39b4 56%,#3472c1 100%);box-shadow:0 18px 38px #0008;transform:none;text-align:right}
.stage-one-hero .loyalty-card:before{width:270px;height:270px;top:-170px;right:-115px}
.stage-one-hero .card-score{margin:40px 0 0}
.remaining-copy{display:block;margin:8px 0 28px;color:#ffffffa8;font-size:12px}
.stage-one-hero .trail{margin-bottom:26px}
.stage-one-hero .trail:after{width:74%}
.stage-one-hero .stamp{width:31px;height:31px}
.stage-one-hero .stamp.remaining{background:#3d3290;border:2px solid #ffffff84}
.stage-one-hero .stamp.reward{background:#2e2866;border-color:var(--gold);color:var(--gold)}
.stage-one-hero .reward-note{flex:1}
.stage-one-hero .powered{padding-top:0;margin-top:0;align-self:end}
.choice-section{padding:92px 0;background:#0c0d12;color:#fff}
.choice-layout{grid-template-columns:.8fr 1.2fr;gap:90px}
.choice-copy h2{font-size:clamp(42px,4.3vw,62px);margin:16px 0 20px}
.choice-copy p{max-width:500px;color:#a7a9b1}
.wallet-message{display:grid;grid-template-columns:auto 1fr auto auto 1fr auto auto 1fr;align-items:center;gap:13px;border:1px solid #ffffff10;border-radius:24px;padding:28px;background:#ffffff04}
.wallet-message span{width:42px;height:42px;border:1px solid #5575f4;border-radius:50%;display:grid;place-items:center;font:700 11px Arial;color:#91a7ff}
.wallet-message b{font-size:14px}.wallet-message i{width:42px;height:1px;background:#ffffff1c}
@media(max-width:900px){.home .mobile-nav.open{background:#0d0e13;color:#fff}.stage-one-hero{padding-top:48px}.stage-one-hero h1{font-size:clamp(52px,9vw,72px)}.hero-product{min-height:760px}.choice-layout{grid-template-columns:1fr}.wallet-message{margin-top:5px}}
@media(max-width:560px){.stage-one-hero{padding-top:38px}.stage-one-hero h1{font-size:50px;line-height:1.18}.stage-one-hero .hero-copy>p{font-size:14px}.stage-one-hero .cta-row{justify-content:center;gap:18px}.wallet-phone{width:min(350px,100%);height:690px;border-radius:49px}.hero-product{min-height:700px;padding-top:40px}.hero-product:before{top:51%;width:116vw;height:560px;opacity:.92;filter:blur(22px)}.hero-product:after{top:57%;width:82vw;height:440px;filter:blur(46px)}.wallet-stack{height:530px}.stage-one-hero .loyalty-card{min-height:410px;padding:22px}.stage-one-hero .card-score{margin-top:32px}.stage-one-hero .stamp{width:27px;height:27px}.wallet-message{grid-template-columns:42px 1fr;gap:12px}.wallet-message i{display:none}}
@media(prefers-reduced-motion:reduce){.wallet-phone,.bank-card,.stage-one-hero .loyalty-card{animation:none!important;transform:none!important}}

/* How it works — same wallet product system as the hero */
.journey-locked{padding:104px 0;background:#07080c;color:#fff}
.journey-locked .section-head{max-width:760px;margin-bottom:52px}
.journey-locked .eyebrow{padding:0;background:transparent;color:#8299ff}
.journey-locked .section-head h2{font-size:clamp(42px,4.6vw,64px);color:#fff;margin-top:12px}
.journey-locked .section-head p{color:#9fa2ac;font-size:16px}
.journey-locked .journey-shell{display:grid;grid-template-columns:minmax(410px,.9fr) 1.1fr;gap:90px;align-items:center}
.journey-product{display:grid;place-items:center;position:sticky;top:105px}
.journey-wallet{width:370px;height:700px;border-radius:53px;padding:12px;box-shadow:0 30px 76px #000a,0 0 54px #3266ff12}
.journey-wallet .wallet-head{padding:31px 11px 25px}
.journey-wallet .wallet-stack{height:535px}
.journey-wallet .bank-card{right:4px;left:4px;height:105px}
.journey-wallet .bank-one{top:38px}
.journey-wallet .journey-card{position:absolute;top:80px;right:4px;left:4px;width:auto;min-height:425px;padding:25px;border-radius:27px;background:linear-gradient(150deg,#1d184e 0%,#4a39b4 56%,#3472c1 100%);box-shadow:0 17px 36px #0008;transform:none;color:#fff;display:flex;flex-direction:column}
.journey-wallet .journey-card:before{width:260px;height:260px;top:-165px;right:-110px}
.journey-wallet .card-score{display:flex;align-items:end;gap:8px;margin:35px 0 0;position:relative;z-index:1}
.journey-wallet .card-score strong{font:800 58px/1 Arial}
.journey-wallet .card-score span{font-size:14px;padding-bottom:7px;color:#ffffffc8}
.journey-wallet .remaining-copy{margin:7px 0 25px}
.journey-wallet .trail{direction:rtl;margin:0 0 24px;position:relative;z-index:1}
.journey-wallet .trail:before{right:14px;left:14px}
.journey-wallet .trail:after{content:"";position:absolute;right:14px;top:14px;width:74%;height:2px;background:var(--cyan)}
.journey-wallet .stamp{width:29px;height:29px;font-size:10px}
.journey-wallet .reward.ready{background:var(--gold);color:#332408;box-shadow:0 0 0 5px #efbd5c18}
.journey-wallet .reward-note{display:flex;justify-content:space-between;align-items:end}
.journey-wallet .reward-note span{font-size:10px;color:#ffffff83}
.journey-wallet .reward-note strong{font-size:15px}
.journey-wallet .powered{padding-top:18px;margin-top:auto}
.journey-copy{display:grid;gap:13px}
.journey-locked .journey-step{width:100%;min-height:142px;border:1px solid #ffffff0d;border-right:3px solid #ffffff16;border-radius:20px;background:#ffffff04;color:#fff;padding:22px 24px;text-align:right;display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:start;cursor:pointer;opacity:.58;transition:.25s ease;font-family:inherit}
.journey-locked .journey-step:hover,.journey-locked .journey-step.active{opacity:1;background:#ffffff08;border-color:#4e75ff55;border-right-color:var(--cyan);transform:translateX(-7px)}
.journey-locked .journey-step>b{font:700 11px Arial;color:#8299ff;padding-top:7px}
.journey-locked .journey-step span{display:grid;gap:7px}
.journey-locked .journey-step strong{font-size:26px}
.journey-locked .journey-step small{font-size:14px;color:#a8aab3;line-height:1.8}
@media(max-width:900px){.journey-locked .journey-shell{grid-template-columns:1fr;gap:45px}.journey-product{position:relative;top:auto;grid-row:1}.journey-locked .journey-copy{grid-row:2;max-width:700px;margin:auto;width:100%}}
@media(max-width:560px){.journey-locked{padding:76px 0}.journey-locked .section-head{margin-bottom:36px}.journey-locked .section-head h2{font-size:38px}.journey-wallet{width:min(350px,100%);height:665px;border-radius:49px}.journey-wallet .wallet-stack{height:505px}.journey-wallet .journey-card{min-height:397px;padding:22px}.journey-wallet .card-score{margin-top:29px}.journey-wallet .stamp{width:25px;height:25px}.journey-locked .journey-step{min-height:126px;padding:19px;grid-template-columns:35px 1fr}.journey-locked .journey-step strong{font-size:22px}.journey-locked .journey-step:hover,.journey-locked .journey-step.active{transform:none}}
@media(prefers-reduced-motion:reduce){.journey-locked .journey-step{transition:none}.journey-wallet .trail:after{animation:none}}

/* Final homepage content cleanup */
.home{overflow-x:hidden}
.home main,.home section,.home .wrap{max-width:100%;overflow-x:clip}
.home .choice-copy p{max-width:440px}
.home .product-trio{align-items:stretch}
.home .product-trio .dashboard-shot{display:flex;flex-direction:column;gap:12px}
.home .product-trio .dashboard-shot>small,.home .product-trio .screen-card>small{color:#8299ff;font:700 11px Arial}
.home .product-trio h3{margin:0;font-size:24px}
.home .product-trio p{margin:0;color:var(--muted);line-height:1.7}
.home .product-trio .dash-main{margin-top:auto}
.home .benefits-four{grid-template-columns:repeat(2,minmax(0,1fr))}
.home .benefits-four .card{min-width:0}
.home .pricing-single{padding:92px 0}
.home .pricing-single .section-head{margin-bottom:34px}
.home .pricing-single .section-head h2{color:#fff}
.home .pricing-single .offer{max-width:920px;margin:auto;align-items:center}
.home .pricing-single .offer>div{min-width:0}
.home .pricing-single .price-note{display:block;margin-top:13px;color:#aeb1bb;line-height:1.7}
.home .pricing-single .btn{margin-top:22px}
.home .faq details{overflow:hidden}
.home .final-section{padding:82px 0}
.home .final-cta .cta-row{justify-content:center}

@media(max-width:900px){
  .home .interface-stage,.home .benefits-four{grid-template-columns:1fr}
  .home .pricing-single .offer{grid-template-columns:1fr;gap:28px}
}
@media(max-width:560px){
  .home section{padding-top:64px;padding-bottom:64px}
  .home .stage-one-hero{padding-top:38px;padding-bottom:0}
  .home .choice-section,.home .journey-locked,.home .pricing-single{padding-top:64px;padding-bottom:64px}
  .home h1,.home h2,.home h3,.home p,.home summary{overflow-wrap:anywhere}
  .home .stage-one-hero h1{font-size:clamp(42px,13vw,50px)}
  .home .choice-copy h2,.home .section-head h2,.home .journey-locked .section-head h2{font-size:clamp(34px,10vw,40px)}
  .home .choice-layout{gap:32px}
  .home .wallet-message{width:100%;padding:20px}
  .home .journey-locked .journey-shell{gap:34px}
  .home .journey-wallet{max-width:100%}
  .home .product-trio,.home .product-trio .screen-stack{min-width:0;width:100%}
  .home .dashboard-shot,.home .screen-card,.home .benefits-four .card{min-width:0;width:100%}
  .home .pricing-single .offer{padding:25px;min-width:0}
  .home .pricing-single .price{font-size:clamp(50px,16vw,72px)}
  .home .faq details,.home .faq summary,.home .faq details p{max-width:100%}
  .home .faq summary{padding:19px 18px}
  .home .faq details p{padding:0 18px 18px}
  .home .final-section{padding:64px 0}
}

/* Three-step chapter — light, horizontal and intentionally distinct from hero */
.home .journey-next{padding:108px 0;background:linear-gradient(145deg,#f8f7ff 0%,#f2f4ff 52%,#fbfbfd 100%);color:#151622}
.home .journey-next .section-head{width:46%;max-width:620px;margin:0 0 42px auto;text-align:right}
.home .journey-next .eyebrow{color:#6156d9}
.home .journey-next .section-head h2{color:#141520;font-size:clamp(42px,4.3vw,62px);margin:12px 0}
.home .journey-next .section-head p{color:#6d7080}
.journey-flow{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);grid-template-rows:repeat(3,minmax(112px,auto));gap:13px 78px;align-items:stretch;position:relative;direction:ltr}
.journey-step-row{display:contents}
.journey-next .journey-step{grid-column:2;width:100%;min-height:112px;border:1px solid #dedfea;border-right:3px solid #d4d5e2;border-radius:18px;background:#ffffffa8;color:#1a1b27;padding:18px 21px;text-align:right;display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;cursor:pointer;opacity:.68;transition:.25s ease;font-family:inherit;box-shadow:0 8px 24px transparent;direction:rtl}
.journey-next .journey-step:hover,.journey-next .journey-step.active{opacity:1;background:#fff;border-color:#c9cdf0;border-right-color:#32c3d7;transform:translateX(-6px);box-shadow:0 14px 34px #29255e0e}
.journey-next .journey-step>b{font:700 11px Arial;color:#665be0;padding-top:6px}
.journey-next .journey-step span{display:grid;gap:5px}
.journey-next .journey-step strong{font-size:24px}
.journey-next .journey-step small{font-size:13px;color:#686b79;line-height:1.7}
.journey-moment{grid-column:1;grid-row:1/4;position:relative;min-height:410px;border-radius:32px;background:radial-gradient(circle at 20% 10%,#5569cd55,transparent 34%),linear-gradient(145deg,#111329,#191548 58%,#22265a);overflow:hidden;box-shadow:0 26px 60px #28245124;opacity:0;visibility:hidden;transform:translateY(12px) scale(.985);transition:opacity .3s ease,transform .3s ease;pointer-events:none;direction:rtl}
.journey-moment.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.journey-moment:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(120deg,#000,transparent 72%)}
.moment-label{color:#9ca7e5;font-size:11px}
.qr-panel{position:absolute;z-index:2;top:54px;right:44px;width:215px;height:276px;border-radius:24px;background:#fff;padding:22px;display:flex;flex-direction:column;align-items:center;gap:13px;box-shadow:0 24px 50px #05061766;color:#17182b}
.journey-qr{width:156px;height:156px;color:#111225;margin-top:4px}
.qr-panel>small{font:800 10px Arial;letter-spacing:2px;color:#6e63dd}
.enroll-crop{position:absolute;z-index:1;left:-35px;bottom:-48px;width:300px;height:342px;border:8px solid #090a10;border-radius:40px 40px 0 0;background:#f8f8fb;color:#222331;padding:42px 26px 24px;display:flex;flex-direction:column;gap:13px;box-shadow:0 22px 54px #05061799}
.crop-bar{position:absolute;top:14px;left:50%;width:84px;height:16px;border-radius:99px;background:#11131a;transform:translateX(-50%)}
.enroll-crop>span{font-weight:800;font-size:17px}.enroll-crop label{font-size:11px;color:#777988}
.fake-input{padding:13px;border:1px solid #dddde6;border-radius:10px;background:#fff;color:#9a9cab;font:500 12px Arial;text-align:left;direction:ltr}
.fake-button{padding:12px;border-radius:10px;background:#6759e6;color:#fff;text-align:center;font-size:12px;font-weight:800}
.wallet-entry{position:absolute;z-index:3;left:32px;top:42px;width:215px;padding:17px 18px;border:1px solid #ffffff1c;border-radius:17px;background:#171928e8;color:#fff;display:grid;grid-template-columns:1fr 32px;gap:3px 10px;box-shadow:0 16px 34px #05061777;animation:journey-card-in .55s ease both}
.wallet-entry span{font-size:10px;color:#9da1b5}.wallet-entry b{font-size:14px}.wallet-entry i{grid-column:2;grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#36c7d8;color:#07161a;font-style:normal}
.card-crop,.reward-card-crop{position:absolute;z-index:2;right:42px;left:42px;top:52px;min-height:286px;padding:25px 28px;border-radius:26px;background:linear-gradient(145deg,#211953,#5140bd 58%,#3279bc);color:#fff;box-shadow:0 24px 48px #05061777;overflow:hidden}
.card-crop:before,.reward-card-crop:before{content:"";position:absolute;width:250px;height:250px;border:1px solid #ffffff16;border-radius:50%;left:-100px;bottom:-170px}
.crop-brand{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.crop-brand .merchant{width:37px;height:37px;border-radius:11px;background:#fff;color:#382d8b;display:grid;place-items:center;font-weight:800}.crop-brand b{font-size:15px}.crop-brand small{margin-right:auto;font:800 9px Arial;letter-spacing:1.4px;color:#ffffffb8}
.crop-score{display:block;margin-top:28px;font:800 48px/1 Arial;position:relative;z-index:1}.crop-score small{font:600 12px 'Noto Sans Arabic',sans-serif;color:#ffffffc4}
.crop-trail{display:flex;align-items:center;direction:rtl;gap:7px;margin-top:22px;position:relative;z-index:1}.crop-trail:before{content:"";position:absolute;right:13px;left:13px;height:2px;background:#ffffff2e}.crop-trail i{position:relative;width:27px;height:27px;border-radius:50%;border:2px solid #ffffff90;background:#31bfd3;color:transparent;display:grid;place-items:center;font:0/0 Arial;font-style:normal}.crop-trail i:not(.goal):not(:nth-last-child(2)):after{content:"";position:absolute;inset:6px;background:url('cup-stamp.svg') center/contain no-repeat}.crop-trail i:nth-last-child(2){background:#39308d;color:transparent}.crop-trail .goal{margin-right:auto;background:#332d70;color:#e8bb60;border-color:#e8bb60;font:800 9px Arial}.crop-trail .goal.ready{background:#e8bb60;color:#392a0c;box-shadow:0 0 0 6px #e8bb6025}
.card-crop>p,.reward-card-crop>p{margin:18px 0 0;font-size:12px;color:#ffffffc2;position:relative;z-index:1}
.scanner-chip,.redeem-confirm{position:absolute;z-index:3;left:30px;bottom:28px;width:230px;border:1px solid #ffffff1b;border-radius:18px;background:#10121fe8;color:#fff;padding:17px 18px;display:grid;gap:4px;box-shadow:0 18px 38px #05061788}
.scanner-chip b{font-size:13px}.scanner-chip small{color:#39c4d6}.scan-beam{position:absolute;top:-54px;left:28px;width:170px;height:2px;background:#38d0e0;box-shadow:0 0 14px #38d0e0;animation:scan-beam 1.8s ease-in-out infinite alternate}
.redeem-confirm{grid-template-columns:36px 1fr;align-items:center}.redeem-confirm>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8bb60;color:#30240d;font-style:normal}.redeem-confirm span{display:grid;gap:2px}.redeem-confirm small{color:#aaaec0}.redeem-confirm b{font-size:13px}
.reward-card-crop{background:linear-gradient(145deg,#241b50,#49389f 55%,#755825)}
.original-card-layout .stamp-board{display:grid;grid-template-columns:1fr 82px;gap:18px;align-items:start;margin-top:27px;position:relative;z-index:1}
.original-card-layout .stamp-grid{display:grid;grid-template-columns:repeat(3,43px);gap:11px 13px;direction:rtl}
.original-card-layout .stamp-tile{width:43px;height:43px;border-radius:50%;border:1px solid #ffffff20;background:#ffffff17;position:relative}
.original-card-layout .stamp-tile.done{background:#ffffff2d;border-color:#ffffff32}
.original-card-layout .stamp-tile.done:before{content:"";position:absolute;inset:10px;background:url('cup-stamp.svg') center/contain no-repeat}
.original-card-layout .stamp-count{display:flex;flex-direction:column;align-items:flex-start}
.original-card-layout .stamp-count span{font-size:9px;font-weight:700;color:#ffffffaa}
.original-card-layout .stamp-count strong{font:400 31px/1 Arial;margin:4px 0 6px}
.original-card-layout .stamp-count small{font-size:9px;color:#ffffffb0}
.original-card-layout.reward-ready{background:linear-gradient(145deg,#251a61 0%,#5841b2 52%,#876927 100%)}
.original-card-layout.reward-ready>p{color:#f4cf7b;font-weight:700}
@keyframes journey-card-in{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes scan-beam{from{transform:translateY(0)}to{transform:translateY(98px)}}

@media(max-width:900px){
  .home .journey-next .section-head{width:100%;max-width:none;margin-bottom:32px}
  .journey-flow{grid-template-columns:1fr;grid-template-rows:none;gap:14px}
  .journey-next .journey-step,.journey-moment{grid-column:1;grid-row:auto}
  .journey-next .journey-step{order:initial;min-height:104px;opacity:1;transform:none!important}
  .journey-moment{display:block;min-height:390px;opacity:1;visibility:visible;transform:none;pointer-events:auto;margin-bottom:18px}
}
@media(max-width:560px){
  .home .journey-next{padding:68px 0}
  .home .journey-next .section-head h2{font-size:clamp(34px,10vw,40px)}
  .journey-moment{min-height:350px;border-radius:24px}
  .qr-panel{top:30px;right:20px;width:165px;height:225px;padding:16px}.journey-qr{width:122px;height:122px}
  .enroll-crop{left:-48px;bottom:-70px;width:250px;height:300px;padding:40px 20px 20px}
  .wallet-entry{left:18px;top:24px;width:180px}
  .card-crop,.reward-card-crop{right:18px;left:18px;top:34px;min-height:258px;padding:21px}
  .original-card-layout .stamp-board{grid-template-columns:1fr 68px;gap:10px;margin-top:22px}.original-card-layout .stamp-grid{grid-template-columns:repeat(3,35px);gap:8px 10px}.original-card-layout .stamp-tile{width:35px;height:35px}.original-card-layout .stamp-tile.done:before{inset:8px}.original-card-layout .stamp-count strong{font-size:27px}.original-card-layout .stamp-count span,.original-card-layout .stamp-count small{font-size:8px}
  .crop-score{font-size:42px}.crop-trail{gap:4px}.crop-trail i{width:24px;height:24px}
  .scanner-chip,.redeem-confirm{left:16px;bottom:18px;width:205px}
}
@media(prefers-reduced-motion:reduce){.journey-moment,.wallet-entry,.scan-beam{animation:none!important;transition:none!important}}

/* Approved TRAIL typography and brand mark */
body{font-family:'Thmanyah Sans',Tahoma,Arial,sans-serif}
.brand-image{display:flex;align-items:center;width:78px;height:56px;line-height:0;overflow:hidden}
.brand-image img{display:block;width:78px;height:48px;object-fit:contain}
.brand-image img{filter:none;transition:filter .2s ease}
.home .site-head .brand-image img,.site-foot .footer-brand img{filter:brightness(0) invert(1)}
.footer-brand{font-family:'Thmanyah Sans',sans-serif;letter-spacing:0}
.footer-brand img{display:block;width:105px;height:66px;object-fit:contain;object-position:right center;margin-bottom:5px}
.footer-brand small,.crop-score small{font-family:'Thmanyah Sans',sans-serif}
@media(max-width:560px){.brand-image{width:65px;height:50px}.brand-image img{width:65px;height:42px}.footer-brand img{width:92px;height:58px}}

/* 2026 loyalty progress — compact glass rail with squircle states */
.stage-one-hero .loyalty-card .trail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 42px;align-items:center;gap:6px;margin:0 0 24px;padding:8px;border:1px solid #ffffff16;border-radius:18px;background:#0d10242b;box-shadow:inset 0 1px 0 #ffffff10;backdrop-filter:blur(12px)}
.stage-one-hero .loyalty-card .trail:before,.stage-one-hero .loyalty-card .trail:after{display:none!important}
.stage-one-hero .loyalty-card .stamp{width:30px;height:30px;justify-self:center;border:1px solid #ffffff1f;border-radius:10px;background:#ffffff0b;box-shadow:none;opacity:1;color:#fff;animation:none}
.stage-one-hero .loyalty-card .stamp.done{border-color:#5bd8e2;background:linear-gradient(145deg,#63dce5,#42b8d1);color:#10243a;box-shadow:inset 0 1px 0 #ffffff70,0 5px 14px #2cc4d328}
.stage-one-hero .loyalty-card .stamp.remaining{border-color:#ffffff42;background:linear-gradient(145deg,#ffffff13,#ffffff05)}
.stage-one-hero .loyalty-card .stamp.remaining:after{content:"";width:5px;height:5px;border-radius:2px;background:#ffffff6b}
.stage-one-hero .loyalty-card .stamp.reward{width:40px;height:32px;border-color:#efbd5c80;border-radius:11px;background:linear-gradient(145deg,#efbd5c26,#efbd5c0b);color:#ffd477;box-shadow:inset 0 1px 0 #ffffff1a}
.stage-one-hero .loyalty-card .stamp.reward:after{content:"";position:absolute;inset:-4px;border:1px solid #efbd5c22;border-radius:14px}
.crop-trail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 38px;align-items:center;gap:5px;padding:7px;border:1px solid #ffffff14;border-radius:16px;background:#10122a26}
.crop-trail:before{display:none}
.crop-trail i{width:27px;height:27px;justify-self:center;border:1px solid #ffffff1f;border-radius:9px;background:linear-gradient(145deg,#61d9e2,#3fb9cf);box-shadow:inset 0 1px 0 #ffffff60}
.crop-trail i:nth-last-child(2){border-color:#ffffff3d;background:#ffffff0b}
.crop-trail .goal{width:36px;height:29px;margin:0;border-radius:10px;background:#efbd5c18;color:#f5c968;border-color:#efbd5c70}
.crop-trail .goal.ready{background:linear-gradient(145deg,#f4ca72,#dca94c);color:#392a0c;box-shadow:0 5px 16px #efbd5c33}
@media(max-width:560px){.stage-one-hero .loyalty-card .trail{gap:4px;padding:7px;border-radius:16px}.stage-one-hero .loyalty-card .stamp{width:27px;height:27px;border-radius:9px}.stage-one-hero .loyalty-card .stamp.reward{width:36px;height:29px}.crop-trail{gap:3px}.crop-trail i{width:23px;height:23px;border-radius:8px}.crop-trail .goal{width:32px;height:26px}}

/* 2026 stamp-grid card — inspired by a familiar wallet pass, tailored to TRAIL. */
.stage-one-hero .stamp-grid-card{min-height:482px;padding:27px 28px 22px}
.stage-one-hero .stamp-grid-card .card-top{padding-bottom:20px;border-bottom:1px solid #ffffff18}
.stamp-board{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:20px;align-items:start;margin:25px 0 20px;position:relative;z-index:1}
.stamp-grid{display:grid;grid-template-columns:repeat(3,43px);gap:11px 13px;direction:rtl}
.stamp-tile{position:relative;width:43px;height:43px;border:1px solid #ffffff1f;border-radius:50%;background:#ffffff16;box-shadow:inset 0 1px 0 #ffffff12;display:block}
.stamp-tile.done{background:#ffffff2c;border-color:#ffffff32}
.stamp-tile.done:before{content:"";position:absolute;inset:10px;background:url("cup-stamp.svg") center/contain no-repeat}
.stamp-tile.done:after{content:none}
.stamp-count{display:flex;flex-direction:column;align-items:flex-start;direction:rtl;text-align:right}
.stamp-count span{font-size:9px;font-weight:800;color:#ffffffa8}
.stamp-count strong{font:400 31px/1.05 Arial;color:#fff;letter-spacing:-.04em;margin:3px 0 6px}
.stamp-count small{font-size:9px;line-height:1.45;color:#ffffffb0}
.card-bottom-row{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-top:auto;position:relative;z-index:1}
.stamp-grid-card .reward-note{margin:0;padding:0;border:0}
.qr-compact{width:106px;height:106px;flex:0 0 106px;padding:8px;border-radius:12px;background:#fff;box-shadow:0 8px 24px #10112638;display:block}
.qr-compact img{display:block;width:100%;height:100%;object-fit:contain}
.stamp-grid-card .powered{padding-top:14px}
@media(max-width:560px){.stage-one-hero .stamp-grid-card{min-height:450px;padding:22px}.stamp-board{grid-template-columns:minmax(0,1fr) 72px;gap:12px;margin:22px 0 17px}.stamp-grid{grid-template-columns:repeat(3,37px);gap:9px 11px}.stamp-tile{width:37px;height:37px}.stamp-tile.done:before{inset:9px}.stamp-count span,.stamp-count small{font-size:8px}.stamp-count strong{font-size:27px}.qr-compact{width:94px;height:94px;flex-basis:94px;padding:7px}.stamp-grid-card .reward-note strong{font-size:14px}}

/* Local approval draft: premium layered SaaS hero background */
.stage-one-hero{isolation:isolate;background:radial-gradient(ellipse 90% 55% at 8% 12%,rgba(76,77,255,.26) 0%,rgba(26,31,79,.14) 42%,transparent 72%),radial-gradient(ellipse 75% 48% at 94% 18%,rgba(111,91,255,.24) 0%,rgba(76,77,255,.09) 45%,transparent 74%),radial-gradient(ellipse 68% 32% at 50% 70%,rgba(142,220,255,.15) 0%,rgba(255,255,255,.07) 30%,transparent 70%),radial-gradient(ellipse 110% 55% at 50% 112%,rgba(111,91,255,.34) 0%,rgba(76,77,255,.17) 38%,transparent 74%),linear-gradient(180deg,#050816 0%,#080c1d 38%,#0b1023 68%,#090c20 100%)}
.stage-one-hero:before{z-index:0;inset:-30% auto auto -15%;width:75%;height:78%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(76,77,255,.24) 0%,rgba(111,91,255,.12) 38%,transparent 72%);background-size:auto;mask-image:none;filter:blur(70px);opacity:.85;transform:rotate(-10deg);pointer-events:none}
.stage-one-hero:after{content:"";position:absolute;z-index:0;right:-22%;bottom:-38%;width:105%;height:76%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(111,91,255,.34) 0%,rgba(76,77,255,.17) 34%,rgba(142,220,255,.08) 52%,transparent 74%);filter:blur(80px);opacity:.9;transform:rotate(8deg);pointer-events:none}
.stage-one-hero .hero-grid{z-index:1}
.stage-one-hero .hero-product:before{top:54%;width:min(960px,92vw);height:440px;background:radial-gradient(ellipse at center,rgba(255,255,255,.16) 0%,rgba(142,220,255,.11) 22%,rgba(76,77,255,.07) 44%,transparent 72%);filter:blur(64px);opacity:.72}
.stage-one-hero .hero-product:after{top:67%;width:min(760px,72vw);height:520px;background:radial-gradient(ellipse at center,rgba(111,91,255,.27),transparent 70%);filter:blur(72px);opacity:.68}
@media(max-width:768px){.stage-one-hero{background:radial-gradient(ellipse 120% 48% at 15% 8%,rgba(76,77,255,.25) 0%,transparent 68%),radial-gradient(ellipse 95% 34% at 50% 68%,rgba(142,220,255,.13) 0%,rgba(255,255,255,.06) 32%,transparent 72%),radial-gradient(ellipse 130% 52% at 50% 110%,rgba(111,91,255,.3) 0%,rgba(76,77,255,.13) 40%,transparent 74%),linear-gradient(180deg,#050816 0%,#0b1023 62%,#090c20 100%)}.stage-one-hero:before{top:-18%;left:-35%;width:115%;height:62%;filter:blur(56px)}.stage-one-hero:after{right:-45%;bottom:-25%;width:145%;height:60%;filter:blur(60px)}.stage-one-hero .hero-product:before{top:55%;width:120vw;height:18rem;filter:blur(52px);opacity:.64}}
@media(prefers-reduced-motion:reduce){.stage-one-hero,.stage-one-hero:before,.stage-one-hero:after,.stage-one-hero .hero-product:before,.stage-one-hero .hero-product:after{animation:none!important}}