/* Shared Atlas presentation. Product demos keep their own workspace colours. */
:root{--bg:#080e1b;--panel:#111d30;--text:#edf4ff;--muted:#aabbd0;--cyan:#a2dfff;--atlas-gradient:linear-gradient(110deg,#9de9ff 0%,#79b8ff 56%,#b3a3ff 100%);--atlas-line:linear-gradient(90deg,#80d9ff,#697dff 65%,transparent);--polish-stroke:rgba(123,174,240,.24);background:var(--bg)}
body{isolation:isolate;background:radial-gradient(ellipse 90% 700px at 50% 0%,#17324b66,transparent 75%),radial-gradient(ellipse 60% 650px at 0% 45%,#142d4a40,transparent 85%),#080e1b;color:var(--text)}
body:before{content:'';position:fixed;inset:-12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 32% 36% at 83% 29%,#6662eb0d,transparent 75%),radial-gradient(ellipse 35% 40% at 14% 75%,#22b6e60b,transparent 75%);animation:atlasAtmosphere 32s ease-in-out infinite alternate;will-change:transform}
@keyframes atlasAtmosphere{to{transform:translate3d(2%,-2%,0)}}
.header{background:linear-gradient(100deg,#0a1422f5,#101b2cf5);border-bottom:1px solid #91bcff1a;box-shadow:0 10px 35px #02061020}
.brand img{filter:drop-shadow(0 0 9px #389dff35)}
.header nav a{color:#b6c7d9;transition:color .22s ease}.header nav a:hover,.header nav a[aria-current=page]{color:#e0f2ff}
.header nav a[aria-current=page]:after{background:var(--atlas-gradient);box-shadow:0 0 9px #77bbff45}
.launch-ribbon{background:linear-gradient(100deg,#15547a18,#4354a522,#7753b719);border-bottom-color:#8bcaff20}.launch-ribbon a:hover{color:#fff}
.home-intro{padding-block:66px 34px;position:relative}.home-intro h1{font-size:clamp(47px,6vw,80px);letter-spacing:-.055em;text-wrap:balance}.home-intro h1 em{filter:drop-shadow(0 0 32px #5f9bff22)}
.home-intro p,.page-intro p{color:#b5c8de;line-height:1.7}.eyebrow{color:#a8cce7}.home-intro .eyebrow,.page-intro>.eyebrow{letter-spacing:.17em}
.button.primary{background:linear-gradient(115deg,#a4eaff,#91c7ff 65%,#b8b2ff);color:#081c32;border:1px solid #cef0ff55;box-shadow:0 7px 24px #287fe520,inset 0 1px 0 #ffffff60;font-weight:600}
.button,.small-button,.text-link,.plain-button{transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,transform .22s ease}
@media(hover:hover){.button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #479cff35,inset 0 1px 0 #ffffff80}.text-link:hover{color:#e0f6ff}.small-button:hover{border-color:#95d7ff90}}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #a3e0ff;outline-offset:5px}
.intro-film video{border:1px solid #8bbdfc4d;box-shadow:0 0 0 5px #7bc6ff04,0 20px 75px #01071466,0 0 42px #417ac518;border-radius:20px}
.film-head h2{font-size:21px}.film-head>span,.film-transcript{color:#93abc3}.film-transcript{margin-top:15px}
.about-home{padding-top:80px;padding-bottom:42px;gap:70px}.about-home h2{line-height:1.14;text-wrap:balance}.about-home p{line-height:1.8;color:#adbed2}.key-phrase{color:#b0e3ff}
.principles{gap:24px;padding-bottom:48px}.principles article{border:1px solid #9bc8ff20;border-radius:17px;padding:25px;background:linear-gradient(145deg,#172a3b70,#12192c65);box-shadow:inset 0 1px 0 #e1efff04}
.principles article:before{top:0;left:25px;width:75px;height:1px}.principles article>span{font-size:11px;letter-spacing:.1em;color:#8fbce8}.principles h3{font-size:23px;padding-right:24px;line-height:1.35}.principles p{line-height:1.75;font-size:15px}
.home-playground{padding-block:45px 80px}.home-playground .section-head{align-items:end;gap:40px}.home-playground .section-head h2{text-wrap:balance}.home-playground .section-head>p{max-width:470px;line-height:1.8}
.glass,.waitlist-card,.inspector-film-shell,.routing-demo{border-color:var(--polish-stroke);box-shadow:inset 0 1px 0 #cdeaff08,0 22px 60px #02071140}
.personalise-demo.glass{background:linear-gradient(140deg,#13233b,#0d1525);border-radius:22px;overflow:hidden}.theme-controls{background:linear-gradient(150deg,#182b4333,transparent);border-right:1px solid #84b4e91a}
.scene-gallery{background:#091424}.scene-gallery-heading{color:#b2cbe6}.scene-choice{transition:border-color .2s ease,box-shadow .2s ease}.scene-choice[aria-pressed=true]{box-shadow:0 0 0 1px #96d6ff55,0 0 18px #549dff19}
.page-intro{padding-top:68px;padding-bottom:44px}.page-intro h1{line-height:1.08;text-wrap:balance}.page-intro>p{max-width:760px}.page-intro .section-nav a{background:#10203970;border-color:#8caedf30}
.feature-chapter.wrap,.feature-chapter>.wrap.section{padding-block:58px 66px;border-top-color:#8bb4e32c}.chapter-number{background:linear-gradient(135deg,#1c487b88,#46477944);border-color:#80b8f95c;color:#c1ebff;box-shadow:0 0 25px #2787dc13}.chapter-label{letter-spacing:.02em}.feature-heading h2{line-height:1.2}.feature-demo-cue{border-left:2px solid #6fa9e480;background:linear-gradient(90deg,#17345055,#13223c22)!important}
.feature-heading>p{color:#b1c3d7;line-height:1.8}.mode-heading{padding-top:12px}.mode-heading h2{background:var(--atlas-gradient);background-clip:text;color:transparent}.mode-gallery{border-top-color:#729cc735}.gallery-arrow{border-color:#8db9e74d;background:#13253bd9}.workspace-galleries{padding-bottom:55px}
.faq-page>section{border-top-color:#8bb6ed30}.faq-page>section>h2{color:#b8ddf9}.faq-list details{border-bottom-color:#87acdc26}.faq-list details[open]{background:linear-gradient(110deg,#172a4240,transparent);border-radius:12px}.faq-list details[open] summary{color:#aadeff}.faq-list summary{transition:color .2s ease}.faq-list summary:hover{color:#b7e8ff}.faq-list details p{line-height:1.8;color:#b6c7dc}
.faq-atlas{border-color:#7fbaff35;background:radial-gradient(ellipse at 27% 40%,#257fce16,transparent 65%),linear-gradient(140deg,#13253b88,#12192c88);box-shadow:0 24px 70px #02061040}
.launch-page{padding-top:65px}.waitlist-card{background:radial-gradient(ellipse at 100% 0%,#7261dc13,transparent 60%),linear-gradient(140deg,#162b42,#10182a)}.waitlist-card input[type=email]{background:#071120;border-color:#83b4ee50}.launch-page .launch-orbit img{filter:drop-shadow(0 0 26px #469cff75)}
.editorial{padding-top:45px}.editorial h1{line-height:1.1;text-wrap:balance}.editorial h2{font-size:28px;color:#b9dfff}.editorial-list>section{border-top-color:#89b5e62c}.editorial p,.editorial li{color:#b0c1d5;line-height:1.85}.editorial .lede{color:#c0d1e4}.launch-privacy{padding-top:32px;border-top:1px solid #89b5e62c}
.footer{border-top:1px solid #82b0ec24;padding-top:35px;padding-bottom:32px}.footer-top p{color:#b2c9df}.footer-links a,.footer-links button{color:#9fb7cf}.footer>.fineprint{color:#829ab3;line-height:1.8}
/* A compact launch moment between the film and the introduction. */
.launch-countdown{margin-top:48px}.countdown-panel{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:40px 48px;border:1px solid #8cbcff3c;border-radius:24px;background:linear-gradient(120deg,#12263bd9,#141c33ee 65%,#201e3a99);box-shadow:0 20px 70px #00000025,inset 0 1px 0 #d4eaff0d}
.countdown-panel:before{content:'';position:absolute;z-index:-1;width:570px;height:220px;right:-90px;top:28px;transform:rotate(-24deg);border:1px solid #87b4ff12;border-radius:50%;box-shadow:0 0 45px #7b9fff0a,inset 0 0 38px #7b9fff08;pointer-events:none}
.countdown-copy h2{font-size:clamp(28px,3vw,38px);line-height:1.17;margin-top:16px}.countdown-copy h2 em{font-style:normal;background:var(--atlas-gradient);background-clip:text;color:transparent;font-size:1.28em;letter-spacing:-.025em}.countdown-copy>p{font-size:14px;color:#b3c8df;margin:14px 0 0;line-height:1.65}.countdown-copy .eyebrow{font-size:10px;letter-spacing:.16em}.countdown-copy .countdown-time{font-size:11px;color:#91abc6}
.countdown-display{text-align:center}.countdown-digits{display:flex;justify-content:center;gap:12px;align-items:center}.countdown-digits[hidden]{display:none}.countdown-digits>div{min-width:82px;padding:14px 13px 10px;background:linear-gradient(#182f49a0,#0c172980);border:1px solid #8dc3ff30;border-radius:14px;box-shadow:inset 0 1px 0 #d1efff0a}.countdown-digits strong{display:block;color:#d4f2ff;text-shadow:0 0 25px #64b2ff25;font-size:42px;line-height:1.15;letter-spacing:-.02em;font-weight:400;font-variant-numeric:tabular-nums}.countdown-digits span:not(.countdown-colon){display:block;font-size:10px;color:#9cb9d5;letter-spacing:.1em;text-transform:uppercase;margin-top:7px}.countdown-colon{font-size:25px;color:#8eb7d680}.countdown-caption{font-size:12px;color:#91adc9;margin:15px 0!important}.countdown-display .button{font-size:13px;min-height:44px;padding:12px 21px}
@media(max-width:900px){.countdown-panel{padding:32px 28px;gap:26px}.countdown-digits{gap:7px}.countdown-digits>div{min-width:65px;padding:12px 9px}.countdown-digits strong{font-size:35px}.about-home{gap:35px}.principles article{padding:21px}.principles h3{font-size:21px}}
@media(max-width:650px){.header{background:#0b1625}.home-intro{padding-top:42px}.home-intro h1{font-size:clamp(39px,10.8vw,53px)}.home-intro .eyebrow{font-size:9px;letter-spacing:.12em}.home-intro p{font-size:16px}.home-intro .actions{gap:18px}.intro-film video{border-radius:13px}.film-head h2{font-size:18px}.film-head>span{font-size:11px}.launch-countdown{margin-top:30px}.countdown-panel{grid-template-columns:1fr;gap:25px;padding:28px 20px;text-align:center;border-radius:19px}.countdown-copy h2{font-size:29px;margin-top:12px}.countdown-copy .eyebrow{justify-content:center;font-size:9px}.countdown-copy>p{font-size:13px}.countdown-copy .countdown-time{font-size:10px}.countdown-digits{gap:9px}.countdown-digits>div{flex:1;min-width:0;max-width:87px;padding:12px 5px}.countdown-digits strong{font-size:36px}.countdown-colon{font-size:18px}.countdown-display .button{width:100%;justify-content:center;gap:20px}.about-home{padding-top:47px;padding-bottom:28px}.about-home h2{font-size:33px}.principles{gap:15px;padding-bottom:30px}.principles article{padding:22px}.principles h3{font-size:22px}.principles p{font-size:15px}.home-playground{padding-block:26px 50px}.home-playground .section-head h2{font-size:35px}.home-playground .section-head>p{font-size:15px;line-height:1.75;margin-top:17px}.page-intro{padding-top:40px;padding-bottom:30px}.page-intro h1{font-size:clamp(37px,10.4vw,48px)}.page-intro p{font-size:16px}.feature-chapter.wrap,.feature-chapter>.wrap.section{padding-block:36px 43px}.theme-controls{border-right:0}.editorial h1{font-size:38px}.editorial h2{font-size:25px}.editorial{padding-top:28px}.launch-page{padding-top:40px}.launch-page h1{font-size:40px}.faq-page>section>h2{font-size:24px}.footer-top p{font-size:14px}.footer-links{gap:16px}.countdown-panel:before{right:-250px;top:145px}}
.motion-paused:before{animation-play-state:paused!important}.motion-paused .button,.motion-paused .text-link,.motion-paused .small-button,.motion-paused .plain-button{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){body:before{animation:none;will-change:auto}html{scroll-behavior:auto}.button,.text-link,.small-button,.plain-button{transition:none!important;transform:none!important}}
@media(forced-colors:active){h1 em,h2 em,.mode-heading h2{background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important}.countdown-panel,.countdown-digits>div,.principles article{border:1px solid CanvasText}}