:root{--brass:#C9A227;--ember:#FF5A1F;--foundation:#1A1613;--paper:#F5F4F2;--bg:#1A1613;--surface:#221C18;--surface2:#2A231D;--text:#ECE4D8;--muted:#A99E91;--subtle:#756B61;--border:rgba(236,228,216,.13);--border2:rgba(236,228,216,.24);--grid:rgba(201,162,39,.085);--max:1160px;color-scheme:dark}:root[data-theme="light"]{--bg:#F5F4F2;--surface:#FFFFFF;--surface2:#FAFAF8;--text:#1A1613;--muted:#625B54;--subtle:#837B73;--border:rgba(26,22,19,.13);--border2:rgba(26,22,19,.22);--grid:rgba(201,162,39,.095);color-scheme:light}@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#F5F4F2;--surface:#FFFFFF;--surface2:#FAFAF8;--text:#1A1613;--muted:#625B54;--subtle:#837B73;--border:rgba(26,22,19,.13);--border2:rgba(26,22,19,.22);--grid:rgba(201,162,39,.095);color-scheme:light}}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:3px}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.mono,.eyebrow{font-family:'JetBrains Mono',ui-monospace,monospace}.brand-field{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-row{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;font-size:1.15rem}.brand .by{font:400 .66rem 'JetBrains Mono',monospace;color:var(--muted)}.mark{width:28px;height:28px}.mark rect{fill:none;stroke:var(--brass)}.mark circle{fill:var(--ember)}.nav{display:flex;align-items:center;gap:4px}.nav a{padding:7px 9px;text-decoration:none;color:var(--muted);font-size:.91rem;border-radius:8px}.nav a:hover,.nav a.active{color:var(--text)}.nav-actions{display:flex;gap:8px;align-items:center}.icon-btn,.btn{font:500 .94rem 'Space Grotesk',system-ui,sans-serif;border-radius:10px;border:1px solid var(--border2);background:transparent;color:var(--text);cursor:pointer;text-decoration:none}.icon-btn{width:38px;height:38px;display:grid;place-items:center}.icon-btn svg{width:18px}.btn{display:inline-flex;padding:.72rem 1.2rem;align-items:center;justify-content:center}.btn-primary{background:var(--ember);border-color:var(--ember);color:#1A1613}.btn:hover,.icon-btn:hover{border-color:var(--brass)}.menu-btn{display:none}
.hero{padding:clamp(4rem,8vw,7.5rem) 0 clamp(3.5rem,7vw,6rem);border-bottom:1px solid var(--border)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,5vw,5rem);align-items:center}.eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:26px;height:1px;background:var(--brass)}h1,h2,h3{margin:0;letter-spacing:-.035em;line-height:1.08}.hero h1{font-size:var(--air-page-title-size);max-width:720px;margin:.8rem 0 1rem}.signature{font-size:clamp(1.35rem,2.5vw,2.05rem);font-weight:500;margin:0 0 1rem}.hero .sub{max-width:650px;font-size:clamp(1.05rem,1.7vw,1.25rem);color:var(--muted);margin:0 0 1.75rem}.hero-cta{display:flex;gap:10px;flex-wrap:wrap}.hero-note{font:.73rem 'JetBrains Mono',monospace;color:var(--subtle);margin:1rem 0 0}.hero-art{border:1px solid var(--border2);border-radius:26px;background:color-mix(in srgb,var(--surface) 93%,transparent);padding:clamp(22px,3vw,34px);box-shadow:0 24px 70px rgba(0,0,0,.08)}.hero-art-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:var(--muted);font:.74rem 'JetBrains Mono',monospace}.mini-triad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-state{min-height:180px;border:1px solid var(--border);border-radius:16px;background:var(--surface2);padding:16px 12px;display:flex;flex-direction:column}.mini-state h3{font-size:1rem;letter-spacing:-.02em}.mini-v{flex:1;display:grid;place-items:center}.task-track{position:relative;width:100%;height:74px}.task-track:before{content:'';position:absolute;left:5%;right:5%;top:36px;height:1.5px;background:var(--brass);opacity:.65}.task-node{position:absolute;top:22px;width:30px;height:30px;border:3px solid var(--brass);border-radius:9px;display:grid;place-items:center}.task-node:after{content:'';width:8px;height:8px;border-radius:50%;background:var(--ember)}.task-node.left{left:8%;opacity:.23}.task-node.mid{left:50%;transform:translateX(-50%);top:14px;width:46px;height:46px;border-width:4px;border-radius:13px}.task-node.mid:after{width:13px;height:13px}.task-node.right{right:8%;opacity:.23}.fluid-mini,.air-mini{display:flex;align-items:center;justify-content:center;gap:7px;width:100%}.fluid-box{width:32px;height:54px;border:1.5px solid var(--brass);border-radius:8px;display:grid;place-items:center}.fluid-box.alt{opacity:.62;border-style:dashed}.fluid-box span,.project-node span{width:16px;height:16px;border:2px solid var(--brass);border-radius:5px;position:relative}.fluid-box span:after,.project-node span:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--ember);left:50%;top:50%;transform:translate(-50%,-50%)}.project-node{width:36px;height:36px;border:1.5px solid var(--brass);border-radius:9px;display:grid;place-items:center}.project-node.past{opacity:.3}.project-node.middle{opacity:.62}.arrow{color:var(--brass);font-size:1rem}
.section{padding:clamp(4rem,7vw,6.5rem) 0}.section + .section{border-top:1px solid var(--border)}.section-head{max-width:760px;margin-bottom:2.25rem}.section-head h2{font-size:clamp(2rem,4vw,3.4rem);margin:.65rem 0 .75rem}.section-head p{font-size:1.07rem;color:var(--muted);margin:0}.compare-grid,.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel,.card,.state-card{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:clamp(20px,3vw,30px)}.panel.air{border-color:color-mix(in srgb,var(--brass) 65%,var(--border));background:color-mix(in srgb,var(--brass) 4%,var(--surface))}.panel-label{font:.72rem 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:18px}.panel.air .panel-label{color:var(--text)}.rows{display:grid;gap:14px}.row{display:flex;gap:11px;align-items:flex-start}.bullet{width:11px;height:11px;border:2px solid var(--brass);border-radius:50%;margin-top:.42rem;flex:none}.row.active .bullet{background:var(--ember);border-color:var(--ember)}.row span:last-child{color:var(--muted)}.panel.air .row span:last-child{color:var(--text)}
.states{padding-top:0}.state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.state-card{display:flex;flex-direction:column;min-height:440px}.state-card h3{font-size:1.65rem}.state-card .sub{margin:.3rem 0 1.5rem;color:var(--muted)}.state-visual{background:var(--surface2);border:1px solid var(--border);border-radius:15px;min-height:245px;display:flex;align-items:center;justify-content:center;padding:18px;position:relative}.state-caption{text-align:center;margin:18px 0 0;font-weight:500}.focused-large{width:100%;height:150px;position:relative}.focused-large:before{content:'';position:absolute;left:3%;right:3%;top:74px;height:1.5px;background:var(--brass);opacity:.7}.big-task{position:absolute;top:54px;width:42px;height:42px;border:3px solid var(--brass);border-radius:12px;display:grid;place-items:center}.big-task:after{content:'';width:10px;height:10px;border-radius:50%;background:var(--ember)}.big-task.left{left:8%;opacity:.22}.big-task.active{left:50%;transform:translateX(-50%);top:42px;width:66px;height:66px;border-width:5px;border-radius:18px}.big-task.active:after{width:17px;height:17px}.big-task.right{right:8%;opacity:.22}.fluid-large{width:100%;max-width:390px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;padding-bottom:48px}.session-option{height:128px;border:1.7px solid var(--brass);border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;font-size:.78rem;padding:8px}.session-option.alt{opacity:.68;border-style:dashed}.session-option .state-mark{width:42px;height:42px;border:4px solid var(--brass);border-radius:12px;position:relative}.session-option .state-mark:after{content:'';width:10px;height:10px;background:var(--ember);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.branch{position:absolute;left:17%;right:17%;bottom:14px;height:24px;border-bottom:2px dashed var(--brass);border-left:2px dashed var(--brass);border-right:2px dashed var(--brass);opacity:.78}.branch:before,.branch:after{content:'';position:absolute;top:-2px;width:8px;height:8px;border-left:2px solid var(--brass);border-top:2px solid var(--brass);transform:rotate(45deg)}.branch:before{left:-5px}.branch:after{right:-5px}.branch-stem{position:absolute;left:50%;bottom:14px;height:34px;border-left:2px dashed var(--brass);opacity:.78}.air-large{display:flex;align-items:center;justify-content:center;gap:15px}.air-project{width:74px;height:74px;border:1.8px solid var(--brass);border-radius:15px;display:grid;place-items:center}.air-project.p1{opacity:.3}.air-project.p2{opacity:.62}.air-project .state-mark{width:39px;height:39px;border:4px solid var(--brass);border-radius:11px;position:relative}.air-project .state-mark:after{content:'';width:9px;height:9px;background:var(--ember);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.state-rule{margin-top:22px;border:1px solid var(--border2);border-radius:16px;padding:18px 22px;text-align:center;background:color-mix(in srgb,var(--surface) 94%,transparent);font-size:1.12rem}
.workspace{display:grid;grid-template-columns:1fr 1fr;gap:16px}.workspace .panel h3{font-size:1.35rem;margin-bottom:.7rem}.workspace .panel p{color:var(--muted);margin:0}.workspace .vs{grid-column:1/-1;text-align:center;font:.75rem 'JetBrains Mono',monospace;color:var(--subtle);text-transform:uppercase;letter-spacing:.1em}.payload{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.payload div{border:1px solid var(--border);border-radius:12px;background:var(--surface2);padding:16px}.payload b{display:block;margin-bottom:3px}.payload span{font-size:.88rem;color:var(--muted)}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.flow-step{padding-top:18px;border-top:2px solid var(--brass)}.flow-step .n{font:.72rem 'JetBrains Mono',monospace;color:var(--muted)}.flow-step h3{font-size:1.25rem;margin:.4rem 0}.flow-step p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{text-decoration:none;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-2px);border-color:var(--brass)}.card .k{font:.7rem 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.card h3{font-size:1.3rem;margin:.55rem 0}.card p{margin:0;color:var(--muted)}.card .go{display:inline-block;margin-top:13px;font:.78rem 'JetBrains Mono',monospace}.callout{border:1px solid var(--border2);border-left:3px solid var(--brass);border-radius:16px;background:var(--surface);padding:24px 26px}.callout .label{font:.7rem 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.callout p{margin:0}.tradeoffs{display:grid;gap:0;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.tradeoff{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:20px 24px}.tradeoff + .tradeoff{border-top:1px solid var(--border)}.tradeoff b{font:.83rem 'JetBrains Mono',monospace}.tradeoff p{margin:0;color:var(--muted)}.cta-band{text-align:center;border:1px solid var(--border2);border-radius:22px;padding:clamp(2.5rem,6vw,4.5rem);background:var(--surface)}.cta-band h2{font-size:clamp(2rem,4vw,3.5rem)}.cta-band p{max-width:650px;margin:.8rem auto 1.7rem;color:var(--muted)}.site-footer{border-top:1px solid var(--border);padding:3.5rem 0 2rem}.foot-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.foot-brand p{color:var(--muted);max-width:340px;font-size:.9rem}.foot-col h3{font:.72rem 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--subtle);margin-bottom:.8rem}.foot-col a{display:block;text-decoration:none;color:var(--muted);font-size:.9rem;padding:3px 0}.foot-bottom{margin-top:2.5rem;padding-top:1.3rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--subtle);font:.75rem 'JetBrains Mono',monospace}
@media(max-width:900px){.nav{display:none}.menu-btn{display:grid}.nav.open{display:flex;position:absolute;left:0;right:0;top:64px;background:var(--bg);border-bottom:1px solid var(--border);padding:10px 20px;flex-direction:column;align-items:stretch}.hero-grid{grid-template-columns:1fr}.hero-art{max-width:700px}.state-grid,.payload{grid-template-columns:1fr}.state-card{min-height:auto}.compare-grid,.two-grid,.workspace{grid-template-columns:1fr}.workspace .vs{grid-column:auto}.flow{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.tradeoff{grid-template-columns:1fr;gap:7px}.mini-state{min-height:155px}}@media(max-width:600px){.container{width:min(var(--max),calc(100% - 28px))}.mini-triad{grid-template-columns:1fr}.mini-state{min-height:130px}.compare-grid,.cards{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.foot-brand{grid-column:auto}.nav-actions .github-label{display:none}.session-option{font-size:.7rem}.fluid-large{gap:6px}.state-visual{padding:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}:focus-visible{outline:2px solid var(--brass);outline-offset:3px}

/* ---------- interior page visual system ---------- */
:root{--air-page-title-size:clamp(2.65rem,1.8rem + 3vw,4.5rem);--air-page-hero-space:clamp(3.75rem,7vw,5.75rem);--air-section-space:clamp(4rem,7vw,6.5rem);--air-section-space-compact:clamp(2.75rem,5vw,4.25rem)}
.hero--page{padding:var(--air-page-hero-space) 0;border-bottom:1px solid var(--border)}
.page-title{font-size:var(--air-page-title-size);max-width:52rem;margin:1rem 0 1.1rem}
.hero--page .sub{max-width:45rem}
.section--standard{padding:var(--air-section-space) 0}
.section--compact{padding:var(--air-section-space-compact) 0}

/* ---------- orientation cleanup ---------- */
.cards--three{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.continuity-payload{margin-top:2rem}
@media(max-width:840px){.cards--three{grid-template-columns:1fr}}