:root{--bg:#101b29;--panel:#152433;--text:#f4f2ec;--muted:#b5c1cb;--cyan:#abe4d9;--line:#d7e2ed24;background:var(--bg);font-size:16px}body{background:radial-gradient(ellipse at 85% 0,#234b4d25,transparent 40%),var(--bg);font-size:16px}p{font-size:16px;line-height:1.75}h1,h2,h3{font-weight:450}h1{font-size:clamp(48px,6.3vw,84px);letter-spacing:-.055em}h2{font-size:clamp(32px,3.5vw,48px)}.wrap{width:min(1160px,88%)}.header{max-width:1360px;min-height:96px;padding-inline:6%;border-bottom:1px solid #d7e2ed0d}.header nav{gap:28px;align-items:center;font-size:14px}.header nav a{position:relative;padding:10px 0;color:#becbd5}.header nav a[aria-current=page]{color:#effaf6}.header nav a[aria-current=page]:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:#abe4d9;border-radius:2px}.nav-soon{display:inline-block;font-size:11px;font-weight:500;margin-left:7px;padding:3px 6px;border:1px solid #abe4d933;border-radius:5px;color:#b7cdc7}.menu-toggle{display:none}.eyebrow,.label{font-size:12px;letter-spacing:.13em;color:#b7c7d0}.button,.text-link{font-size:15px}.button{border-radius:10px;min-height:48px;padding:15px 22px}.primary{background:#abe4d9;border:1px solid #e7fff366;box-shadow:none;color:#10262b}.primary:hover{background:#c0efe4;color:#10262b}.brand small{font-size:13px}.brand img{filter:drop-shadow(0 0 12px #4ab8f522)}.home-intro{text-align:center;padding:58px 0 32px}.home-intro .eyebrow{justify-content:center;margin-bottom:18px}.home-intro h1{font-size:clamp(47px,6vw,78px);line-height:1.06}.home-intro p{margin:23px auto;max-width:660px;font-size:18px}.home-intro .actions{justify-content:center}.home-intro .text-link{color:#d1dedc}.intro-film{max-width:900px;scroll-margin-top:30px;margin-top:20px}.film-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.film-head h2{font-size:18px;letter-spacing:-.02em}.film-head>span{font-size:12px;color:#b5c1cb}.intro-film video{display:block;width:100%;height:auto;border:1px solid #96b4bc44;border-radius:20px;background:#071426;box-shadow:0 25px 90px #0003}.film-transcript{margin-top:10px;font-size:13px;color:#b5c1cb}.film-transcript summary{cursor:pointer;padding:10px 0}.film-transcript p{font-size:14px;max-width:800px;padding-left:15px;border-left:1px solid #abe4d944}.about-home{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:78px 42px;align-items:start}.about-home .eyebrow{font-size:11px;margin-bottom:20px}.about-home p{margin-bottom:16px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:65px}.principles article{border-top:1px solid #cfe4e027;padding-top:20px;position:relative}.principles article>span{font-size:12px;color:#80b5b0;float:right}.principles h3{font-size:24px;letter-spacing:-.03em;line-height:1.25;margin-bottom:12px}.principles p{font-size:15px;max-width:300px;margin:0}.home-styles{padding-bottom:70px}.home-styles .section-head{margin-bottom:24px;align-items:end}.home-styles h2{font-size:34px}.style-teasers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.teaser .atlas-look{aspect-ratio:1.5;border-radius:14px}.teaser h3{display:flex;justify-content:space-between;font-size:21px;margin-top:16px}.teaser h3 span{color:#a8c5c3;font-size:20px}.teaser>.status-label{font-size:12px;display:block;margin-top:7px}.page-intro{padding-block:64px 45px}.page-intro .eyebrow{margin-bottom:22px}.page-intro p{font-size:19px;margin:25px 0 0;max-width:780px}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.filter-bar button{min-height:44px;padding:11px 18px;background:transparent;border:1px solid #b3cdd033;border-radius:24px;font-size:14px;color:#c9d5dc}.filter-bar button[aria-pressed=true]{background:#abe4d9;color:#10262b;border-color:#abe4d9}.filter-bar button:hover{border-color:#abe4d9}.gallery-note{font-size:14px;max-width:860px;margin-bottom:30px}.styles-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 28px}.style-card{min-width:0}.style-open{display:block;position:relative;padding:0;width:100%;text-align:left;background:none;border:1px solid #bfd7dd33;border-radius:18px;overflow:hidden}.style-open:hover .look-expand{background:#abe4d9;color:#132832}.look-expand{position:absolute;right:15px;bottom:15px;width:35px;height:35px;border:1px solid #bcd6d955;border-radius:50%;background:#142330dd;color:#ecfffc;display:grid;place-items:center;font-size:20px;transition:background .2s}.style-card-copy{padding:22px 3px 0}.status-label{font-size:12px;line-height:1.5;color:#a9bebf}.style-card h2{font-size:29px;margin:6px 0 8px}.style-card p{margin:0;font-size:16px}.style-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}.style-card-bottom button{background:none;padding:8px 0;color:#c8eae3}.swatches{display:flex;gap:8px;align-items:center}.swatches i{height:18px;width:18px;display:inline-block;border-radius:50%;border:1px solid #a4bcc35a}.atlas-look{--look-bg:#071426;--look-main:#2478ff;--look-accent:#8feaff;position:relative;container-type:inline-size;color:#ebf3f7;background:radial-gradient(ellipse at 50% 43%,color-mix(in srgb,var(--look-main) 17%,transparent),transparent 62%),var(--look-bg);aspect-ratio:1.48;overflow:hidden;padding:5% 7% 4%;font-size:12px;border:1px solid color-mix(in srgb,var(--look-accent) 18%,transparent)}.look-top{display:flex;justify-content:space-between;font-size:2.7cqw;letter-spacing:.08em;align-items:center;opacity:.85}.look-top small{font-size:2.2cqw;letter-spacing:0;opacity:.8}.look-tabs{display:flex;gap:5%;font-size:2.5cqw;margin-top:5%;align-items:center;opacity:.85}.look-tabs>span:first-child{border-bottom:1px solid var(--look-accent);padding-bottom:5px}.look-orb{width:47%;height:44%;position:absolute;top:22%;left:26.5%;display:grid;place-items:center;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--look-main) 15%,transparent))}.look-sphere{display:block;position:absolute;height:80%;aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--look-accent) 80%,white);background:radial-gradient(circle at 32% 25%,color-mix(in srgb,var(--look-main) 50%,var(--look-bg)),color-mix(in srgb,var(--look-main) 15%,var(--look-bg)) 58%,var(--look-main) 94%,var(--look-accent));box-shadow:inset -6px -6px 15px color-mix(in srgb,var(--look-main) 40%,transparent),0 0 28px color-mix(in srgb,var(--look-main) 25%,transparent)}.look-sphere:after{content:'';position:absolute;inset:8%;border-radius:50%;border:1px solid color-mix(in srgb,var(--look-accent) 20%,transparent);background:repeating-radial-gradient(ellipse at center,transparent 0 10%,color-mix(in srgb,var(--look-accent) 10%,transparent) 10.5% 11%,transparent 11.5% 15%)}.look-ring{position:absolute;width:125%;height:29%;border-radius:50%;border:2px solid var(--look-accent);transform:rotate(-24deg);box-shadow:0 0 8px color-mix(in srgb,var(--look-accent) 40%,transparent),inset 0 0 6px color-mix(in srgb,var(--look-main) 30%,transparent)}.look-spark{width:4px;height:4px;border-radius:50%;background:#fff;position:absolute;left:6%;top:59%;box-shadow:0 0 8px #fff}.look-message{position:absolute;top:70%;left:7%;right:7%;text-align:center;font-size:3cqw;letter-spacing:-.01em}.look-input{position:absolute;top:80%;left:12%;right:12%;height:10%;border:1px solid color-mix(in srgb,var(--look-accent) 27%,transparent);border-radius:6px;display:flex;justify-content:space-between;align-items:center;padding:0 4%;font-size:2.6cqw;opacity:.9;background:color-mix(in srgb,var(--look-bg) 80%,transparent)}.look-bottom{position:absolute;top:94%;left:12%;right:12%;display:flex;justify-content:center;gap:8%;font-size:2cqw;opacity:.7}.light-look{color:#3c494a;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--look-main) 18%,transparent),transparent 65%),var(--look-bg)}.light-look .look-sphere{background:radial-gradient(circle at 35% 27%,#fff,var(--look-bg) 25%,var(--look-main) 90%,var(--look-accent));box-shadow:inset -5px -7px 15px #82756422,0 12px 22px #605b4720}.light-look .look-ring{border-color:var(--look-main);box-shadow:0 0 12px #fff9}.light-look .look-input{border-color:#8c8e7c44;background:#ffffff55}.light-look .look-bottom{opacity:.85}.gallery-outro{padding-block:85px;text-align:center}.gallery-outro p{max-width:650px;margin:24px auto}.gallery-outro h2{font-size:42px}dialog{background:#142230;color:var(--text);border:1px solid #9dc6c755;border-radius:20px;padding:0;width:min(840px,94vw);max-height:92vh;overflow:auto;box-shadow:0 30px 160px #0009}dialog::backdrop{background:#06121ddd;backdrop-filter:blur(8px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;gap:20px}.dialog-close{background:none;min-height:40px;color:#d1e7e4;font-size:15px}#styleLarge{padding:0 24px}#styleLarge .atlas-look{aspect-ratio:1.9;border-radius:12px}.dialog-copy{padding:24px}.dialog-copy h2{font-size:32px;margin:6px 0 12px}.dialog-copy p{margin-bottom:18px}.dialog-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:24px}.dialog-actions .small-button{font-size:14px}.dialog-copy .swatches{gap:14px;flex-wrap:wrap}.dialog-copy .swatches span{font-size:12px;color:#bacbd1;display:inline-flex;align-items:center;gap:7px}.modal-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.section-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.section-nav a{font-size:14px;padding:10px 15px;border:1px solid #abe4d930;border-radius:8px}.section{padding-block:60px}.personal-section .section{padding-top:30px}.section-head{margin-bottom:30px}.section-head>p{font-size:16px}.section-head h2{font-size:42px}.small-button,.plain-button{font-size:14px;min-height:42px}.fineprint{font-size:13px}.mock-input{font-size:14px}.journey{grid-template-columns:300px 1fr}.journey-steps small{font-size:12px}.journey-steps button>div{font-size:16px}.journey-scene p,.wisp-note p,.sample-task .task-completion{font-size:16px}.journey-scene h3{font-size:23px}.journey-canvas{min-height:460px}.demo-window-bar{font-size:12px}.label-badge{font-size:11px}.journey-bottom{font-size:13px}.journey-scene .label{font-size:12px}.task-top{font-size:12px}.mail-heading strong,.mail-body p{font-size:15px}.mail-heading div>span,.mail-time{font-size:12px}.mail-body h3{font-size:19px}.selection-scene{min-height:435px}.mail-body>span{font-size:14px}.frame-tag{font-size:12px}.inspector-presets button{font-size:14px;min-height:42px}.inspector-side p,.draft-result p{font-size:16px}.inspector-grid{gap:40px}.workspace-buttons button,.colour-field{font-size:15px}.theme-controls{padding:25px 22px}.theme-controls .fineprint{font-size:13px}.theme-top,.theme-app-heading,.theme-bottom{font-size:12px}.theme-context p{font-size:15px}.theme-app{width:min(340px,100%)}.mode-buttons button{font-size:12px;min-height:36px}.feature-card p{font-size:16px}.gallery-tabs button{font-size:14px;min-height:40px}.gallery-preview strong{font-size:16px}.gallery-preview small{font-size:13px}.gallery-document p,.gallery-snippet{font-size:14px}.gallery-document>span{font-size:12px}.feature-card{padding:30px}.interaction{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.interaction p{margin-top:24px}.voice-panel{padding:30px}.voice-button{font-size:20px;min-height:52px;padding:12px 0;margin-top:20px}.voice-caption{font-size:16px;padding-left:14px}.route-options button{font-size:15px;min-height:56px}.route-result p,.routing-section p{font-size:16px}.provider-tabs button{font-size:16px;min-height:48px}.provider-intro p{font-size:16px}.provider-intro .eyebrow{font-size:11px}.feature-support dt,.feature-support dd{font-size:14px}.feature-support div{gap:15px}.connection-foot p{font-size:14px}.connection-foot>span{font-size:12px}.feature-end{padding-block:40px 70px;display:flex;flex-wrap:wrap;align-items:center;gap:22px}.feature-end h2{width:100%;font-size:32px}.faq-page{padding-bottom:70px;max-width:1000px}.faq-page>section{display:grid;grid-template-columns:240px 1fr;gap:50px;border-top:1px solid #cbe3db25;padding-top:35px;margin-bottom:35px}.faq-page h2{font-size:26px;letter-spacing:-.02em}.faq-list summary{font-size:17px;line-height:1.5;padding-block:20px;gap:20px}.faq-list details p{font-size:16px;max-width:650px}.faq-list a,.editorial p a{color:#abe4d9;text-decoration:underline;text-underline-offset:4px}.download-page{padding-block:105px 125px;min-height:65vh}.download-page h1{font-size:clamp(44px,6vw,78px)}.download-page .coming{color:#abe4d9;font-size:30px;margin-top:35px;margin-bottom:8px}.download-page .text-link{display:inline-block;margin-top:15px}.footer{padding-block:30px}.footer-top{gap:24px;padding-bottom:22px}.footer-top p{font-size:16px}.footer-top>a:last-child,.footer-links,.footer-links button{font-size:14px}.footer-links{flex-wrap:wrap;gap:23px}.footer>.fineprint{font-size:12px;max-width:900px}.editorial{padding-block:50px 70px}.editorial p,.editorial li{font-size:16px}.editorial h1{font-size:clamp(40px,5vw,64px)}.editorial h2{font-size:30px}.editorial>.eyebrow{font-size:12px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.gallery-section button:focus-visible,.teaser:focus-visible{outline:2px solid #abe4d9;outline-offset:5px}
@media(min-width:1600px){.home-intro{padding-top:70px}.intro-film{max-width:940px}}
@media(max-width:900px){.header nav{gap:17px}.header{gap:15px}.nav-soon{display:none}.about-home{gap:35px}.principles{gap:25px}.style-teasers{gap:15px}.teaser h3{font-size:18px}.journey{grid-template-columns:250px 1fr}.journey-canvas{padding:25px}.inspector-grid{gap:25px}.faq-page>section{grid-template-columns:180px 1fr;gap:30px}.theme-preview{padding-inline:25px}}
@media(max-width:650px){.wrap{width:89%}.header{min-height:80px;padding:16px 5.5%;flex-wrap:wrap;position:relative}.brand{font-size:19px}.brand img{width:34px;height:34px}.menu-toggle{display:flex;align-items:center;gap:15px;font-size:14px;background:none;padding:8px 0;min-height:44px}.header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px 0}.header nav.is-open{display:flex}.header nav a{font-size:16px;padding:14px 4px}.header nav a[aria-current=page]:after{left:4px;right:auto;width:30px}.home-intro{padding:37px 0 20px}.home-intro .eyebrow{font-size:10px;letter-spacing:.12em}.home-intro h1{font-size:47px}.home-intro p{font-size:16px;margin-block:20px}.home-intro p br{display:none}.home-intro .actions{gap:20px}.home-intro .text-link{font-size:14px}.intro-film{margin-top:18px}.film-head{flex-direction:column;align-items:start;gap:6px}.film-head h2{font-size:17px}.film-head>span{font-size:12px}.intro-film video{border-radius:12px}.film-transcript{font-size:12px}.about-home{display:block;padding-block:48px 28px}.about-home h2{font-size:35px;margin-bottom:25px}.about-home .eyebrow{font-size:10px}.principles{grid-template-columns:1fr;gap:24px;padding-bottom:48px}.principles article{padding-top:18px}.principles h3{font-size:23px}.principles h3 br{display:none}.principles p{max-width:none;font-size:16px}.home-styles{padding-bottom:45px}.home-styles .section-head{display:flex;align-items:end;gap:20px}.home-styles h2{font-size:29px}.home-styles .text-link{font-size:13px;max-width:115px}.style-teasers{grid-template-columns:1fr;gap:30px}.teaser h3{font-size:22px}.teaser .atlas-look{aspect-ratio:1.55}.page-intro{padding-block:40px 30px}.page-intro .eyebrow{font-size:11px;margin-bottom:18px}.page-intro h1{font-size:46px}.page-intro p{font-size:17px;margin-top:20px}.page-intro p br{display:none}.filter-bar{gap:8px}.filter-bar button{font-size:13px;padding:9px 13px}.styles-grid{grid-template-columns:1fr;gap:35px}.style-card-copy{padding-top:18px}.style-card h2{font-size:27px}.style-card p{font-size:16px}.style-card-bottom{margin-top:12px}.style-card-bottom .text-link{font-size:14px}.gallery-outro{padding-block:55px}.gallery-outro h2{font-size:35px}.dialog-header{padding:12px 16px}.dialog-header .label{font-size:10px}#styleLarge{padding:0 12px}#styleLarge .atlas-look{aspect-ratio:1.4}.dialog-copy{padding:20px}.dialog-copy h2{font-size:27px}.dialog-copy p{font-size:15px}.dialog-actions{flex-wrap:wrap;gap:16px}.dialog-actions>a{order:3;width:100%;text-align:center;font-size:14px}.dialog-copy .swatches{gap:10px}.dialog-copy .swatches span{font-size:11px}.faq-page>section{display:block;padding-top:25px}.faq-page h2{font-size:25px}.faq-list{margin-top:12px}.faq-list summary{font-size:16px;padding-block:18px}.faq-list details p{font-size:16px;padding-right:5px}.download-page{padding-block:65px 85px;min-height:65vh}.download-page .eyebrow{font-size:10px}.download-page h1{font-size:44px}.download-page .coming{font-size:28px}.footer-top{display:flex;align-items:center;gap:20px}.footer-top p{display:block;width:100%;order:2;margin:0;font-size:15px}.footer-top>a:last-child{font-size:13px}.footer-links{gap:18px;font-size:14px}.footer>.fineprint{font-size:12px}.section{padding-block:40px}.section-head{display:block}.section-head h2{font-size:35px}.section-head>p{font-size:16px;margin-top:20px}.journey{display:flex;flex-direction:column}.journey-steps button>div{font-size:12px}.journey-steps button{min-height:70px}.journey-nav>.fineprint{font-size:12px}.journey-canvas{padding:24px 18px;min-height:480px}.journey-scene p{font-size:16px}.journey-scene h3{font-size:23px}.demo-window-bar{font-size:10px;padding:15px}.wisp-note p{font-size:14px}.small-button,.plain-button{font-size:14px}.journey-bottom{font-size:13px}.inspector-grid{grid-template-columns:1fr}.selection-scene{padding:20px;min-height:435px}.mail-body h3{font-size:18px}.mail-body p{font-size:15px}.mail-heading strong{font-size:14px}.inspector-presets{flex-wrap:wrap;gap:6px}.inspector-presets button{font-size:13px}.inspector-side>p.fineprint{font-size:13px}.theme-controls{padding:22px 20px}.workspace-buttons button{font-size:13px}.colour-field{font-size:14px}.theme-controls>.fineprint{font-size:13px}.theme-preview{min-height:470px;padding:90px 20px 50px}.theme-context p{font-size:15px}.theme-top{font-size:12px;justify-content:space-between;gap:10px}.mode-buttons button{font-size:11px}.theme-bottom{font-size:12px}.feature-card{padding:27px}.feature-card p{font-size:16px}.feature-card h3{font-size:27px}.gallery-tabs button{font-size:14px}.interaction{grid-template-columns:1fr;gap:15px}.interaction h2{font-size:35px}.interaction p{font-size:16px}.voice-panel{padding:26px}.routing-section>div>.fineprint{font-size:13px}.route-options button{font-size:14px}.route-result p{font-size:16px}.provider-tabs button{font-size:13px;padding:12px 8px}.provider-body{padding:25px 20px}.provider-intro p{font-size:16px}.provider-intro .eyebrow{font-size:10px}.feature-support dt,.feature-support dd{font-size:13px}.feature-support dd{max-width:46%}.connection-foot p{font-size:14px}.connections-section>.fineprint{font-size:13px}.editorial p,.editorial li{font-size:16px}.editorial h2{font-size:28px}.editorial>.eyebrow{font-size:11px}}
.style-open .look-orb,.teaser .look-orb{transition:transform .55s ease}.style-open:hover .look-orb,.teaser:hover .look-orb{transform:translateY(-4px)}.look-spark{animation:quietGlow 5s ease-in-out infinite}@keyframes quietGlow{50%{opacity:.45}}.motion-paused .look-orb{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.style-open:hover .look-orb,.teaser:hover .look-orb{transform:none}}
/* The gallery uses original product captures, never reconstructed interfaces. */
.actual-shot{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;background:#07111c;overflow:hidden;border-radius:16px;padding:0}
.actual-shot img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
.actual-shot.floating-shot{background:radial-gradient(ellipse at center,#1b2b3b,#08121e);padding:14px}
.style-open .actual-shot{border-radius:16px}
.teaser .actual-shot{border:1px solid #c7e0e02c;border-radius:14px}
.shot-note{font-size:12px;color:#a9bebf}
#styleDialog{width:min(1320px,96vw)}
#styleLarge .actual-shot{aspect-ratio:auto;max-height:none;padding:0;background:#07111c;border-radius:10px}
#styleLarge .actual-shot img{width:100%;height:auto;max-height:67vh;object-fit:contain}
#styleLarge .floating-shot img{width:auto;max-width:100%;max-height:65vh}
#styleLarge .floating-shot{padding:12px}
#originalScreenshot{display:inline-block;min-height:30px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.style-card h2{font-size:25px}.style-card-bottom{flex-wrap:wrap;gap:6px}.actual-shot.floating-shot{padding:10px}.teaser .actual-shot{aspect-ratio:16/9}#styleLarge .actual-shot img{max-height:55vh}#styleLarge .floating-shot img{max-height:55vh}.shot-note{font-size:12px}}
/* Atlas emphasis: a few focal points, with quiet supporting copy. */
:root{--atlas-sky:#91dfff;--atlas-bright:#70b4ff;--atlas-gradient:linear-gradient(105deg,#72adff 0%,#79d9ff 52%,#c3f5ff 100%);--atlas-line:linear-gradient(90deg,#3985ff,#8de9ff 58%,#8de9ff00)}
main h1 em,.about-home h2 em,.home-styles h2 em,.gallery-outro h2 em,.section-head h2 em,.interaction h2 em{color:var(--atlas-sky);background:var(--atlas-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.key-phrase{color:var(--atlas-sky);font-weight:600}
.home-intro h1 em{filter:drop-shadow(0 0 24px #339aff19)}
.primary{background:linear-gradient(115deg,#73b6ff,#a2edee);border-color:#b4ecff99;color:#081d30;box-shadow:0 5px 24px #2d90ed12;font-weight:600}
.primary:hover{background:linear-gradient(115deg,#91c9ff,#c1f6f0);color:#081d30;box-shadow:0 6px 28px #2d90ed24}
.header nav a[aria-current=page]:after{background:var(--atlas-line)}
.home-intro .eyebrow,.page-intro>.eyebrow{color:#a8d6eb}
.film-head h2{color:#c6edff}
.about-home>div:last-child>p:first-child{font-size:19px;line-height:1.65;color:#eef5fb}
.principles article:before{content:'';position:absolute;left:0;top:-1px;width:70px;height:2px;background:var(--atlas-line)}
.principles article>span{color:#83c7ed}
.principles h3{color:#e1f0fc}
.text-link{color:#a9e4f5}.text-link:hover{color:#d6f5ff}
.home-intro .text-link,.style-card-bottom button{color:#a9e4f5}
.filter-bar button[aria-pressed=true]{background:linear-gradient(115deg,#7dbdff,#afece6);border-color:#a6e5f4;color:#10262b}
.style-open:hover{border-color:#8edbff99}.teaser:hover h3{color:#a9e4f5}
.section-head .eyebrow,.interaction .eyebrow{color:#9ccce6}
.feature-card h3,.inspector-side h3{color:#d4eefd}
#routing .route-result{border-color:#6eb9ff66;background:linear-gradient(130deg,#17345280,#16303640)}
.faq-page>section>h2{color:#a5dbf4}
.faq-list details[open]{border-color:#7fcfff66}
.faq-list details[open]>summary{color:#aee8ff}
.faq-list summary:hover{color:#d0efff}
.editorial h2{color:#b0ddf3}.editorial .key-phrase{color:var(--atlas-sky)}
.download-page .coming{display:inline-block;background:var(--atlas-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:650px){.about-home>div:last-child>p:first-child{font-size:18px}}
@media(forced-colors:active){main h1 em,.about-home h2 em,.home-styles h2 em,.gallery-outro h2 em,.section-head h2 em,.interaction h2 em,.download-page .coming{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}.primary{background:ButtonFace;color:ButtonText}.key-phrase{color:CanvasText}}
/* A numbered feature guide: explain first, demonstrate second. */
.feature-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px}
.feature-directory a{display:flex;align-items:flex-start;gap:13px;padding:20px 17px;border:1px solid #8cc4ed28;border-radius:12px;background:#14263770;transition:background .18s,border-color .18s}
.feature-directory a:hover{background:#1b385070;border-color:#8ad8ff80}
.directory-number{font-size:12px;letter-spacing:.06em;color:#8ed8ff;padding-top:3px}
.feature-directory strong{display:block;color:#edf6fc;font-size:16px;font-weight:550;line-height:1.4}
.feature-directory small{display:block;color:#aebfcb;font-size:13px;line-height:1.5;margin-top:5px}
.directory-arrow{margin-left:auto;color:#a9e4f5}
.page-intro .feature-demo-note{display:flex;align-items:baseline;gap:10px;font-size:13px;max-width:none;margin-top:20px;color:#aebfcb}
.demo-note-dot{display:inline-block;flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#91dfff}
.feature-chapter{scroll-margin-top:24px;position:relative}
.feature-chapter.wrap,.feature-chapter>.wrap.section{padding-block:56px 64px;border-top:1px solid #90c7ea30}
.feature-chapter.interaction,.feature-chapter.routing-section{display:block}
.feature-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:start;margin-bottom:25px}
.chapter-label{display:flex;gap:14px;align-items:center;color:#c6e9fa;font-size:14px;font-weight:550;margin-bottom:21px}
.chapter-number{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;font-size:13px;font-weight:500;letter-spacing:.04em;border:1px solid #70b4ff66;border-radius:10px;background:linear-gradient(135deg,#23508077,#18415533);color:#a8e6ff}
.feature-heading h2{font-size:clamp(28px,3vw,39px);line-height:1.15;letter-spacing:-.035em;margin:0;max-width:620px}
.feature-heading h2 em{color:#91dfff;background:var(--atlas-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.feature-explanation{padding-top:5px}.feature-explanation>p{font-size:16px;margin:0;color:#c3ced8;line-height:1.75}
.feature-explanation .feature-example{border-left:2px solid #69bfff66;padding-left:16px;margin-top:17px;color:#aebfcb;font-size:14px}
.feature-example>span{display:block;color:#c8eaff;font-size:11px;font-weight:550;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
.feature-chapter .feature-demo-cue{display:flex;gap:13px;align-items:baseline;font-size:13px;line-height:1.65;color:#aebfcb;margin:0 0 20px;padding:12px 16px;background:#152c3c55;border-radius:8px}
.feature-demo-cue>span{flex-shrink:0;color:#c5edff;font-weight:550}
.feature-chapter .routing-demo{width:100%;margin-inline:0}.feature-chapter .voice-panel{width:min(850px,100%);margin-inline:auto}
.feature-chapter.interaction .voice-panel p{margin-top:15px}
.feature-chapter .feature-grid{grid-template-columns:1.15fr 1fr;gap:20px}
.feature-chapter .gallery-card{grid-row:span 2}
.feature-chapter .guide-card{grid-column:auto}
.feature-chapter .feature-card h3{font-size:25px;line-height:1.25}
.feature-walkthrough{border-top:1px solid #90c7ea30;margin-top:10px;padding-top:60px}
.feature-walkthrough .section-head h2{font-size:38px}
.feature-directory a:focus-visible{outline:2px solid #91dfff;outline-offset:4px}
@media(max-width:900px){.feature-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-heading{gap:32px}.feature-heading h2{font-size:32px}}
@media(max-width:650px){.feature-directory{grid-template-columns:1fr;gap:8px;margin-top:26px}.feature-directory a{padding:14px 15px;gap:12px}.feature-directory strong{font-size:15px}.feature-directory small{font-size:13px;margin-top:2px}.feature-heading{grid-template-columns:1fr;gap:19px;margin-bottom:21px}.feature-heading h2{font-size:31px}.chapter-label{margin-bottom:16px;font-size:14px}.feature-explanation{padding-top:0}.feature-explanation>p{font-size:16px}.feature-chapter.wrap,.feature-chapter>.wrap.section{padding-block:36px 42px}.feature-chapter .feature-demo-cue{display:block;padding:12px 14px}.feature-demo-cue>span{display:block;margin-bottom:4px}.feature-chapter .feature-grid{grid-template-columns:1fr}.feature-chapter .gallery-card{grid-row:auto}.feature-walkthrough .section-head h2{font-size:32px}.feature-walkthrough{padding-top:40px}.page-intro .feature-demo-note{font-size:12px;line-height:1.7}}
@media(forced-colors:active){.feature-heading h2 em{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.chapter-number{border-color:CanvasText}}
.feature-chapter .guide-card{display:block}.feature-chapter .guide-card p{margin-top:15px}.feature-chapter .guide-card .text-link{display:inline-block;margin-top:18px}
/* Live desktop orb and the app's three independent colour channels. */
.actual-orb-preview{position:relative;width:100%;height:240px;margin:0 auto;isolation:isolate}
#workspaceOrb{display:block;width:100%;height:100%}
.theme-preview[data-mode=mini] .actual-orb-preview{height:155px}
#personalDemo{--wssurface:#102742;--wsink:#ffffff}
#personalDemo .theme-app{border-color:color-mix(in srgb,var(--ws) 65%,transparent);background:color-mix(in srgb,var(--wssurface) 88%,#07101b)}
#personalDemo .theme-app-heading{color:var(--wsaccent)}
#personalDemo .mock-input{border-color:var(--ws);color:#bfcedf}
#personalDemo .mock-input>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--ws);color:var(--wsink);font-size:18px}
#personalDemo .workspace-buttons button[aria-pressed=true],#personalDemo .mode-buttons button[aria-pressed=true]{border-color:var(--ws);background:var(--wssurface);color:var(--wsaccent)}
#personalDemo .mini-controls span{color:var(--wsaccent);border-color:var(--ws)}
#personalDemo .theme-preview[data-mode=mini] .theme-app{background:transparent;border-color:transparent}
.atlas-colour-field{display:flex;width:100%;padding:13px 0;gap:12px;border-bottom:1px solid #a5c3df16}
.atlas-colour-field>span:first-child{color:#dcecf5;font-size:14px;line-height:1.35}
.atlas-colour-field small{display:block;font-size:11px;color:#aebfcb;margin-top:4px}
.atlas-colour-field .colour-value{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}
.atlas-colour-field input{width:43px;height:32px}
.atlas-colour-field output{font-size:10px;color:#aebfcb;letter-spacing:.02em;font-variant-numeric:tabular-nums}
@media(max-width:650px){.atlas-colour-field{display:flex;width:100%;padding-right:0}.actual-orb-preview{height:215px}.atlas-colour-field small{font-size:12px}}
/* Gallery: move naturally from actual captures to a personal colour trial. */
.playground-jump{display:inline-block;margin-top:22px;min-height:35px}
.colour-playground{padding-block:65px 75px;border-top:1px solid #91dfff30;margin-top:65px;scroll-margin-top:30px}
.colour-playground .section-head{align-items:center;gap:50px}
.colour-playground .section-head h2{font-size:42px}
.colour-playground .section-head>p{max-width:470px}
.playground-note{font-size:13px;line-height:1.75;color:#aebfcb;max-width:820px;margin-top:18px}
.colour-playground .workspace-buttons button{font-size:14px}
@media(max-width:650px){.colour-playground{margin-top:40px;padding-block:38px 45px}.colour-playground .section-head h2{font-size:34px}.colour-playground .section-head>p{margin-top:20px}.playground-note{font-size:12px}.style-card-bottom .text-link{font-size:13px}}

/* Gallery order: colour playground first, product captures second. */
body[data-page=styles] .colour-playground{margin-top:0;padding-top:15px;border-top:0}
body[data-page=styles] .gallery-section{border-top:1px solid #91dfff30;padding-top:40px;padding-bottom:65px}

/* Five real workspaces, grouped by the way Atlas fits on the desktop. */
.workspace-galleries{padding-bottom:65px;border-top:1px solid #91dfff30}
.gallery-intro-note{max-width:760px;margin:30px 0 45px;color:#b5c1cb;font-size:15px}
.mode-gallery{padding:0 0 46px;margin:0 0 42px;border-bottom:1px solid #cde7fa1b;scroll-margin-top:30px}
.mode-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:24px}
.mode-heading .eyebrow{display:block;font-size:10px;letter-spacing:.17em;color:#8cbbd3;margin-bottom:10px}
.mode-heading h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.045em;margin:0 0 10px;background:linear-gradient(100deg,#f0f8ff,#a5e4ff 65%,#688fff);background-clip:text;color:transparent;width:max-content;max-width:100%}
.mode-heading p{font-size:15px;max-width:620px;margin:0;color:#b5c1cb}
.gallery-count{flex-shrink:0;white-space:nowrap;color:#a8cde2;font-size:12px;font-variant-numeric:tabular-nums;padding-bottom:5px}
.carousel-shell{position:relative}
.gallery-track{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px 2px 8px;outline-offset:6px}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-track .style-card{flex:0 0 84%;min-width:0;scroll-snap-align:start;scroll-margin:2px;overflow:hidden;border:1px solid #a5d3fa27;border-radius:18px;background:#111f2e}
[data-gallery=floating] .style-card{flex-basis:43%}
[data-gallery=mini] .style-card{flex-basis:31.5%}
.gallery-track .style-open{display:block;width:100%;padding:0;border:0;background:none;position:relative;cursor:zoom-in}
.gallery-track .actual-shot{border-radius:0;padding:0;background:#07111c}
.gallery-track .homepage-shot{aspect-ratio:16/9}
.gallery-track .floating-shot{aspect-ratio:7/8;padding:16px;background:radial-gradient(ellipse at center,#162739,#07111c)}
.gallery-track .mini-shot{aspect-ratio:360/315;padding:14px;background:radial-gradient(ellipse at center,#162739,#07111c)}
.gallery-track .actual-shot img{width:100%;height:100%;object-fit:contain}
.gallery-track .style-card-copy{padding:19px 22px 20px}
.gallery-track .status-label{font-size:10px;letter-spacing:.07em;color:#97b6c9}
.gallery-track h3{margin:8px 0 15px;font-size:24px;letter-spacing:-.025em;color:#edf5fa}
.gallery-track .style-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0}
.gallery-track .style-card-bottom .text-link{font-size:12px;min-height:30px;display:inline-flex;align-items:center}
.gallery-track .look-expand{position:absolute;right:13px;top:13px;background:#071525d9;border:1px solid #a9d9ed45;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#c9ecff}
.gallery-arrow{position:absolute;z-index:2;top:calc(50% - 55px);width:46px;height:46px;border:1px solid #98d4f16b;border-radius:50%;display:grid;place-items:center;background:#152d40f5;color:#d5f3ff;font-size:24px;box-shadow:0 4px 20px #0007;cursor:pointer;transition:background .15s,opacity .15s}
.gallery-prev{left:-23px}.gallery-next{right:-23px}.gallery-arrow:hover{background:#24506a}.gallery-arrow:disabled{opacity:.28;cursor:default}
.gallery-browse-hint{font-size:12px;color:#91a9bd;margin:14px 0 0}.gallery-footnote{font-size:13px;line-height:1.7;color:#91a9bd;max-width:790px}
#styleLarge .homepage-shot img{max-height:63vh}#styleLarge .mini-shot img{width:auto;max-width:100%;max-height:55vh}#styleLarge .mini-shot{padding:18px}
#styleDialog .dialog-actions{align-items:center}#stylePosition{color:#a3c4da;font-size:12px;white-space:nowrap}#tryGalleryPalette{display:inline-block;margin-top:14px;font-size:13px}
@media(max-width:850px){[data-gallery=mini] .style-card{flex-basis:45%}.gallery-track .style-card-copy{padding:17px}.gallery-track h3{font-size:22px}.gallery-track{gap:16px}}
@media(max-width:600px){.gallery-track .style-card{flex-basis:94%}.mode-heading{gap:12px}.mode-heading p{font-size:14px}.mode-heading .eyebrow{font-size:9px}.gallery-count{font-size:11px}.gallery-arrow{width:36px;height:36px;font-size:20px}.gallery-prev{left:-15px}.gallery-next{right:-15px}.gallery-track h3{font-size:23px}.gallery-intro-note{font-size:14px;margin-bottom:32px}.mode-gallery{margin-bottom:30px;padding-bottom:30px}.gallery-track .floating-shot{max-height:480px}.gallery-track .mini-shot{max-height:320px}#styleDialog .dialog-actions{gap:12px;flex-wrap:nowrap}#styleDialog .small-button{padding:10px;font-size:12px}.gallery-footnote{font-size:12px}}
@media(prefers-reduced-motion:reduce){.gallery-track{scroll-behavior:auto}}

/* Homepage: real orb, independent colours and selectable scene gallery. */
.home-playground{padding-block:70px 100px}
.home-preview-column{min-width:0;background:#091320}
.home-playground .theme-preview{min-height:560px;overflow:hidden;padding:82px 32px 52px}
.home-playground .theme-preview:before{display:none}
.home-playground .scene-layers{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#07111f}
.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease}
.scene-image.active{opacity:1}
.home-playground .scene-layers:after{content:'';position:absolute;inset:0;background:linear-gradient(#03101ccc,transparent 28%,#020c1940 55%,#020c19dd)}
.home-playground .theme-top{z-index:1}
.home-playground .theme-top>span{color:#e6f5ff}
.home-playground #personalDemo .theme-preview[data-mode=fullscreen] .theme-app{width:100%;background:transparent;border-color:transparent;box-shadow:none;padding-inline:0}
.home-playground .theme-preview[data-mode=fullscreen] .actual-orb-preview{height:275px}
.home-playground .theme-preview[data-mode=fullscreen] .theme-context{max-width:420px;margin:auto;text-align:center}
.home-playground .theme-preview[data-mode=fullscreen] .theme-app-heading{justify-content:center;letter-spacing:.32em;font-size:16px}
.home-playground .theme-preview[data-mode=fullscreen] .theme-app-heading>span:last-child{display:none}
.home-playground .theme-preview[data-mode=fullscreen] .mock-input{background:#061322dd;text-align:left;border:1px solid var(--ws);color:#dbeaff;backdrop-filter:blur(16px)}
.home-playground .theme-context>p{color:#fff;text-shadow:0 1px 8px #000;margin:6px 0 14px;min-height:0}
.home-playground .theme-bottom{color:#d2dfec;text-shadow:0 1px 8px #000}
.scene-gallery{padding:20px 22px 22px;border-top:1px solid #7acaff24}
.scene-gallery-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}
#sceneStatus{font-size:13px;color:#9eb3c9}
.scene-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.scene-choice{position:relative;padding:0;border:1px solid #8fb2d136;border-radius:9px;overflow:hidden;cursor:pointer;background:#0c192a;text-align:left;transition:border-color .2s,box-shadow .2s}
.scene-choice img{display:block;width:100%;height:72px;object-fit:cover;transition:filter .2s;filter:brightness(.8)}
.scene-choice span{display:block;padding:8px;font-size:13px;color:#d9e5f0;line-height:1.3}
.scene-choice[aria-pressed=true]{border-color:var(--wsaccent,#8feaff);box-shadow:0 0 0 1px var(--wsaccent,#8feaff)}
.scene-choice[aria-pressed=true] img,.scene-choice:hover img{filter:brightness(1.1)}
.scene-choice:focus-visible{outline:3px solid #fff;outline-offset:3px}
.home-playground-foot{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:20px}
.home-playground-foot .playground-note{margin:0;max-width:720px}
.home-playground-foot .text-link{white-space:nowrap}
@media(min-width:1000px){.home-playground .personalise-demo{grid-template-columns:290px 1fr}.home-playground .theme-controls{padding:30px 24px}}
@media(max-width:700px){.home-playground{padding-block:45px 65px}.home-playground .theme-preview{min-height:530px;padding:105px 18px 55px}.home-playground .theme-preview[data-mode=fullscreen] .actual-orb-preview{height:235px}.home-playground .theme-top{justify-content:center}.scene-gallery{padding:16px}.scene-gallery-heading{align-items:flex-start;flex-direction:column;gap:5px}.scene-choice img{height:62px}.scene-choice span{font-size:12px;padding:7px 5px}.home-playground-foot{align-items:flex-start;flex-direction:column;gap:16px}}
@media(prefers-reduced-motion:reduce){.scene-image{transition:none}}
.motion-paused .scene-image{transition:none}

.inspector-motion{overflow:hidden;border:1px solid #507eaa45;border-radius:15px;background:#07101b}
.inspector-motion iframe{display:block;width:100%;height:calc((min(100vw - 48px, 1200px)) * .5625 + 240px);border:0}
.inspector-motion-note{color:#9cb1c6;font-size:14px;line-height:1.7;max-width:880px;margin:18px 0 0}
@media(max-width:600px){.inspector-motion iframe{height:calc((100vw - 40px) * .5625 + 240px)}}

/* A task brief and its next step, kept together. */
.guided-task-demo{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,58px);align-items:start}
.guided-task-card{padding:clamp(22px,3vw,34px);border:1px solid #8dcfff40;border-radius:18px;background:linear-gradient(140deg,#173853aa,#0c1627dd);min-width:0}
.guided-task-card h3{font-size:clamp(22px,2.3vw,28px);line-height:1.3;letter-spacing:-.02em;margin:17px 0 23px;color:#f0f7ff}
.guided-task-brief{margin:0 0 24px;display:grid;gap:18px}.guided-task-brief dt{font-size:12px;color:#a8e7ff;margin-bottom:5px;font-weight:600}.guided-task-brief dd{margin:0;font-size:15px;line-height:1.65;color:#c1cfdb}
.guided-task-hint{display:block;font-size:12px;line-height:1.6;color:#a6bacb;margin-top:12px}
.guided-task-reply{border-top:1px solid #8dcfff35;margin-top:24px;padding-top:23px}.guided-task-reply p{font-size:15px;line-height:1.7;color:#d8e6f1;margin:12px 0 0}.guided-task-reply .fineprint{font-size:12px;color:#a6bacb}
.guided-task-steps{list-style:none;counter-reset:none;padding:8px 0;margin:0;display:grid;gap:27px}.guided-task-steps li{display:flex;gap:16px;align-items:flex-start}.guided-step-number{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;border:1px solid #84caff50;color:#a9e4ff;font-size:12px}.guided-task-steps h3{font-size:19px;line-height:1.4;letter-spacing:-.015em;margin:1px 0 8px;color:#e7f3fb}.guided-task-steps p{font-size:15px;line-height:1.7;margin:0;color:#b3c5d3}
.guided-task-note{font-size:12px;line-height:1.7;color:#9fb4c5;margin:24px 0 0;max-width:900px}
@media(max-width:750px){.guided-task-demo{grid-template-columns:1fr}.guided-task-steps{gap:22px}.guided-task-card{padding:22px}.guided-task-note{margin-top:20px}}