@font-face{font-family:DM Sans;src:url('/assets/dm-sans-regular.ttf') format('truetype');font-weight:400 500;font-display:swap}@font-face{font-family:DM Sans;src:url('/assets/dm-sans-bold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#f6f8ff;background:#021020}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #95eaff;outline-offset:5px}.landing{min-height:100svh;height:max(100svh,680px);position:relative;isolation:isolate;overflow:hidden;background:#a1def2}.header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 3.75%;z-index:2}.brand{width:205px;height:60px;flex-shrink:0;overflow:hidden;}.brand img{width:100%;height:100%;object-fit:contain;display:block}.header nav{display:flex;border:1px solid #23435e;border-radius:7px;overflow:hidden;background:#0e2238a8}.header nav a,.header nav button{display:flex;align-items:center;justify-content:center;padding:13px 26px;font-size:14px;font-weight:400;white-space:nowrap;border:0;border-right:1px solid #031021;background:none;color:#f4f6ff}.header nav :last-child{border-right:0}.header nav a:hover,.header nav button:hover{background:#183b58}.button{height:50px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:16px;font-weight:500;padding:0 30px;white-space:nowrap;transition:background .2s,transform .2s;border:1px solid #f3f5fc}.primary,.wallet{background:#fafbff;color:#071529}.button:hover{transform:translateY(-2px)}.primary:hover,.wallet:hover{background:#dfedff}.wallet{height:48px;font-size:15px;padding:0 23px;gap:29px}.button span{font-size:0;font-weight:400;line-height:1}.button span::after{content:"";display:block;width:20px;height:20px;background:currentColor;mask:url("/assets/arrow-right.svg") center/contain no-repeat}.hero{position:absolute;left:3.75%;top:22.5%;width:570px}h1{font-size:clamp(52px,5vw,80px);font-weight:500;letter-spacing:-3.6px;line-height:.99;margin:62px 0 24px}.intro{font-size:22px;line-height:1.3;letter-spacing:-.2px;margin:0}.actions{display:flex;gap:13px;margin-top:49px}.secondary{background:#03112266;color:#f6f8ff;min-width:168px}.secondary:hover{background:#15354f}.caption{font-size:14px;color:#a5bad5;letter-spacing:.35px;margin-top:20px}footer{position:absolute;bottom:38px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:18px;font-size:12px;color:#afc0da;letter-spacing:1px}footer b{color:#fff;font-weight:400}dialog{color:#eef5ff;background:#071b30;border:1px solid #315575;border-radius:14px;padding:35px;max-width:580px;width:calc(100% - 32px);max-height:85svh;overflow:auto}dialog::backdrop{background:#010b19b8;backdrop-filter:blur(9px)}dialog h2{font-size:30px;letter-spacing:-1px;margin:8px 0 20px}dialog p,dd{font-size:16px;line-height:1.6;color:#bccde1}dt{font-weight:700;margin-top:16px}dd{margin:5px 0 0}.dialog-label{font-size:10px;letter-spacing:2px}.close{float:right;border:0;background:none;color:#fff;font-size:30px;padding:0 5px}.note{font-size:13px!important;border-top:1px solid #315575;padding-top:16px}.sr-only,.skip-link{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{clip:auto;width:auto;height:auto;padding:12px;background:#fff;color:#000;z-index:10}.terminal-content{max-width:1000px;margin:150px auto 0;padding:24px}.terminal-content h1{margin:25px 0;font-size:60px}.terminal-content p{max-width:640px;line-height:1.6;color:#b9cde4}.terminal-tabs{display:flex;gap:12px;flex-wrap:wrap}.terminal-tabs a{padding:12px 22px;border:1px solid #23435e;border-radius:5px}.terminal-tabs [aria-current=page]{background:#fff;color:#071529}
@media(min-width:1700px){.hero{top:24%}.header{padding-top:30px}h1{font-size:90px}}
@media(max-width:1200px){.header nav a,.header nav button{padding:13px 15px}.brand{width:180px}.hero{width:500px}.intro{font-size:19px}h1{margin-top:50px}}
@media(max-width:960px){.header{flex-wrap:wrap;gap:14px}.header nav{order:3;width:100%}.header nav a,.header nav button{flex:1;padding:12px 5px;font-size:12px}.hero{top:26%;width:470px}h1{font-size:64px}.landing{min-height:780px}.terminal-content{margin-top:180px}}
@media(max-width:600px){.landing{height:100svh;min-height:760px;background-size:cover;background-position:42% center}.header{padding:18px 22px}.brand{width:148px;height:44px}.wallet{font-size:12px;padding:0 13px;gap:12px;height:40px}.header nav{margin-top:6px}.hero{left:24px;right:24px;top:27%;width:auto}h1{font-size:56px;letter-spacing:-2.7px;margin:43px 0 23px}.intro{font-size:17px;line-height:1.55}.actions{margin-top:35px;gap:10px}.button{font-size:14px;padding:0 20px;gap:20px}.secondary{min-width:140px}.caption{font-size:12px;max-width:300px;line-height:1.6}footer{bottom:27px;gap:10px;font-size:9px;letter-spacing:.3px}.terminal-content h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}

.brand{display:flex;align-items:center}.primary{min-width:218px}.header .wallet{min-width:194px}
@media(max-width:600px){.primary{min-width:0}.header .wallet{min-width:0}.actions .primary{flex:1}.actions .secondary{min-width:130px}.actions{max-width:390px}.button span::after{width:18px;height:18px}}

/* Scrollable terminal pages and dialogs share Spark's navy/cyan scrollbar. */
*{scrollbar-width:thin;scrollbar-color:#447694 #06172a}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#06172a}
::-webkit-scrollbar-thumb{background:#447694;border:2px solid #06172a;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#83cde4}

/* Reflective glass surfaces retain an opaque fallback when blur is unavailable. */
.header nav{background:linear-gradient(135deg,#ceeaff26,#94c5ed0b 48%,#c6f3ff18),#0b2135b3;border-color:#b1d9f14d;box-shadow:inset 0 1px 0 #f0faff36,inset 0 -1px 0 #8cdcff12,0 8px 28px #000c1e33;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}
.header nav a,.header nav button{border-right-color:#b9e2ff1f;background:linear-gradient(180deg,#e5f6ff0d,transparent)}
.header nav a:hover,.header nav button:hover{background:linear-gradient(135deg,#d9f3ff30,#95daff16)}
.header .button{background:linear-gradient(135deg,#e3f6ff35,#a5d5f318 55%,#ecfbff26),#12324e9e;color:#f6faff;border-color:#d5f3ff70;box-shadow:inset 0 1px 0 #fff6,inset 0 -1px 0 #b2eaff24,0 8px 28px #000c1e33;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}
.header .button:hover{background:linear-gradient(135deg,#e3f6ff48,#a5d5f32b),#173c59b3}

/* Home is a single viewport; dialogs keep their own accessible scrolling. */
.home-document,.home-page{height:100%;overflow:hidden;overscroll-behavior:none}
.home-page .landing{height:100vh;height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.home-page .header{position:relative;inset:auto}
.home-page .hero{position:relative;top:auto;left:auto;right:auto;align-self:center;margin-left:3.75%;width:min(570px,calc(100% - 48px));padding:16px 0}
.home-page h1{margin:0 0 24px}
.home-page footer{position:relative;bottom:auto;left:auto;right:auto;padding:18px 24px 38px}
@media(max-width:960px){.home-page .hero{width:min(500px,calc(100% - 48px))}.home-page .header{padding-top:18px;padding-bottom:12px}.home-page footer{padding-bottom:24px}}
@media(max-width:600px){.home-page .hero{margin-left:24px;margin-right:24px;width:auto}.home-page h1{font-size:clamp(38px,13vw,56px);margin-bottom:20px}.home-page .intro{font-size:clamp(14px,4.35vw,17px)}.home-page .actions{margin-top:30px}.home-page .caption{margin-bottom:0}.home-page footer{padding:12px 16px 20px;gap:8px}}
@media(max-height:650px){.home-page .header{padding-top:12px;padding-bottom:8px}.home-page .brand{height:40px;width:150px}.home-page .header nav a,.home-page .header nav button{padding-top:10px;padding-bottom:10px}.home-page h1{font-size:clamp(32px,7vh,52px);letter-spacing:-1.8px;margin-bottom:14px}.home-page .intro{font-size:15px;line-height:1.4}.home-page .actions{margin-top:20px}.home-page .caption{font-size:11px;margin-top:12px}.home-page footer{padding:8px 16px 12px;font-size:9px}.home-page .button{height:42px;font-size:13px}.home-page .hero{padding:8px 0}}
@media(max-height:450px){.home-page .caption{display:none}.home-page .hero{padding:4px 0}.home-page h1{margin-bottom:10px;font-size:32px}.home-page .intro{font-size:13px}.home-page .actions{margin-top:12px}.home-page .header{padding-top:8px;padding-bottom:4px}.home-page .header nav a,.home-page .header nav button{padding-top:7px;padding-bottom:7px}.home-page .header nav{margin-top:0}.home-page .brand{height:30px}.home-page .header{gap:8px}.home-page .header .wallet{height:34px}.home-page footer{padding-bottom:8px}}

/* Real-time globe replaces the raster hero background. */
.home-page .landing{background:#a1def2;color:#092d50}
.globe-scene{position:absolute;right:-2%;top:11%;width:64%;height:83%;pointer-events:auto;z-index:0}
.globe-scene canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}
.globe-scene canvas.dragging{cursor:grabbing}
.home-page footer{z-index:1}
.globe-scene canvas[hidden],.globe-fallback[hidden]{display:none}
.globe-fallback{position:absolute;inset:12%;aspect-ratio:1;border-radius:50%;border:1px solid #398bb7;background:radial-gradient(circle at 35% 28%,#61c0e3,#17628f 65%,#0b3c66);box-shadow:0 0 40px #cef8ff88}
.home-page .hero{z-index:1}
.home-page .brand img{filter:brightness(0) saturate(100%);opacity:.85}
.home-page .intro{color:#173e60}
.home-page .caption,.home-page footer{color:#244e6f}
.home-page footer b{color:#123b60}
.home-page .header nav{background:linear-gradient(135deg,#fff9,#e3f6ff66);border-color:#ffffffa8;box-shadow:inset 0 1px 0 #fff9,0 8px 24px #28668e12}
.home-page .header nav a,.home-page .header nav button{color:#123655;border-right-color:#3180ae26}
.home-page .header nav a:hover,.home-page .header nav button:hover{background:#fff8}
.home-page .header .wallet{background:linear-gradient(135deg,#ffffffb3,#e4f6ff66);color:#123655;border-color:#fff9}
.home-page .primary{background:#fafcff;color:#123655;border-color:#ffffff;box-shadow:0 5px 20px #2c7fa312}
.home-page .secondary{background:#c6edfc59;color:#123655;border-color:#2d6287}
.home-page .secondary:hover{background:#e3f7ff99}
@media(max-width:960px){.globe-scene{right:-13%;width:76%;top:20%;height:72%;opacity:.8}.home-page .hero{max-width:48%}}
@media(max-width:600px){.globe-scene{right:-45%;top:12%;width:110%;height:60%;opacity:.28}.home-page .hero{max-width:none}.home-page .intro,.home-page .caption{color:#123655}}
@media(max-height:450px) and (min-width:601px){.globe-scene{top:18%;height:76%;width:60%}}

/* The hero remains a viewport; the story continues in normal document flow. */
.home-document{height:auto;overflow-x:clip;overflow-y:auto;overscroll-behavior:auto;scroll-behavior:smooth;scroll-padding-top:32px;color-scheme:light;background:#a1def2}
.home-page{height:auto;overflow:visible;overscroll-behavior:auto;background:#a1def2;color:#092d50}
.home-page .hero-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;padding:18px 24px 38px;font-size:12px;color:#244e6f;letter-spacing:1px}
.hero-footer b{font-weight:400}.scroll-cue{margin-left:28px;border-bottom:1px solid #346b8a;padding-bottom:4px;font-size:12px;letter-spacing:0}
.story-content{background:linear-gradient(#a1def2,#d9f2fa 42%,#b5e5f5);padding:32px max(24px,6vw) 0}
.story-section{max-width:1320px;margin:auto;min-height:680px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:60px;padding:90px 0;border-top:1px solid #397f9e30;scroll-margin-top:24px}
.story-copy{max-width:510px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#366882;margin:0 0 24px}
.story-copy h2,.closing-cta h2{font-size:clamp(38px,4vw,64px);line-height:1.05;font-weight:500;letter-spacing:-2px;margin:0 0 25px}
.story-copy>p:not(.eyebrow):not(.story-note):not(.feature-status){font-size:18px;line-height:1.65;color:#31566f;margin:0 0 24px}
.story-art{margin:0;min-width:0}.story-art img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 24px 35px #1b648e18)}
.story-section.reverse .story-copy{order:2}.story-section.reverse .story-art{order:1}
.home-page .story-button{background:#092d50;color:#f5fcff;border-color:#092d50;min-width:0;gap:24px}.home-page .story-button:hover{background:#164a70}
.feature-status{display:inline-block;color:#31566f;font-size:12px;border:1px solid #6195ad70;border-radius:30px;padding:7px 12px;margin:0 0 24px}.story-copy .story-button{display:flex;width:fit-content}
.story-note{font-size:12px;line-height:1.6;color:#476e85;max-width:420px;margin-top:16px}.story-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}.story-tags span{font-size:12px;padding:8px 12px;border:1px solid #fff9;border-radius:6px;background:#ffffff4d}
.destination-list{margin:0 0 28px}.destination-list>div{padding:14px 0;border-top:1px solid #377b9e30}.destination-list dt{margin:0;font-size:15px;color:#092d50}.destination-list dd{color:#31566f;margin:4px 0 0;font-size:14px;line-height:1.6}
.closing-cta{text-align:center;padding:85px 20px 100px;border-top:1px solid #397f9e30}.closing-cta .button{margin:8px auto 0}
.home-page .site-footer{position:static;padding:30px max(24px,6vw);border-top:1px solid #397f9e30;display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;color:#31566f;letter-spacing:0;font-size:13px}.site-footer img{width:130px;height:auto;filter:brightness(0) saturate(100%);opacity:.85}.site-footer button{border:0;background:none;color:inherit;font-size:13px;padding:0}
.home-document *{scrollbar-color:#447694 #a1def2}.home-document::-webkit-scrollbar-track{background:#a1def2}.home-document::-webkit-scrollbar-thumb{border-color:#a1def2}
@media(max-width:960px){.story-section{gap:24px;min-height:560px;padding:65px 0}.story-copy h2{font-size:42px}.story-copy>p:not(.eyebrow):not(.story-note):not(.feature-status){font-size:16px}}
@media(max-width:600px){.story-content{padding:24px 24px 0}.story-section{grid-template-columns:1fr;gap:24px;padding:55px 0;min-height:0}.story-section .story-copy,.story-section.reverse .story-copy{order:1}.story-section .story-art,.story-section.reverse .story-art{order:2}.story-art{max-width:460px;width:100%;margin:auto}.story-copy h2{font-size:40px}.home-page .hero-footer{gap:9px;padding:14px 16px 20px;font-size:9px;letter-spacing:.3px}.scroll-cue{margin-left:8px;font-size:10px}.closing-cta{padding:60px 0 70px}.home-page .site-footer p{display:none}.home-page .site-footer{gap:18px}.globe-scene canvas{touch-action:pan-y}}
@media(prefers-reduced-motion:reduce){.home-document{scroll-behavior:auto}}