/* Motion-led technical studio. Existing components and dialogs retain their behavior. */
:root{--paper:#f8fafc;--surface:#edf3fc;--raised:#fff;--ink:#10223c;--muted:#50647d;--line:#cedaec;--rust:#155bca;--diagram-line:#becde2}
:root[data-theme=dark]{--paper:#0b1728;--surface:#11243a;--raised:#142b44;--ink:#eaf1fc;--muted:#afc1d7;--line:#314b68;--rust:#8cbaff;--diagram-line:#405e7e}
.nav{min-height:80px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:none}.nav.nav-scrolled{box-shadow:0 6px 20px #0b1b3010}
h1,h2,h3,h4{font-family:var(--display);font-weight:500}h1 em,h2 em,.section-head em,.section-heading em,.universe-copy em,.contact-section em,.planner-intro em{font-family:inherit;font-style:normal;font-weight:500;color:var(--rust);letter-spacing:inherit}
.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,4vw,90px);padding-top:44px;padding-bottom:28px}
.hero h1{font-size:clamp(54px,5.5vw,110px);letter-spacing:-.055em;line-height:1.04;max-width:13ch;margin:22px 0}.hero h1>span{max-width:none}.hero h1 em{font-weight:500}
.hero-copy>.eyebrow{font-size:11px;letter-spacing:1.4px;color:var(--rust)}.hero-description{font-size:clamp(18px,1.15vw,22px);line-height:1.6;max-width:48ch}.hero-secondary{font-size:16px;line-height:1.6;max-width:45ch}.hero .actions{margin-top:26px;gap:26px}.hero .button{border-radius:6px;min-height:48px}.hero .text-link{font-size:14px}.hero-footnote{margin-top:24px}
.hero-art.experience-console{border:1px solid #365a82;border-radius:12px;background:#0c2037;color:#e8f1ff;box-shadow:0 18px 48px #0c254721;overflow:hidden}
.experience-console .art-top{padding:17px 22px;border-color:#365270}.experience-console .art-top .mono{font-size:10px;letter-spacing:1.2px}.art-indicator{font-size:9px;color:#b9cfea}.art-indicator i{background:#90bdff}
.hero-preview-tabs{padding:0;gap:0;border-bottom:1px solid #365270;background:#102941;display:grid;grid-template-columns:repeat(3,1fr)}.hero-preview-tabs button{border:0;border-radius:0;border-right:1px solid #365270;background:transparent;color:#a9c4e5;padding:15px 12px;font-size:10px;display:flex;justify-content:center;gap:9px;min-height:48px}.hero-preview-tabs button:last-child{border-right:0}.hero-preview-tabs button span{font-size:14px}.hero-preview-tabs button[aria-selected=true]{background:#24558d;color:#fff;box-shadow:inset 0 -3px #a2caff}
.hero-film-panel[hidden]{display:none!important}.hero-motion-scene{position:relative;aspect-ratio:4/3;isolation:isolate;background:#0c2037;overflow:hidden}
.hero-motion-scene hyperframes-player{display:block;width:100%;height:100%;aspect-ratio:4/3}
.film-fallback{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;padding:24px;background:#102b48;color:#f1f6ff;overflow:hidden}.film-fallback img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.36;animation:none!important}.film-fallback p{position:relative;z-index:1;margin:0;font:500 20px var(--display);text-shadow:0 1px 2px #07192f}.film-fallback small{display:block;margin-top:8px;font:15px var(--sans);line-height:1.5;color:#e1edff}.film-retry{position:relative;margin:12px 0 0 18px;border:1px solid #aac5e6;border-radius:5px;color:#eff6ff;background:#173e69;padding:10px 14px;min-height:44px;font:14px var(--sans);cursor:pointer;z-index:2}.film-retry[hidden],.film-ready>.film-fallback{display:none!important}
.hero-stage-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #365270;background:#102941}.hero-stage-controls button{padding:13px 8px;color:#b3cae7;background:transparent;border:0;border-right:1px solid #365270;font:12px var(--sans);line-height:1.35;text-align:left;min-height:52px;cursor:pointer}.hero-stage-controls button span{font:9px var(--mono);display:block;margin-bottom:4px;color:#8fb6e6}.hero-stage-controls button[aria-pressed=true]{background:#204a77;color:#fff}.hero-stage-controls button:disabled{cursor:wait;opacity:.6}.hero-stage-controls button:last-child{border-right:0}.hero-stage-controls button:focus-visible{outline:2px solid #c1dbff;outline-offset:-4px}
.experience-console .art-bottom{padding:14px 19px;color:#c2d6f0;font-size:11px;gap:12px}.experience-console .motion-toggle{color:#e0edff;font-size:12px;min-height:32px}
.hero-stats{padding-top:22px;gap:24px}.hero-stat dd{font-family:var(--display);font-weight:500;letter-spacing:-1.5px}.hero-stat dt{font-size:10px;letter-spacing:.6px;line-height:1.6}
.section{padding-block:42px}.section-scene-header{grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr);gap:22px 42px;margin-bottom:26px}.section-scene-header h2{font-size:clamp(34px,3vw,66px);letter-spacing:-1.5px}.section-scene-header .eyebrow,.section-head .kicker{font-size:11px;letter-spacing:1px}.section-scene-header .section-heading>p{font-size:17px}.section-atmosphere{border-radius:5px;height:220px}.section-flow{padding-top:12px}.section-flow .mini-flow-node strong{font-size:12px}
#capabilities .bento{display:block;border-bottom:1px solid var(--line)}#capabilities .bento .cap{display:grid;grid-template-columns:44px minmax(200px,.9fr) minmax(220px,1.5fr) 108px;gap:10px 24px;align-items:start;margin:0;padding:25px 10px;grid-column:auto!important;border-radius:0;border-width:1px 0 0;background:transparent;box-shadow:none;transform:none;min-height:0}
#capabilities .bento .cap[hidden]{display:none!important}#capabilities .cap-index{grid-column:1;grid-row:1;color:var(--rust);font-size:11px;padding-top:5px}#capabilities .cap-icon{display:none}#capabilities .cap h3{grid-column:2;grid-row:1/3;font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:0;max-width:24ch}#capabilities .cap>p:not(.cap-index){grid-column:3;grid-row:1;font-size:16px;line-height:1.6;margin:0;max-width:68ch}#capabilities .cap .tags{grid-column:3;grid-row:2;margin:3px 0 0}#capabilities .cap .mini-flow{display:none}#capabilities .cap .card-open{grid-column:4;grid-row:1/3;border:0;margin:0;padding:6px 0;align-self:center;font-size:13px;min-height:44px}#capabilities .cap:focus-within{background:var(--surface)}
.capability-toolbar{padding:16px 0;margin-bottom:6px}.capability-search input{border-radius:5px}.capability-filters button{border-radius:5px}
.experience-card,.product,.eval-cards article.explain-card{border-radius:8px;box-shadow:none}.experience-card .card-symbol{border-bottom:1px solid var(--line);height:108px}.experience-card h3{font-size:30px;letter-spacing:-.7px}.experience-card .card-category{color:var(--rust)}
.deployment-film-wrap{margin:24px 0;border:1px solid #416487;border-radius:8px;overflow:hidden}.deployment-film-wrap[hidden]{display:none!important}.deployment-motion-scene{position:relative;aspect-ratio:1200/420;background:#0c2037}.deployment-motion-scene hyperframes-player{display:block;width:100%;height:100%}.deployment-motion-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#102941;color:#adc8e9;padding:12px 18px;font:10px var(--mono)}.deployment-motion-caption button{background:none;border:0;color:#e2edfb;cursor:pointer;font:12px var(--sans);min-height:32px}.deployment-comparison{background:#0f2943;border-radius:10px;padding:28px}.deployment-flow{gap:12px}.deployment-flow .flow-node{padding:16px;min-height:0;background:#173652}.deployment-flow .flow-node strong{font-size:19px}.deployment-notes{gap:24px}
.proof.explain-card{background:#102d49}.proof .proof-n{font-family:var(--display);font-weight:500}.person.explain-card{box-shadow:none}.steps .step{border-radius:6px}.contact-section .button{border-radius:6px}.contact-section h2{font-size:clamp(36px,3.5vw,72px)}
@media(hover:hover) and (pointer:fine){#capabilities .cap:hover{background:var(--surface);box-shadow:none;transform:none}.hero-preview-tabs button:hover,.hero-stage-controls button:hover{background:#204a77}}
@media(min-width:1800px){.hero{padding-top:48px}.hero-motion-scene{max-height:730px}.hero h1{font-size:clamp(84px,5vw,150px)}.hero-stage-controls button{font-size:15px;padding:17px}.section-atmosphere{height:260px}#capabilities .cap h3{font-size:27px}#capabilities .cap>p:not(.cap-index){font-size:18px}.hero-preview-tabs button span{font-size:17px}}
@media(max-width:1100px){#capabilities .bento .cap{grid-template-columns:36px minmax(170px,.85fr) minmax(200px,1.3fr) 90px;gap:10px 18px}#capabilities .cap h3{font-size:21px}.hero h1{font-size:58px}.hero-preview-tabs button{gap:5px}.hero-preview-tabs button span{font-size:12px}.hero-stage-controls button{font-size:11px}.section-scene-header{gap:20px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:24px;padding-top:28px}.hero h1{font-size:clamp(54px,7.4vw,76px);max-width:16ch}.hero-description{max-width:65ch}.hero-art{width:100%;max-width:none}.hero-motion-scene{max-height:none}.section-scene-header{grid-template-columns:minmax(0,1fr) minmax(220px,.75fr)}#capabilities .bento .cap{grid-template-columns:30px minmax(0,1fr);gap:12px 18px;padding:22px 4px}#capabilities .cap h3{grid-column:2;grid-row:1;font-size:24px;max-width:none}#capabilities .cap>p:not(.cap-index){grid-column:2;grid-row:2}#capabilities .cap .tags{grid-column:2;grid-row:3}#capabilities .cap .card-open{grid-column:2;grid-row:4;justify-content:space-between;padding:8px 0}.hero h1>span{max-width:none}}
@media(max-width:600px){.nav{min-height:76px}.hero{gap:18px;padding-top:24px}.hero h1{font-size:clamp(46px,11vw,68px);letter-spacing:-.05em;line-height:1.06;margin:0}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1px}.hero-copy>.actions{gap:18px;margin-top:0}.hero .actions .button{font-size:13px;border-radius:5px}.hero .text-link{font-size:12px}.hero-description{font-size:17px;line-height:1.6}.hero-secondary{font-size:16px}.hero-art.experience-console{border-radius:8px}.experience-console .art-top{padding:12px}.experience-console .art-top .mono{font-size:8px;letter-spacing:.5px}.art-indicator{font-size:8px}.hero-preview-tabs button{padding:12px 6px;gap:5px;font-size:8px;min-height:44px}.hero-preview-tabs button span{font-size:12px}.hero-stage-controls button{padding:10px 7px;font-size:11px;min-height:50px}.hero-stage-controls button span{font-size:8px}.experience-console .art-bottom{padding:11px 12px;font-size:10px;align-items:center}.experience-console .motion-toggle{font-size:11px;white-space:nowrap}.film-fallback{padding:18px}.film-fallback p{font-size:17px}.film-fallback small{font-size:13px}.film-retry{margin-left:0}.hero-stats{gap:14px;padding-top:18px}.hero-stat dd{font-size:34px}.hero-stat dt{font-size:9px}.section{padding-block:30px}.section-scene-header{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.section-scene-header h2{font-size:32px;letter-spacing:-1px}.section-scene-header .section-heading>p{font-size:16px}.section-atmosphere{height:160px}.section-flow .mini-flow-node strong{font-size:11px}.experience-card h3{font-size:28px}#capabilities .cap h3{font-size:23px}#capabilities .bento .cap{gap:10px 12px;grid-template-columns:28px minmax(0,1fr)}#capabilities .cap>p:not(.cap-index){font-size:16px}.deployment-comparison{padding:20px 16px}.deployment-motion-scene{aspect-ratio:4/3}.deployment-motion-scene hyperframes-player{height:100%;width:100%}.deployment-motion-caption{gap:12px;padding:10px 12px;font-size:8px}.deployment-motion-caption button{font-size:11px}.deployment-motion-scene .film-fallback p{font-size:14px}.deployment-flow .flow-node strong{font-size:18px}.contact-section h2{font-size:36px}}
.hero-motion-scene hyperframes-player,.deployment-motion-scene hyperframes-player{border:0;border-radius:0;background:#0c2037}
@media(max-width:600px){.deployment-motion-scene{aspect-ratio:1200/420}}