/* SyntheraOS. A physical system you can inspect, with its engineering evidence.
   The flight scene carries the spectacle; functional controls stay quiet. */
@font-face { font-family:'Montserrat'; src:url('landing-20260922-r1-fonts-Montserrat-Regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('landing-20260922-r1-fonts-Montserrat-Medium.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; }
:root {
 color-scheme:dark;
 --sans:'Montserrat',Arial,sans-serif; --mono:var(--sans);
 --bg:#030507; --surface:#090c10; --raised:#10161d;
 --ink:#f9fbff; --muted:#c1c5cb; --quiet:#969fa9;
 --blue:#00b7ff; --blue-strong:#00b7ff; --signal:#00b7ff;
 --yellow:#ffd400; --amber:var(--yellow); --green:#00e68a; --fault:#ff8a00;
 --warning-surface:#171200; --warning-edge:#8c7500; --status-ink:#101004;
 --edge:#ffffff20; --control-edge:#c9d8ed38; --control-radius:7px;
 --panel-edge:#c9d8ed2e; --panel-radius:14px;
 --control-hover:linear-gradient(165deg,#ffffff09,transparent 65%),#101923ed;
 --selected-fill:linear-gradient(155deg,#00b7ff14,transparent 70%),#002338ed; --selected-edge:#00b7ff9c; --selected-ink:#00b7ff;
 --flight-ink:var(--ink); --flight-muted:var(--muted);
 --pad:clamp(24px,6vw,104px); --ease:cubic-bezier(.22,1,.36,1);
 --control-fill:linear-gradient(165deg,#ffffff08,transparent 60%),#090f17e0;
 --control-depth:inset 0 1px 0 #ffffff12,inset 0 -1px 0 #0003,0 3px 8px #0004;
 --action-fill:linear-gradient(160deg,#00b7ff,#0098ef);
 --action-depth:inset 0 1px 0 #7be0ff66,inset 0 -1px 0 #004e8540,0 4px 12px #0005;
 --glass-panel:linear-gradient(145deg,#ffffff05,transparent 38%),#080b10e0;
 --glass-depth:inset 0 1px 0 #ffffff12,inset 0 -1px 0 #ffffff03,0 16px 44px #0006;
}
html { scroll-padding-top:100px; scrollbar-color:#465568 var(--bg); }
body { background:var(--bg); color:var(--ink); font:400 16px/1.6 var(--sans); font-synthesis:none; }
strong,b { font-weight:500; }
.source-id,.dossier-meta,.risk-score-value,.ws-record-id,.ws-properties,.skin-control output { font-variant-numeric:tabular-nums; }
::selection { background:var(--signal); color:#00131f; }
button,input,textarea,select { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { touch-action:manipulation; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible { outline:2px solid var(--signal); outline-offset:3px; }
button:disabled { opacity:.55; cursor:wait; }
button,a,summary { transition:color 140ms ease,background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease,transform 140ms var(--ease); }
button:active:not(:disabled),.nav-cta:active { transform:scale(.98); }
input,textarea { caret-color:var(--signal); }
input[type=range] { accent-color:var(--signal); }
h1,h2,h3,h4 { font-family:var(--sans); }
.site-nav,#top { position:fixed; inset:0 0 auto; height:88px; padding:0 var(--pad); background:#030507f5; backdrop-filter:blur(12px); border:0; z-index:30; }
#top.page-origin { position:absolute; inset:0 auto auto 0; width:0; height:0; padding:0; background:none; pointer-events:none; }
.site-nav .brand { mix-blend-mode:screen; flex:none; }
.site-nav .brand image { filter:url(#brand-tonal-key); }
.site-nav .brand svg { width:196px; height:43px; }
.site-nav nav { display:flex; gap:32px; font-size:13px; }
.site-nav nav a { color:#adb8c6; }
.site-nav nav a:hover,.site-nav nav a.is-active { color:var(--ink); }
.site-nav .nav-cta { background:var(--control-fill); box-shadow:var(--control-depth); color:var(--ink); padding:11px 23px; min-height:44px; font-size:13px; font-weight:500; border:1px solid var(--control-edge); border-radius:var(--control-radius); }
.site-nav .nav-cta:hover { background:#253342; }
/* The aircraft is the hero, not a background illustration. */
.system-hero { height:520svh; background:var(--bg); }
.experience-viewport { height:100svh; min-height:680px; background:var(--bg); }
.experience-viewport::after { background:linear-gradient(90deg,#030507e8,transparent 57%),linear-gradient(0deg,#030507 0%,#030507aa 14%,transparent 36%); }
.story-chapter,.hero-copy.story-chapter { bottom:26%; width:min(410px,38%); }
.story-chapter h1,.story-chapter h2,.hero-copy.story-chapter h1 { font-family:var(--sans); color:var(--ink); font-weight:400; letter-spacing:-.03em; line-height:1.06; font-size:clamp(38px,4vw,62px); }
.hero-copy.story-chapter[data-chapter="0"] { inset:0; width:100%; max-width:none; }
.story-chapter[data-chapter="0"] h1 { position:absolute; top:24%; left:var(--pad); width:52%; font-size:clamp(42px,4.45vw,70px); font-weight:400; line-height:1.06; letter-spacing:-.03em; }
.story-chapter h1 span,.story-chapter h2 span { color:inherit; }
.hero-introduction { position:absolute; top:calc(24% + 180px); left:var(--pad); width:360px; }
.hero-copy .hero-summary,.story-chapter p { font:15px/1.7 var(--sans); color:var(--muted); max-width:360px; margin:24px 0 0; }
.hero-copy .hero-summary { margin:0; }
.journey-enter,.story-action,.journey-fault,.primary-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; margin-top:26px; padding:13px 22px; background:var(--action-fill); color:#00141f; border:1px solid #53ceff; border-radius:var(--control-radius); font-size:14px; font-weight:500; gap:12px; box-shadow:var(--action-depth); white-space:nowrap; }
.journey-enter svg { display:none; }
.journey-enter:hover,.story-action:hover,.journey-fault:hover,.primary-button:hover { background:#00c5ff; color:#00141f; transform:none; }
.story-chapter .story-note { font:11px/1.6 var(--sans); margin-top:15px; color:var(--quiet); }
.experience-viewport .assembly-id { top:110px; right:var(--pad); font:12px/1.5 var(--sans); color:var(--muted); }
.experience-viewport .assembly-id small { color:var(--quiet); font:11px/1.5 var(--sans); padding:0; }
.skin-control { position:absolute; right:calc(var(--pad) + 242px); bottom:30px; width:224px; background:#0c1016ed; border:1px solid var(--panel-edge); border-radius:var(--control-radius); padding:12px 16px 4px; }
.skin-control label { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:11px; color:var(--muted); white-space:nowrap; }
.skin-control output { color:var(--signal); font:11px var(--mono); }
.skin-control input { display:block; appearance:none; width:100%; height:44px; margin:2px 0 0; background:transparent; cursor:ew-resize; padding:0; }
.skin-control input::-webkit-slider-runnable-track { height:3px; border-radius:4px; background:linear-gradient(90deg,var(--signal) var(--reveal-fill,0%),#303b49 var(--reveal-fill,0%)); }
.skin-control input::-moz-range-track { height:3px; border-radius:4px; background:#303b49; }
.skin-control input::-moz-range-progress { height:3px; border-radius:4px; background:var(--signal); }
.skin-control input::-webkit-slider-thumb { appearance:none; width:19px; height:19px; margin-top:-8px; border-radius:50%; background:linear-gradient(#e9f3ff,#9cabbd); border:4px solid #15202c; box-shadow:0 2px 5px #0008; }
.skin-control input::-moz-range-thumb { width:11px; height:11px; border-radius:50%; background:#e9f3ff; border:4px solid #15202c; }
.skin-control p { display:none; }
.journey-nav { bottom:30px; left:var(--pad); transform:none; padding:4px; gap:2px; border:1px solid var(--panel-edge); border-radius:9px; background:#0c1016ed; box-shadow:0 4px 16px #0004; }
.journey-nav button { min-height:40px; padding:10px 17px; border:1px solid transparent; border-radius:5px; font:500 12px var(--sans); color:var(--muted); background:none; }
.journey-nav button[aria-current="step"] { background:#24303b; border-color:#596977; box-shadow:var(--control-depth); color:var(--ink); }
.journey-nav button:not([aria-current]):hover { background:#202d3c; color:var(--ink); }
.experience-viewport>.system-dock { left:auto; right:calc(var(--pad) + 162px); bottom:30px; }
.experience-viewport .motion-control { width:48px; height:48px; display:grid; place-content:center; padding:0; border:1px solid var(--control-edge); border-radius:var(--control-radius); background:var(--control-fill); box-shadow:var(--control-depth); color:var(--ink); }
.experience-viewport .motion-control span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.motion-control svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5; }
.motion-control .motion-play { display:none; }
.motion-control[aria-pressed=true] .motion-play { display:block; }
.motion-control[aria-pressed=true] .motion-pause { display:none; }
.experience-viewport .inspect-model { bottom:30px; right:var(--pad); display:flex; gap:10px; padding:13px 19px; min-height:48px; background:var(--control-fill); box-shadow:var(--control-depth); border:1px solid var(--control-edge); border-radius:var(--control-radius); color:var(--ink); font:500 12px var(--sans); }
.experience-viewport .inspect-model:hover:not(:disabled) { background:#202d3c; }
.experience-viewport .hero-foot { display:none; }
.section-pad { padding:120px var(--pad); }
.section-intro { display:block; margin-bottom:48px; }
.section-intro h2,.workspace-heading h2,.contact-copy h2 { font:500 clamp(34px,3.5vw,52px)/1.1 var(--sans); letter-spacing:-.035em; color:var(--ink); max-width:800px; text-wrap:balance; }
.section-intro h2 span,.contact-copy h2 span { color:inherit; }
.section-intro>p { font:16px/1.7 var(--sans); color:var(--muted); max-width:590px; margin:22px 0 0; padding:0; }
.section-context { display:none; }
/* Working inspection bench. Real geometry, then its source record. */
.impact-section { background:var(--bg); }
.impact-workbench { background:#0b0e13; overflow:hidden; border:1px solid var(--panel-edge); border-radius:var(--panel-radius); }
.bench-toolbar { display:flex; justify-content:flex-start; gap:16px; background:#13171e; padding:18px 24px; font:500 12px var(--sans); color:var(--muted); }
.bench-toolbar>div:first-child { flex:1; }
.bench-toolbar .live-indicator { width:5px; height:5px; box-shadow:none; }
.fault-command { margin:0; display:block; }
.fault-button { padding:12px 17px; border:1px solid var(--control-edge); border-radius:var(--control-radius); background:var(--control-fill); box-shadow:var(--control-depth); color:var(--ink); min-height:44px; font:500 12px var(--sans); gap:12px; }
.fault-button:hover { background:var(--control-hover); transform:none; }
.switch-symbol { width:28px; height:16px; background:#375265; }
.switch-symbol::after { background:#b9ecff; }
.is-fault .fault-button { background:var(--fault); color:#1c0d00; border-color:var(--fault); }
.is-fault .switch-symbol { background:#321800; }
.is-fault .switch-symbol::after { background:var(--fault); }
.journey-fault[aria-pressed=true] { background:var(--fault); border-color:var(--fault); color:#1c0d00; }
#fault-hint { display:none; }
.text-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 13px; border:1px solid var(--control-edge); border-radius:var(--control-radius); color:var(--muted); background:var(--control-fill); font:500 12px var(--sans); }
.text-button svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; }
.bench-main { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr); gap:28px; align-items:stretch; padding:24px; }
.power-study { min-width:0; }
.power-image-stage { position:relative; height:400px; overflow:hidden; background:var(--bg); border-radius:8px; isolation:isolate; }
#power-bay-canvas { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:crosshair; touch-action:pan-y; }
.power-bay-ready #power-bay-canvas { opacity:1; }
.power-image { display:block; width:100%; height:100%; object-fit:cover; }
.power-bay-ready .power-image { visibility:hidden; }
.power-image-label { display:none; }
.power-inspect { position:absolute; top:12px; right:12px; z-index:3; min-height:44px; padding:10px 14px; border:1px solid var(--control-edge); border-radius:var(--control-radius); background:var(--control-fill); box-shadow:var(--control-depth); color:var(--ink); font:500 12px var(--sans); }
.power-outcome { position:absolute; bottom:20px; left:20px; right:20px; display:flex; flex-direction:column; align-items:flex-start; gap:6px; pointer-events:none; }
.power-outcome strong { font:500 24px/1.25 var(--sans); letter-spacing:-.02em; color:var(--ink); }
.power-outcome>span { font:12px/1.6 var(--sans); color:var(--muted); }
#converter-state { color:var(--signal); font:11px var(--mono); }
.is-fault #converter-state { color:var(--amber); }
.component-disclosure { margin-top:18px; }
.component-disclosure summary { font:500 12px var(--sans); color:var(--muted); min-height:44px; cursor:pointer; padding:12px 2px; }
.component-disclosure[open] summary { margin-bottom:8px; }
.power-components { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:4px; border:1px solid var(--panel-edge); border-radius:9px; background:#070a0e; }
.power-components button { min-height:44px; padding:10px 7px; border:1px solid transparent; border-radius:5px; font:500 12px var(--sans); color:var(--muted); background:none; }
.power-components button small { display:none; }
.power-components button.is-selected { background:var(--selected-fill); border-color:var(--selected-edge); color:var(--selected-ink); }
.bench-caption { display:none; }
.dossier { padding:28px; background:#10151c; border:1px solid var(--panel-edge); border-radius:8px; min-width:0; }
.dossier-meta { display:flex; flex-direction:row; justify-content:space-between; margin-bottom:26px; color:var(--quiet); font:12px var(--sans); }
.dossier-meta span:last-child { font:11px var(--mono); color:var(--signal); }
.dossier h3 { font:500 30px/1.12 var(--sans); letter-spacing:-.025em; max-width:370px; }
.dossier>p { font:15px/1.75 var(--sans); color:var(--muted); margin-top:20px; max-width:48ch; }
.dossier dl { display:flex; flex-direction:column; gap:14px; margin:28px 0; padding:0; background:none; }
.dossier dl>div { display:flex; flex-direction:row; justify-content:space-between; gap:18px; }
.dossier dt,.dossier dd { font:12px/1.5 var(--sans); color:var(--quiet); }
.dossier dd { color:var(--ink); text-align:right; }
.source-jump { min-height:44px; width:auto; background:var(--control-fill); border:1px solid var(--control-edge); border-radius:var(--control-radius); padding:11px 16px; color:var(--ink); font:500 12px var(--sans); }
.impact-records { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0; padding:0 24px 24px; background:none; }
.impact-records button,.is-fault .impact-records button { background:#11161d; padding:18px; border:1px solid #46515e; border-radius:var(--control-radius); min-height:100px; align-items:flex-start; position:relative; }
.impact-records .record-symbol { display:none; }
.impact-records button>span:nth-child(2) { flex:1; }
.impact-records small { color:var(--quiet); font:10px var(--mono); }
.impact-records strong { font:500 14px/1.45 var(--sans); margin-top:7px; color:var(--ink); }
.impact-records button>span.record-status { font:500 11px/1.4 var(--sans); color:#00141f; padding:5px 8px; background:var(--signal); border:1px solid var(--signal); border-radius:4px; white-space:nowrap; }
.impact-records button.is-selected,.is-fault .impact-records button.is-selected { background:var(--selected-fill); border-color:var(--selected-edge); box-shadow:none; }
.impact-records button[data-object="requirement"] .record-status,.impact-records button[data-object="risk"] .record-status { color:var(--status-ink); background:var(--yellow); border-color:var(--yellow); }
.capability-selector { display:block; margin-top:24px; padding:0; }
.capability-selector summary { cursor:pointer; color:var(--ink); font:500 12px var(--sans); min-height:44px; padding:12px 16px; width:fit-content; background:var(--control-fill); border:1px solid var(--control-edge); border-radius:var(--control-radius); }
.lens-list { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.lens-list button { min-height:44px; padding:11px 15px; border:1px solid var(--control-edge); background:var(--control-fill); color:var(--muted); font:500 12px var(--sans); border-radius:var(--control-radius); }
.lens-list button[aria-selected=true] { background:var(--selected-fill); border-color:var(--selected-edge); color:var(--selected-ink); }
/* One question console, with the answer and source in the same reading plane. */
.intelligence-section { background:var(--bg); padding-top:60px; }
.intelligence-section .section-intro { margin:0 0 36px; text-align:left; max-width:none; }
.intelligence-section .section-intro h2 { margin:0; }
.intelligence-section .section-intro>p { margin:22px 0 0; }
.intelligence-demo { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:0 40px; padding:32px; border:1px solid var(--panel-edge); border-radius:var(--panel-radius); background:#0c1016; box-shadow:0 16px 45px #0004; }
.conversation { display:contents; }
.query-context { grid-column:1/-1; display:flex; align-items:center; gap:12px; margin-bottom:28px; font:12px var(--sans); color:var(--quiet); }
.query-context>span:first-child { color:var(--ink); font:500 17px var(--sans); }
.query-context small { margin-left:auto; font:11px var(--sans); color:var(--quiet); }
.prompt-selector { grid-column:1/-1; display:flex; gap:4px; margin:0 0 32px; width:fit-content; max-width:100%; padding:4px; border:1px solid var(--panel-edge); border-radius:9px; background:#070a0e; }
.prompt-selector button { min-height:44px; padding:11px 16px; background:transparent; border:1px solid transparent; border-radius:5px; font:500 13px var(--sans); color:var(--muted); }
.prompt-selector button[aria-pressed=true] { background:#24303b; border-color:#596977; box-shadow:var(--control-depth); color:var(--ink); }
.answer-area { grid-column:1; grid-row:3; padding:0; min-height:0; }
.asked-question { font:13px/1.65 var(--sans); color:var(--quiet); margin-bottom:24px; }
.answer-lead { color:var(--ink); font:500 30px/1.2 var(--sans); letter-spacing:-.025em; max-width:420px; }
.answer-area>p:not(.asked-question):not(.answer-lead) { color:var(--muted); font:15px/1.75 var(--sans); margin-top:22px; max-width:53ch; }
.answer-citations { display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; }
.answer-citations button { padding:10px 12px; min-height:44px; border:1px solid var(--control-edge); border-radius:var(--control-radius); background:var(--control-fill); color:var(--muted); font:500 11px var(--mono); }
.answer-citations button[aria-pressed=true] { color:var(--selected-ink); background:var(--selected-fill); border-color:var(--selected-edge); }
.answer-note { grid-column:1; grid-row:4; font:11px/1.6 var(--sans); color:var(--quiet); margin:25px 0 0; max-width:420px; }
.source-inspector { grid-column:2; grid-row:3/span 2; align-self:start; background:#080c11; padding:24px; border:1px solid var(--panel-edge); border-radius:8px; }
.source-top { display:flex; justify-content:space-between; color:var(--quiet); font:12px var(--sans); margin-bottom:24px; }
.source-top>span:last-child { font:11px var(--sans); color:var(--muted); background:#202b38; padding:4px 8px; border-radius:4px; }
.source-id { font:11px var(--mono); color:var(--signal); margin-bottom:16px; }
.source-inspector h3 { color:var(--ink); font:500 22px/1.35 var(--sans); letter-spacing:-.015em; }
.risk-score { display:flex; align-items:center; gap:18px; margin:25px 0 0; }
.risk-score-value { color:var(--amber); font:400 52px/1 var(--sans); letter-spacing:-.03em; }
.risk-score-value>span { color:var(--quiet); font:16px var(--sans); letter-spacing:0; }
.risk-score>div { display:flex; flex-direction:column; gap:6px; }
.risk-score strong { color:var(--amber); font:500 12px var(--sans); }
.risk-score>div>span { color:var(--quiet); font:11px var(--sans); }
.source-inspector dl { display:flex; flex-direction:column; gap:10px; margin:24px 0; }
.source-inspector dl>div { display:flex; justify-content:space-between; gap:16px; }
.source-inspector dt { font:12px var(--sans); color:var(--quiet); }
.source-inspector dd { margin:0; color:var(--ink); font:12px var(--sans); }
.source-return { display:inline-flex; align-items:center; justify-content:center; background:var(--control-fill); color:var(--ink); border:1px solid var(--control-edge); border-radius:var(--control-radius); font:500 12px var(--sans); padding:11px 15px; min-height:44px; }
/* The workspace is a functioning product preview, not a screenshot thumbnail. */
.workspace-section { background:var(--bg); }
.workspace-heading { align-items:center; margin-bottom:36px; gap:32px; }
.workspace-heading h2 { font-size:clamp(32px,3.3vw,48px); }
.action-link { display:inline-flex; align-items:center; min-height:44px; padding:11px 16px; font:500 12px var(--sans); background:var(--control-fill); border:1px solid var(--control-edge); border-radius:var(--control-radius); color:var(--ink); white-space:nowrap; }
.workspace-app { --ws-bg:#0e1218; --ws-raised:#1b212a; --ws-muted:#a7b2c0; --ws-edge:#56606e; --ws-blue:#00b7ff; background:var(--ws-bg); color:var(--ink); border:1px solid #46515e; border-radius:var(--panel-radius); box-shadow:0 28px 90px #0008; font-family:var(--sans); }
.ws-header { background:#161b22; padding:24px; }
.ws-project strong { font-size:16px; font-weight:500; }
.ws-project span,.ws-preview-label { color:var(--quiet); font:11px var(--sans); }
.ws-header-actions button,#workspace-expand,#workspace-close { color:var(--ink); background:var(--control-fill); border:1px solid var(--control-edge); min-height:44px; border-radius:var(--control-radius); font:500 12px var(--sans); }
.ws-nav { background:#161b22; padding:0 24px 20px; gap:8px; }
.ws-nav button { padding:11px 16px; min-height:44px; font:500 12px var(--sans); color:var(--muted); border:1px solid #414b58; background:#11151c; border-radius:var(--control-radius); }
.ws-nav button[aria-selected=true] { background:var(--selected-fill); border-color:var(--selected-edge); color:var(--selected-ink); box-shadow:none; }
.ws-panel { grid-template-columns:240px minmax(0,1fr); min-height:0; }
.ws-index { background:#0a0e13; padding:24px 14px; border-right:1px solid var(--panel-edge); }
.ws-search { background:#080b10; border-color:var(--control-edge); border-radius:var(--control-radius); color:var(--quiet); }
.ws-search input { color:var(--ink); font:13px var(--sans); height:40px; }
.ws-search input::placeholder { color:var(--quiet); }
.ws-search:focus-within { outline:2px solid var(--signal); outline-offset:2px; }
.ws-count { font:11px var(--sans); color:var(--quiet); margin:22px 0 15px; }
.ws-record-list { gap:6px; }
.ws-record-button { padding:13px 11px; border:1px solid #303944; background:#10151c; border-radius:var(--control-radius); }
.ws-record-button strong { font:500 12px/1.5 var(--sans); }
.ws-record-button span { font:10px var(--mono); color:var(--quiet); }
.ws-record-button[aria-pressed=true] { background:var(--selected-fill); border-color:var(--selected-edge); color:var(--ink); }
.ws-record-button[aria-pressed=true] span { color:var(--signal); }
.ws-sample-note,.ws-sample-note span { color:var(--quiet); font:11px/1.6 var(--sans); }
.ws-record-content { display:block; }
.ws-detail { padding:32px 38px; }
.ws-record-id { color:var(--signal); font:11px var(--mono); }
.ws-status { font:500 10px var(--sans); border:1px solid var(--signal); border-radius:4px; background:var(--signal); color:#00141f; }
.ws-status[data-state=approved] { background:var(--green); border-color:var(--green); color:#002416; }
.ws-status[data-state=in_review],.ws-status[data-state=open] { background:var(--yellow); border-color:var(--yellow); color:var(--status-ink); }
.ws-detail h3 { font:500 28px/1.2 var(--sans); letter-spacing:-.025em; margin-top:28px; }
.ws-description { font:15px/1.7 var(--sans); color:var(--muted); max-width:62ch; }
.ws-properties { gap:20px 38px; margin:28px 0; }
.ws-properties dt { color:var(--quiet); font:11px var(--sans); }
.ws-properties dd { color:var(--ink); font:13px var(--sans); }
.ws-detail-block h4,.ws-related h4 { color:var(--ink); font:500 13px var(--sans); }
.ws-detail-block p { color:var(--muted); font:14px/1.7 var(--sans); }
.ws-finding { background:var(--warning-surface); color:var(--yellow); padding:16px 18px; border:1px solid var(--warning-edge); border-radius:var(--control-radius); }
.ws-finding strong { color:var(--amber); font:500 12px var(--sans); }
.ws-finding p { color:var(--ink); font:13px/1.65 var(--sans); }
.ws-score { background:var(--warning-surface); border:1px solid var(--warning-edge); border-radius:var(--control-radius); }
.ws-score strong { color:var(--amber); }
.ws-score span { color:var(--yellow); }
.ws-score small { color:var(--ink); }
.ws-related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:0 38px 30px; background:none; }
.ws-related h4 { grid-column:1/-1; margin:0 0 4px; }
.ws-link { background:#141a22; padding:15px; margin:0; border:1px solid #46515e; border-radius:var(--control-radius); }
.ws-link small { font:10px var(--mono); color:var(--signal); }
.ws-link strong { font:500 12px/1.5 var(--sans); color:var(--ink); }
.ws-link span { font:11px var(--sans); color:var(--quiet); }
.ws-related-note { display:none; }
.ws-model img { height:240px; }
.ws-model figcaption { color:var(--quiet); font:11px var(--sans); }
.ws-footer { background:#161c24; color:var(--quiet); font:11px var(--sans); padding:17px 24px; }
.ws-footer span:first-child { color:var(--muted); font:11px var(--mono); }
.workspace-preview-note { color:var(--quiet); font:12px/1.7 var(--sans); margin:22px 0 0; max-width:650px; }
.ws-empty h3 { color:var(--ink); }
.ws-empty p { color:var(--muted); }
#ws-clear-search { background:var(--signal); color:#00141f; font:500 13px var(--sans); min-height:44px; border:1px solid #53ceff; border-radius:var(--control-radius); }
#workspace-dialog { background:var(--bg); border-color:#34404e; }
.ws-dialog-toolbar { color:var(--muted); font:13px var(--sans); }
/* The close is plain and usable. */
.contact-section { background:#090c11; gap:10vw; }
.contact-copy h2 { font-size:clamp(34px,3.5vw,50px); }
.contact-copy>p:not(.section-context) { font:16px/1.8 var(--sans); color:var(--muted); }
.contact-copy>a { font:15px var(--sans); color:var(--signal); }
#demo-form label { color:var(--muted); font:13px var(--sans); }
#demo-form input,#demo-form textarea { background:#10151d; color:var(--ink); border:1px solid var(--control-edge); border-radius:var(--control-radius); padding:14px 16px; font:15px var(--sans); box-shadow:inset 0 1px 3px #0003; }
#demo-form input::placeholder,#demo-form textarea::placeholder { color:var(--quiet); }
#demo-form input:focus,#demo-form textarea:focus { border-color:var(--signal); }
.form-pair { gap:20px; }
.primary-button { margin:0; }
.form-action>span { color:var(--quiet); font:11px/1.6 var(--sans); }
.site-footer { background:var(--bg); color:var(--quiet); font:11px var(--sans); padding:34px var(--pad); }
.site-footer .footer-brand,.site-footer .footer-brand span { color:var(--ink); }
.site-footer>a:not(.footer-brand) { color:var(--muted); }
.aircraft-dialog { background:#080c11; border:1px solid #46515e; border-radius:var(--panel-radius); }
.aircraft-dialog-toolbar { color:var(--ink); }
.aircraft-dialog-toolbar button,.inspection-actions button,.gear-toggle { background:var(--control-fill); color:var(--ink); border:1px solid var(--control-edge); border-radius:var(--control-radius); font-weight:500; }
.aircraft-dialog-toolbar p,.aircraft-dialog .assembly-help { color:var(--quiet); font:12px var(--sans); }
.inspection-controls { background:#10151cf5; border:1px solid var(--panel-edge); border-radius:8px; }
.inspection-controls select,.inspection-zoom button { color:var(--ink); background:var(--control-fill); border-color:var(--control-edge); border-radius:var(--control-radius); }
.inspection-controls label,.inspection-controls label small { color:var(--muted); }
.aircraft-dialog .assembly-readout { background:#10151cf5; border:1px solid var(--panel-edge); border-radius:8px; }
.aircraft-dialog .assembly-readout p { color:var(--muted); }
.aircraft-dialog .component-focus { background:var(--selected-fill); color:var(--selected-ink); border-color:var(--selected-edge); }
.inspection-actions button[aria-pressed=true],.gear-toggle[aria-pressed=true] { background:var(--selected-fill); border-color:var(--selected-edge); color:var(--signal); }
.view-switch { background:#070a0e; border:1px solid var(--panel-edge); border-radius:9px; padding:4px; }
.view-switch button { color:var(--muted); border:1px solid transparent; border-radius:5px; font:500 12px var(--sans); }
.view-switch button[aria-pressed=true] { background:var(--selected-fill); color:var(--selected-ink); border-color:var(--selected-edge); }
.content-arrival { animation:none; }
.js-motion .reveal,.reveal { opacity:1; transform:none; transition:none; }
/* Smoked glass: light across the face, a readable body, and a precise optical edge.
   Blur is limited to major layers and controls floating over the aircraft. */
.impact-workbench,.intelligence-demo,.workspace-app {
 background:var(--glass-panel); border-color:var(--panel-edge); border-top-color:#dce8fc45;
 box-shadow:var(--glass-depth); -webkit-backdrop-filter:blur(22px) saturate(115%); backdrop-filter:blur(22px) saturate(115%);
}
.bench-toolbar,.ws-header,.ws-nav { background:#02040926; }
.dossier,.source-inspector { background:linear-gradient(150deg,#ffffff04,transparent 65%),#060a10d9; border-color:#c9d8ed29; border-top-color:#dce8fc38; box-shadow:inset 0 1px 0 #ffffff05,0 5px 18px #0002; }
.skin-control,.journey-nav,.experience-viewport .motion-control,.experience-viewport .inspect-model,.power-inspect {
 background:var(--control-fill); border-color:var(--control-edge); border-top-color:#dce8fc66;
 box-shadow:var(--control-depth); -webkit-backdrop-filter:blur(18px) saturate(120%); backdrop-filter:blur(18px) saturate(120%);
}
.journey-nav { border-radius:10px; }
.journey-nav button[aria-current="step"],.prompt-selector button[aria-pressed=true] { background:var(--selected-fill); border-color:var(--selected-edge); color:var(--selected-ink); }
.prompt-selector,.power-components,.view-switch { background:#03060b70; border-color:#c9d8ed26; box-shadow:inset 0 2px 6px #0004; }
.power-components button.is-selected { background:var(--selected-fill); box-shadow:inset 0 1px 0 #bdeaff20; }
.impact-records button,.is-fault .impact-records button,.ws-link { background:var(--control-fill); border-color:#c9d8ed30; border-top-color:#dce8fc47; box-shadow:var(--control-depth); }
.impact-records button.is-selected,.is-fault .impact-records button.is-selected { background:var(--selected-fill); border-color:var(--selected-edge); }
.impact-records .record-symbol { display:grid; place-items:center; flex:0 0 28px; width:28px; height:32px; margin:0; color:var(--signal); background:none; }
.impact-records button[data-object="risk"] .record-symbol { color:var(--amber); }
.impact-records button { gap:12px; }
.ws-index { background:#03070d6b; }
.ws-record-button { background:linear-gradient(145deg,#ffffff04,transparent),#090f17c9; border-color:#c9d8ed22; }
.ws-record-button[aria-pressed=true] { background:var(--selected-fill); border-color:var(--selected-edge); }
.ws-search { background:#02050a99; box-shadow:inset 0 2px 5px #0004; }
.ws-nav button { background:var(--control-fill); border-color:var(--control-edge); }
.ws-nav button[aria-selected=true] { background:var(--selected-fill); border-color:var(--selected-edge); box-shadow:inset 0 1px 0 #bdeaff20; }
.ws-footer { background:#02040926; }
.ws-project img { filter:url(#brand-tonal-key); }
.inspection-controls,.aircraft-dialog .assembly-readout { background:var(--glass-panel); box-shadow:var(--glass-depth); border-top-color:#dce8fc52; -webkit-backdrop-filter:blur(22px) saturate(115%); backdrop-filter:blur(22px) saturate(115%); }
.inspection-controls select { border:1px solid var(--control-edge); }
.inspection-zoom button,.aircraft-dialog-toolbar button { display:inline-flex; align-items:center; justify-content:center; gap:12px; }
.ui-symbols { position:absolute; width:0; height:0; overflow:hidden; pointer-events:none; }
svg.ui-icon { width:20px; height:20px; flex:none; display:block; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.icon-plane { fill:currentColor; fill-opacity:.13; stroke:none; }
.icon-solid { fill:currentColor; stroke:none; }
.ws-nav svg.ui-icon,.inspection-zoom svg.ui-icon,.view-switch svg.ui-icon,.inspect-model svg.ui-icon { width:20px; height:20px; }
.impact-records svg.ui-icon { width:24px; height:24px; stroke-width:1.5; }
.text-button svg.ui-icon,.ws-search svg.ui-icon { width:18px; height:18px; }
.motion-control .motion-play { display:none; }
.motion-control[aria-pressed=true] .motion-play { display:block; }
.motion-control[aria-pressed=true] .motion-pause { display:none; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 .impact-workbench,.intelligence-demo,.workspace-app,.inspection-controls,.aircraft-dialog .assembly-readout { background:linear-gradient(145deg,#ffffff05,transparent 40%),#080b10; }
 .skin-control,.journey-nav,.experience-viewport .motion-control,.experience-viewport .inspect-model,.power-inspect { background:linear-gradient(165deg,#ffffff08,transparent 65%),#090f17; }
}
@media(prefers-reduced-transparency:reduce) {
 .impact-workbench,.intelligence-demo,.workspace-app,.inspection-controls,.aircraft-dialog .assembly-readout,.skin-control,.journey-nav,.experience-viewport .motion-control,.experience-viewport .inspect-model,.power-inspect { background:#090f17; -webkit-backdrop-filter:none; backdrop-filter:none; }
}
/* Product explanation: one question at a time, with inspectable engineering context. */
.platform-section { background:var(--bg); padding-bottom:60px; }
.platform-intro { display:grid; grid-template-columns:1.12fr 1fr; gap:64px; align-items:end; margin-bottom:44px; }
.product-kicker { color:var(--signal); font:500 12px/1.5 var(--sans); margin:0 0 20px; }
.platform-intro h2,.questions-heading h2 { color:var(--ink); font:500 clamp(32px,3.5vw,50px)/1.12 var(--sans); letter-spacing:-.035em; }
.platform-definition p { font:15px/1.8 var(--sans); color:var(--muted); max-width:52ch; }
.platform-definition p:first-child { color:var(--ink); font-size:17px; line-height:1.7; margin-bottom:16px; }
.product-guide { border:1px solid var(--panel-edge); border-top-color:#dce8fc45; border-radius:var(--panel-radius); background:var(--glass-panel); box-shadow:var(--glass-depth); overflow:hidden; }
.guide-toolbar { display:flex; justify-content:space-between; gap:20px; padding:23px 30px 19px; color:var(--ink); font:500 12px/1.6 var(--sans); }
.guide-toolbar>span:last-child { color:var(--quiet); font-weight:400; }
.guide-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:0 24px 24px; }
.guide-tabs button { display:flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:12px; border:1px solid var(--control-edge); border-radius:var(--control-radius); background:var(--control-fill); color:var(--muted); font:500 12px/1.45 var(--sans); }
.guide-tabs button[aria-selected=true] { color:var(--signal); border-color:var(--selected-edge); background:var(--selected-fill); }
.guide-panel { display:grid; grid-template-columns:1.08fr 1fr; gap:clamp(28px,4vw,64px); padding:32px; align-items:start; min-height:470px; background:#02040940; }
.guide-panel[hidden] { display:none; }
.guide-discipline { color:var(--quiet); font:12px/1.5 var(--sans); margin-bottom:17px; }
.guide-explanation h3 { color:var(--ink); font:500 clamp(24px,2.5vw,34px)/1.2 var(--sans); letter-spacing:-.025em; max-width:23ch; }
.guide-explanation>p:not(.guide-discipline) { color:var(--muted); font:15px/1.8 var(--sans); margin-top:22px; max-width:52ch; }
.guide-explanation>p.guide-payoff { color:var(--ink); }
.guide-depth { margin-top:28px; border:1px solid var(--control-edge); border-radius:var(--control-radius); background:var(--control-fill); }
.guide-depth summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:52px; padding:14px 16px; color:var(--ink); font:500 12px/1.5 var(--sans); cursor:pointer; list-style:none; }
.guide-depth summary::-webkit-details-marker,.questions-list summary::-webkit-details-marker { display:none; }
.guide-depth[open] summary svg,.questions-list details[open] summary svg { transform:rotate(45deg); }
.guide-depth>p { padding:2px 16px 19px; font:13px/1.85 var(--sans); color:var(--muted); }
.guide-example { min-width:0; padding:24px; border:1px solid var(--panel-edge); border-radius:9px; background:#04080dd9; }
.guide-example-title { color:var(--ink); font:500 12px/1.6 var(--sans); margin-bottom:18px; }
.guide-example>a { display:flex; flex-direction:column; align-items:flex-start; gap:7px; padding:17px 14px; margin:8px 0; border:1px solid var(--control-edge); border-radius:var(--control-radius); background:var(--control-fill); }
.guide-record-kind { color:var(--quiet); font:11px/1.5 var(--sans); }
.guide-example strong { color:var(--ink); font:500 14px/1.5 var(--sans); }
.guide-example small { color:var(--signal); font:11px/1.5 var(--sans); }
.guide-example-note { color:var(--quiet); font:11px/1.7 var(--sans); margin-top:18px; }
.product-questions { display:grid; grid-template-columns:.85fr 1.4fr; align-items:start; gap:clamp(32px,6vw,90px); background:var(--bg); padding-top:60px; }
.questions-heading>p:last-child { color:var(--muted); font:15px/1.8 var(--sans); margin-top:24px; max-width:32ch; }
.questions-list { display:flex; flex-direction:column; gap:10px; }
.questions-list details { border:1px solid var(--control-edge); border-radius:10px; background:var(--control-fill); }
.questions-list summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:68px; padding:21px 24px; color:var(--ink); font:500 14px/1.6 var(--sans); list-style:none; cursor:pointer; }
.questions-list details>div { padding:0 24px 25px; }
.questions-list p { color:var(--muted); font:14px/1.85 var(--sans); max-width:65ch; }
.questions-list p+p { margin-top:18px; }
.questions-list strong { color:var(--ink); }
.questions-list a { display:inline-flex; align-items:center; min-height:44px; margin-top:15px; font:500 12px var(--sans); color:var(--signal); }
@media(hover:hover) and (pointer:fine) {
 .guide-tabs button:hover,.guide-example>a:hover,.guide-depth summary:hover,.questions-list summary:hover { background:var(--control-hover); color:var(--ink); }
 .guide-tabs button[aria-selected=true]:hover { background:var(--selected-fill); color:var(--signal); }
 .guide-example>a:hover { border-color:var(--selected-edge); }
}
@media(max-width:900px) {
 .platform-intro { grid-template-columns:1fr; gap:26px; }
 .platform-definition { max-width:650px; }
 .platform-definition p { max-width:none; }
 .guide-panel { grid-template-columns:1fr 1fr; padding:24px; gap:24px; }
 .guide-example { padding:18px; }
 .guide-tabs button { font-size:11px; padding:10px 8px; gap:7px; }
 .product-questions { grid-template-columns:1fr; gap:30px; }
 .questions-heading>p:last-child { max-width:50ch; }
}
@media(max-width:720px) {
 .platform-section { padding-bottom:30px; }
 .platform-intro { margin-bottom:30px; }
 .platform-intro h2,.questions-heading h2 { font-size:32px; }
 .platform-intro h2 br { display:none; }
 .platform-definition p,.platform-definition p:first-child { font-size:15px; }
 .guide-toolbar { padding:19px 18px 17px; font-size:11px; }
 .guide-toolbar>span:last-child { display:none; }
 .guide-tabs { grid-template-columns:1fr 1fr; padding:0 14px 18px; gap:6px; }
 .guide-tabs button { min-height:52px; font-size:11px; justify-content:flex-start; padding:10px; }
 .guide-tabs svg.ui-icon { width:18px; height:18px; }
 .guide-panel { grid-template-columns:1fr; padding:24px 18px; gap:26px; min-height:0; }
 .guide-explanation h3 { font-size:27px; }
 .guide-explanation>p:not(.guide-discipline) { font-size:14px; }
 .guide-example { padding:18px 14px; }
 .product-questions { padding-top:25px; }
 .questions-list summary { font-size:13px; padding:18px; }
 .questions-list details>div { padding:0 18px 20px; }
}
/* Input-mode-aware response: no keyboard animation, no perpetual UI ornaments. */
html[data-input=keyboard] button,html[data-input=keyboard] a { transition:none; }
@media(hover:hover) and (pointer:fine) {
 .journey-enter:hover,.story-action:hover,.journey-fault:hover,.primary-button:hover { background:#00c5ff; border-color:#00c5ff; }
 .journey-enter:active,.story-action:active,.journey-fault:active,.primary-button:active { transform:scale(.98); box-shadow:inset 0 1px 3px #00365e4d; }
 .is-fault .fault-button:hover,.journey-fault[aria-pressed=true]:hover { background:#ff9d00; border-color:#ff9d00; color:#1c0d00; }
 .power-components button:not(.is-selected):hover,.ws-nav button:not([aria-selected=true]):hover,.ws-record-button:not([aria-pressed=true]):hover,.prompt-selector button:not([aria-pressed=true]):hover { background:var(--control-hover); border-color:#687582; color:var(--ink); }
 .impact-records button:hover,.is-fault .impact-records button:hover,.ws-link:hover { background:#1c2530; border-color:#718396; }
 .lens-list button:hover,.source-jump:hover,.source-return:hover,.text-button:hover,.power-inspect:hover,.action-link:hover,.ws-header-actions button:hover,.capability-selector summary:hover { background:var(--control-hover); border-color:#8794a3; color:var(--ink); }
}
@media(max-width:1100px) {
 .skin-control { right:var(--pad); bottom:104px; }
 .site-nav nav { gap:22px; }
 .story-chapter[data-chapter="0"] h1 { width:58%; }
 .hero-introduction { top:calc(24% + 156px); max-width:315px; }
 .journey-nav button { padding:11px 12px; }
 .bench-main { gap:20px; grid-template-columns:1.25fr 1fr; padding:20px; }
 .dossier { padding:22px; }
 .power-image-stage { height:390px; }
 .intelligence-demo { padding:30px; gap:0 30px; }
 .ws-related { grid-template-columns:1fr; }
 .impact-records { gap:10px; padding:0 20px 20px; }
 .impact-records button { padding:18px 15px; }
 .impact-records .record-status { display:none; }
}
@media(max-width:720px) {
 :root { --pad:24px; }
 .site-nav,#top { height:78px; padding:0 24px; }
 .site-nav .brand svg { width:156px; height:36px; }
 .site-nav nav { display:none; }
 .site-nav .nav-cta { padding:10px 16px; font-size:12px; min-height:42px; }
 .system-hero { height:500svh; }
 .experience-viewport { min-height:720px; }
 .experience-viewport::after { background:linear-gradient(0deg,#030507 0%,#030507dd 12%,transparent 38%),linear-gradient(180deg,#03050770,transparent 42%); }
 .hero-copy.story-chapter[data-chapter="0"] { inset:0; width:100%; }
 .story-chapter[data-chapter="0"] h1 { top:15%; left:24px; width:calc(100% - 48px); font-size:clamp(28px,7.7vw,46px); line-height:1.1; }
 .hero-introduction { top:auto; bottom:176px; left:24px; width:285px; }
 .hero-copy .hero-summary { font-size:13px; line-height:1.6; max-width:290px; }
 .hero-introduction .journey-enter { margin-top:17px; min-height:44px; padding:12px 18px; font-size:13px; }
 .experience-viewport .assembly-id { display:none; }
 .skin-control { left:24px; right:auto; bottom:94px; width:calc(100% - 48px); padding:10px 14px 2px; }
 .skin-control label { font-size:12px; }
 .skin-control input { height:38px; }
 .skin-control p { display:none; }
 .journey-nav { left:24px; right:24px; bottom:26px; width:auto; padding:4px; }
 .journey-nav button { flex:1; padding:10px 3px; font-size:9px; min-height:44px; }
 .experience-viewport>.system-dock { right:24px; bottom:178px; }
 .experience-viewport .motion-control { height:44px; width:44px; }
 .experience-viewport .inspect-model { right:24px; top:calc(15% + 100px); bottom:auto; min-height:38px; padding:10px 13px; font-size:11px; }
 .story-chapter:not([data-chapter="0"]) { left:24px; width:calc(100% - 48px); bottom:25%; }
 .story-chapter h2 { font-size:35px; }
 .story-chapter p { max-width:315px; font-size:14px; margin-top:20px; }
 .story-action,.journey-fault { font-size:12px; min-height:44px; margin-top:22px; }
 .section-pad { padding:78px 24px; }
 .section-intro { margin-bottom:32px; }
 .section-intro h2,.workspace-heading h2,.contact-copy h2 { font-size:34px; line-height:1.12; }
 .section-intro>p { font-size:15px; margin-top:20px; }
 .bench-toolbar { flex-wrap:wrap; gap:12px; padding:18px; }
 .bench-toolbar>div:first-child { width:100%; flex:auto; font-size:11px; }
 .bench-toolbar .fault-command { flex:1; }
 .fault-button { width:100%; justify-content:center; }
 .bench-toolbar .text-button { padding:12px; }
 .bench-main { display:block; padding:14px; }
 .power-image-stage { height:345px; }
 .power-inspect { right:10px; top:10px; font-size:11px; }
 .power-outcome { bottom:16px; left:14px; right:14px; }
 .power-outcome strong { font-size:22px; }
 .power-outcome>span { font-size:11px; }
 .power-components { gap:2px; }
 .power-components button { font-size:10px; padding:10px 2px; }
 .component-disclosure { margin-top:8px; }
 .dossier { margin-top:20px; padding:20px; }
 .dossier h3 { font-size:27px; }
 .dossier-meta { margin-bottom:21px; }
 .dossier>p { font-size:15px; }
 .dossier dl { margin:24px 0; }
 .impact-records { grid-template-columns:1fr; margin:0; padding:0 14px 14px; gap:8px; }
 .impact-records button { min-height:82px; padding:14px; align-items:center; gap:12px; }
 .impact-records .record-status { display:block; }
 .impact-records strong { font-size:13px; margin-top:5px; }
 .intelligence-section { padding-top:40px; }
 .intelligence-demo { display:flex; flex-direction:column; gap:0; padding:24px 18px; margin:0; border-radius:var(--panel-radius); }
 .conversation { display:contents; }
 .query-context { flex-wrap:wrap; gap:9px; margin-bottom:22px; order:0; }
 .query-context>span:first-child { font-size:16px; }
 .query-context small { font-size:10px; margin-left:0; }
 .prompt-selector { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; width:100%; margin-bottom:27px; order:1; }
 .prompt-selector button { font-size:12px; line-height:1.4; padding:10px 5px; min-height:48px; }
 .answer-area { order:2; }
 .asked-question { font-size:12px; margin-bottom:18px; }
 .answer-lead { font-size:26px; }
 .answer-area>p:not(.asked-question):not(.answer-lead) { font-size:14px; }
 .answer-citations { margin-top:24px; }
 .answer-citations button { font-size:10px; }
 .answer-note { order:3; margin-top:23px; font-size:10px; }
 .source-inspector { order:4; width:100%; margin-top:28px; padding:22px 18px; border-radius:8px; }
 .source-inspector h3 { font-size:21px; }
 .source-top { margin-bottom:22px; }
 .workspace-heading { display:block; margin-bottom:30px; }
 .workspace-heading .action-link { margin-top:24px; }
 .workspace-app { border-radius:var(--panel-radius); }
 .ws-header { padding:21px 17px; }
 .ws-project strong { font-size:15px; }
 .ws-project span { font-size:11px; }
 .ws-nav { display:grid; grid-template-columns:1fr 1fr; padding:0 16px 18px; gap:6px; }
 .ws-nav button { font-size:11px; padding:10px 8px; min-height:44px; }
 .ws-panel { display:block; }
 .ws-index { padding:22px 18px; border-right:0; }
 .ws-search input { font-size:16px; }
 .ws-mobile-picker { font:12px var(--sans); color:var(--quiet); }
 .ws-mobile-picker select { color:var(--ink); background:#10151d; border-color:var(--control-edge); border-radius:var(--control-radius); font:16px var(--sans); min-height:48px; }
 .ws-detail { padding:28px 20px; }
 .ws-detail h3 { font-size:25px; margin-top:24px; }
 .ws-description { font-size:15px; }
 .ws-properties { gap:20px 24px; }
 .ws-related { grid-template-columns:1fr; padding:0 20px 26px; }
 .ws-related .ws-link { padding:17px; }
 .ws-link strong { font-size:14px; }
 .ws-link span { font-size:12px; }
 .ws-footer { padding:17px; gap:9px; font-size:10px; }
 .ws-footer span:first-child { font-size:10px; }
 .ws-dialog-toolbar { background:var(--bg); }
 .ws-dialog-toolbar>span { font-size:12px; }
 .contact-section { gap:34px; }
 .contact-copy>p:not(.section-context) { font-size:15px; }
 #demo-form input,#demo-form textarea { font-size:16px; }
 .form-action { align-items:flex-start; }
 .primary-button { font-size:13px; }
 .site-footer { gap:20px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { transition:none!important; animation:none!important; }
}