*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#10091d;color:#f7f3ff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit;cursor:pointer}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #bc9bff;outline-offset:5px}.skip{position:fixed;top:-100px}.skip:focus{top:80px;z-index:20;background:#201034;padding:16px}header{height:82px;position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#10091ddd;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff16}header img{width:180px;height:60px;object-fit:contain}.controls{display:flex;align-items:center;gap:16px}.controls button,.controls select{background:#23162f;border:1px solid #746381;border-radius:24px;padding:11px 15px}.exit{font-size:14px}.journey{height:145vh}.scene{height:100svh;min-height:690px;position:sticky;top:0;overflow:hidden}.world,.shade,.aura{position:absolute;width:100%;height:100%;inset:0}.world{object-fit:cover;transform:scale(1.06);will-change:transform}.shade{background:linear-gradient(90deg,#0c061bee 0%,#10071da8 40%,#10071d16 76%),linear-gradient(0deg,#10091d,transparent 28%)}.aura{background:radial-gradient(ellipse at 72% 64%,#a44aff30,transparent 55%);pointer-events:none}.void{position:absolute;right:2%;bottom:8%;width:48%;height:76%;object-fit:contain;filter:drop-shadow(0 0 28px #9733cf45);will-change:transform}.hero-copy{position:relative;z-index:2;padding:170px 0 90px 7%;width:53%;max-width:800px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;color:#d0b8ed}.badge{display:inline-block;border:1px solid #aa77f16b;background:#38204d80;border-radius:30px;padding:9px 13px;font-size:10px;letter-spacing:.13em}h1,h2{white-space:pre-line;letter-spacing:-.055em;line-height:1.04;font-weight:600}h1{font-size:clamp(42px,5.2vw,80px);margin:25px 0}h2{font-size:clamp(36px,4.5vw,66px);margin:20px 0}.intro,.section p{font-size:17px;line-height:1.65;color:#d2c6dd;max-width:540px}.primary{display:inline-block;padding:17px 24px;border:1px solid #c399ff88;background:linear-gradient(120deg,#743cbd,#422067);border-radius:30px;font-weight:600;font-size:14px;box-shadow:0 6px 30px #751caa28}.disclaimer{font-size:12px;color:#c4b7cf;line-height:1.5;max-width:350px;margin-top:20px}.scene-footer{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;color:#c3b2d4}.section{padding:110px 8%;max-width:1440px;margin:auto}.demo{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.wallet{padding:32px;border:1px solid #af83df55;border-radius:26px;background:linear-gradient(130deg,#32204399,#170e26);box-shadow:0 20px 90px #8837c522}.wallet-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.12em}.demo-tag{color:#cbaeec}.wallet strong{display:block;font-size:clamp(28px,3.6vw,48px);letter-spacing:-.04em}.wallet small{display:block;color:#b9abc7;line-height:1.6}.wallet .status{font-size:13px;min-height:22px}.next{text-align:center;padding-bottom:130px}.next p{margin-left:auto;margin-right:auto;max-width:650px}.milestones{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:35px 0}.milestones span{font-size:12px;border:1px solid #7c608b;padding:12px 16px;border-radius:25px}footer{padding:28px 6%;border-top:1px solid #ffffff15;font-size:12px;color:#bba9ce;text-align:center}.paused html{scroll-behavior:auto}@media(max-width:700px){header{height:72px;padding:0 4%}header img{width:120px}.controls{gap:7px}.controls button,.controls select{padding:9px 8px;font-size:11px}.exit{font-size:12px}.journey{height:115svh}.scene{min-height:830px}.hero-copy{padding:105px 7% 0;width:100%;max-width:none}.hero-copy h1{font-size:43px;margin:18px 0}.intro{font-size:15px;max-width:420px}.void{height:42%;width:83%;right:-2%;bottom:3%}.shade{background:linear-gradient(180deg,#10091df5 0%,#10091dba 44%,#10091d20 70%,#10091d 100%)}.hero-copy .disclaimer{max-width:290px;font-size:11px}.scene-footer{bottom:16px;font-size:8px}.demo{grid-template-columns:1fr;gap:30px}.section{padding:70px 7%}.wallet{padding:25px}.world{object-position:63% center}.next{padding-bottom:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey{height:auto}.scene{position:relative}.world,.void{will-change:auto}}html.paused{scroll-behavior:auto}
