/* Continuous, scroll-led story. The three states share one canvas. */
.app-shell{overflow:clip}
.mainframe-header:after{content:"";position:absolute;left:0;bottom:-1px;width:calc(var(--page-progress,0) * 100%);height:2px;background:#f2c653;box-shadow:0 0 12px #f2c653a6;pointer-events:none}
.mainframe-header nav a[aria-current="location"]{color:#f2c653}
.hero-v2 .hero-copy{opacity:calc(1 - var(--scroll-progress,0) * .88);translate:0 calc(var(--scroll-progress,0) * -55px)}
.hero-v2 .hero-cat-portrait{scale:calc(1 + var(--scroll-progress,0) * .19)}
.hero-v2 .scene-card-icon{font-family:Georgia,serif;font-weight:900;font-size:16px}
.story-journey{height:245vh;position:relative;margin-top:-1px;background:#101b24;z-index:3}
.journey-window{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 72% 49%,#aa703e7d,transparent 37%),linear-gradient(120deg,#17232b,#281c21 65%,#49232b);color:#fff8e9;transition:background 1s ease}
.story-journey[data-step="1"] .journey-window{background:radial-gradient(circle at 73% 48%,#c8403a58,transparent 40%),linear-gradient(125deg,#111e29,#172230 58%,#3d1823)}
.story-journey[data-step="2"] .journey-window{background:radial-gradient(circle at 76% 45%,#e1a9484d,transparent 38%),linear-gradient(125deg,#0f1e28,#112b31 65%,#132a2c)}
.journey-window:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#f3d88b16 1px,transparent 1px),linear-gradient(90deg,#f3d88b16 1px,transparent 1px);background-size:85px 85px;mask-image:linear-gradient(90deg,transparent 20%,#0009 100%);opacity:.55;pointer-events:none}
.journey-window:after{content:"";position:absolute;inset:auto -15% -39% 35%;height:65%;border-radius:50%;background:#e2a84a23;filter:blur(100px);pointer-events:none}
.journey-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}.atmosphere-line{position:absolute;width:130vw;height:1px;left:-16vw;top:55%;background:linear-gradient(90deg,transparent,#f5cc6a6b,transparent);transform:rotate(-15deg);transform-origin:center;transition:transform 1s ease,top 1s ease}.story-journey[data-step="1"] .atmosphere-line{top:41%;transform:rotate(13deg)}.story-journey[data-step="2"] .atmosphere-line{top:68%;transform:rotate(-23deg)}.atmosphere-orb{position:absolute;right:-15%;top:13%;width:58vw;height:58vw;border:1px solid #f6d38631;border-radius:50%;box-shadow:0 0 0 50px #f6d38609,0 0 0 110px #f6d38606;transition:scale 1s ease,translate 1s ease}.story-journey[data-step="1"] .atmosphere-orb{scale:1.26;translate:-6% 1%}.story-journey[data-step="2"] .atmosphere-orb{scale:.88;translate:-11% -4%}
.journey-copy{position:relative;z-index:5;width:min(49vw,680px);height:100%;padding:clamp(100px,14vh,170px) 0 75px clamp(34px,6vw,95px);display:flex;flex-direction:column;justify-content:center}
.journey-topline{position:absolute;top:clamp(98px,13vh,142px);left:clamp(34px,6vw,95px);right:0;display:flex;align-items:center;gap:17px;color:#f1ca64;font-size:11px;font-weight:900;letter-spacing:.16em}.journey-topline b{font-family:Georgia,serif;font-size:13px;letter-spacing:0;font-weight:400;color:#f4dc9d88}
.journey-step{position:absolute;left:clamp(34px,6vw,95px);top:50%;width:min(44vw,640px);opacity:0;visibility:hidden;transform:translate3d(0,32px,0);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.75,.2,1),visibility .65s}
.story-journey[data-step="0"] .journey-step-0,.story-journey[data-step="1"] .journey-step-1,.story-journey[data-step="2"] .journey-step-2{opacity:1;visibility:visible;transform:translate3d(0,-50%,0)}
.journey-eyebrow{font-size:12px;font-weight:900;letter-spacing:.2em;color:#f1ca64;margin:0 0 25px}.journey-step h2{font-size:clamp(64px,6.5vw,110px);line-height:.98;letter-spacing:-.078em;margin:0 0 30px;font-weight:700;color:#fff9ec}.journey-step p:not(.journey-eyebrow){font-size:clamp(19px,1.65vw,24px);line-height:1.4;max-width:480px;color:#cbd6d2;margin:0 0 29px}.journey-step a{display:inline-flex;align-items:center;gap:12px;color:#f6d379;text-decoration:underline;text-underline-offset:7px;font-weight:800;font-size:15px;transition:gap .25s,color .25s}.journey-step a:hover{gap:19px;color:#fff3c0}
.journey-index{position:absolute;bottom:10%;left:clamp(34px,6vw,95px);display:flex;gap:8px}.journey-index span{display:block;width:34px;height:3px;background:#fff5d34d;transform-origin:left;transition:background .35s,width .35s}.story-journey[data-step="0"] .journey-index span:nth-child(1),.story-journey[data-step="1"] .journey-index span:nth-child(2),.story-journey[data-step="2"] .journey-index span:nth-child(3){background:#f2c653;width:55px}
.journey-scroll-note{position:absolute;right:4%;bottom:7%;z-index:5;writing-mode:vertical-rl;color:#f3db9d9c;font-size:10px;letter-spacing:.18em;font-weight:800}.journey-scroll-note span{font-size:20px;margin-top:11px}
.journey-cat,.journey-scan,.journey-wallet{position:absolute;z-index:3;right:4%;top:50%;width:min(52vw,760px);height:min(75vh,710px);transition:opacity .8s ease,transform 1.1s cubic-bezier(.16,.7,.18,1),filter .8s ease;pointer-events:none}
.journey-cat{opacity:1;transform:translate3d(0,-47%,0) scale(1.1);filter:drop-shadow(0 45px 50px #060c15a1)}.journey-cat img{width:100%;height:100%;object-fit:contain}.story-journey[data-step="1"] .journey-cat,.story-journey[data-step="2"] .journey-cat{opacity:0;transform:translate3d(16%,-47%,0) scale(1.45);filter:blur(12px)}
.journey-scan{opacity:0;transform:translate3d(12%,-47%,0) scale(.78);display:grid;place-items:center}.story-journey[data-step="1"] .journey-scan{opacity:1;transform:translate3d(0,-47%,0) scale(1)}.story-journey[data-step="2"] .journey-scan{opacity:0;transform:translate3d(-12%,-47%,0) scale(1.18)}
.scan-core{display:grid;place-items:center;width:43%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 27%,#f9e2a8,#e7ae4b 47%,#bd6341 100%);color:#182831;font-size:clamp(70px,9vw,150px);font-weight:900;letter-spacing:-.1em;box-shadow:0 0 0 2px #f8d48770,0 0 90px #e3a4518c,inset 0 -25px 40px #a34d486b}
.scan-ring{position:absolute;left:50%;top:50%;border:1px solid #f2cd7c8a;border-radius:50%;transform:translate(-50%,-50%)}.scan-ring-one{width:60%;aspect-ratio:1}.scan-ring-two{width:85%;aspect-ratio:1;border-style:dashed;border-color:#f2cd7c65;animation:journeyRotate 30s linear infinite}.scan-sweep{position:absolute;left:50%;top:50%;height:42%;width:2px;background:linear-gradient(#f7d486,transparent);transform-origin:bottom center;animation:journeySweep 5s linear infinite}.scan-label{position:absolute;padding:8px 10px;border:1px solid #f3d5876b;background:#13232dcc;backdrop-filter:blur(14px);font-size:11px;letter-spacing:.16em;font-weight:900;color:#f7d17b}.scan-label-one{top:17%;right:7%}.scan-label-two{bottom:20%;left:7%}.scan-label-three{bottom:16%;right:13%}
.journey-wallet{opacity:0;transform:translate3d(12%,-47%,0) scale(.72);display:grid;place-items:center}.story-journey[data-step="2"] .journey-wallet{opacity:1;transform:translate3d(0,-47%,0) scale(1)}.wallet-orbit{position:absolute;width:70%;aspect-ratio:1;border:1px solid #f2d1859c;border-radius:50%;box-shadow:0 0 0 35px #f2d1850c,0 0 0 85px #f2d18506}.wallet-symbol{display:grid;place-items:center;width:45%;aspect-ratio:1;border-radius:25%;background:linear-gradient(145deg,#f1cc71,#d99847 65%,#9c493c);color:#172b31;font-size:clamp(120px,17vw,240px);font-weight:400;box-shadow:0 35px 65px #050d18a3,inset 0 2px #fff4cbab;transform:rotate(-11deg)}.wallet-line{position:absolute;width:130%;height:1px;background:linear-gradient(90deg,transparent,#f0cd7a73,transparent)}.line-a{transform:rotate(28deg)}.line-b{transform:rotate(-28deg)}.wallet-caption{position:absolute;bottom:11%;font-size:12px;letter-spacing:.22em;font-weight:900;color:#f4d589}

/* Let working areas flow as wide scenes. Keep form cards for usability. */
#scan.workbench{max-width:none;margin:0;padding:clamp(80px,9vw,135px) clamp(28px,7vw,115px) 110px;border-radius:0;border:0;border-top:1px solid #f5d68342;background:radial-gradient(circle at 90% 6%,#ad433438,transparent 33%),linear-gradient(145deg,#172630,#0e1a23 75%);box-shadow:none;backdrop-filter:none}
#scan.workbench:before{content:"01 / THE SNIFF TEST";right:clamp(28px,7vw,115px);top:45px;color:#f8cd696e}
#scan .section-top{max-width:1160px;margin:auto}#scan .section-top h2{font-size:clamp(46px,5vw,78px);letter-spacing:-.06em;max-width:690px}#scan .scan-form,#scan .scan-result{max-width:1160px;margin-left:auto;margin-right:auto}
#wallet.wallet-section{padding:0;background:#111e28}#wallet .wallet-layout{max-width:none;margin:0;padding:clamp(90px,10vw,145px) clamp(28px,7vw,115px);border-radius:0;border:0;border-top:1px solid #f3cd7133;background:radial-gradient(ellipse at 15% 56%,#b1433133,transparent 50%),linear-gradient(110deg,#241d27,#111f29 63%);box-shadow:none;backdrop-filter:none}#wallet .wallet-intro h2{font-size:clamp(44px,4.5vw,72px);letter-spacing:-.055em}
#transfer.transfer-section{max-width:none;margin:0;padding:clamp(90px,10vw,140px) clamp(28px,7vw,115px);border:0;border-top:1px solid #f3cd7133;border-radius:0;background:radial-gradient(circle at 93% 12%,#dc994529,transparent 32%),linear-gradient(135deg,#11232c,#0c1822);box-shadow:none;backdrop-filter:none}#transfer .transfer-heading,#transfer .transfer-layout{max-width:1200px;margin-left:auto;margin-right:auto}#transfer .transfer-heading h2{font-size:clamp(44px,4.4vw,69px);letter-spacing:-.055em}
#concept.concept{max-width:none;margin:0;grid-template-columns:.87fr 1.13fr;border-radius:0;border:0;border-top:1px solid #f3cd7133;background:linear-gradient(110deg,#863628,#1b232d 45%,#111e27);box-shadow:none;backdrop-filter:none}#concept .concept-identity{min-height:620px}#concept .concept-copy{max-width:800px;padding:clamp(60px,7vw,110px)}#concept .concept-copy h2{font-size:clamp(45px,4.4vw,72px);letter-spacing:-.055em}
.definitions{padding-top:105px;background:#0b1319}

@keyframes journeyRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes journeySweep{to{transform:translate(-50%,-100%) rotate(360deg)}}
@media(max-width:760px){.hero-v2 .hero-copy{opacity:1;translate:none}.hero-v2 .hero-cat-portrait{scale:1}.story-journey{height:205vh}.journey-window{min-height:620px}.journey-copy{width:100%;padding:90px 22px 40px}.journey-topline{top:105px;left:22px;font-size:9px}.journey-step{left:22px;top:40%;width:calc(100% - 44px)}.journey-step h2{font-size:clamp(49px,11vw,70px);margin-bottom:18px}.journey-step p:not(.journey-eyebrow){font-size:16px;max-width:320px}.journey-eyebrow{font-size:10px;margin-bottom:15px}.journey-index{left:22px;bottom:7%}.journey-scroll-note{right:20px;bottom:5%;font-size:8px}.journey-cat,.journey-scan,.journey-wallet{right:-20%;top:64%;width:85vw;height:48vh;opacity:.32}.story-journey[data-step="1"] .journey-scan,.story-journey[data-step="2"] .journey-wallet{opacity:.35}.journey-cat{opacity:.3}.scan-label{font-size:7px;padding:5px}.wallet-caption{font-size:8px}.wallet-symbol{font-size:90px}#scan.workbench{padding:75px 22px 85px}#scan.workbench:before{display:none}#scan .section-top h2{font-size:clamp(40px,8.5vw,58px)}#wallet .wallet-layout,#transfer.transfer-section{padding:85px 22px}#concept.concept{display:block}#concept .concept-identity{min-height:390px}#concept .concept-copy{padding:50px 24px}}
@media(prefers-reduced-motion:reduce){.story-journey{height:auto}.journey-window{position:relative;height:auto;min-height:550px}.journey-step{position:relative;top:auto;left:auto;width:auto;opacity:1;visibility:visible;transform:none!important;margin:30px 22px}.journey-copy{display:block;height:auto;padding:130px 0 55px}.journey-topline{top:60px}.journey-cat,.journey-scan,.journey-wallet,.journey-scroll-note,.journey-index{display:none}.mainframe-header:after{display:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}