html:has(.roadmap-page),body.roadmap-page{min-height:100%;margin:0}.roadmap-page{overflow-x:hidden}.roadmap-page .roadmap-shell{width:min(1440px,calc(100% - 72px));min-height:100vh;padding:54px 0 30px}.roadmap-page .roadmap-hero{align-items:flex-start}.roadmap-page .roadmap-hero h1{max-width:920px}.roadmap-page .roadmap-actions{position:sticky;top:18px;z-index:4;padding:8px;background:#0d131d;border:1px solid #263548;border-radius:10px;box-shadow:0 12px 28px #0005}.roadmap-page .roadmap-button.is-active{border-color:#78adf3;background:#203552;color:#fff}.roadmap-page .roadmap-home-link{display:inline-flex;color:#9fc5fa;text-decoration:none;font-size:13px;margin-top:18px}.roadmap-page .roadmap-home-link:hover{color:#fff}.roadmap-page .roadmap-note p{margin:0}.roadmap-loader{position:fixed;inset:0;z-index:100;background:#080c12;display:grid;place-content:center;text-align:center;transition:opacity .45s ease,visibility .45s ease}.roadmap-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.roadmap-loader p{margin:22px 0 6px;color:#edf3fb;font-size:18px;font-weight:700}.roadmap-loader span{color:#8191a5;font-size:13px}.roadmap-loader-mark{height:54px;display:flex;align-items:end;justify-content:center;gap:7px}.roadmap-loader-mark i{display:block;width:7px;height:22px;border-radius:4px;background:#6faeff;animation:roadmap-pulse 1s ease-in-out infinite}.roadmap-loader-mark i:nth-child(2){height:42px;animation-delay:.16s;background:#9c7cff}.roadmap-loader-mark i:nth-child(3){height:31px;animation-delay:.32s;background:#31d59b}@keyframes roadmap-pulse{0%,100%{transform:scaleY(.55);opacity:.45}50%{transform:scaleY(1);opacity:1}}@media(max-width:760px){.roadmap-page .roadmap-shell{width:min(100% - 24px,1440px);padding-top:28px}.roadmap-page .roadmap-actions{position:static;margin-top:20px}.roadmap-page .roadmap-hero{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.roadmap-loader-mark i{animation:none}.roadmap-loader{transition:none}}

/* Full-screen roadmap intro: visual-only, with a local opt-in audio cue. */
.roadmap-loader{place-items:center;overflow:hidden;background:#05080e}
.roadmap-loader-canvas,.roadmap-loader-grid{position:absolute;inset:0;width:100%;height:100%}
.roadmap-loader-canvas{opacity:.82}.roadmap-loader-grid{background:linear-gradient(rgba(90,140,210,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(90,140,210,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent 0%,#000 42%,#000 72%,transparent 100%);animation:roadmap-grid-drift 8s linear infinite}.roadmap-loader-grid:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(95,184,255,.12) 49%,transparent 51%);animation:roadmap-scan 2.1s ease-in-out infinite}
.roadmap-loader-core{position:absolute;width:min(42vw,390px);aspect-ratio:1;border:1px solid rgba(110,169,255,.32);border-radius:50%;box-shadow:0 0 70px rgba(72,137,255,.18),inset 0 0 60px rgba(72,137,255,.08);animation:roadmap-orbit 8s linear infinite}.roadmap-loader-core:before,.roadmap-loader-core:after{content:"";position:absolute;inset:11%;border:1px solid rgba(110,169,255,.28);border-radius:50%;transform:rotate(60deg) scaleX(.32);box-shadow:0 0 24px rgba(147,106,255,.35)}.roadmap-loader-core:after{transform:rotate(-60deg) scaleX(.32)}.roadmap-loader-core i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:#6fe4ff;box-shadow:0 0 18px #6fe4ff;transform:translateX(-50%)}.roadmap-loader-core i:nth-child(2){top:auto;bottom:14%;left:8%;background:#a87cff;box-shadow:0 0 18px #a87cff}.roadmap-loader-core i:nth-child(3){top:25%;left:auto;right:2%;background:#38e2a2;box-shadow:0 0 18px #38e2a2}.roadmap-loader-core b{position:absolute;inset:38%;border:1px solid #8bc4ff;border-radius:16px;box-shadow:0 0 28px rgba(101,180,255,.8),inset 0 0 24px rgba(101,180,255,.28);transform:rotate(45deg);animation:roadmap-core-pulse 1.5s ease-in-out infinite}
.roadmap-loader-copy{position:relative;z-index:2;width:min(720px,calc(100% - 36px));text-shadow:0 2px 18px #000}.roadmap-loader-kicker{margin:0 0 18px;color:#82baff;font-size:11px;font-weight:800;letter-spacing:.24em}.roadmap-loader-copy h1{margin:0;color:#f2f7ff;font-size:clamp(2rem,5vw,4.7rem);line-height:1.04;letter-spacing:-.035em}.roadmap-loader-status{margin:20px 0 0;color:#a8bad2;font-size:15px}.roadmap-loader-progress{height:3px;width:min(460px,100%);margin:28px auto 0;background:#1c2c42;overflow:hidden}.roadmap-loader-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#61d7ff,#9c7cff,#35e3a1);box-shadow:0 0 18px #72bcff;transition:width .12s linear}.roadmap-loader-readout{display:flex;justify-content:space-between;width:min(460px,100%);margin:8px auto 0;color:#70849e;font:11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.roadmap-loader-sound{margin-top:28px;border:1px solid #375274;background:rgba(11,21,35,.82);color:#b8d7ff;padding:8px 12px;border-radius:999px;font:inherit;font-size:12px;cursor:pointer}.roadmap-loader-sound:hover{border-color:#83c1ff;color:#fff}.roadmap-loader-sound span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#39dda0;box-shadow:0 0 10px #39dda0}.roadmap-loader-sound.is-active span{background:#ffcf70;box-shadow:0 0 10px #ffcf70}
@keyframes roadmap-grid-drift{to{background-position:52px 52px}}@keyframes roadmap-scan{0%,100%{transform:translateY(-38%);opacity:0}50%{transform:translateY(38%);opacity:1}}@keyframes roadmap-orbit{to{transform:rotate(360deg)}}@keyframes roadmap-core-pulse{0%,100%{transform:rotate(45deg) scale(.82);opacity:.6}50%{transform:rotate(225deg) scale(1.08);opacity:1}}
@media(max-width:760px){.roadmap-loader-core{width:82vw}.roadmap-loader-copy h1{font-size:clamp(2rem,10vw,3.2rem)}.roadmap-loader-kicker{font-size:9px;letter-spacing:.16em}.roadmap-loader-status{font-size:13px}}
@media(prefers-reduced-motion:reduce){.roadmap-loader-grid,.roadmap-loader-grid:after,.roadmap-loader-core,.roadmap-loader-core b{animation:none}.roadmap-loader-canvas{display:none}}

/* Cinematic project-intro layer. It remains lightweight and has no external media dependency. */
.roadmap-loader-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 0%,rgba(5,8,14,.04) 35%,rgba(2,4,8,.84) 100%),linear-gradient(90deg,rgba(54,116,255,.08),transparent 24%,transparent 76%,rgba(150,76,255,.08))}
.roadmap-loader-hud{position:absolute;z-index:2;top:34px;color:#6f8baa;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;text-align:left;opacity:.8}.roadmap-loader-hud span{display:block;color:inherit;font:inherit}.roadmap-loader-hud i{display:block;width:68px;height:1px;margin:8px 0;background:linear-gradient(90deg,#64c7ff,transparent)}.roadmap-loader-hud-left{left:36px}.roadmap-loader-hud-right{right:36px;text-align:right}.roadmap-loader-hud-right i{margin-left:auto;background:linear-gradient(90deg,transparent,#9b7cff)}
.roadmap-loader-rings{position:absolute;z-index:1;width:min(78vw,860px);aspect-ratio:1;border:1px solid rgba(114,182,255,.12);border-radius:50%;animation:roadmap-ring-spin 18s linear infinite;pointer-events:none}.roadmap-loader-rings:before,.roadmap-loader-rings:after{content:"";position:absolute;inset:10%;border:1px dashed rgba(145,111,255,.22);border-radius:50%}.roadmap-loader-rings:after{inset:24%;border-style:solid;border-color:rgba(48,224,169,.16);animation:roadmap-ring-spin-reverse 11s linear infinite}.roadmap-loader-rings i{position:absolute;width:5px;height:5px;border-radius:50%;background:#71d7ff;box-shadow:0 0 14px #71d7ff}.roadmap-loader-rings i:nth-child(1){top:12%;left:23%}.roadmap-loader-rings i:nth-child(2){right:10%;top:48%;background:#a57cff;box-shadow:0 0 14px #a57cff}.roadmap-loader-rings i:nth-child(3){bottom:17%;left:35%;background:#39dda0;box-shadow:0 0 14px #39dda0}.roadmap-loader-rings b{position:absolute;inset:50% auto auto 50%;width:120%;height:1px;background:linear-gradient(90deg,transparent,rgba(105,204,255,.25),transparent);transform:translate(-50%,-50%) rotate(32deg)}
.roadmap-loader-substatus{margin:7px 0 0!important;color:#607591!important;font-size:11px!important;font-weight:500!important;letter-spacing:.04em}
@keyframes roadmap-ring-spin{to{transform:rotate(360deg)}}@keyframes roadmap-ring-spin-reverse{to{transform:rotate(-360deg)}}
@media(max-width:760px){.roadmap-loader-rings{width:125vw}.roadmap-loader-hud{top:20px;font-size:8px}.roadmap-loader-hud-left{left:16px}.roadmap-loader-hud-right{right:16px}}
@media(prefers-reduced-motion:reduce){.roadmap-loader-rings,.roadmap-loader-rings:after{animation:none}}