@import url('./fonts/fonts.css');
:root{--bg:#0a0e14;--surface:#121821;--ink:#eef1f5;--muted:#9aa5b4;--rule:#263142;--accent:#ffb547;--on-accent:#0a0e14;--flow:#4fd1c5;--gutter:clamp(24px,5.55vw,96px);--max:1440px;--sans:'IBM Plex Sans',sans-serif;--mono:'IBM Plex Mono',monospace;--display:var(--sans);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;--radius:4px;--enter:300ms;--exit:180ms;--ease:cubic-bezier(.2,.65,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{text-decoration-color:currentColor}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700}h1{font-size:clamp(64px,8.2vw,136px);line-height:.96;letter-spacing:-.065em}h2{font-size:clamp(44px,5.25vw,80px);line-height:1.04;letter-spacing:-.05em}h3{font-size:18px;line-height:1.5;letter-spacing:-.015em}button svg,a svg{vertical-align:middle}.wrap{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}.mono{font-family:var(--mono);font-weight:500;font-size:13px;line-height:1.6;letter-spacing:.015em}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0}.skip{position:fixed;top:16px;left:24px;z-index:20;background:var(--accent);color:var(--on-accent);padding:12px 24px;transform:translateY(-160%)}.skip:focus{transform:none}.site-header{padding-block:24px}.header-row{display:flex;gap:24px;justify-content:space-between;align-items:center;min-height:48px}.wordmark{font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.04em;display:inline-flex;align-items:center;gap:12px;min-height:44px}.mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--rule);font-size:13px;letter-spacing:-.04em;font-family:var(--mono)}.concept-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.concept-nav a{display:flex;gap:8px;align-items:center;min-height:44px;padding:8px 16px;font-size:13px;color:var(--muted);border:1px solid transparent;border-radius:var(--radius);transition:background var(--exit),color var(--exit)}.concept-nav a[aria-current=page]{color:var(--ink);border-color:var(--rule);background:var(--surface)}.concept-nav a:hover{color:var(--ink);background:var(--surface)}.concept-nav .num{font-family:var(--mono);font-size:12px}.hero{min-height:calc(100svh - 96px);display:flex;flex-direction:column;padding-top:48px;padding-bottom:32px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;flex:1;align-items:center}.hero-copy{padding-block:24px}.eyebrow{display:flex;gap:12px;align-items:center;color:var(--muted);margin-bottom:32px}.signal{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--flow);flex:none}.role{margin-top:32px;font-size:18px;font-weight:500;line-height:1.5}.positioning{font-size:clamp(20px,1.65vw,26px);line-height:1.5;max-width:34ch;margin-top:16px;letter-spacing:-.025em;color:var(--muted)}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px}.button{min-height:52px;padding:12px 24px;display:inline-flex;justify-content:center;align-items:center;gap:24px;border:1px solid var(--rule);border-radius:var(--radius);font-size:16px;font-weight:500;line-height:1.5;transition:transform var(--exit) var(--ease),background var(--exit),border-color var(--exit)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button.secondary{background:transparent;color:var(--ink)}.button:hover{transform:translateY(-2px);border-color:var(--ink)}.button.primary:hover{background:var(--accent);border-color:var(--accent)}.button:active{transform:translateY(1px)}.od-icon{display:inline-block;inline-size:var(--od-icon-size,1em);block-size:var(--od-icon-size,1em);flex:none}.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:48px;padding-top:24px}.hero-foot a{min-height:44px;display:inline-flex;align-items:center;gap:16px;font-size:14px}.text-link{display:inline-flex;min-height:44px;align-items:center;gap:12px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.text-link:hover{text-decoration-thickness:2px}.od-stat{display:grid;gap:8px}.od-stat>*{display:block;min-width:0}.od-nowrap{white-space:nowrap}.system-stage{position:relative;min-width:0;aspect-ratio:1.08;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.stage-head{display:flex;justify-content:space-between;gap:16px;padding-block:16px;border-block:1px solid var(--rule);font-family:var(--mono);font-size:12px;color:var(--muted)}.map-viewport{display:grid;position:relative;min-height:0;place-items:center}.map-viewport .map-still,.map-viewport canvas{grid-area:1/1;width:100%;height:100%;display:block}.map-still{aspect-ratio:600/440}.map-viewport canvas{position:absolute;inset:0;width:100%;height:100%}.map-viewport[data-ready=true] .map-still{visibility:hidden}.map-label{position:absolute;inset-inline:0;top:43%;text-align:center;pointer-events:none;display:grid;gap:4px}.map-label strong{font-family:var(--mono);font-size:18px;letter-spacing:-.04em}.map-label span{font-size:12px;color:var(--muted)}.stage-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--rule)}.stage-foot .legend{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);font-family:var(--mono)}.pause-button{background:transparent;color:var(--muted);border:1px solid var(--rule);border-radius:4px;min-height:44px;padding:8px 16px;font-family:var(--mono);font-size:12px}.pause-button:hover{color:var(--ink);border-color:var(--ink)}.approval-note{display:flex;gap:12px;align-items:flex-start;margin-top:24px;padding:16px 0;color:var(--muted);font-size:14px}.approval-note .approval-icon{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;color:var(--accent);flex:none}.results{background:var(--surface);padding-block:96px;min-height:100svh}.section-heading{display:flex;gap:32px;justify-content:space-between;align-items:flex-end;margin-bottom:64px}.section-heading p{max-width:32ch;font-size:16px;color:var(--muted)}.section-kicker{font-family:var(--mono);font-size:13px;color:var(--muted);margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px}.stat{padding-block:32px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:8px;min-width:0}.stat-value{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;font-family:var(--mono);color:var(--accent);font-size:clamp(48px,6.7vw,104px);line-height:1.15;font-weight:600;letter-spacing:-.065em}.stat-value .from{font-size:.46em;color:var(--muted)}.stat-value .to{font-size:.2em;letter-spacing:0;color:var(--muted)}.stat-value .qualifier{font-size:14px;letter-spacing:0;color:var(--muted);font-weight:500}.stat-caption{max-width:42ch;font-size:16px;color:var(--muted);line-height:1.6}.stat-period{margin-top:8px;font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--muted)}.triage-inline{font-family:var(--mono);font-size:16px;color:var(--ink);margin-top:8px}.results-foot{border-top:1px solid var(--rule);padding-top:24px;margin-top:48px;display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.hero-copy>*{animation:enter var(--enter) var(--ease) both}.hero-copy>:nth-child(2){animation-delay:40ms}.hero-copy>:nth-child(3){animation-delay:80ms}.hero-copy>:nth-child(4){animation-delay:120ms}.hero-copy>:nth-child(5){animation-delay:160ms}@keyframes enter{from{transform:translateY(12px)}to{transform:translateY(0)}}
/* B: the work reads as a printed professional profile. */
.editorial{--bg:#fafbfc;--surface:#fff;--ink:#15171a;--muted:#535963;--rule:#cdd1d7;--accent:#2144d6;--on-accent:#fff;--flow:#087568;--display:'Archivo',var(--sans);--radius:0px}.editorial .site-header{border-bottom:1px solid var(--rule)}.editorial .mark{border:0;background:var(--ink);color:var(--bg)}.editorial .concept-nav a[aria-current=page]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.editorial .hero{padding-top:64px;min-height:calc(100svh - 97px)}.editorial .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:48px}.editorial .hero-copy{padding:0;display:contents}.editorial .eyebrow{display:none}.editorial h1{font-size:clamp(64px,11.2vw,176px);line-height:.92;letter-spacing:-.075em;display:flex;flex-direction:column}.editorial h1 span:last-child{align-self:flex-end}.editorial .editorial-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:16px;padding-top:32px;border-top:2px solid var(--ink)}.editorial .role{font-size:clamp(24px,2.4vw,36px);line-height:1.2;max-width:18ch;margin-top:0;font-weight:700;letter-spacing:-.035em}.editorial .positioning{margin:0;max-width:32ch;font-size:clamp(20px,2vw,30px);color:var(--ink);letter-spacing:-.025em}.editorial .actions{margin-top:24px}.editorial .button.primary{background:var(--ink);border-color:var(--ink)}.editorial .button.primary:hover{background:var(--accent);border-color:var(--accent)}.editorial .button.secondary{border-color:var(--ink)}.editorial .hero-foot{margin-top:32px}.editorial .results{background:var(--ink);--ink:#f9fafc;--bg:#15171a;--surface:#1e2024;--muted:#b5bbc6;--rule:#454b55;--accent:#dbe4ff;--on-accent:#15171a}.editorial .section-heading{align-items:flex-start}.editorial .section-heading h2{font-size:clamp(48px,6vw,96px)}.editorial .stats-grid{display:flex;flex-direction:column;gap:0}.editorial .stat{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;align-items:start;padding-block:32px}.editorial .stat-value{grid-row:1/4;font-family:var(--display);font-size:clamp(56px,7.2vw,112px);line-height:1;letter-spacing:-.06em;color:var(--ink)}.editorial .stat-value .from{font-size:.52em}.editorial .stat h3{font-size:22px}.editorial .stat-period{margin-top:0}.editorial .triage-inline{grid-column:2}.editorial .results-foot{margin-top:16px}
/* C: one quiet, readable system view; interaction is opt-in. */
.quiet{--bg:#f0f3f5;--surface:#fff;--ink:#243649;--muted:#536477;--rule:#c5d0d8;--accent:#213b55;--on-accent:#fff;--flow:#187969;--radius:6px}.quiet .mark{background:var(--accent);border-color:var(--accent);color:#fff}.quiet .concept-nav a[aria-current=page]{border-color:var(--accent);background:var(--accent);color:#fff}.quiet .hero{padding-top:64px}.quiet .hero-grid{gap:64px;align-items:center}.quiet h1{font-size:clamp(64px,7.4vw,112px);font-weight:400;line-height:1.03;letter-spacing:-.06em}.quiet .eyebrow{margin-bottom:24px}.quiet .positioning{font-size:clamp(20px,1.7vw,26px);max-width:28ch}.quiet .quiet-diagram{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:32px;display:flex;flex-direction:column;min-height:440px}.quiet .diagram-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.quiet .diagram-top .diagram-title{font-size:16px;font-weight:500}.quiet .diagram-top .mono{font-size:12px;color:var(--muted)}.quiet-diagram svg.system-drawing{width:100%;height:auto;aspect-ratio:500/240;display:block;margin-block:24px}.system-drawing .route{stroke:var(--rule);stroke-width:1.5;fill:none}.system-drawing .route[data-selected=true]{stroke:var(--flow);stroke-width:2.5}.system-drawing .system-port{fill:var(--surface);stroke:var(--rule);stroke-width:1.5}.system-drawing .system-port[data-selected=true]{stroke:var(--flow);fill:#e6f4ef}.system-drawing text{font-family:var(--sans);font-size:14px;fill:var(--muted)}.system-drawing .hub-title{fill:var(--ink);font-size:18px;font-weight:700}.quiet .diagram-tabs{display:flex;gap:8px;flex-wrap:wrap}.quiet .diagram-tabs button{flex:1 1 auto;background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:8px 12px;min-height:44px;font-size:13px}.quiet .diagram-tabs button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.quiet .diagram-tabs button:hover{border-color:var(--accent)}.quiet .diagram-description{color:var(--muted);font-size:14px;line-height:1.6;margin-top:16px;min-height:48px}.quiet .quiet-proof{margin-top:24px;padding-top:16px;border-top:1px solid var(--rule);display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.quiet .results{background:#fff}.quiet .stats-grid{gap:48px 64px}.quiet .stat{gap:12px}.quiet .stat-value{font-family:var(--sans);font-weight:400;color:var(--ink);font-size:clamp(56px,6.2vw,96px);letter-spacing:-.055em}.quiet .stat-value .from{font-size:.55em}.quiet .stat-value .to{font-size:.24em}.quiet .section-heading h2{font-weight:400}.quiet .stat h3{font-weight:500}.quiet .meter{height:4px;width:100%;background:#e5eaee;border-radius:2px;position:relative;margin-top:8px}.quiet .meter .before,.quiet .meter .after{height:4px;position:absolute;top:0;left:0;border-radius:2px}.quiet .meter .after{background:var(--flow);width:var(--after)}.quiet .meter .before{background:#7e8fa1;width:var(--before);z-index:1}.quiet .stat-value .qualifier{color:var(--muted)}
@media(min-width:1600px){.hero{padding-top:64px}.hero-foot{margin-top:64px}.hero-grid{gap:64px}}
@media(min-width:768px) and (max-width:1023px){h1{font-size:84px}.hero-grid{gap:32px}.hero .positioning{font-size:20px}.actions{gap:12px}.button{padding-inline:16px;gap:12px}.system-stage{aspect-ratio:.9}.map-label strong{font-size:16px}.stage-head{font-size:11px}.quiet .hero-grid{gap:32px}.quiet .quiet-diagram{padding:24px}.quiet .quiet-diagram{min-height:400px}.quiet .diagram-top{flex-direction:column;align-items:flex-start;gap:0}.quiet h1{font-size:76px}.quiet .diagram-tabs button{font-size:12px;padding-inline:8px}.stat-value{font-size:64px;gap:12px}.editorial .stat-value{font-size:72px}}
@media(max-width:767px){:root{--gutter:24px}.site-header{padding-block:16px}.header-row{align-items:flex-start;flex-direction:column;gap:12px}.wordmark{min-height:40px}.concept-nav{width:100%;gap:4px;justify-content:space-between}.concept-nav a{padding:8px;font-size:12px;gap:4px}.concept-nav .num{font-size:11px}.hero{min-height:calc(100svh - 128px);padding-top:32px;padding-bottom:24px}.hero-grid{grid-template-columns:1fr;gap:32px;align-items:start}.hero-copy{padding:0}.eyebrow{margin-bottom:24px;font-size:12px}h1{font-size:clamp(60px,14vw,96px)}.role{margin-top:24px;font-size:16px}.positioning{font-size:20px;max-width:30ch}.actions{margin-top:24px;gap:12px}.button{min-height:48px;padding-inline:20px;gap:16px}.system-stage{aspect-ratio:1.25;max-width:520px;width:100%;margin-inline:auto}.stage-head{font-size:11px}.stage-foot{padding-top:8px}.stage-foot .legend{font-size:11px}.pause-button{font-size:11px}.approval-note{font-size:13px;margin-top:16px;padding-top:0}.map-label{top:40%}.map-label strong{font-size:16px}.map-label span{font-size:11px}.hero-foot{margin-top:24px;gap:16px;flex-wrap:wrap;padding-top:16px}.hero-foot .mono{font-size:11px}.hero-foot a{font-size:13px}.results{padding-block:64px}.section-heading{display:block;margin-bottom:40px}.section-heading p{margin-top:24px;max-width:38ch}.section-kicker{font-size:12px;margin-bottom:16px}.stats-grid{grid-template-columns:1fr;gap:0}.stat{padding-block:24px}.stat-value{font-size:clamp(60px,15vw,88px);gap:12px}.stat-caption{font-size:16px}.results-foot{flex-direction:column;align-items:flex-start;gap:8px;margin-top:32px;padding-top:24px}.editorial .hero{min-height:calc(100svh - 129px);padding-top:40px}.editorial .hero-grid{gap:32px}.editorial h1{font-size:clamp(64px,15vw,120px);line-height:1}.editorial h1 span:last-child{align-self:flex-start}.editorial .editorial-intro{grid-template-columns:1fr;gap:24px;padding-top:24px;margin-top:0}.editorial .role{font-size:24px;max-width:22ch}.editorial .positioning{font-size:24px}.editorial .actions{margin-top:24px}.editorial .hero-foot{margin-top:40px}.editorial .section-heading h2{font-size:48px}.editorial .stat{grid-template-columns:1fr;gap:8px}.editorial .stat-value{grid-row:auto;font-size:clamp(60px,16vw,96px);margin-bottom:16px}.editorial .triage-inline{grid-column:auto}.editorial .stat h3{font-size:18px}.quiet .hero{padding-top:32px}.quiet .hero-grid{gap:32px}.quiet h1{font-size:clamp(60px,14vw,96px)}.quiet .quiet-diagram{padding:24px;min-height:0;max-width:520px;width:100%;margin-inline:auto}.quiet .diagram-top{gap:8px;flex-wrap:wrap}.quiet .diagram-top .mono{font-size:11px}.quiet-diagram svg.system-drawing{margin-block:16px}.quiet .diagram-tabs{gap:8px}.quiet .diagram-tabs button{font-size:12px;padding-inline:8px}.quiet .quiet-proof{margin-top:16px}.quiet .stats-grid{gap:0}.quiet .stat-value{font-size:clamp(60px,15vw,88px)}}
@media(max-width:374px){.concept-nav a{font-size:11px;padding:8px 4px}.actions{flex-direction:column}.actions .button{width:100%}.hero h1{font-size:60px}.quiet .quiet-diagram{padding:16px}.quiet .diagram-tabs{gap:4px}.quiet .diagram-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,.button:active{transform:none}.map-viewport canvas{display:none!important}.map-viewport[data-ready=true] .map-still{visibility:visible}.pause-button{display:none}}