:root { color-scheme:light; --paper:#f3f0e7; --bright:#fbfaf5; --deep:#e7e2d5; --ink:#17221f; --soft:#56625e; --faint:#7d8581; --line:#cbc8bc; --line-dark:#a8aaa1; --accent:#e2562e; --accent-dark:#b93c1f; --accent-pale:#f8e1d7; --green:#276b5a; --green-pale:#dce9e3; --amber:#a86a16; --amber-pale:#f4ead5; --night:#17221f; --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 86% 4%,rgb(226 86 46 / 7%),transparent 31rem),linear-gradient(rgb(23 34 31 / 2%) 1px,transparent 1px),linear-gradient(90deg,rgb(23 34 31 / 2%) 1px,transparent 1px),var(--paper); background-size:auto,32px 32px,32px 32px,auto; font-family:var(--sans); font-size:18px; line-height:1.5; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button { color:inherit; font:inherit; cursor:pointer; }
:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.skip-link { position:fixed; z-index:50; top:8px; left:8px; padding:9px 14px; background:var(--ink); color:white; transform:translateY(-150%); }
.skip-link:focus { transform:none; }
.site-header { width:min(1480px,calc(100% - 48px)); min-height:74px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:11px; }
.brand svg { width:var(--icon-size-brand); height:var(--icon-size-brand); overflow:visible; }
.brand circle { fill:var(--bright); stroke:var(--ink); stroke-width:1.4; }
.brand path { fill:none; stroke:var(--ink); stroke-width:1.4; }
.brand span { display:flex; flex-direction:column; line-height:1.05; }
.brand strong { font-size:17px; }
.brand small { margin-top:5px; color:var(--faint); font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.site-header nav { display:flex; align-items:center; gap:23px; font-size:14px; font-weight:680; }
.site-header nav a { display:inline-flex; align-items:center; gap:5px; }
.site-header nav a:hover { color:var(--accent-dark); }
.overline { margin:0; color:var(--faint); font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.hero { width:min(1380px,calc(100% - 72px)); min-height:470px; margin:0 auto; display:grid; grid-template-columns:165px minmax(0,1fr) 280px; align-items:end; gap:25px; padding:82px 0 76px; }
.hero-index { align-self:start; margin-top:9px; color:var(--faint); font-family:var(--mono); font-size:13px; line-height:1.7; letter-spacing:.14em; }
.hero h1 { margin:15px 0 20px; font-family:var(--serif); font-size:clamp(52px,6.5vw,94px); font-weight:400; line-height:.92; letter-spacing:-.05em; }
.hero h1 em { color:var(--accent); font-weight:400; }
.hero-copy>p:last-child { max-width:790px; margin:0; color:var(--soft); font-family:var(--serif); font-size:21px; line-height:1.45; }
.hero-result { padding:22px; border:1px solid var(--line-dark); background:var(--bright); box-shadow:8px 8px 0 var(--accent-pale); }
.hero-result>span { color:var(--faint); font-family:var(--mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
.hero-result>strong { display:block; margin:11px 0 2px; color:var(--accent-dark); font-family:var(--serif); font-size:34px; font-weight:400; line-height:1; }
.hero-result>p { margin:0; color:var(--soft); font-size:13px; }
.hero-result>i { display:block; margin-top:20px; padding-top:12px; border-top:1px solid var(--line); color:var(--faint); font-family:var(--mono); font-size:12px; font-style:normal; }
.hero-result>i[data-state="ready"] { color:var(--green); }
.hero-result>i[data-state="error"] { color:var(--accent-dark); }
.before-after,.pipeline,.decision-contract { width:min(1320px,calc(100% - 72px)); margin:0 auto 120px; }
.section-heading { display:grid; grid-template-columns:55px 1fr; align-items:end; margin-bottom:34px; }
.section-heading>span { display:grid; width:36px; height:36px; place-items:center; border:1px solid var(--line-dark); border-radius:50%; color:var(--faint); font-family:var(--mono); font-size:12px; }
.section-heading h2 { margin:4px 0 0; font-family:var(--serif); font-size:clamp(40px,5vw,64px); font-weight:400; line-height:1; letter-spacing:-.04em; }
.comparison-grid { display:grid; grid-template-columns:1fr 110px 1fr; align-items:stretch; }
.comparison-grid article { min-height:440px; display:flex; flex-direction:column; border:1px solid var(--line-dark); background:var(--bright); }
.comparison-grid article>header { display:flex; align-items:center; justify-content:space-between; padding:15px 18px; border-bottom:1px solid var(--line); }
.comparison-grid article>header span { color:var(--faint); font-family:var(--mono); font-size:12px; letter-spacing:.1em; }
.comparison-grid article>header strong { font-family:var(--serif); font-size:23px; font-weight:400; }
.triangle-visual { min-height:225px; display:grid; place-items:center; background:linear-gradient(rgb(23 34 31 / 2%) 1px,transparent 1px),linear-gradient(90deg,rgb(23 34 31 / 2%) 1px,transparent 1px); background-size:24px 24px; }
.triangle-visual svg { width:min(390px,90%); height:210px; }
.triangle-visual path { fill:none; stroke:var(--green); stroke-width:2; marker-end:url(#before-arrow); }
.triangle-visual marker path { fill:var(--green); stroke:none; }
.triangle-visual circle { fill:var(--bright); stroke:var(--ink); stroke-width:1.8; }
.triangle-visual text { fill:var(--ink); font-family:var(--mono); font-size:14px; font-weight:700; text-anchor:middle; }
.comparison-grid article>p { margin:0; padding:16px 20px 0; color:var(--soft); font-size:15px; }
.comparison-grid article>p:last-child { margin-top:auto; padding-bottom:19px; }
.weakness { color:var(--accent-dark)!important; }
.strength { color:var(--green)!important; }
.upgrade-arrow { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; color:var(--accent-dark); }
.upgrade-arrow .ui-icon { width:28px; height:28px; }
.upgrade-arrow span { max-width:85px; font-family:var(--mono); font-size:12px; font-weight:700; text-align:center; }
.mini-gates { min-height:225px; display:grid; grid-template-columns:repeat(2,1fr); gap:10px; align-content:center; padding:25px; background:linear-gradient(rgb(23 34 31 / 2%) 1px,transparent 1px),linear-gradient(90deg,rgb(23 34 31 / 2%) 1px,transparent 1px); background-size:24px 24px; }
.mini-gates span { display:flex; align-items:center; gap:8px; padding:13px; border:1px solid #dfb4a6; background:var(--accent-pale); color:var(--accent-dark); font-size:13px; font-weight:700; }
.mini-gates span.pass { border-color:#aec9c0; background:var(--green-pale); color:var(--green); }
.gate-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr) 34px) minmax(0,1fr); border-top:1px solid var(--line-dark); border-left:1px solid var(--line-dark); }
.gate-strip>article { min-height:275px; display:flex; flex-direction:column; padding:20px; border-right:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); background:var(--bright); }
.gate-strip>i { display:grid; place-items:center; border-bottom:1px solid var(--line-dark); color:var(--line-dark); }
.gate-strip>article header { display:flex; justify-content:space-between; gap:10px; }
.gate-strip>article header span,.gate-strip>article header b { font-family:var(--mono); font-size:12px; letter-spacing:.08em; }
.gate-strip>article header span { color:var(--faint); }
.gate-strip>article[data-state="pass"] header b { color:var(--green); }
.gate-strip>article[data-state="fail"] header b { color:var(--accent-dark); }
.gate-strip>article[data-state="stop"] header b { color:var(--amber); }
.gate-strip>article>strong { margin:31px 0 10px; font-family:var(--serif); font-size:26px; font-weight:400; line-height:1.08; }
.gate-strip>article>p { margin:0; color:var(--soft); font-size:14px; }
.gate-strip>article>footer { margin-top:auto; padding-top:14px; border-top:1px solid var(--line); color:var(--faint); font-size:12px; font-weight:700; }
.branch-lab { width:min(1540px,calc(100% - 32px)); margin:0 auto 120px; border:1px solid var(--line-dark); background:var(--bright); box-shadow:0 20px 60px rgb(40 47 43 / 8%); }
.branch-header { min-height:91px; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:14px 22px; border-bottom:1px solid var(--line); }
.branch-header h2 { margin:3px 0 0; font-family:var(--serif); font-size:31px; font-weight:400; }
.branch-header>p { max-width:480px; margin:0; color:var(--faint); font-size:13px; text-align:right; }
.branch-grid { display:grid; grid-template-columns:285px minmax(500px,1fr) minmax(330px,.72fr); }
.branch-tabs { display:flex; flex-direction:column; padding:22px 18px; border-right:1px solid var(--line); background:#f5f3ec; }
.branch-tabs>button { min-height:82px; display:grid; grid-template-columns:29px 1fr; align-content:center; gap:2px 8px; padding:11px; border:0; border-top:1px solid var(--line); background:transparent; text-align:left; }
.branch-tabs>button:last-of-type { border-bottom:1px solid var(--line); }
.branch-tabs>button:hover,.branch-tabs>button.is-active { background:var(--deep); }
.branch-tabs>button.is-active { box-shadow:inset 4px 0 var(--accent); }
.branch-tabs button span { grid-row:1/3; align-self:center; color:var(--accent-dark); font-family:var(--mono); font-size:12px; }
.branch-tabs button strong { font-size:14px; }
.branch-tabs button small { color:var(--faint); font-size:12px; }
.plain-rule { margin-top:auto; padding:16px; border:1px solid var(--line); background:var(--bright); }
.plain-rule span { color:var(--faint); font-family:var(--mono); font-size:12px; letter-spacing:.08em; }
.plain-rule strong { display:block; margin:8px 0 5px; color:var(--green); font-family:var(--serif); font-size:20px; font-weight:400; }
.plain-rule p { margin:0; color:var(--soft); font-size:12px; }
.profile-stage { min-width:0; border-right:1px solid var(--line); }
.profile-stage>header { min-height:72px; display:flex; align-items:center; justify-content:space-between; padding:12px 18px; border-bottom:1px solid var(--line); }
.profile-stage h3 { margin:3px 0 0; font-family:var(--serif); font-size:24px; font-weight:400; }
.plot-legend { display:flex; gap:16px; color:var(--faint); font-size:12px; }
.plot-legend span { display:flex; align-items:center; gap:6px; }
.plot-legend i { width:24px; height:3px; }
.plot-legend .base { background:var(--accent); }
.plot-legend .extended { background:var(--green); border-top:2px dashed var(--green); }
.profile-plot { width:100%; min-height:380px; display:block; background:linear-gradient(rgb(23 34 31 / 2%) 1px,transparent 1px),linear-gradient(90deg,rgb(23 34 31 / 2%) 1px,transparent 1px); background-size:24px 24px; }
.grid-lines path { fill:none; stroke:#dad8cf; stroke-width:1; }
.axes path { fill:none; stroke:var(--line-dark); stroke-width:1.2; }
.axes text,.domain-guides text { fill:var(--faint); font-family:var(--mono); font-size:12px; }
.domain-guides path { fill:none; stroke:var(--accent); stroke-width:1.4; }
.profile-line { fill:none; stroke-linecap:round; stroke-linejoin:round; }
.profile-line.extended { stroke:var(--green); stroke-width:6; opacity:.72; stroke-dasharray:7 5; }
.profile-line.base { stroke:var(--accent); stroke-width:2.6; }
.shape-note { min-height:55px; margin:0; padding:13px 18px; border-top:1px solid var(--line); color:var(--faint); font-size:12px; }
.branch-readout { min-width:0; display:flex; flex-direction:column; background:#f5f3ec; }
.plain-result { padding:23px 20px; }
.plain-result p { margin:0 0 10px; color:var(--soft); font-family:var(--serif); font-size:21px; line-height:1.3; }
.plain-result strong { color:var(--ink); font-size:13px; }
.gate-checks { border-top:1px solid var(--line); }
.gate-checks>div { min-height:50px; display:flex; align-items:center; justify-content:space-between; padding:9px 20px; border-bottom:1px solid var(--line); }
.gate-checks span { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; }
.gate-checks b { font-family:var(--mono); font-size:12px; }
.gate-checks [data-state="pass"] { color:var(--green); background:var(--green-pale); }
.gate-checks [data-state="fail"] { color:var(--accent-dark); background:var(--accent-pale); }
.metric-grid { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); }
.metric-grid p { min-width:0; margin:0; padding:13px 16px; border-right:1px solid var(--line); border-top:1px solid var(--line); }
.metric-grid span { display:block; color:var(--faint); font-size:12px; }
.metric-grid b { display:block; margin-top:3px; overflow:hidden; font-family:var(--mono); font-size:14px; text-overflow:ellipsis; }
.branch-decision { margin-top:auto; padding:22px 20px; color:white; background:var(--accent-dark); }
.branch-decision[data-state="pass"] { background:var(--green); }
.branch-decision strong { display:block; font-family:var(--serif); font-size:26px; font-weight:400; }
.branch-decision span { display:block; margin-top:5px; color:rgb(255 255 255 / 78%); font-size:12px; }
.dynamics-study { width:min(1480px,calc(100% - 32px)); margin:0 auto 120px; }
.dynamics-shell { border:1px solid var(--line-dark); background:var(--bright); box-shadow:0 20px 60px rgb(40 47 43 / 8%); }
.dynamics-header { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 22px; border-bottom:1px solid var(--line); }
.dynamics-header h3 { margin:3px 0 0; font-family:var(--serif); font-size:30px; font-weight:400; line-height:1.1; }
.dynamics-header>strong { padding:9px 12px; background:var(--accent-pale); color:var(--accent-dark); font-family:var(--mono); font-size:12px; letter-spacing:.08em; }
.dynamics-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-bottom:1px solid var(--line); }
.dynamics-metrics p { min-width:0; margin:0; padding:18px 20px; border-right:1px solid var(--line); }
.dynamics-metrics p:last-child { border-right:0; }
.dynamics-metrics span,.dynamics-metrics small { display:block; color:var(--faint); font-size:12px; }
.dynamics-metrics b { display:block; margin:7px 0 3px; overflow:hidden; color:var(--ink); font-family:var(--mono); font-size:20px; text-overflow:ellipsis; }
.dynamics-plots { display:grid; grid-template-columns:1fr 1fr; }
.dynamics-panel { min-width:0; display:flex; flex-direction:column; }
.dynamics-panel:first-child { border-right:1px solid var(--line); }
.dynamics-panel>header { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:13px 20px; border-bottom:1px solid var(--line); }
.dynamics-panel h3 { margin:3px 0 0; font-family:var(--serif); font-size:23px; font-weight:400; line-height:1.1; }
.plot-legend .dynamics-control { background:var(--green); border-top:2px dashed var(--green); }
.plot-legend .dynamics-perturbed,.plot-legend .dynamics-symmetric { background:var(--accent); }
.plot-legend .dynamics-antisymmetric { background:var(--green); }
.dynamics-plot { width:100%; display:block; background:linear-gradient(rgb(23 34 31 / 2%) 1px,transparent 1px),linear-gradient(90deg,rgb(23 34 31 / 2%) 1px,transparent 1px); background-size:24px 24px; }
.dynamics-line { fill:none; stroke-linecap:round; stroke-linejoin:round; }
.dynamics-line.control { stroke:var(--green); stroke-width:5; stroke-dasharray:8 6; opacity:.72; }
.dynamics-line.perturbed { stroke:var(--accent); stroke-width:2.7; }
.dynamics-line.difference { stroke:var(--accent); stroke-width:3; }
.dynamics-line.symmetric { stroke:var(--accent); stroke-width:3; }
.dynamics-line.antisymmetric { stroke:var(--green); stroke-width:2.4; }
.dynamics-threshold path { fill:none; stroke:var(--amber); stroke-width:1.4; stroke-dasharray:6 5; }
.dynamics-threshold text { fill:var(--amber); font-family:var(--mono); font-size:12px; text-anchor:end; }
.dynamics-current-frame path { fill:none; stroke:var(--ink); stroke-width:1.4; stroke-dasharray:3 5; opacity:.55; }
.dynamics-current-frame circle { stroke:var(--bright); stroke-width:2; }
.dynamics-current-frame .symmetric-marker { fill:var(--accent); }
.dynamics-current-frame .antisymmetric-marker { fill:var(--green); }
.dynamics-difference-heading { min-height:43px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:8px 20px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--accent-pale); color:var(--accent-dark); font-family:var(--mono); font-size:12px; }
.dynamics-difference-heading b { font-size:13px; white-space:nowrap; }
.dynamics-difference-plot { width:100%; display:block; background:linear-gradient(rgb(23 34 31 / 2%) 1px,transparent 1px),linear-gradient(90deg,rgb(23 34 31 / 2%) 1px,transparent 1px); background-size:24px 24px; }
.dynamics-scrubber { min-height:110px; padding:15px 20px; border-top:1px solid var(--line); }
.dynamics-scrubber label { display:flex; align-items:center; justify-content:space-between; gap:18px; color:var(--faint); font-size:12px; }
.dynamics-scrubber label b { color:var(--ink); font-family:var(--mono); font-size:13px; }
.dynamics-scrubber input[type="range"] { width:100%; min-height:28px; margin:7px 0 3px; accent-color:var(--accent); cursor:pointer; }
.dynamics-scrubber p { display:flex; justify-content:space-between; gap:18px; margin:0; color:var(--soft); font-size:12px; }
.dynamics-scrubber p b { color:var(--ink); font-family:var(--mono); font-size:12px; }
.dynamics-interpretation { min-height:110px; flex:1; padding:17px 20px; border-top:1px solid var(--line); background:#f5f3ec; }
.dynamics-interpretation strong { font-family:var(--serif); font-size:21px; font-weight:400; }
.dynamics-interpretation p { margin:5px 0 0; color:var(--soft); font-size:13px; }
.expanded-study { width:min(1480px,calc(100% - 32px)); margin:0 auto 120px; }
.expanded-shell { border:1px solid var(--line-dark); background:var(--bright); box-shadow:0 20px 60px rgb(40 47 43 / 8%); }
.expanded-header { min-height:94px; display:flex; align-items:center; justify-content:space-between; gap:25px; padding:17px 22px; border-bottom:1px solid var(--line); }
.expanded-header h3 { margin:3px 0 0; font-family:var(--serif); font-size:30px; font-weight:400; line-height:1.1; }
.expanded-header-result { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
.expanded-header-result strong { font-family:var(--serif); font-size:25px; font-weight:400; }
.expanded-header-result span { padding:7px 10px; background:var(--accent-pale); color:var(--accent-dark); font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.06em; }
.expanded-header-result span[data-state="error"] { color:white; background:var(--accent-dark); }
.expanded-tabs { display:grid; grid-template-columns:repeat(6,1fr); border-bottom:1px solid var(--line); background:#f5f3ec; }
.expanded-tabs button { min-width:0; min-height:78px; display:grid; grid-template-columns:26px minmax(0,1fr); align-content:center; gap:2px 8px; padding:10px 12px; border:0; border-right:1px solid var(--line); background:transparent; text-align:left; }
.expanded-tabs button:last-child { border-right:0; }
.expanded-tabs button:hover,.expanded-tabs button.is-active { background:var(--deep); }
.expanded-tabs button.is-active { box-shadow:inset 0 -4px var(--accent); }
.expanded-tabs button span { grid-row:1/3; align-self:center; color:var(--accent-dark); font-family:var(--mono); font-size:12px; }
.expanded-tabs button strong { overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.expanded-tabs button small { overflow:hidden; color:var(--faint); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.expanded-selection>header { min-height:112px; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:17px 22px; border-bottom:1px solid var(--line); }
.expanded-selection>header h3 { margin:3px 0 0; font-family:var(--serif); font-size:30px; font-weight:400; line-height:1.1; }
.expanded-selection>header p:last-child { max-width:720px; margin:6px 0 0; color:var(--soft); font-size:13px; }
.expanded-selection>header>div:last-child { display:flex; align-items:center; gap:10px; }
.expanded-selection>header>div:last-child span,.expanded-selection>header>div:last-child strong { padding:8px 10px; font-family:var(--mono); font-size:12px; letter-spacing:.05em; }
.expanded-selection>header>div:last-child span { border:1px solid var(--line-dark); color:var(--faint); }
.expanded-selection>header>div:last-child span[data-state="test"] { border-color:#aac8be; color:var(--green); background:var(--green-pale); }
.expanded-selection>header>div:last-child strong[data-state="fail"] { color:white; background:var(--accent-dark); }
.expanded-selection>header>div:last-child strong[data-state="pass"] { color:white; background:var(--green); }
.expanded-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-bottom:1px solid var(--line); }
.expanded-metrics p { min-width:0; margin:0; padding:15px 18px; border-right:1px solid var(--line); }
.expanded-metrics p:last-child { border-right:0; }
.expanded-metrics span,.expanded-metrics small { display:block; color:var(--faint); font-size:12px; }
.expanded-metrics b { display:block; margin:6px 0 3px; overflow:hidden; font-family:var(--mono); font-size:15px; text-overflow:ellipsis; }
.expanded-plots { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--line); }
.expanded-plots>article { min-width:0; }
.expanded-plots>article:first-child { border-right:1px solid var(--line); }
.expanded-plots article>header { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 20px; border-bottom:1px solid var(--line); }
.expanded-plots article h3 { margin:3px 0 0; font-family:var(--serif); font-size:23px; font-weight:400; line-height:1.1; }
.expanded-plot { width:100%; display:block; background:linear-gradient(rgb(23 34 31 / 2%) 1px,transparent 1px),linear-gradient(90deg,rgb(23 34 31 / 2%) 1px,transparent 1px); background-size:24px 24px; }
.expanded-line { fill:none; stroke-linecap:round; stroke-linejoin:round; }
.expanded-line.component-1 { stroke:var(--accent); stroke-width:3; }
.expanded-line.component-2 { stroke:var(--green); stroke-width:2.7; }
.expanded-line.component-3 { stroke:var(--amber); stroke-width:2.4; }
.expanded-component-legend span:nth-child(1) i { background:var(--accent); }
.expanded-component-legend span:nth-child(2) i { background:var(--green); }
.expanded-component-legend span:nth-child(3) i { background:var(--amber); }
.expanded-threshold { fill:none; stroke:var(--amber); stroke-width:1.4; stroke-dasharray:6 5; }
.expanded-threshold-label { fill:var(--amber); font-family:var(--mono); font-size:12px; text-anchor:end; }
.expanded-line.trace-common { stroke:#587cca; stroke-width:2.1; }
.expanded-line.trace-relative { stroke:var(--amber); stroke-width:2.1; }
.expanded-line.trace-off-center { stroke:var(--accent); stroke-width:3; }
.expanded-line.trace-wave { stroke:var(--green); stroke-width:2.1; }
.expanded-trace-legend { min-height:56px; display:grid; grid-template-columns:1fr 1fr; gap:3px 20px; align-content:center; padding:8px 20px; border-top:1px solid var(--line); color:var(--faint); font-size:12px; }
.expanded-trace-legend span { display:flex; align-items:center; gap:7px; }
.expanded-trace-legend i { width:22px; height:3px; background:#587cca; }
.expanded-trace-legend span:nth-child(2) i { background:var(--amber); }
.expanded-trace-legend span:nth-child(3) i { background:var(--accent); }
.expanded-trace-legend span:nth-child(4) i { background:var(--green); }
.expanded-disposition { display:grid; grid-template-columns:180px minmax(0,1fr) minmax(280px,.8fr); align-items:center; gap:22px; min-height:94px; padding:16px 22px; background:#f5f3ec; }
.expanded-disposition>span { color:var(--accent-dark); font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.08em; }
.expanded-disposition>strong { font-family:var(--serif); font-size:20px; font-weight:400; }
.expanded-disposition>p { margin:0; color:var(--soft); font-size:13px; }
.glossary-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line-dark); border-left:1px solid var(--line-dark); }
.glossary-grid article { min-height:235px; padding:25px; border-right:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); background:var(--bright); }
.glossary-grid span { color:var(--accent-dark); font-family:var(--mono); font-size:12px; }
.glossary-grid strong { display:block; margin:26px 0 10px; font-family:var(--serif); font-size:29px; font-weight:400; }
.glossary-grid p { margin:0; color:var(--soft); font-size:14px; }
.decision-contract blockquote { margin:28px 0 0; padding:26px 30px; border:0; border-left:6px solid var(--accent); background:var(--night); color:white; font-family:var(--serif); font-size:25px; }
.decision-contract blockquote span { display:block; margin-bottom:8px; color:#91a29b; font-family:var(--mono); font-size:12px; letter-spacing:.1em; }
.evidence { min-height:420px; display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:center; padding:70px max(36px,calc((100vw - 1260px)/2)); background:var(--night); color:white; }
.evidence h2 { margin:12px 0 16px; font-family:var(--serif); font-size:clamp(40px,5vw,64px); font-weight:400; line-height:1; }
.evidence>div>p:last-child { max-width:650px; color:#b6c0bc; font-size:16px; }
.evidence dl { margin:0; border-top:1px solid #3c4844; }
.evidence dl div { padding:13px 0; border-bottom:1px solid #3c4844; }
.evidence dt { color:#8f9b96; font-family:var(--mono); font-size:12px; text-transform:uppercase; }
.evidence dd { margin:5px 0 0; overflow-wrap:anywhere; color:#b7d3c9; font-family:var(--mono); font-size:12px; }
.evidence-links { grid-column:1/-1; display:flex; gap:12px; }
.evidence-links a { display:inline-flex; align-items:center; gap:8px; padding:11px 15px; border:1px solid #52605b; color:#b7d3c9; font-size:13px; font-weight:700; }
.site-footer { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:25px; padding:25px max(30px,calc((100vw - 1380px)/2)); border-top:1px solid var(--line-dark); background:var(--deep); color:var(--soft); font-size:12px; }
.site-footer p { font-family:var(--mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.site-footer a { display:inline-flex; align-items:center; gap:5px; font-weight:700; }
@media (max-width:1200px) { .hero{grid-template-columns:95px 1fr 245px}.gate-strip{grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr}.branch-grid{grid-template-columns:250px 1fr}.branch-readout{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.plain-result{border-right:1px solid var(--line)}.gate-checks{border-top:0}.metric-grid{grid-column:1/-1}.branch-decision{grid-column:1/-1}.dynamics-metrics,.expanded-metrics{grid-template-columns:repeat(3,1fr)}.dynamics-metrics p,.expanded-metrics p{border-bottom:1px solid var(--line)}.dynamics-plots,.expanded-plots{grid-template-columns:1fr}.dynamics-panel:first-child,.expanded-plots>article:first-child{border-right:0;border-bottom:1px solid var(--line)}.expanded-tabs{grid-template-columns:repeat(3,1fr)}.expanded-tabs button:nth-child(3){border-right:0}.expanded-tabs button:nth-child(-n+3){border-bottom:1px solid var(--line)}.expanded-disposition{grid-template-columns:160px 1fr}.expanded-disposition>p{grid-column:1/-1}.glossary-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:850px) { body{font-size:16px}.site-header{width:calc(100% - 30px)}.site-header nav a:not(:first-child){display:none}.hero{width:calc(100% - 40px);min-height:420px;grid-template-columns:1fr;padding:60px 0}.hero-index{display:none}.hero-result{margin-top:25px}.before-after,.pipeline,.decision-contract{width:calc(100% - 36px)}.comparison-grid{grid-template-columns:1fr}.upgrade-arrow{min-height:90px}.upgrade-arrow .ui-icon{transform:rotate(90deg)}.gate-strip{grid-template-columns:1fr}.gate-strip>i{min-height:48px;border-right:1px solid var(--line-dark)}.gate-strip>i .ui-icon{transform:rotate(90deg)}.gate-strip>article{min-height:220px}.branch-lab,.dynamics-study,.expanded-study{width:100%;border-left:0;border-right:0}.branch-header>p{display:none}.branch-grid{grid-template-columns:1fr}.branch-tabs{border-right:0;border-bottom:1px solid var(--line)}.plain-rule{margin-top:18px}.profile-stage{border-right:0}.profile-plot{min-height:300px}.branch-readout{display:flex}.plain-result{border-right:0}.dynamics-metrics,.expanded-metrics{grid-template-columns:repeat(2,1fr)}.dynamics-header,.expanded-header{align-items:flex-start}.dynamics-plot,.expanded-plot{min-height:260px}.expanded-selection>header{align-items:flex-start}.expanded-selection>header>div:last-child{flex-direction:column;align-items:flex-end}.glossary-grid{grid-template-columns:1fr}.glossary-grid article{min-height:190px}.evidence{grid-template-columns:1fr;gap:25px}.evidence-links{display:grid}.site-footer{display:block}.site-footer p{margin:10px 0} }
@media (max-width:560px) { .brand small{display:none}.site-header nav a{font-size:12px}.hero h1{font-size:48px}.hero-copy>p:last-child{font-size:18px}.section-heading h2{font-size:42px}.comparison-grid article{min-height:400px}.mini-gates{grid-template-columns:1fr}.branch-header h2{font-size:27px}.branch-tabs{padding:15px 12px}.profile-stage>header,.dynamics-header,.dynamics-panel>header,.expanded-header,.expanded-selection>header,.expanded-plots article>header{display:block}.plot-legend{margin-top:8px}.metric-grid,.dynamics-metrics,.expanded-metrics{grid-template-columns:1fr}.dynamics-header>strong{display:inline-block;margin-top:13px}.dynamics-metrics p,.expanded-metrics p{border-right:0}.dynamics-difference-heading{display:block}.dynamics-difference-heading b{display:block;margin-top:3px}.dynamics-scrubber p{display:block}.dynamics-scrubber p span{display:block}.expanded-header-result{align-items:flex-start;margin-top:14px}.expanded-tabs{grid-template-columns:1fr 1fr}.expanded-tabs button:nth-child(3){border-right:1px solid var(--line)}.expanded-tabs button:nth-child(2n){border-right:0}.expanded-tabs button:nth-child(-n+4){border-bottom:1px solid var(--line)}.expanded-selection>header>div:last-child{align-items:flex-start;margin-top:14px}.expanded-disposition{grid-template-columns:1fr;gap:7px}.expanded-disposition>p{grid-column:auto}.decision-contract blockquote{font-size:21px}.evidence-links a{font-size:12px} }
@media (prefers-reduced-motion:reduce) { *{scroll-behavior:auto!important;transition-duration:.01ms!important} }