@font-face{font-family:Elyon;src:url('/assets/grotesk-regular.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:Elyon;src:url('/assets/grotesk-bold.ttf') format('truetype');font-display:swap;font-weight:700}@font-face{font-family:Commit;src:url('/assets/commit-mono.otf') format('opentype');font-display:swap}
:root{--bg:#080b14;--panel:#0e1420;--ink:#f1f5f7;--muted:#919dae;--cyan:#38e4f0;--gold:#ead38a;--border:#ffffff18;--line:#ffffff0b;--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark;font-family:Elyon,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5;overflow-x:clip}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}button,select{cursor:pointer}button{border:0}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button::-moz-focus-inner{border:0}::selection{background:var(--cyan);color:var(--bg)}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.055em;line-height:1.05;text-wrap:balance}p{text-wrap:pretty}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;padding:12px 24px;background:var(--cyan);color:var(--bg);z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.scroll-progress{position:fixed;top:0;inset-inline-start:0;width:100%;height:2px;background:var(--cyan);transform-origin:left;transform:scaleX(0);z-index:50}.site-header{height:94px;position:absolute;z-index:20;top:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;margin:0 5.5%;border-bottom:1px solid var(--border);gap:28px}.brand{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;font-size:17px;font-weight:700;letter-spacing:.13em}.brand img{object-fit:contain}.brand-light{font-weight:400;opacity:.64}.desktop-nav{display:flex;align-items:center;gap:36px;margin-inline-start:auto;font-size:13px;color:#b3bdcb}.desktop-nav a,.site-footer a,.text-link{transition:color .2s}.desktop-nav a:hover,.site-footer a:hover,.text-link:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:25px}.language-control{display:flex;align-items:center;gap:7px}.globe{font-size:25px;line-height:1;color:#9ca9b9}.language-control select{border:0;background:transparent;color:#c6d0dc;font-size:12px;padding:7px 2px;max-width:125px}.language-control select option{background:var(--panel)}.header-support{font-size:12px;border:1px solid #68788b80;border-radius:3px;padding:10px 18px;transition:border-color .2s,background .2s}.header-support:hover{background:#ffffff0a;border-color:var(--cyan)}.hero{position:relative;padding:190px 5.5% 130px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,transparent,black);opacity:.5}.hero-aura{position:absolute;width:65vw;height:65vw;right:-12%;top:-6%;background:radial-gradient(ellipse,#13596733,transparent 65%);z-index:-1}.hero-copy{position:relative;z-index:3;width:49%;max-width:680px}.eyebrow{display:flex;gap:12px;align-items:center;font-family:Commit,monospace;font-size:10px;line-height:1.6;letter-spacing:.09em;text-transform:uppercase;color:#b3c2cf}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px #38e4f066}.hero h1{font-size:clamp(60px,6.3vw,96px);line-height:1.01;letter-spacing:-.068em;margin-top:34px;max-width:670px}.hero-description{font-size:18px;line-height:1.7;color:var(--muted);max-width:410px;margin-top:29px}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:38px;min-height:54px;border-radius:3px;padding:15px 22px;font-size:13px;line-height:1.3;transition:background .25s,transform .3s var(--ease),box-shadow .3s;position:relative;overflow:hidden}.button-primary{color:#111917;background:var(--gold);border:1px solid var(--gold)}.button-primary:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,#fff7,transparent);transform:translateX(-120%);transition:transform .7s}.button-primary:hover:before{transform:translateX(120%)}.button:hover{transform:translateY(-3px)}.button-primary:hover{box-shadow:0 8px 32px #ead38a19}.button-arrow{font-size:20px;line-height:1;transition:transform .3s}.button:hover .button-arrow{transform:translate(2px,-2px)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:13px}.text-link>span:last-child{font-size:19px}.release-note{font-size:11px;line-height:1.7;color:#7b899a;display:flex;gap:14px;align-items:flex-start;margin-top:34px;max-width:350px}.note-line{height:1px;width:24px;flex-shrink:0;margin-top:9px;background:#536578}.hero-enter{animation:enter 1.2s var(--ease) both}.hero-enter:nth-child(2){animation-delay:.12s}.hero-enter:nth-child(3){animation-delay:.23s}.hero-enter:nth-child(4){animation-delay:.33s}.hero-enter:nth-child(5){animation-delay:.43s}.hero-world{position:absolute;width:63vw;height:63vw;max-width:930px;max-height:930px;right:-8%;top:50%;transform:translateY(-44%);z-index:1;pointer-events:none;direction:ltr}.world-halo{position:absolute;inset:23%;border-radius:50%;background:radial-gradient(circle,#42dded1b,transparent 72%);filter:blur(30px)}.orbit{position:absolute;inset:12%;border:1px solid #6fced026;border-radius:50%}.orbit:after{content:'';position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.orbit-one{animation:orbit 32s linear infinite;transform:rotate(-30deg)}.orbit-two{inset:20%;border-style:dashed;border-color:#7db5c11a;animation:orbit 50s linear reverse infinite}.orbit-two:after{background:var(--gold);box-shadow:0 0 20px #ead38a80;width:5px;height:5px}.orbit-three{inset:5%;border-color:#ffffff09}.orbit-three:after{display:none}.world-crosshairs{position:absolute;inset:2%;width:96%;height:96%;stroke:#9ab9c52b;fill:none;stroke-width:1}.world-plane{position:absolute;inset:14%;transform:perspective(800px) rotateX(53deg) rotateZ(-29deg);opacity:.75}.city-lines{width:100%;height:100%;fill:none;stroke:#3e566d;stroke-width:1}.city-lines .city-river{stroke:#10647a;stroke-width:30;opacity:.3}.city-lines .city-route{stroke:var(--cyan);stroke-width:3;stroke-dasharray:600;stroke-dashoffset:600;animation:route-draw 8s ease-in-out infinite}.map-point{position:absolute;width:10px;height:10px;border:1px solid var(--cyan);border-radius:50%;background:#09313d;box-shadow:0 0 0 6px #23d8ee10}.point-one{left:27%;top:79%}.point-two{left:46%;top:35%}.point-three{left:69%;top:20%}.hero-coin{position:absolute;width:31%;height:31%;left:35%;top:33%;border-radius:50%;background:linear-gradient(140deg,#f1de9d,#9a7131 45%,#e0c17b 60%,#402f18);padding:6px;box-shadow:12px 22px 0 #8f6c2a,15px 26px 0 #e6cc84,30px 48px 90px #000c;transform:perspective(900px) rotateY(-28deg) rotateX(20deg) rotateZ(-14deg);animation:coin-float 8s ease-in-out infinite}.coin-rim{position:absolute;inset:9px;border:2px dotted #e1c58465;border-radius:50%;z-index:3}.coin-face{height:100%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#24323f,#101925 55%,#07111c);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12%;border:8px double #b99754}.coin-face img{width:58%;filter:drop-shadow(0 0 16px #b5dfef1a)}.coin-face span{font-family:Commit,monospace;color:var(--gold);font-size:clamp(10px,1.2vw,18px);letter-spacing:.5em;padding-left:.5em}.coin-glint{position:absolute;inset:5%;border-radius:50%;background:linear-gradient(130deg,#ffffff25,transparent 38%);mix-blend-mode:screen}.mini-coin{position:absolute;width:8%;height:8%;border:3px solid #bf9e50;border-radius:50%;background:#0d1c27;display:grid;place-items:center;box-shadow:5px 7px 0 #755722,12px 16px 20px #0008;animation:small-float 6s ease-in-out infinite}.mini-coin img{width:65%}.mini-one{left:20%;top:32%;transform:rotate(-20deg)}.mini-two{right:22%;top:67%;animation-delay:-3s;transform:rotate(12deg)}.mini-three{right:18%;top:27%;width:5%;height:5%;animation-delay:-1.5s;opacity:.7}.world-coordinate{position:absolute;font-family:Commit,monospace;font-size:9px;color:#607a8e;letter-spacing:.16em}.coordinate-one{top:16%;left:28%}.coordinate-two{bottom:13%;right:29%}.hero-bottom{position:absolute;bottom:33px;inset-inline:5.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:Commit,monospace;font-size:9px;letter-spacing:.15em;color:#627184}.down-track{width:1px;height:36px;background:#ffffff16;position:relative;overflow:hidden}.down-track i{width:1px;height:13px;background:var(--gold);position:absolute;top:-15px;animation:scroll-track 2s ease-in-out infinite}.section-shell{max-width:1440px;margin:auto;padding:112px 7%}.section-heading{max-width:730px}.section-number{color:#55697d;padding-inline-end:16px;border-inline-end:1px solid #ffffff24}.section-heading h2,.wallet-copy h2,.journey-copy h2{font-size:clamp(40px,4.1vw,64px);margin:26px 0 22px;max-width:660px}.section-heading p,.section-description{color:var(--muted);font-size:16px;line-height:1.8;max-width:570px}.explore-section{border-top:1px solid var(--border)}.discovery-stage{margin-top:52px;border:1px solid #31435280;background:#0b131e;border-radius:7px;overflow:hidden;box-shadow:0 25px 90px #0004}.stage-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 30px;border-bottom:1px solid var(--border);position:relative;z-index:2;background:#101925}.stage-brand{display:flex;gap:12px;align-items:center;font-family:Commit,monospace;letter-spacing:.14em;font-size:10px}.stage-toolbar-stats{display:flex;gap:36px}.stage-toolbar-stats>span{display:flex;align-items:center;gap:12px}.stage-toolbar-stats b{font-weight:400;font-size:20px;color:#dfeaf0}.stage-toolbar-stats small{font-size:10px;color:#8296aa;max-width:72px;line-height:1.4}.map-canvas{height:490px;position:relative;overflow:hidden;direction:ltr}.discovery-map{position:absolute;inset:0;width:100%;height:100%;transition:transform 1.5s var(--ease);transform-origin:56% 45%}.map-radius{fill:#35d6ef06;stroke:#38e4f044;stroke-width:1;stroke-dasharray:4 9}.discovery-route{fill:none;stroke:var(--cyan);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:700;stroke-dashoffset:700;transition:stroke-dashoffset 2s var(--ease)}.route-shadow{stroke-width:15;stroke:#38e4f01c}.is-exploring .discovery-route{stroke-dashoffset:0}.is-exploring .discovery-map{transform:scale(1.12)}.player-marker{position:absolute;top:50%;left:50%;width:14px;height:14px;transform:translate(-50%,-50%);border:3px solid #e6fdff;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 14px #38e4f014;z-index:3}.player-marker:after{content:'';position:absolute;inset:-32px;border:1px solid #38e4f030;border-radius:50%;animation:pulse-ring 3s ease-out infinite}.map-compass{position:absolute;right:28px;top:26px;font-family:Commit,monospace;font-size:8px;color:#95b2c6;display:flex;flex-direction:column;align-items:center;gap:4px}.map-compass i{font-size:24px;font-style:normal;color:#c0d9e5}.discovery-coins{position:absolute;inset:0;transition:transform 1.5s var(--ease)}.is-exploring .discovery-coins{transform:scale(1.05)}.discovery-pin{position:absolute;width:37px;height:37px;border-radius:50%;border:2px solid #b59b5b;background:linear-gradient(135deg,#273244,#0d1420);display:grid;place-items:center;box-shadow:0 0 0 5px #ead38a09,0 8px 14px #0009;transform:translate(-50%,-50%);transition:box-shadow .6s,transform .6s}.discovery-pin img{width:62%}.discovery-pin:nth-child(3n){width:25px;height:25px;opacity:.7}.discovery-pin:nth-child(4n){width:31px;height:31px;opacity:.85}.is-exploring .discovery-pin{animation:pin-pop .8s var(--ease) both;animation-delay:var(--delay)}.stage-bottom{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:22px 30px;background:#0e1723;border-top:1px solid var(--border)}.stage-bottom p{font-size:11px;color:#889aac;max-width:370px}.button-small{min-height:42px;padding:10px 16px;font-size:11px;gap:24px}.button-outline{background:transparent;border:1px solid #54717f;color:#c4edf0}.button-outline:hover{border-color:var(--cyan);background:#38e4f00a}.how-section{padding-top:90px}.how-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;margin-top:60px;align-items:center}.steps-list{border-top:1px solid var(--border)}.step{width:100%;display:flex;text-align:start;align-items:flex-start;gap:22px;padding:30px 0;background:transparent;border-bottom:1px solid var(--border);transition:opacity .4s;opacity:.6}.step:hover,.step.is-active{opacity:1}.step-number{font-family:Commit,monospace;font-size:10px;padding-top:8px;color:#688191}.step .step-title{font-size:25px;line-height:1.2;letter-spacing:-.035em;transition:color .3s}.step .step-body{font-size:13px;color:var(--muted);line-height:1.8;margin-top:12px;max-width:390px}.step-arrow{font-size:20px;margin-inline-start:auto;padding-top:4px;opacity:0;transition:opacity .3s,transform .3s}.step.is-active .step-arrow{opacity:1;transform:rotate(45deg);color:var(--cyan)}.step.is-active .step-title{color:var(--cyan)}.how-visual{aspect-ratio:1;position:relative;border:1px solid #2b3b4b80;border-radius:50%;background:radial-gradient(circle,#14303a55,transparent 65%);direction:ltr;overflow:hidden}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle,black,transparent 70%)}.scan-ring{position:absolute;inset:15%;border:1px solid #38e4f033;border-radius:50%}.scan-ring-two{inset:32%;border-style:dashed}.scan-sweep{position:absolute;inset:15%;border-radius:50%;background:conic-gradient(from 0deg,transparent 65%,#38e4f013 95%,#38e4f055 99%,transparent);animation:orbit 10s linear infinite}.process-orb{position:absolute;inset:38%;background:#152631;border:1px solid #5b7782;box-shadow:0 0 60px #38e4f014;border-radius:50%;display:grid;place-items:center;transition:transform .8s var(--ease),opacity .4s}.process-orb img{width:57%}.process-route{position:absolute;inset:0;width:100%;height:100%;stroke:var(--cyan);stroke-width:2;fill:none;opacity:0;transform:scale(.9);transition:opacity .7s,transform .7s}.process-route path{stroke-dasharray:650;stroke-dashoffset:650;transition:stroke-dashoffset 2s var(--ease)}.process-index{position:absolute;inset-inline:0;bottom:8%;text-align:center;font-family:Commit,monospace;font-size:10px;color:#698290;letter-spacing:.3em}.process-wallet{position:absolute;inset:32% 23%;border:1px solid #779a9c;border-radius:12px;background:#13242e;opacity:0;transform:translateY(30px);transition:transform .7s var(--ease),opacity .7s}.process-wallet span{position:absolute;inset:16% 9% 70%;border-radius:2px;background:var(--gold);opacity:.7}.process-wallet i{position:absolute;width:28%;height:26%;right:-4%;top:44%;border:1px solid #779a9c;background:#1d3540;border-radius:4px}.process-wallet i:after{content:'';width:5px;height:5px;background:var(--cyan);border-radius:50%;position:absolute;top:40%;left:30%}.how-visual[data-active-step="2"] .process-orb{opacity:.3;transform:scale(.65)}.how-visual[data-active-step="2"] .process-route{opacity:1;transform:scale(1)}.how-visual[data-active-step="2"] .process-route path{stroke-dashoffset:0}.how-visual[data-active-step="3"] .process-orb{opacity:0;transform:scale(.5)}.how-visual[data-active-step="3"] .process-wallet{opacity:1;transform:translateY(0)}.how-visual[data-active-step="3"] .scan-sweep{opacity:.3}.wallet-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:90px;padding-bottom:130px}.wallet-visual{position:relative;aspect-ratio:1;display:grid;place-items:center;direction:ltr}.wallet-orbit{position:absolute;inset:3%;border:1px solid #4d647833;border-radius:50%;transform:rotate(-35deg) scaleY(.7)}.wallet-orbit.second{transform:rotate(35deg) scaleY(.7);inset:-2%;border-style:dashed}.wallet-card{width:86%;aspect-ratio:1.58;max-width:440px;background:linear-gradient(120deg,#34414c,#172432 50%,#0c1d2a);border:1px solid #8ca6ad70;border-radius:17px;padding:28px;transform:perspective(900px) rotateY(13deg) rotateZ(-10deg);box-shadow:20px 35px 60px #0008,inset 0 1px #ecfcff2b;position:relative;overflow:hidden;animation:card-float 9s ease-in-out infinite}.wallet-card:after{content:'';position:absolute;width:120%;height:170%;border:1px solid #ffffff10;transform:rotate(-35deg);top:-20%;left:30%;border-radius:50%}.wallet-card-header{display:flex;justify-content:space-between;align-items:center;font-family:Commit,monospace;font-size:8px;color:#b8c8d2;letter-spacing:.12em}.wallet-card-header img{width:37px}.wallet-symbol{font-size:68px;letter-spacing:-.06em;line-height:1;margin-top:25px;color:var(--gold);display:flex;justify-content:space-between}.wallet-symbol>span{font-size:38px;color:#91a9b4}.wallet-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.wallet-dots{letter-spacing:.2em;font-size:13px;color:#98aab7}.wallet-card-bottom svg{width:21px;height:21px;fill:none;stroke:var(--gold);stroke-width:1}.floating-lock{position:absolute;right:3%;bottom:18%;width:64px;height:64px;border:1px solid #527988;border-radius:50%;background:linear-gradient(140deg,#1d3c49,#11222e);display:grid;place-items:center;box-shadow:0 15px 30px #0008;animation:small-float 6s ease-in-out infinite}.floating-lock svg{width:27px;height:27px;fill:none;stroke:var(--cyan);stroke-width:1.3}.wallet-safety{font-size:12px;color:#8a9bab;line-height:1.8;margin-top:29px;border-top:1px solid var(--border);padding-top:25px;display:flex;gap:16px;max-width:500px}.wallet-safety>span:first-child{color:var(--gold);font-size:21px}.journey-section{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-top:70px;padding-bottom:70px;background:radial-gradient(ellipse at 80% 50%,#30224038,transparent 50%)}.journey-art{position:relative;aspect-ratio:1;direction:ltr}.journey-lines{position:absolute;inset:8%;border:1px solid #c7b3e31b;border-radius:50%;box-shadow:0 0 0 30px #9981c007,0 0 0 60px #9981c006}.champion-badge{position:absolute;width:75%;top:10%;right:-2%;filter:drop-shadow(0 20px 30px #0008);animation:small-float 7s ease-in-out infinite}.discovery-badge{position:absolute;width:44%;bottom:5%;left:2%;z-index:2;transform:rotate(-15deg);filter:drop-shadow(0 15px 25px #0009);animation:badge-float 6s ease-in-out infinite}.spark{position:absolute;color:var(--gold);font-size:25px;animation:spark 4s ease-in-out infinite}.spark-one{top:19%;left:16%}.spark-two{bottom:8%;right:17%;font-size:15px;animation-delay:-2s}.cta-section{text-align:center;position:relative;overflow:hidden;isolation:isolate;padding-top:115px;padding-bottom:125px}.cta-symbol{margin:0 auto 35px;opacity:.65}.cta-section h2{font-size:clamp(42px,4.9vw,72px);max-width:800px;margin:auto}.cta-section p{font-size:15px;color:var(--muted);margin:25px auto 32px;max-width:530px}.cta-orbit{position:absolute;width:800px;height:800px;border:1px solid #6e8ea415;border-radius:50%;top:34%;left:50%;transform:translate(-50%,-50%);z-index:-1;box-shadow:0 0 0 90px #6e8ea405,0 0 0 180px #6e8ea403;background:radial-gradient(circle,#123c4926,transparent 60%)}.site-footer{border-top:1px solid var(--border);margin:0 5.5%;padding:45px 0 24px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.footer-main p{grid-column:1;font-size:12px;color:#758496}.footer-main nav{grid-column:2;grid-row:1/3;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:25px;font-size:11px;color:#aab6c5}.footer-bottom{border-top:1px solid var(--border);margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#596b7d;font-size:9px}.footer-mark{font-family:Commit,monospace;letter-spacing:.1em}.reveal{opacity:1;transform:none}.motion-enabled .reveal{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.motion-enabled .reveal.is-visible{opacity:1;transform:none}.legal-main{max-width:1060px;margin:0 auto;padding:160px 7% 110px;min-height:75vh}.legal-back{display:inline-flex;gap:12px;font-size:12px;color:var(--muted);margin-bottom:45px}.legal-main h1{font-size:clamp(40px,5vw,70px);max-width:840px;line-height:1.1}.legal-updated{font-family:Commit,monospace;font-size:10px;line-height:1.7;color:#688294;margin-top:25px}.legal-intro{font-size:19px;line-height:1.7;color:#bec9d4;max-width:790px;margin-top:32px;padding-bottom:40px;border-bottom:1px solid var(--border)}.legal-sections{display:grid;gap:37px;margin-top:42px}.legal-section{max-width:800px}.legal-section h2{font-size:25px;line-height:1.3;letter-spacing:-.025em;margin-bottom:15px}.legal-section p{font-size:15px;color:var(--muted);line-height:1.95}.legal-main a[href^="mailto"]{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.legal-related{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:50px;padding-top:26px;color:#a8c3ce;font-size:12px}[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{letter-spacing:0;line-height:1.3}[dir="rtl"] .eyebrow{letter-spacing:0}[dir="rtl"] .hero-world{right:auto;left:-8%}[dir="rtl"] .hero-aura{right:auto;left:-12%}[dir="rtl"] .hero-copy{margin-inline-end:auto}[dir="rtl"] .hero-grid{mask-image:linear-gradient(270deg,transparent,black)}[dir="rtl"] .hero-actions{gap:24px}
@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes coin-float{0%,100%{transform:perspective(900px) rotateY(-28deg) rotateX(20deg) rotateZ(-14deg) translateY(0)}50%{transform:perspective(900px) rotateY(-20deg) rotateX(16deg) rotateZ(-10deg) translateY(-16px)}}@keyframes small-float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes badge-float{0%,100%{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-11deg) translateY(-13px)}}@keyframes card-float{0%,100%{transform:perspective(900px) rotateY(13deg) rotateZ(-10deg) translateY(0)}50%{transform:perspective(900px) rotateY(6deg) rotateZ(-7deg) translateY(-10px)}}@keyframes scroll-track{to{transform:translateY(55px)}}@keyframes route-draw{0%,15%{stroke-dashoffset:600;opacity:0}35%,70%{stroke-dashoffset:0;opacity:1}95%,100%{stroke-dashoffset:0;opacity:0}}@keyframes pulse-ring{0%{transform:scale(.7);opacity:0}30%{opacity:1}100%{transform:scale(1.4);opacity:0}}@keyframes pin-pop{0%{transform:translate(-50%,-50%) scale(.5)}60%{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 0 12px #ead38a09,0 8px 14px #0009}100%{transform:translate(-50%,-50%) scale(1)}}@keyframes spark{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
@media(min-width:1700px){.hero-copy{width:50%}.hero-world{right:calc(25% - 465px)}[dir="rtl"] .hero-world{left:calc(25% - 465px)}}
@media(max-width:1100px){.desktop-nav{gap:21px}.site-header{gap:20px}.header-actions{gap:16px}.hero{padding-top:170px}.hero h1{font-size:67px}.hero-world{width:70vw;height:70vw;right:-17%;top:45%}.hero-copy{width:55%}.hero-description{font-size:16px;max-width:350px}.hero-actions{gap:22px}.hero-world .mini-two{right:28%}.hero h1{max-width:540px}.section-shell{padding-inline:6%}.wallet-section{gap:5%}.wallet-symbol{font-size:54px}.wallet-card{padding:22px}.wallet-card-bottom{margin-top:22px}.how-layout{gap:5%}}
@media(max-width:800px){.site-header{height:78px;margin-inline:6%}.desktop-nav{display:none}.header-support{padding:9px 12px}.brand{font-size:14px;gap:10px}.brand img{width:30px}.language-control select{max-width:95px;font-size:10px}.header-actions{gap:10px}.globe{font-size:20px}.hero{padding:140px 7% 100px;display:block}.hero-copy{width:100%;max-width:620px}.hero h1{font-size:clamp(53px,9vw,76px);max-width:610px;margin-top:28px}.hero-description{max-width:430px}.hero-world{position:relative;width:100vw;height:90vw;max-width:800px;max-height:720px;right:auto;left:8%;top:auto;transform:none;margin-top:-5%;margin-bottom:-7%;pointer-events:none}.hero-world .coordinate-two{bottom:6%}.hero .release-note{max-width:430px;font-size:10px}.hero-bottom{bottom:25px}.hero-aura{width:130vw;height:130vw;top:30%;right:-20%}.hero-actions{margin-top:28px}.hero-grid{opacity:.4;mask-image:linear-gradient(180deg,transparent,black)}.section-shell{padding:85px 7%}.section-heading h2,.wallet-copy h2,.journey-copy h2{font-size:42px}.section-heading p,.section-description{font-size:14px}.stage-toolbar{padding:20px}.stage-toolbar-stats{gap:22px}.stage-toolbar-stats>span{gap:8px}.stage-toolbar-stats b{font-size:18px}.stage-toolbar-stats small{font-size:8px}.stage-brand{font-size:8px}.map-canvas{height:400px}.stage-bottom{padding:18px 20px}.stage-bottom p{font-size:10px;max-width:270px}.how-layout{grid-template-columns:1fr;gap:45px;margin-top:35px}.how-visual{width:min(75%,420px);margin:auto;grid-row:1}.step{padding:27px 0}.step .step-body{max-width:520px}.wallet-section{grid-template-columns:1fr;gap:20px}.wallet-visual{width:min(90%,450px);margin:auto;grid-row:2}.wallet-copy{max-width:620px}.journey-section{grid-template-columns:1fr;padding-bottom:35px;gap:20px}.journey-art{width:min(85%,450px);margin:auto}.journey-copy{max-width:620px}.cta-section{padding-top:100px;padding-bottom:110px}.cta-section h2{font-size:48px}.footer-main{grid-template-columns:1fr}.footer-main nav{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:12px}.footer-mark{display:none}.legal-main{padding-top:130px}.legal-intro{font-size:17px}.legal-section p{font-size:14px}[dir="rtl"] .hero-world{right:auto;left:-8%}}
@media(max-width:480px){.site-header{margin-inline:6%;gap:14px}.header-support{display:none}.hero{padding-top:125px}.hero h1{font-size:55px;max-width:370px;line-height:1.04}.hero .eyebrow{font-size:8px;gap:9px}.hero-description{font-size:15px}.button{padding:15px 18px;gap:25px;font-size:12px}.hero-actions{align-items:flex-start;flex-direction:column;gap:21px}.text-link{font-size:12px}.hero .release-note{margin-top:27px}.hero-world{margin-top:5%;width:113vw;height:104vw;left:1%;margin-bottom:-3%}.hero-coin{padding:4px;box-shadow:7px 12px 0 #8f6c2a,9px 15px 0 #e6cc84,25px 35px 70px #000c}.coin-face{border-width:5px}.coin-rim{inset:7px;border-width:1px}.mini-coin{border-width:2px;box-shadow:3px 4px 0 #755722,8px 10px 20px #0008}.hero-platforms{font-size:8px}.section-heading h2,.wallet-copy h2,.journey-copy h2{font-size:37px}.eyebrow{font-size:8px}.section-number{padding-inline-end:10px}.discovery-stage{margin-top:35px}.stage-brand{font-size:7px;gap:7px}.stage-toolbar{padding:16px}.stage-toolbar-stats{gap:14px}.stage-toolbar-stats>span{display:block}.stage-toolbar-stats b{font-size:16px}.stage-toolbar-stats small{display:block;font-size:7px;max-width:62px}.map-canvas{height:330px}.discovery-pin{width:29px;height:29px}.discovery-pin:nth-child(3n){width:20px;height:20px}.discovery-pin:nth-child(4n){width:25px;height:25px}.stage-bottom{display:block;padding:17px}.stage-bottom p{max-width:none}.stage-bottom .button{margin-top:15px;min-height:39px;padding:9px 13px;font-size:10px}.how-visual{width:87%}.step{gap:16px}.step .step-title{font-size:22px}.step .step-body{font-size:12px}.wallet-card{padding:20px;border-radius:13px}.wallet-symbol{font-size:51px;margin-top:20px}.wallet-card-header{font-size:6px}.wallet-card-header img{width:30px}.wallet-card-bottom{margin-top:20px}.wallet-dots{font-size:10px}.floating-lock{width:51px;height:51px;bottom:12%}.wallet-visual{width:100%}.wallet-safety{font-size:11px}.cta-section h2{font-size:41px}.cta-section p{font-size:13px}.site-footer{padding-top:32px}.footer-main nav{gap:18px;font-size:10px}.footer-bottom{font-size:8px;margin-top:30px}.legal-main h1{font-size:39px}.legal-main{padding-bottom:80px}.legal-intro{font-size:16px}.legal-section h2{font-size:23px}[dir="rtl"] .hero-world{left:-13%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}.city-lines .city-route{stroke-dashoffset:0;opacity:.7}.scroll-progress{display:none}}
.animation-paused *,.document-hidden *{animation-play-state:paused!important}
/* Keep intrinsic artwork proportions and decorative layers out of hit testing. */
img{height:auto}
[aria-hidden="true"]{pointer-events:none}
.journey-art{overflow:hidden}
@media(min-width:801px){.language-control select{max-width:170px}.header-actions{gap:20px}.desktop-nav{gap:27px}}
.language-code{display:none}
@media(max-width:800px){.language-control{position:relative;min-height:38px;padding:4px 5px;gap:6px}.language-code{display:block;font-family:Commit,monospace;font-size:10px;color:#c6d0dc}.language-control select{position:absolute;inset:0;width:100%;max-width:none;opacity:0}.language-control:focus-within{outline:2px solid var(--cyan);outline-offset:3px;border-radius:3px}}

.step-copy,.step-title,.step-body{display:block}.step-title{font-weight:400;text-wrap:balance}
.motion-control{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:transparent;border:1px solid #53657570;border-radius:50%;transition:background .2s,border-color .2s;color:#bfd0dc}.motion-control:hover{background:#38e4f00a;border-color:var(--cyan)}.motion-control svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.motion-control .resume-icon{display:none}.motion-control[aria-pressed="true"] .pause-icon{display:none}.motion-control[aria-pressed="true"] .resume-icon{display:block}.motion-control:disabled{opacity:.5;cursor:default}.motion-control:disabled .pause-icon{display:block}.motion-control:disabled .resume-icon{display:none}html.animations-paused{scroll-behavior:auto}.animations-paused *,.animations-paused *:before,.animations-paused *:after{animation-play-state:paused!important;transition:none!important}.animations-paused .reveal{opacity:1;transform:none}.legal-main h1,.legal-section h2{overflow-wrap:anywhere;hyphens:auto}.legal-section p{overflow-wrap:break-word}@media(max-width:1000px){.desktop-nav{display:none}}@media(max-width:480px){.motion-control{width:32px;height:32px}.header-actions{gap:8px}}
.motion-control{width:40px;height:40px;min-width:40px;min-height:40px}.animations-paused .hero-enter{animation:none!important;opacity:1;transform:none}.animations-paused .is-exploring .discovery-pin{animation:none!important}@media(pointer:coarse){.motion-control{width:44px;height:44px;min-width:44px;min-height:44px}.language-control{min-height:44px}}
/* Long translated compounds must wrap rather than disappear beyond clipped page edges. */
h1,h2,h3,.step-title{overflow-wrap:anywhere;hyphens:auto}
.hero-copy,.section-heading,.wallet-copy,.journey-copy,.step-copy{min-width:0}
.cta-section .button[download] { margin-block-start: 32px; }
.button[download]:hover .button-arrow { transform: translateY(2px); }

/* Scroll direction gives the existing artwork depth without moving its controls. */
[data-scene] {
  --scene-progress: .5;
  --scene-shift: 0;
  --scene-travel: 0px;
}
.motion-enabled .reveal {
  opacity: 0;
  transform: translate3d(0, 52px, 0);
  transition: opacity 1.1s var(--ease), transform 1.25s var(--ease);
  transition-delay: var(--reveal-delay, 0ms);
}
.motion-enabled .reveal.is-visible {
  opacity: 1;
  transform: none;
}
.motion-enabled .discovery-stage.reveal {
  transform: perspective(1400px) translate3d(0, 64px, 0) rotateX(6deg) scale(.97);
  transform-origin: center top;
}
.motion-enabled .discovery-stage.reveal.is-visible { transform: none; }
.motion-enabled .hero-world {
  translate: 0 calc(var(--scene-travel) * 1.8);
  scale: calc(1 + var(--scene-shift) * .045);
}
.motion-enabled .hero-aura { translate: 0 calc(var(--scene-travel) * -1.4); }
.motion-enabled .hero-grid { translate: 0 calc(var(--scene-travel) * .4); }
.motion-enabled .how-visual { rotate: calc(var(--scene-shift) * -5deg); }
.motion-enabled .wallet-visual { translate: 0 calc(var(--scene-travel) * -.65); }
.motion-enabled .journey-art { translate: 0 calc(var(--scene-travel) * -.8); }
.motion-enabled .cta-orbit { scale: calc(1 + var(--scene-shift) * .09); }
.wallet-section { overflow-x: clip; }
[dir="rtl"] .scroll-progress { transform-origin: right; }

.app-showcase {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 84px 8% 108px;
  background: radial-gradient(ellipse at 50% 62%, #10303e50, transparent 62%);
}
.showcase-light {
  position: absolute;
  z-index: -1;
  width: 65%;
  height: 65%;
  left: 18%;
  top: 10%;
  background: radial-gradient(ellipse, #77e3ed18, transparent 68%);
  filter: blur(30px);
}
.showcase-orbit {
  position: absolute;
  z-index: -1;
  left: 6%;
  right: 6%;
  top: 52%;
  height: 30%;
  border: 1px solid #72c1cc25;
  border-radius: 50%;
  rotate: -8deg;
  box-shadow: 0 0 0 60px #7298b306, 0 0 0 120px #7298b304;
}
.phone-stage {
  display: grid;
  grid-template-columns: 1fr 1.12fr 1fr;
  align-items: center;
  max-width: clamp(720px, 111svh, 940px);
  margin: 0 auto;
  padding: 35px 0;
  direction: ltr;
  perspective: 1800px;
}
.phone-slot { min-width: 0; }
.phone-rig { position: relative; }
.iphone-mockup {
  position: relative;
  padding: 8px;
  border: 1px solid #98a2ab;
  border-radius: 46px;
  background: linear-gradient(135deg, #6c737d, #151822 18%, #08090d 55%, #434954 90%, #98a2ab);
  box-shadow: 0 0 0 2px #181c24, 0 0 0 3px #59606a60, 0 35px 80px #0009;
}
.iphone-mockup::before,
.iphone-mockup::after {
  content: '';
  position: absolute;
  top: 23%;
  width: 3px;
  height: 9%;
  border-radius: 2px;
  background: linear-gradient(#858c97, #262c36);
}
.iphone-mockup::before { left: -4px; }
.iphone-mockup::after { right: -4px; height: 12%; top: 29%; }
.iphone-screen {
  overflow: hidden;
  border-radius: 38px;
  background: #0a0b15;
  border: 1px solid #030509;
}
.iphone-screen img { width: 100%; height: auto; }
.iphone-camera {
  position: absolute;
  top: 3%;
  left: 36%;
  width: 28%;
  height: 3.3%;
  border-radius: 20px;
  background: #030407;
  box-shadow: inset 0 0 0 1px #10131b;
}
.iphone-camera::after {
  content: '';
  position: absolute;
  right: 8%;
  top: 30%;
  aspect-ratio: 1;
  height: 40%;
  border-radius: 50%;
  background: radial-gradient(circle at 60% 30%, #28304b, #080c16 55%);
}
.phone-left { z-index: 1; }
.phone-left .iphone-mockup { transform: perspective(1200px) translate(18px, 32px) rotateY(14deg) rotateZ(-7deg) scale(.9); }
.phone-center { z-index: 3; }
.phone-center .iphone-mockup { transform: translateY(-12px); box-shadow: 0 0 0 2px #252c35, 0 0 0 3px #697b8d70, 0 45px 110px #000c, 0 0 70px #58c9e410; }
.phone-right { z-index: 2; }
.phone-right .iphone-mockup { transform: perspective(1200px) translate(-18px, 32px) rotateY(-14deg) rotateZ(7deg) scale(.9); }
.motion-enabled .phone-left .phone-rig {
  translate: calc(var(--scene-travel) * -.3) calc(var(--scene-travel) * -1.5);
  rotate: calc(var(--scene-shift) * -3deg);
}
.motion-enabled .phone-center .phone-rig { translate: 0 calc(var(--scene-travel) * .7); }
.motion-enabled .phone-right .phone-rig {
  translate: calc(var(--scene-travel) * .3) calc(var(--scene-travel) * -1.8);
  rotate: calc(var(--scene-shift) * 3deg);
}
.motion-enabled .showcase-orbit { rotate: calc(-8deg + var(--scene-shift) * 9deg); }
.motion-enabled .showcase-light {
  opacity: calc(.55 + var(--scene-progress) * .45);
  translate: 0 calc(var(--scene-travel) * -.7);
}
@media (max-width: 800px) {
  .app-showcase { padding: 50px 5% 65px; }
  .phone-stage { max-width: 650px; grid-template-columns: .8fr 1.2fr .8fr; padding-block: 35px; }
  .iphone-mockup { padding: 5px; border-radius: 30px; }
  .iphone-screen { border-radius: 24px; }
  .phone-left .iphone-mockup { transform: translate(18px, 15px) rotate(-9deg) scale(1.06); }
  .phone-right .iphone-mockup { transform: translate(-18px, 15px) rotate(9deg) scale(1.06); }
  .phone-center .iphone-mockup { transform: translateY(-6px); }
  .motion-enabled .hero-world { translate: 0 var(--scene-travel); scale: 1; }
  .motion-enabled .reveal { transform: translate3d(0, 32px, 0); }
  .motion-enabled .reveal.is-visible { transform: none; }
}
@media (max-width: 480px) {
  .app-showcase { padding: 28px 4% 42px; }
  .phone-stage { grid-template-columns: .55fr 1.15fr .55fr; }
  .iphone-mockup { padding: 4px; border-radius: 26px; }
  .iphone-screen { border-radius: 21px; }
  .phone-left .iphone-mockup { width: 150%; transform: translate(1%, 10px) rotate(-8deg) scale(.86); }
  .phone-right .iphone-mockup { width: 150%; transform: translate(-35%, 10px) rotate(8deg) scale(.86); }
  .phone-center .iphone-mockup { box-shadow: 0 0 0 2px #242c35, 0 20px 45px #000c; }
  .iphone-mockup::before, .iphone-mockup::after { width: 2px; }
}
@media (prefers-reduced-motion: reduce) {
  .motion-enabled .reveal,
  .motion-enabled .discovery-stage.reveal { opacity: 1; transform: none; }
}
.animations-paused .motion-enabled .reveal,
.animations-paused .discovery-stage.reveal { opacity: 1; transform: none; }

/* Light the skyline first, then bring the coin into the scanner's focal plane. */
.hero {
  --sky-scrim: 90deg;
  min-height: 100vh;
  min-height: 100dvh;
  padding-block: clamp(104px, 14vh, 190px) clamp(52px, 8vh, 130px);
  background: #090e1b;
}
.hero-stage { display: contents; }
.site-header {
  margin-left: max(5.5%, env(safe-area-inset-left));
  margin-right: max(5.5%, env(safe-area-inset-right));
  top: env(safe-area-inset-top);
}
[dir="rtl"] .hero { --sky-scrim: 270deg; }
.hero-city {
  position: absolute;
  inset: -20px 0;
  z-index: -4;
  overflow: hidden;
  pointer-events: none;
}
.hero-city img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 60% 55%;
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    linear-gradient(var(--sky-scrim), #070a15bf 1%, #080c19ae 28%, #080a1733 56%, transparent 75%),
    linear-gradient(0deg, #080b1473, #080b143d 17%, transparent 48%, #080b1430 78%, #080b1499);
}
.hero-grid { opacity: .18; }
.hero-aura { background: radial-gradient(ellipse, #5cecf222, transparent 62%); }
.hero .eyebrow { color: #b6e9ee; }
.hero .status-dot { background: #74f9ff; box-shadow: 0 0 10px #46f4ffb3; }
.hero h1 { color: #f8fbff; text-shadow: 0 3px 28px #060918a6; }
.hero-description { color: #c0ccd9; }
.hero .release-note { color: #c1ccd9; text-shadow: 0 1px 5px #030611; }
.hero-bottom, .world-coordinate { color: #b2cad4; text-shadow: 0 1px 6px #050716; }
.hero .hero-enter { animation: none; }
.motion-enabled .hero-city { translate: 0 calc(var(--scene-travel) * .39); }
.hero-opening .hero-city img {
  transform-origin: 72% 48%;
  animation: skyline-approach 2.4s cubic-bezier(.16,.72,.23,1) both;
}
.hero-opening .hero-enter {
  animation: signal-resolve .84s var(--ease) both;
}
.hero-opening .hero-enter:nth-child(2) { animation-delay: .09s; }
.hero-opening .hero-enter:nth-child(3) { animation-delay: .18s; }
.hero-opening .hero-enter:nth-child(4) { animation-delay: .25s; }
.hero-opening .hero-enter:nth-child(5) { animation-delay: .33s; }

.hero .world-halo {
  inset: 14%;
  background: radial-gradient(ellipse at 46% 53%, #06132470 15%, #06152430 50%, transparent 68%);
  filter: none;
}
.hero .orbit-one { border-color: #81faff5c; }
.hero .orbit-two { border-color: #eddc955b; }
.hero .orbit-three { border-color: #a0ddf02c; }
.hero .world-crosshairs { stroke: #a4e1f15c; }
.hero .world-plane { opacity: .63; }
.signal-dial {
  position: absolute;
  inset: 15%;
  border-radius: 50%;
}
.signal-dial::before, .signal-dial::after, .signal-sweep {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.signal-dial::before {
  background: repeating-conic-gradient(from 1deg, #bdf8ffaf 0 .32deg, transparent .47deg 5deg);
  mask-image: radial-gradient(closest-side, transparent 96.7%, black 97%);
}
.signal-dial::after {
  inset: 7%;
  background: conic-gradient(from -33deg, #92f5fa 0 23deg, transparent 24deg 125deg, #fa77c1 126deg 149deg, transparent 150deg 250deg, #63dce7 251deg 260deg, transparent 261deg);
  mask-image: radial-gradient(closest-side, transparent 98.6%, black 99%);
}
.signal-sweep {
  inset: 3%;
  background: conic-gradient(from 22deg, transparent 0 303deg, #78eef309 320deg, #6ce9ee29 350deg, #95fbffab 359.4deg, transparent 360deg);
  mask-image: radial-gradient(closest-side, transparent 31%, black 74%);
}
.hero-ready .signal-sweep { animation: orbit 17s linear infinite; }
.hero-opening .signal-dial { animation: dial-acquire 1.7s var(--ease) both; }

.coin-arrival { position: absolute; inset: 0; pointer-events: none; }
.hero-opening .coin-arrival { animation: coin-acquire 2.65s cubic-bezier(.16,.78,.2,1) both; }
.hero .hero-coin {
  background: conic-gradient(from -37deg, #fff3bb, #a77c36 16%, #f5dc8c 30%, #855b32 48%, #dc93ab 66%, #e9d2a1 82%, #c2edee 92%, #fff3bb);
  box-shadow: 2px 3px 0 #665439, 4px 6px 0 #ceac63, 6px 9px 0 #77552f, 8px 12px 0 #d1a96a, 10px 15px 0 #705142, 0 0 32px #62dddf24, 19px 30px 42px #02070ec4;
}
.hero .coin-face {
  background: radial-gradient(ellipse at 12% 15%, #315963, transparent 55%),
    radial-gradient(ellipse at 100% 90%, #382139, transparent 52%), #101a2a;
}
.hero .coin-face img { filter: drop-shadow(0 1px 4px #b0f5ff6b); }
.hero .coin-glint { overflow: hidden; background: none; }
.hero .coin-glint::after {
  content: '';
  position: absolute;
  inset: -5% -65%;
  background: linear-gradient(115deg, transparent 41%, #edfff80a 45%, #edfff83d 49%, #fff7ca1a 51%, transparent 57%);
  transform: translateX(46%);
}
.hero-ready .coin-glint::after { animation: rim-reflection 8s ease-in-out infinite; }
@keyframes skyline-approach {
  from { transform: scale(1.085) translate3d(-.6%, .6%, 0); }
  to { transform: none; }
}
@keyframes signal-resolve {
  from { opacity: .3; transform: translate3d(0, 13px, 0); }
  to { opacity: 1; transform: none; }
}
@keyframes dial-acquire {
  from { opacity: .08; transform: scale(1.14) rotate(-26deg); }
  to { opacity: 1; transform: none; }
}
@keyframes coin-acquire {
  from { opacity: .55; transform: perspective(1100px) translate3d(3%, 2%, -200px) rotateZ(-14deg); }
  to { opacity: 1; transform: none; }
}
@keyframes rim-reflection {
  0%, 30% { transform: translateX(-48%); }
  68%, 100% { transform: translateX(48%); }
}
.hero.animation-paused *, .hero.animation-paused *::after,
.document-hidden .hero *::after { animation-play-state: paused !important; }
.hero:not(.hero-ready) * { animation: none; }

@media (max-width: 800px), (max-height: 550px) and (orientation: landscape) {
  .hero {
    display: grid;
    grid-template-rows: auto minmax(8rem, 1fr);
    align-items: stretch;
    padding-block: calc(env(safe-area-inset-top) + 94px) calc(env(safe-area-inset-bottom) + 48px);
  }
  .hero-stage {
    display: grid;
    place-items: center;
    container-type: size;
  }
  .hero .hero-world, [dir="rtl"] .hero .hero-world {
    position: relative;
    inset: auto;
    margin: 0;
    width: min(103vw, 100cqh, 570px);
    height: auto;
    aspect-ratio: 1;
    transform: none;
  }
  .hero-bottom { bottom: calc(env(safe-area-inset-bottom) + 12px); }
}
@media (max-width: 800px) {
  .hero-city { inset: 0; }
  .hero-city img { object-position: 60% center; }
  .hero::before {
    background: linear-gradient(var(--sky-scrim), #080a1778, transparent 90%),
      linear-gradient(180deg, #080b149c 0%, #080a177d 37%, #080c185c 52%, #08102018 63%, #080b1429 76%, #080b1473 100%);
  }
  .motion-enabled .hero-city { translate: none; }
}
@media (max-width: 480px) {
  .hero h1 { font-size: clamp(44px, 12.5vw, 57px); margin-top: 22px; }
  .hero-description { margin-top: 18px; }
  .hero-actions { flex-direction: row; align-items: center; gap: 16px; margin-top: 22px; }
  .hero .release-note { margin-top: 18px; }
  .hero .hero-coin { box-shadow: 2px 3px 0 #665439, 4px 6px 0 #ceac63, 6px 9px 0 #795d40, 10px 16px 26px #02070ec4; }
}
@media (max-width: 480px) and (max-height: 740px) {
  body[data-page="home"] .site-header { height: 58px; }
  .hero {
    grid-template-rows: auto minmax(5rem, 1fr);
    padding-block: calc(env(safe-area-inset-top) + 72px) calc(env(safe-area-inset-bottom) + 34px);
  }
  .hero h1 { font-size: clamp(33px, 10vw, 44px); margin-top: 12px; }
  .hero-description { font-size: 14px; line-height: 1.5; margin-top: 12px; }
  .hero-actions { margin-top: 14px; gap: 10px 14px; }
  .hero .button { min-height: 44px; padding: 10px 14px; gap: 12px; }
  .hero .release-note { margin-top: 12px; }
  .hero-bottom .down-track { height: 20px; }
}
@media (min-width: 801px) and (min-height: 551px) and (max-height: 760px) and (orientation: landscape) {
  .hero h1 { font-size: clamp(48px, 5.2vw, 76px); margin-top: 18px; }
  .hero-description { margin-top: 16px; }
  .hero-actions { margin-top: 22px; }
  .hero .release-note { margin-top: 18px; }
}
@media (max-height: 550px) and (orientation: landscape), (max-width: 800px) and (orientation: landscape) {
  body[data-page="home"] .site-header { height: 54px; }
  .hero {
    grid-template-columns: 3fr 2fr;
    grid-template-rows: auto;
    align-content: center;
    column-gap: 2%;
    padding-block: calc(env(safe-area-inset-top) + 64px) calc(env(safe-area-inset-bottom) + 38px);
    padding-left: max(5.5%, env(safe-area-inset-left));
    padding-right: max(5.5%, env(safe-area-inset-right));
  }
  .hero-copy { width: 100%; }
  .hero h1 { font-size: clamp(30px, 4.6vw, 56px); margin-top: 10px; }
  .hero-description { font-size: 14px; line-height: 1.45; margin-top: 10px; }
  .hero-actions { flex-direction: row; align-items: center; gap: 12px; margin-top: 14px; }
  .hero .button { min-height: 40px; padding: 9px 14px; gap: 12px; }
  .hero .release-note { margin-top: 10px; }
  .hero .hero-world, [dir="rtl"] .hero .hero-world { width: min(100cqw, 100cqh, 570px); }
  .hero-bottom .down-track { height: 22px; }
}