/* Atlas light system. All decorative overflow is contained locally, never on body. */
@font-face{font-family:Atlas Display;src:url('/assets/fonts/sora-variable.ttf') format('truetype');font-weight:100 800;font-display:swap}
:root{--atlas-ease:cubic-bezier(.22,.68,.2,1);--atlas-rim:#96d7ff40;--atlas-halo:#3b9eff19}
/* One viewport-wide light field: no gradient ends at the content column. */
body{background:#080e1b}
body:before{inset:0;animation:none;will-change:auto;background:radial-gradient(ellipse 68% 62% at 8% 20%,#126ba82a,transparent 78%),radial-gradient(ellipse 65% 70% at 93% 38%,#6651b52a,transparent 78%),radial-gradient(ellipse 64% 48% at 48% 100%,#21689516,transparent 80%)}
h1,h2,.countdown-digits strong{font-family:Atlas Display,'Segoe UI',system-ui,sans-serif;font-weight:450;letter-spacing:-.055em}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.home-intro{width:100%;max-width:none;padding:78px 6% 46px;isolation:isolate;position:relative}
.home-intro h1{font-size:clamp(44px,5.7vw,78px);line-height:1.16;letter-spacing:-.062em}
.home-intro h1 em{background:linear-gradient(110deg,#b6f3ff 5%,#8ec8ff 54%,#b3a4ff 95%);background-clip:text;color:transparent;filter:drop-shadow(0 0 24px #4b9eff32)}
.home-intro .eyebrow{margin-bottom:24px;font-size:10px;letter-spacing:.23em}.home-intro p{margin-block:22px 28px}
.atlas-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;contain:paint;pointer-events:none;mask-image:linear-gradient(transparent,#000 16%,#000 72%,transparent)}
.atlas-light-field{position:absolute;inset:-70px;transform:translate3d(0,var(--light-y,0px),0);will-change:transform}
.atlas-light-field:before,.atlas-light-field:after{content:'';position:absolute;inset:0;animation:atlas-cloud 30s ease-in-out infinite alternate;transform:translate3d(0,0,0)}
.atlas-light-field:before{background:radial-gradient(ellipse 42% 54% at 44% 52%,#268fe84b,transparent 82%)}
.atlas-light-field:after{background:radial-gradient(ellipse 31% 52% at 73% 48%,#7962cf2d,transparent 84%),radial-gradient(ellipse 28% 35% at 32% 62%,#4ecfda1a,transparent 82%);animation:atlas-cloud-near 35s ease-in-out infinite alternate;animation-delay:-10s}
.atlas-atmosphere svg{width:100%;height:100%;position:absolute;inset:0;opacity:.3;transform:translate3d(0,var(--arc-y,0px),0)}
@keyframes atlas-cloud{from{transform:translate3d(-6px,3px,0) scale(.995);opacity:.84}to{transform:translate3d(8px,-5px,0) scale(1.015);opacity:1}}
@keyframes atlas-cloud-near{from{transform:translate3d(5px,-3px,0) scale(1);opacity:.8}to{transform:translate3d(-7px,4px,0) scale(1.015);opacity:.94}}
.atlas-offscreen .atlas-light-field:before,.atlas-offscreen .atlas-light-field:after,.atlas-tab-hidden .atlas-light-field:before,.atlas-tab-hidden .atlas-light-field:after{animation-play-state:paused}
.page-intro:before,.story-hero:before,.hero:before{content:none}
.header{background:linear-gradient(110deg,#0c1726f5,#0b1321f5);box-shadow:0 12px 38px #02061020}
.header nav a:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:1px;background:linear-gradient(90deg,#8fddff,#9693ff);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--atlas-ease);box-shadow:0 0 10px #7ebeff50}
.header nav a[aria-current=page]:after,.header nav a:hover:after,.header nav a:focus-visible:after{transform:scaleX(1)}
.button{position:relative;isolation:isolate;overflow:hidden;transition:transform .28s var(--atlas-ease),box-shadow .28s ease,border-color .28s ease}
.button.primary{background:linear-gradient(115deg,#a4eaff,#91c7ff 65%,#b8b2ff);border-color:#d6f2ff80;box-shadow:0 6px 26px #287fe525,inset 0 1px 0 #ffffff90}
.button.primary:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#fff7 49%,transparent 73%);transform:translateX(-130%);transition:transform .7s var(--atlas-ease);z-index:-1}
.button.secondary{background:linear-gradient(125deg,#1b355269,#111c30);border:1px solid var(--atlas-rim);box-shadow:inset 0 1px 0 #d7efff12}
.button:active{transform:translateY(0) scale(.985)}
:is(.principles article,.feature-card,.purpose-card,.future-cards article,.faq-atlas,.waitlist-card,.founder-panel,.routing-demo){border-color:var(--atlas-rim);box-shadow:inset 0 1px 0 #d7efff14,0 18px 50px #02071126;transition:border-color .3s ease,box-shadow .3s ease}
:is(.principles article,.feature-card,.future-cards article){background:radial-gradient(ellipse at 0% 0%,#4499d312,transparent 60%),linear-gradient(140deg,#15263bba,#0d1729cc)}
@media(hover:hover) and (pointer:fine){.button.primary:hover:before{transform:translateX(130%)}.button.primary:hover{box-shadow:0 9px 32px #479cff40,inset 0 1px 0 #fff9}.button.secondary:hover{border-color:#96d7ff88;box-shadow:0 0 24px #4b9dff17,inset 0 1px 0 #d7efff20}.principles article:hover,.feature-card:hover,.future-cards article:hover{border-color:#8dcfff60;box-shadow:inset 0 1px 0 #d7efff24,0 18px 50px #02071140,0 0 24px #3b9eff0c}}
/* The film remains a normal accessible video, with an additional play target. */
.intro-film{max-width:980px;margin-top:18px}.film-head{padding-inline:4px}.film-head h2{font-size:20px;letter-spacing:-.035em}
.film-stage{position:relative;isolation:isolate;padding:7px;border:1px solid #9ddcff4d;border-radius:24px;background:linear-gradient(135deg,#75cfff1b,#080f1c 35%,#8271da17);box-shadow:0 24px 75px #01071466,0 0 60px #2a8aff15;transition:border-color .7s ease,box-shadow .7s ease}
.film-stage:before{content:'';position:absolute;inset:-1px 12%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#acf2ff,transparent);box-shadow:0 0 16px #66c7ff90;transition:opacity .6s ease}
.film-stage video{border-radius:17px;border:1px solid #8bbdfc22;box-shadow:none}
.film-play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;display:grid;place-items:center;padding:0;border:1px solid #bdefff99;border-radius:50%;background:#09182cce;color:#e4f8ff;box-shadow:0 0 0 9px #73c5ff0c,0 0 36px #47aeff35;backdrop-filter:blur(8px);transition:background .25s ease,box-shadow .25s ease,opacity .25s ease}
.film-play svg{width:24px;height:24px;fill:currentColor;margin-left:4px;pointer-events:none}.film-play:hover{background:#174168e8;box-shadow:0 0 0 12px #73c5ff12,0 0 40px #47aeff50}.film-play:focus-visible{outline:3px solid white;outline-offset:6px}
.film-stage[data-film-state=playing]{border-color:#607f9a3b;box-shadow:0 12px 40px #0005}.film-stage[data-film-state=playing]:before{opacity:0}.film-stage[data-film-state=loading] .film-play svg{opacity:0}.film-stage[data-film-state=loading] .film-play:after{content:'';position:absolute;inset:23px;border:2px solid #bdefff33;border-top-color:#bdefff;border-radius:50%;animation:atlas-spin 1.1s linear infinite}.film-play:disabled{cursor:wait}
.film-status{font-size:13px;color:#adcfe8;padding:10px 4px 0;margin:0}.film-transcript{margin-top:8px}.film-transcript summary{min-height:44px}
@keyframes atlas-spin{to{transform:rotate(360deg)}}
/* Countdown instruments: decorative ticks, with real time kept as text. */
.launch-countdown{margin-top:62px}.countdown-panel{padding:46px 44px;gap:38px;background:radial-gradient(ellipse at 86% 0%,#5069b51a,transparent 65%),linear-gradient(125deg,#13283c,#111c30 58%,#171a32);border-color:var(--atlas-rim)}
.countdown-panel:before{width:350px;height:350px;right:38px;top:50%;border:1px solid #90c9ff16;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 28px #85bcff04,0 0 0 29px #85bcff08,0 0 0 62px #85bcff03,0 0 0 63px #85bcff06}
.countdown-copy h2{font-size:clamp(27px,3vw,36px);line-height:1.23}.countdown-copy h2 em{display:inline-block;margin-top:5px;font-size:1.22em}.countdown-copy .eyebrow{font-size:9px;letter-spacing:.2em}
.countdown-digits{gap:9px}.countdown-digits>div{position:relative;padding:22px 12px 17px;min-width:88px;background:linear-gradient(150deg,#22425b72,#091422a0);border-color:#9edcff3b;border-radius:14px;overflow:hidden}
.countdown-digits>div:before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#b3efff,transparent);box-shadow:0 0 14px #8fdfff}
.countdown-digits>div:after{content:'';position:absolute;inset:9px 7px auto;height:3px;opacity:.4;background:repeating-linear-gradient(90deg,#b3dcff88 0 1px,transparent 1px 8px);pointer-events:none}
.countdown-digits strong{font-size:42px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.countdown-digits span:not(.countdown-colon){font-size:9px;letter-spacing:.16em}.countdown-colon{color:#93c6e45e}.countdown-time{max-width:340px}
.countdown-display .button{min-height:46px}.countdown-price{line-height:1.7}
/* Workspace colour interpolation remains owned by the real Atlas renderer. */
.scene-image{transition:opacity .65s var(--atlas-ease)}.theme-app{transition:width .6s var(--atlas-ease),border-color .55s ease,background .55s ease,box-shadow .55s ease}.actual-orb-preview{transition:height .6s var(--atlas-ease)}
.mode-buttons button,.workspace-buttons button{transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.workspace-buttons button[aria-pressed=true]{border-color:color-mix(in srgb,var(--wsaccent) 50%,transparent);background:color-mix(in srgb,var(--ws) 14%,#0e1929);box-shadow:inset 0 1px 0 #ffffff0d}
.mode-buttons button[aria-pressed=true]{background:color-mix(in srgb,var(--ws) 25%,#152a40);color:var(--wsink,#edf5ff)}
.theme-preview{min-width:0}.theme-preview:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 28px color-mix(in srgb,var(--wsaccent,#8feaff) 22%,transparent);pointer-events:none;opacity:0}
.theme-preview.preview-confirmed:after{animation:atlas-confirm .85s ease-out}.scene-choice:active{filter:brightness(1.12)}
@keyframes atlas-confirm{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
.faq-list details{padding-inline:15px;border-radius:12px;transition:background .25s ease,border-color .25s ease}.faq-list summary>span{display:inline-block;transition:transform .3s var(--atlas-ease)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-answer-content{padding-bottom:14px}
.waitlist-card,.interest-form{position:relative}.waitlist-card:focus-within,.interest-form:focus-within{border-color:#8ed6ff75;box-shadow:0 0 34px #368cff13,inset 0 1px 0 #c7eaff1a}
input[type=email]{transition:border-color .25s ease,box-shadow .25s ease;background:#071120!important;color:#e7f3ff!important;min-height:48px}.waitlist-card input[type=email]:focus,.interest-form input[type=email]:focus{border-color:#a3e4ff;box-shadow:0 0 0 4px #77c9ff14}.launch-consent input{accent-color:#8bd9ff}
form[aria-busy=true] button[type=submit]{cursor:wait;opacity:.8}.form-confirmed{border-color:#a1eadd!important;box-shadow:0 0 0 1px #a1eadd22,0 0 35px #5ccfe01d!important}.form-confirmed [role=status]{color:#b5f2df!important}.form-confirmed:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 25px #8ddcfc3d;animation:atlas-confirm 1.1s ease-out both}
.section-nav a{transition:border-color .25s ease,background .25s ease}.section-nav a:hover{background:#1e3c5a70;border-color:#90d2ff66}
.motion-paused .atlas-atmosphere *,.motion-paused .atlas-atmosphere:before,.motion-paused .atlas-atmosphere:after,.motion-paused .film-play:after{animation-play-state:paused!important}
.motion-paused :is(.button,.button:before,.atlas-atmosphere svg,.theme-app,.actual-orb-preview,.mode-buttons button,.workspace-buttons button,.header nav a:after,.faq-list summary>span){transition:none!important}
.motion-paused .preview-confirmed:after,.motion-paused .form-confirmed:after{animation:none!important;opacity:0}
@media(max-width:1000px){.countdown-panel{padding:32px 28px;gap:26px}.countdown-digits>div{min-width:72px;padding-inline:8px}.countdown-digits strong{font-size:35px}.countdown-digits{gap:6px}.countdown-copy h2{font-size:29px}}
@media(max-width:650px){.home-intro{padding:47px 5.5% 31px}.home-intro h1{font-size:clamp(30px,8.3vw,48px);line-height:1.2;letter-spacing:-.055em}.home-intro .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:22px}.home-intro p{font-size:15px;margin:20px auto 23px}.home-intro .actions{gap:19px}.home-intro .text-link{font-size:13px}.home-intro .button{font-size:14px}.atlas-atmosphere svg{opacity:.2}.atlas-light-field:before{animation-duration:30s}.atlas-light-field:after{animation-duration:35s}.film-stage{padding:4px;border-radius:17px;box-shadow:0 14px 40px #01071466,0 0 28px #2a8aff13}.film-stage video{border-radius:12px}.film-play{width:54px;height:54px;box-shadow:0 0 0 6px #73c5ff0c,0 0 26px #47aeff30}.film-play svg{width:18px;height:18px}.film-stage[data-film-state=loading] .film-play:after{inset:15px}.film-head h2{font-size:17px}.film-head>span{font-size:11px}.intro-film{margin-top:16px}.launch-countdown{margin-top:34px}.countdown-panel{padding:28px 20px;gap:25px}.countdown-copy h2{font-size:28px}.countdown-copy .eyebrow{font-size:8px;letter-spacing:.16em}.countdown-time{margin-inline:auto!important}.countdown-panel:before{width:260px;height:260px;right:calc(50% - 130px);top:65%}.countdown-digits{gap:7px}.countdown-digits>div{min-width:0;max-width:86px;padding:19px 5px 13px}.countdown-digits strong{font-size:33px}.countdown-colon{font-size:17px}.countdown-digits span:not(.countdown-colon){font-size:8px}.page-intro h1{font-size:clamp(33px,9.3vw,46px)}.page-intro>p{font-size:16px}.about-home h2,.home-playground .section-head h2{font-size:32px;line-height:1.25}.header nav a:after{right:auto;width:30px}.faq-list details{padding-inline:10px}.faq-list summary{font-size:16px;min-height:54px}.waitlist-card h2{font-size:30px}.launch-page h1{font-size:clamp(31px,8.5vw,41px)}.story-hero h1{font-size:clamp(32px,8.5vw,49px)}.story-section h2{font-size:32px}.story-close h2{font-size:31px}.theme-app{transition-duration:.45s}.theme-top{flex-wrap:wrap}.mode-buttons button{min-height:40px}.interest-form,.waitlist-card{min-width:0}.button{max-width:100%}.story-art svg{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.atlas-atmosphere:before,.atlas-atmosphere:after,.film-play:after,.preview-confirmed:after,.form-confirmed:after{animation:none!important}.atlas-atmosphere svg{transform:none!important}.button:before{display:none}html{scroll-behavior:auto}}
@media(forced-colors:active){.atlas-atmosphere{display:none}.home-intro h1 em{background:none;color:CanvasText}.film-play{background:Canvas;border:1px solid ButtonText;color:ButtonText}.countdown-digits>div,.film-stage{border:1px solid CanvasText}.form-confirmed [role=status]{color:CanvasText!important}}

/* Four instruments share the available width, including on small phones. */
.atlas-entering{animation:atlas-section-enter 1450ms cubic-bezier(.42,0,.22,1) var(--entrance-delay,0ms) backwards;will-change:transform,opacity}
@keyframes atlas-section-enter{from{opacity:.58;transform:translate3d(0,16px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){.atlas-entering{animation:none!important;will-change:auto}}
.countdown-display{min-width:0}.countdown-digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:430px;margin-inline:auto}.countdown-digits>div{min-width:0;max-width:none;padding-inline:5px}.countdown-colon{display:none}.countdown-digits strong{font-size:clamp(28px,3.2vw,42px)}
.colour-editing .theme-app,.colour-editing .workspace-buttons button{transition:none!important}
@media(max-width:1000px) and (min-width:651px){.countdown-panel{grid-template-columns:1fr 1.1fr;gap:24px;padding:30px 24px}.countdown-digits{gap:5px}.countdown-digits>div{padding:20px 4px 15px}.countdown-digits strong{font-size:29px}.countdown-digits span:not(.countdown-colon){font-size:8px;letter-spacing:.06em}}
@media(max-width:650px){.countdown-digits{gap:7px;max-width:380px}.countdown-digits strong{font-size:clamp(26px,7.8vw,36px)}.countdown-digits span:not(.countdown-colon){font-size:8px;letter-spacing:.04em}.atlas-light-field{inset:-65px}}
.motion-paused .atlas-light-field:before,.motion-paused .atlas-light-field:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.atlas-light-field:before,.atlas-light-field:after{animation:none!important}.atlas-light-field,.atlas-atmosphere svg{transform:none!important;will-change:auto}}