.home-motion{--bg:#080c09;--text:#edf0e5;--muted:#a2aca0;--mint:#aaf39c;--gold:#d6b77a;--silver:#b4c8c9;--line:#ffffff16;color-scheme:dark;font-family:'Manrope',sans-serif;font-synthesis:none;scroll-behavior:smooth}
.home-motion *{box-sizing:border-box}
.home-motion{margin:0;background:var(--bg);color:var(--text)}
.home-motion a{color:inherit;text-decoration:none}
.home-motion button{font:inherit;color:inherit;cursor:pointer}
.home-motion button,.home-motion a{-webkit-tap-highlight-color:transparent}
.home-motion button:focus-visible,.home-motion a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
.home-motion button{touch-action:manipulation}
.home-motion .motion-toggle{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #ffffff2b;border-radius:30px;font-size:11px;background:#070b094d;backdrop-filter:blur(12px);min-height:40px}
.home-motion .motion-symbol{font-size:12px}
.home-motion .hero{position:relative;min-height:790px;height:100svh;max-height:1150px;overflow:hidden;isolation:isolate}
.home-motion .hero-art{position:absolute;inset:-3%;background:url('./hero-branded.webp') 65% center/cover no-repeat;will-change:transform;animation:home-hero-drift 26s ease-in-out infinite alternate}
.home-motion .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050a08b8 0%,#050a081c 50%,transparent 72%),linear-gradient(0deg,var(--bg),transparent 24%,transparent 80%,#03060373)}
.home-motion #atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.home-motion .film-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.55' filter='url(%23n)'/%3E%3C/svg%3E")}
.home-motion .hero-content{position:relative;z-index:3;padding:176px 0 130px 7.2%;max-width:790px}
.home-motion .eyebrow,.home-motion .mono,.home-motion .scene-index,.home-motion .scroll-cue,.home-motion .hero-caption,.home-motion .small-label,.home-motion .dest-sub,.home-motion .dest-num,.home-motion .detail-kicker{font-family:'Space Mono',monospace}
.home-motion .eyebrow{font-size:10px;letter-spacing:2.35px;line-height:1.6;display:flex;gap:12px;align-items:center;color:#dbe1d4}
.home-motion .status-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px #aaf39c66;flex-shrink:0}
.home-motion h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(102px,8.2vw,146px);line-height:.76;font-weight:700;letter-spacing:-3.2px;margin:32px 0 38px;text-transform:uppercase}
.home-motion h1 em{display:inline;font-style:normal;font-weight:700;color:inherit}
.home-motion h1 .hero-line{display:block;animation:home-rise-in 1.25s cubic-bezier(.2,.8,.2,1) both}
.home-motion h1 .hero-line:nth-child(2){animation-delay:.12s}
.home-motion .green{color:inherit}
.home-motion .hero-support{display:grid;grid-template-columns:minmax(270px,340px) auto;gap:28px;align-items:end;max-width:720px}
.home-motion .hero-copy{max-width:340px;line-height:1.75;font-size:13px;color:#c4cbbb;margin:0}
.home-motion .primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--mint);color:#152414;border:1px solid var(--mint);border-radius:3px;padding:17px 20px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}
.home-motion .primary:hover{transform:translateY(-3px);background:#c4ffb9}
.home-motion .primary:active{transform:scale(.97)}
.home-motion .primary>span{font-size:20px;line-height:1}
.home-motion .intro{animation:home-rise-in 1s .35s both cubic-bezier(.2,.8,.2,1)}
.home-motion .hero-bottom{position:absolute;bottom:35px;z-index:3;width:100%;padding:0 48px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.home-motion .scene-index{font-size:9px;letter-spacing:1.5px;color:#c0c4b1}
.home-motion .scene-index>span{margin:0 12px;color:#5d6658}
.home-motion .scroll-cue{display:flex;align-items:center;gap:16px;font-size:8px;letter-spacing:2px;color:#d4dbc7}
.home-motion .scroll-track{width:1px;height:35px;background:#ffffff26;position:relative;overflow:hidden}
.home-motion .scroll-track:after{content:'';position:absolute;inset:0;background:var(--mint);animation:home-scroll-line 2.3s ease-in-out infinite}
.home-motion .hero-caption{color:#9ba591;font-size:9px;letter-spacing:.4px}
.home-motion .engine-section{position:relative;padding:70px 7.2% 60px;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#1c2a141f,transparent 58%)}
.home-motion .section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.home-motion .section-no{color:#66765e;font-size:10px;margin-right:15px}
.home-motion .mono{font-size:9px;letter-spacing:1px}
.home-motion .subtle{color:#81907b}
.home-motion .engine-heading{display:flex;justify-content:space-between;align-items:center;margin:45px 0 0;gap:35px}
.home-motion h2{font:700 clamp(62px,6.3vw,98px)/.88 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:-1.8px;margin:0;text-transform:uppercase}
.home-motion h2 em{color:inherit;font-style:normal}
.home-motion .engine-heading>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:265px;margin:10px 0}
.home-motion .engine-stage{position:relative;margin-top:15px;height:490px}
.home-motion .source-caption{position:absolute;z-index:2;top:22px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;width:250px}
.home-motion .small-label{font-size:8px;letter-spacing:2px;color:#8c9c7e}
.home-motion .source-caption strong{display:block;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;font-size:38px;margin-top:8px}
.home-motion .source-caption strong>span{font-family:'Manrope',sans-serif;font-size:13px;color:#bac4ad;margin-left:6px}
.home-motion #engine-canvas{position:absolute;inset:0}
.home-motion #engine-canvas canvas{width:100%;height:100%;display:block}
.home-motion .engine-loading{position:absolute;top:50%;left:0;right:0;text-align:center;font:11px 'Space Mono',monospace;color:var(--muted);pointer-events:none}
.home-motion.engine-ready .engine-loading{display:none}
.home-motion .canvas-note{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font:8px 'Space Mono',monospace;letter-spacing:1.2px;white-space:nowrap;display:flex;align-items:center;gap:9px;color:#64765c}
.home-motion .canvas-note .status-dot{width:3px;height:3px;box-shadow:none;background:#75816a}
.home-motion .destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:20px}
.home-motion .destination{--accent:var(--silver);border:0;border-top:1px solid #ffffff23;border-bottom:1px solid #ffffff16;text-align:left;background:transparent;position:relative;display:flex;flex-direction:column;padding:20px 25px 25px;transition:background .35s ease}
.home-motion .destination+.destination{border-left:1px solid #ffffff14}
.home-motion .destination.gold{--accent:var(--gold)}
.home-motion .destination.mint{--accent:var(--mint)}
.home-motion .destination.silver{--accent:var(--silver)}
.home-motion .destination:before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.home-motion .destination[aria-pressed=true]:before,.home-motion .destination:hover:before{transform:scaleX(1)}
.home-motion .destination[aria-pressed=true]{background:linear-gradient(180deg,#ffffff05,transparent)}
.home-motion .dest-top{display:flex;justify-content:space-between;align-items:center;color:#809177;font-size:12px}
.home-motion .dest-num{font-size:9px}
.home-motion .dest-arrow{font-size:20px;transition:transform .25s}
.home-motion .destination:hover .dest-arrow{transform:translate(2px,-2px)}
.home-motion .dest-value{font:600 80px/.9 'Barlow Condensed','Arial Narrow',sans-serif;color:var(--accent);margin-top:24px;letter-spacing:-2px}
.home-motion .dest-value>span{font-size:40px;letter-spacing:0;margin-left:4px}
.home-motion .dest-name{font-size:16px;margin-top:13px}
.home-motion .dest-sub{font-size:8px;letter-spacing:1px;color:#83917c;margin-top:12px;line-height:1.7}
.home-motion .detail-strip{display:grid;grid-template-columns:170px 1fr 190px;align-items:center;gap:35px;margin:28px 25px 0;min-height:100px}
.home-motion .detail-kicker{font-size:9px;letter-spacing:1.3px;color:var(--mint)}
.home-motion .detail-copy{font-size:13px;line-height:1.8;color:#b4bea9;max-width:590px;margin:0}
.home-motion .text-link{font-size:10px;justify-self:end;padding:10px 0;display:flex;align-items:center;gap:15px;border-bottom:1px solid #ffffff3a}
.home-motion .text-link>span{font-size:18px}
.home-motion .reveal{opacity:1;transform:none}
.home-motion.motion-enhanced .reveal{opacity:0;transform:translateY(25px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.home-motion.motion-enhanced .reveal.visible{opacity:1;transform:translateY(0)}
.home-motion.motion-paused *,.home-motion.motion-paused *::before,.home-motion.motion-paused *::after{animation-play-state:paused!important}
@keyframes home-hero-drift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.065) translate3d(-.6%,-.4%,0)}}
@keyframes home-rise-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes home-scroll-line{0%{transform:translateY(-100%)}55%,100%{transform:translateY(100%)}}
@keyframes home-breath{0%,100%{opacity:.5}50%{opacity:1}}
@media(min-width:1600px){.home-motion .hero-content{padding-top:205px}
.home-motion .hero-copy{font-size:15px;max-width:390px}
.home-motion .engine-section{padding-left:max(7.2%,calc((100vw - 1450px)/2));padding-right:max(7.2%,calc((100vw - 1450px)/2))}}
@media(max-width:900px){.home-motion .hero-content{padding-left:6%;padding-top:190px;max-width:680px}
.home-motion .hero-art{background-position:59% center}
.home-motion .hero-shade{background:linear-gradient(90deg,#050a08d1,#050a083b 62%,transparent),linear-gradient(0deg,var(--bg),transparent 30%)}
.home-motion .hero-caption{display:none}
.home-motion .hero-bottom{padding:0 28px}
.home-motion .engine-section{padding-left:6%;padding-right:6%}
.home-motion .engine-heading{gap:20px}
.home-motion .engine-stage{height:420px}
.home-motion .hero-support{grid-template-columns:1fr;gap:22px;max-width:390px}
.home-motion .detail-strip{grid-template-columns:1fr 2fr;gap:18px;margin-left:18px;margin-right:18px}
.home-motion .text-link{grid-column:2;justify-self:start}
.home-motion .dest-value{font-size:66px}
.home-motion .dest-value>span{font-size:32px}}
@media(max-width:600px){.home-motion .motion-toggle{min-height:40px;padding:8px 11px;font-size:10px}
.home-motion .hero{height:870px;min-height:870px;max-height:none}
.home-motion .hero-art{inset:0;background-size:auto 660px;background-position:74% 65px;background-repeat:no-repeat;animation-duration:30s}
.home-motion .hero-shade{background:linear-gradient(0deg,var(--bg) 9%,#080c09f2 23%,#080c0966 52%,transparent 78%,#080c0940),linear-gradient(90deg,#050a0844,transparent 70%)}
.home-motion .hero-content{padding:352px 25px 112px;max-width:none}
.home-motion .eyebrow{font-size:8px;letter-spacing:1.5px;gap:8px}
.home-motion h1{font-size:76px;line-height:.78;letter-spacing:-1.5px;margin:21px 0 27px;max-width:330px}
.home-motion h1 .hero-line{display:block}
.home-motion .hero-support{display:block;max-width:315px}
.home-motion .hero-copy{font-size:12px;line-height:1.75;max-width:295px;margin-bottom:21px}
.home-motion .primary{padding:15px 17px;font-size:11px;gap:45px}
.home-motion .hero-bottom{padding:0 25px;bottom:28px}
.home-motion .scene-index{font-size:8px}
.home-motion .scroll-cue{font-size:7px;letter-spacing:1.4px;gap:10px}
.home-motion .engine-section{padding:45px 24px 42px}
.home-motion .section-top{gap:12px}
.home-motion .section-top>.mono{font-size:7px;letter-spacing:.7px}
.home-motion .section-no{margin-right:7px}
.home-motion .engine-heading{display:block;margin-top:35px}
.home-motion h2{font-size:60px;letter-spacing:-1px}
.home-motion .engine-heading>p{font-size:12px;line-height:1.65;margin-top:20px;max-width:none}
.home-motion .engine-stage{height:345px;margin-left:-18px;margin-right:-18px;margin-top:18px}
.home-motion .source-caption{top:5px}
.home-motion .source-caption strong{font-size:27px;margin-top:5px}
.home-motion .source-caption strong>span{font-size:11px}
.home-motion .small-label{font-size:7px;letter-spacing:1px}
.home-motion .canvas-note{font-size:6px;letter-spacing:.65px;gap:5px;bottom:1px}
.home-motion .destinations{margin:18px -5px 0}
.home-motion .destination{padding:15px 10px 20px}
.home-motion .dest-value{font-size:53px;letter-spacing:-2px;margin-top:20px}
.home-motion .dest-value>span{font-size:25px;margin-left:2px}
.home-motion .dest-name{font-size:12px;line-height:1.5;margin-top:10px;min-height:36px}
.home-motion .dest-sub{font-size:7px;letter-spacing:.5px;line-height:1.7;margin-top:6px}
.home-motion .dest-arrow{font-size:16px}
.home-motion .dest-num{font-size:8px}
.home-motion .detail-strip{display:block;min-height:195px;margin:25px 5px 0}
.home-motion .detail-kicker{font-size:8px}
.home-motion .detail-copy{font-size:12px;margin-top:14px;line-height:1.75}
.home-motion .text-link{display:inline-flex;margin-top:13px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.home-motion{scroll-behavior:auto}
.home-motion *,.home-motion *:before,.home-motion *:after{animation:none!important;transition:none!important}
.home-motion.motion-enhanced .reveal{opacity:1;transform:none}
.home-motion .hero-art{will-change:auto}}
.home-motion #engine-canvas{inset:55px 0 0}
@media(max-width:600px){.home-motion #engine-canvas{inset:48px 0 0}}
.home-motion .coin-scene-ready .hero-art{inset:0;animation:none;background-image:url('./hero-branded.webp');will-change:auto}
.home-motion .coin-fall-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
@media(max-width:600px){.home-motion .coin-scene-ready .hero-art{background-size:auto 660px;background-position:74% 65px}}
/* The existing navigation and transactional UI retain their own styling. */
.home-motion{margin-top:-78px;background:#080c09;color:#edf0e5;font-family:'Manrope',sans-serif}
.home-motion .motion-toggle{position:absolute;right:42px;top:105px;z-index:6}
.home-motion .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.home-motion .hero-actions .primary{margin:0}
.home-motion .hero-secondary{font-size:12px;padding:14px 16px;border:1px solid #ffffff35;border-radius:999px}
.home-motion .hero-bottom{align-items:flex-end}
.home-motion .hero-countdown{display:flex;flex-direction:column;gap:7px;align-items:flex-end;font-family:'Space Mono',monospace}
.home-motion .hero-countdown small{font-size:8px;letter-spacing:1.7px;color:var(--muted)}
.home-motion .hero-countdown strong{font-size:23px;font-weight:400;letter-spacing:1px}
.home-motion .coin-fall-canvas[hidden]{display:none}
@media(max-width:600px){
.home-motion .motion-toggle{right:23px;top:98px}
.home-motion .hero-content{padding-bottom:135px}
.home-motion .hero-actions{gap:9px}
.home-motion .hero-actions .primary{padding:13px 15px;gap:12px;font-size:10px}
.home-motion .hero-secondary{font-size:10px;padding:13px 11px}
.home-motion .hero-countdown strong{font-size:18px}
.home-motion .hero-countdown small{font-size:7px}
.home-motion .hero-bottom{gap:12px}
.home-motion .scene-index{display:none}
}

/* Keep the retained live-stat strip inside tablet screens. */
@media(max-width:900px){.home-live-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Keep live figures readable while the coins pass behind the stats. */
.home-motion .home-stats-panel{position:relative;z-index:6;background:#0f1113;color:#eafff5;font-family:'Manrope',system-ui,sans-serif}