.hero{background:radial-gradient(ellipse at 77% 52%,#fffdf6,#edeae0 62%,#e5e1d7);color:#191e24;min-height:min(880px,100svh);overflow:hidden;padding:130px 0 85px}
.hero::before{display:none}.hero .wrap{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:3%}
.eyebrow,.chapter,.micro{font:700 11px/1.4 ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}
.eyebrow i{display:inline-block;width:8px;height:8px;background:#1747bc;margin-right:6px}
.hero h1{font:650 clamp(3.7rem,6.9vw,6.65rem)/.99 var(--display);letter-spacing:-.075em;margin:26px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}
.hero p.lead{color:#454b50;max-width:42ch}.hero .btn-primary,.top .btn-primary{background:#162332;color:white;box-shadow:none}.hero .btn-ghost{color:#182431;background:transparent;border-color:#999d98}
.top{background:#17212bf5}.exhibit{min-width:0;text-align:center}.stage{position:relative;display:grid;place-items:center;aspect-ratio:1.35;perspective:1000px}
.stage:after{content:"";position:absolute;bottom:14%;width:87%;height:10%;background:#1a2028;opacity:.22;filter:blur(14px);border-radius:50%}
.machine{width:82%;aspect-ratio:1.6;position:relative;z-index:1;transform-style:preserve-3d;transform:rotateX(1deg) rotateY(-17deg) rotateZ(3deg)}
.lid{position:absolute;inset:0;transform-origin:50% 100%;border-radius:5% / 8%;padding:2%;background:linear-gradient(130deg,#a9afb3,#12191c 24%,#3b454b 80%,#b1b5b4);box-shadow:inset 0 0 0 1px #555;z-index:2}
.display{height:100%;border-radius:3%;position:relative;overflow:hidden;text-align:left;padding:5%;background:linear-gradient(125deg,#07162b,#173676 61%,#3267bb);color:white}
.display strong{position:relative;display:block;font:500 clamp(17px,2.6vw,40px)/1.1 Georgia,serif;z-index:1}.micro{display:block;font-size:clamp(6px,.7vw,10px);color:#c0d2ed;margin-bottom:4px}.swirl,.bars,.phones{position:absolute;right:2%;bottom:0;width:67%;height:74%;color:#b8d7ff}
.deck{position:absolute;top:99%;width:100%;height:75%;background:linear-gradient(100deg,#909aa1,#cececa 44%,#879297);border:1px solid #5a6267;border-bottom:5px solid #6b757c;border-radius:0 0 5% 5%;transform-origin:center top;transform:rotateX(73deg)}
.keys{width:87%;height:54%;margin:3% auto 1%;background:repeating-linear-gradient(0deg,transparent 0 17%,#919a9e 17% 20%),repeating-linear-gradient(90deg,#27313a 0 6%,#99a2a5 6% 7%);border-radius:4px}.pad{width:29%;height:25%;border:1px solid #717b80;border-radius:4px;margin:auto}
.selector{display:inline-flex;padding:4px;border:1px solid #bfc1bb;border-radius:32px;max-width:100%}.selector button{border:0;border-radius:22px;background:none;color:#313a41;padding:9px 15px;font:600 13px system-ui;min-height:42px;cursor:pointer}.selector [aria-pressed=true]{background:#19242e;color:white}
.bars,.phones{display:none}.display[data-mode="1"]{background:linear-gradient(135deg,#08271e,#135846)}.display[data-mode="2"]{background:linear-gradient(135deg,#271637,#784e7e)}.display:not([data-mode="0"]) .swirl{display:none}.display[data-mode="1"] .bars{display:flex;align-items:end;gap:4%;padding:8% 5% 4%}.bars i{background:linear-gradient(#a1f6cb,#3d9672);width:7%}.display[data-mode="2"] .phones{display:flex;align-items:end;justify-content:center;gap:7%}.phones b{width:32%;height:80%;border:3px solid #e9cce8;border-radius:13%;background:linear-gradient(145deg,#241330,#ac79ac);font:500 clamp(10px,1.4vw,20px) Georgia;padding:8% 2%}.phones b+b{height:65%}
.chapter{color:#88bcff;border-bottom:1px solid #4a596e;margin-bottom:32px;padding-bottom:13px}.section{background:#101a26}.section.alt{background:#172433}.svc-grid{gap:0 25px}.feature{background:linear-gradient(125deg,#152a49,#0d1928);box-shadow:none}
@media(prefers-reduced-motion:no-preference){.lid{animation:unfold 1.65s cubic-bezier(.21,.72,.26,1) both}.machine{animation:turn 1.8s ease-out both}@keyframes unfold{from{transform:rotateX(-82deg)}to{transform:rotateX(0)}}@keyframes turn{from{transform:rotateY(-40deg) rotateZ(-3deg)}}}
@media(max-width:780px){.hero{padding:101px 0 66px;min-height:0}.hero .wrap{grid-template-columns:1fr;gap:10px}.hero h1{font-size:clamp(3.55rem,10vw,5rem);margin:16px 0}.hero .cta-row{margin-top:20px}.exhibit{width:min(100%,480px);margin:auto}.stage{aspect-ratio:1.65}.machine{width:70%}.selector button{padding:7px 13px}.hero p.lead{font-size:1rem}}
:root{color-scheme:dark}
#appearance{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid var(--line-strong);color:var(--ice);background:transparent;font:25px/1 system-ui;cursor:pointer}
.bar .nav{margin-left:auto}
@media(max-width:860px){#appearance{margin-left:auto}}
html:not([data-theme=light]) .hero{color:#f6f3eb;background:radial-gradient(ellipse at 76% 52%,#263546 0%,#141e2d 30%,#0b101a 68%)}
html:not([data-theme=light]) .hero h1 em{color:#e3cda3}
html:not([data-theme=light]) .hero .lead{color:#c1ccdc}
html:not([data-theme=light]) .hero .btn-primary{color:#181a20;background:#ead6af}
html:not([data-theme=light]) .hero .btn-ghost,html:not([data-theme=light]) .selector button{color:#e4e9f0}
html:not([data-theme=light]) .selector [aria-pressed=true]{background:#e6d5b3;color:#192029}
html:not([data-theme=light]) .eyebrow i{background:#e4c78c}
.stage:before{content:"";position:absolute;inset:3% 0 7%;border:1px solid #bea36f4a;border-radius:50%;transform:rotate(-17deg) scaleY(.62)}
.lid:after{content:"";position:absolute;inset:1%;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 30%,#ffedbb66 49%,transparent 65%);background-size:250% 100%}
@media(prefers-reduced-motion:no-preference){
 .lid{animation:experience-open 6.2s cubic-bezier(.23,.64,.25,1) both}.machine{animation:experience-orbit 8.4s cubic-bezier(.22,.65,.22,1) both}.lid:after{animation:experience-glint 4s 3s both}.stage:before{animation:experience-halo 8s ease-out both}
 @keyframes experience-open{0%{transform:rotateX(-85deg)}18%{transform:rotateX(-80deg)}78%{transform:rotateX(5deg)}100%{transform:none}}
 @keyframes experience-orbit{0%{transform:translateY(10%) rotateY(-55deg) rotateZ(-8deg) scale(.84)}55%{transform:rotateY(9deg) rotateZ(-1deg) scale(1.03)}100%{transform:rotateX(1deg) rotateY(-17deg) rotateZ(3deg)}}
 @keyframes experience-glint{0%{opacity:0;background-position:120% 0}25%{opacity:.8}100%{opacity:0;background-position:-30% 0}}
 @keyframes experience-halo{from{opacity:0;transform:rotate(-55deg) scale(.7,.2)}to{opacity:1;transform:rotate(-17deg) scaleY(.62)}}
 .experience-arrive{animation:experience-arrive 1.1s cubic-bezier(.2,.7,.2,1) both}@keyframes experience-arrive{from{opacity:.35;transform:translateY(17px)}}
}
html[data-theme=light]{color-scheme:light;--bg:#f8f5ed;--ice:#19242f;--muted:#495968;--cyan:#145482;--line:#cbd0d0;--line-strong:#a4adb1;--panel:#fffdf7;--panel-solid:#fffdf7;--blue:#205797}
[data-theme=light] body,[data-theme=light] .section,[data-theme=light] .foot{background:#f8f5ed}
[data-theme=light] .section.alt,[data-theme=light] .feature,[data-theme=light] .form{background:#eceeea;box-shadow:none}
[data-theme=light] .top,[data-theme=light] .nav.open{background:#fbfaf5f7}
[data-theme=light] :is(.about p,.feature p,.field label,.field legend,.nav a:not(.btn):hover,.foot nav a:hover){color:#263849}
[data-theme=light] :is(.chapter,.live,.sent a,.copy){color:#235977}
[data-theme=light] :is(.input,.chips label){background:#fffdf8;color:#253442}
[data-theme=light] .err{color:#9d293d}
html.chat-locked{overflow:hidden;overscroll-behavior:none}
html.chat-locked body{position:fixed;top:var(--chat-top);left:0;right:0;width:100%;overflow:hidden}
body dialog#as-ai-panel:not([hidden]){position:fixed;inset:0;margin:auto;padding:0;width:min(780px,95vw);max-width:none;height:min(830px,calc(var(--visual-height,100dvh) - 32px));max-height:none;display:flex;flex-direction:column;border:1px solid #8098b855;border-radius:24px;overflow:hidden;box-shadow:0 30px 110px #0009}
#as-ai-panel::backdrop{background:#040912bd;backdrop-filter:blur(8px)}
body #as-ai-panel>header{position:static;flex:none;gap:12px;padding:6px 16px;background:#101a28;color:#e7d4b3}
#as-ai-panel>header strong{margin-right:auto;font-size:12px;letter-spacing:.06em}
body #as-ai-panel iframe{flex:1;width:100%;min-height:0;height:auto}
@media(max-width:600px){body dialog#as-ai-panel:not([hidden]){inset:0 0 auto;margin:0;width:100%;height:var(--visual-height,100dvh);border:0;border-radius:0}body #as-ai-panel>header{padding-top:max(6px,env(safe-area-inset-top))}}
[data-theme=light] #as-ai-panel>header{background:#eceeea;color:#23374b}
[data-theme=light] #as-ai-panel>header :is(a,button){color:#205779}
/* Contain the projected keyboard within its own stage. */
.stage{overflow:hidden;isolation:isolate;pointer-events:none;padding-bottom:7%}
.selector{position:relative;z-index:2;margin-top:8px}
@media(max-width:780px){.stage{aspect-ratio:1.48}}

body #as-ai-launch{left:auto;right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:auto;height:auto;min-height:56px;border-radius:18px;padding:8px 14px 8px 8px;max-width:calc(100vw - 84px);text-align:left;gap:8px}
body #as-ai-launch span{position:static;width:auto;height:auto;overflow:visible;clip-path:none;display:block;font-size:13px;line-height:1.4}
body #as-ai-launch small{display:block;font-size:10px;color:#d4e8ff;font-weight:400}
body #as-ai-launch img{width:34px;height:34px;flex:none}
.ai-intro{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line-strong);padding:12px 14px;border-radius:14px;background:#527a9e12;color:inherit;margin-top:24px;width:100%;max-width:470px;cursor:pointer}
.ai-intro img{flex:none}.ai-intro span{flex:1}.ai-intro strong{display:block;font-size:13px}.ai-intro small{display:block;font-size:11px;line-height:1.5;margin-top:3px;opacity:.85}
.foot{padding-bottom:110px}