/* October design system: the comparison becomes the mark. */
.brand-lockup { display:block; width:auto; height:16px; }
.signal-dot, .field-insight-title::before, .finding-result i { border-radius:0; }
.hero-copy h1 { font-size:clamp(80px,8vw,116px); line-height:.96; max-width:6ch; }
.hero-description { font-size:21px; line-height:1.4; margin-top:28px; max-width:400px; }
.hero-explanation { max-width:355px; margin-top:17px; color:var(--ink-2); font-size:15px; line-height:1.65; }
.recovery-hero .agent-field-stage { margin-top:-390px; height:610px; }
.hero-foot { margin-top:8px; }
.section-label { display:flex; align-items:baseline; gap:12px; margin-bottom:18px; }
.section-number { font:11px var(--mono); }
.section-intro>.section-label { justify-content:center; margin-top:0; font-size:13px; color:var(--muted); }
.inputs-section { padding-top:115px; }
.input-list li { min-height:110px; }
.engine-chip img { width:62px; height:auto; margin-bottom:9px; }
.flow-engine>p { top:196px; }
.variance-bar { background:var(--diff-hatch); border:0; box-shadow:inset 0 0 0 1px var(--diff-fill); }
.charge-track { height:8px; }
.case-picker small { line-height:1.6; }
#finding-explanation { min-height:72px; font-size:13px; }
.section-note { line-height:1.7; }
.equation-section { margin-top:0; }
.equation-sticky { padding-block:70px 40px; display:flex; flex-direction:column; }
.equation-top { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.equation-top .section-label { margin:0; }
.equation-sticky h2 { font-size:clamp(36px,4.6vw,64px); line-height:1.04; letter-spacing:-.045em; margin-top:20px; max-width:21ch; min-height:2.08em; }
.equation-visual { position:relative; min-height:400px; flex:1; display:grid; align-items:center; margin-block:16px; }
.equation-formula { display:flex; align-items:start; justify-content:center; gap:clamp(18px,2.6vw,36px); }
.equation-formula>div { display:grid; gap:16px; }
.equation-formula strong { font-size:clamp(26px,3.6vw,48px); font-weight:500; letter-spacing:-.035em; line-height:1; white-space:nowrap; }
.equation-formula span { font:12px var(--mono); color:var(--muted); }
.equation-formula>b { color:var(--muted); font-size:clamp(26px,3.6vw,48px); line-height:1; font-weight:400; }
.equation-formula .observed strong { color:var(--text-observed); }
.equation-bars { position:absolute; top:50%; transform:translateY(-50%); width:100%; height:auto; max-height:100%; opacity:0; overflow:visible; }
.equation-svg-label { font:18px var(--sans); fill:var(--ink-2); }
.equation-svg-label .difference { fill:var(--text-difference); }
.story-annotations { font:500 22px var(--sans); fill:var(--ink); letter-spacing:-.015em; }
.story-annotations .story-annotation-note { font:12px var(--mono); fill:var(--muted); letter-spacing:0; }
.equation-bottom { display:flex; justify-content:space-between; align-items:end; gap:24px; }
.equation-bottom>p { color:var(--ink-2); font-size:17px; line-height:1.5; max-width:56ch; min-height:52px; }
.equation-sticky[data-phase="1"] .equation-bottom>p { color:var(--muted); font:12px/1.7 var(--mono); max-width:none; }
.equation-continue { flex:none; color:var(--muted); font-size:12px; }
.equation-controls { display:flex; flex:none; }
.equation-controls button { width:44px; height:44px; display:grid; place-items:center; }
.equation-controls button span { width:5px; height:5px; background:var(--rule-2); }
.equation-controls button:hover span { background:var(--muted); }
.equation-controls button[aria-pressed=true] span { background:var(--ink); }
.story-scroll { height:400svh; }
.story-scroll .equation-sticky { position:sticky; top:64px; height:calc(100svh - 64px); padding-block:28px 32px; }
.story-scroll .equation-visual { min-height:150px; }
.static-equation { margin-top:20px; color:var(--ink-2); font-size:14px; }
.coverage-key { display:grid; grid-template-columns:repeat(4,1fr); margin-top:28px; gap:24px; }
.coverage-key>div { display:flex; align-items:start; gap:16px; }
.coverage-key strong { font:24px/1.2 var(--mono); font-weight:400; color:var(--ink-2); }
.coverage-key>div:first-child strong { color:var(--text-observed); }
.coverage-key span { font-size:13px; line-height:1.5; }
.coverage-key small { display:block; color:var(--muted); font-size:11px; margin-top:5px; }
.credit-mark { width:55px; height:30px; margin:0 0 20px auto; }
.credit-remainder { transform-box:fill-box; transform-origin:center; transition:transform 220ms var(--ease),opacity 220ms var(--ease); }
.credit-record[data-closed=true] .credit-remainder { opacity:0; transform:scale(0); }
.atlas-note { border-block:1px solid var(--rule); margin-top:35px; }
.atlas-note summary { display:flex; justify-content:space-between; align-items:center; gap:22px; min-height:66px; font-size:15px; cursor:pointer; list-style:none; }
.atlas-note summary::-webkit-details-marker { display:none; }
.atlas-note summary>span { font-size:23px; font-weight:300; }
.atlas-note[open] summary>span { transform:rotate(45deg); }
.atlas-note>div { padding-bottom:26px; max-width:670px; }
.atlas-note p { font-size:14px; color:var(--ink-2); margin-top:14px; line-height:1.7; }
.atlas-note p:last-child { color:var(--muted); font-size:12px; }
.direction-section { padding-top:132px; }
.direction-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:45px; margin-top:50px; }
.direction-grid article { border-top:1px solid var(--rule-2); padding-top:20px; }
.direction-time { color:var(--muted); font-size:12px; }
.direction-grid h3 { font-size:24px; margin-top:25px; }
.direction-grid p { font-size:14px; color:var(--ink-2); line-height:1.7; margin-top:13px; max-width:32ch; }
.direction-symbol { position:relative; width:88px; height:48px; margin-top:35px; }
.direction-symbol i { display:block; width:64px; height:16px; background:var(--ink); position:absolute; left:0; }
.direction-symbol i:nth-child(2) { top:32px; }
.direction-symbol b { width:16px; height:16px; position:absolute; top:32px; left:72px; background:var(--accent); }
.meter-symbol:after { content:''; position:absolute; width:1px; height:64px; background:var(--observed-line); top:-8px; left:44px; }
.shared-symbol:after { content:''; position:absolute; width:16px; height:1px; background:var(--ink-2); top:24px; left:78px; }
.closing-signature { display:block; margin:0 auto 30px; }
.evaluation-invitation .invitation-note { font-size:12px; color:var(--muted); margin-top:20px; letter-spacing:0; }
.contact-section h2 { max-width:20ch; margin-inline:auto; }
@media(min-width:1700px) { .recovery-hero .agent-field-stage { margin-top:-325px; } }
@media(max-width:1100px) {
  .hero-copy h1 { font-size:96px; }
  .hero-explanation { max-width:310px; font-size:14px; }
  .flow-engine>p { top:175px; }
  .direction-grid { gap:28px; }
}
@media(max-width:800px) {
  .recovery-hero { padding-top:52px; }
  .hero-copy h1 { max-width:none; font-size:clamp(78px,14vw,105px); }
  .hero-description { margin-inline:auto; font-size:20px; }
  .hero-explanation { max-width:400px; margin-inline:auto; }
  .recovery-hero .agent-field-stage { margin-top:0; height:510px; }
  .equation-sticky { padding-block:70px 30px; }
  .equation-sticky h2 { font-size:clamp(34px,6vw,48px); }
  .equation-visual { min-height:310px; }
  .equation-bottom { align-items:start; flex-direction:column; gap:8px; }
  .equation-bottom>p { max-width:55ch; min-height:52px; font-size:16px; }
  .coverage-key { grid-template-columns:1fr 1fr; gap:24px; }
  .direction-section { padding-top:85px; }
  .direction-grid { gap:24px; }
  .direction-grid p { font-size:13px; }
}
@media(max-width:600px) {
  .recovery-hero .agent-field-stage { height:470px; }
  .hero-copy h1 { font-size:82px; }
  .hero-description { font-size:20px; }
  .hero-explanation { max-width:325px; }
  .hero-foot { text-align:center; }
  .equation-sticky { padding-top:60px; }
  .equation-top .section-label { font-size:11px; gap:8px; }
  .equation-sticky h2 { font-size:clamp(32px,7vw,42px); margin-top:20px; min-height:3.12em; }
  .equation-visual { min-height:360px; }
  .equation-formula { display:grid; grid-template-columns:28px 1fr; justify-content:start; gap:22px 16px; }
  .equation-formula>div { gap:9px; }
  .equation-formula>div:first-child { grid-column:2; }
  .equation-formula strong { font-size:clamp(28px,7vw,36px); }
  .equation-formula span { font-size:11px; }
  .equation-formula>b { font-size:28px; }
  .section-intro>.section-label { font-size:12px; }
  .input-list li { min-height:110px; }
  .input-list li:last-child { grid-column:1/-1; border-bottom:1px solid var(--rule); }
  .flow-engine>p { position:static; margin-top:22px; }
  .engine-chip { width:180px; }
  .finding-record { padding:24px 18px 12px; }
  .case-picker button { min-height:105px; }
  .case-picker small { font-size:10px; }
  .case-picker strong { font-size:12px; }
  .trace-reading strong { font-size:40px; }
  .trace-top { align-items:flex-start; }
  .credit-mark { margin:0 0 16px; }
  .coverage-key { gap:24px 14px; }
  .coverage-key>div { gap:10px; }
  .coverage-key small { font-size:10px; }
  .atlas-note summary { font-size:14px; }
  .direction-grid { grid-template-columns:1fr; margin-top:35px; gap:30px; }
  .direction-grid article { display:grid; grid-template-columns:90px 1fr; gap:0 20px; }
  .direction-time { grid-column:1/-1; }
  .direction-symbol { grid-column:1; grid-row:2/4; margin-top:26px; transform:scale(.75); transform-origin:left top; }
  .direction-grid h3 { grid-column:2; margin-top:20px; }
  .direction-grid p { grid-column:2; max-width:none; }
  .contact-section h2 { font-size:clamp(36px,8.5vw,48px); }
  .forecast-controls .forecast-unit { align-items:baseline; }
}
@media(max-width:380px) {
  .hero-copy h1 { font-size:72px; }
  .hero-explanation { font-size:14px; }
}

/* The name connects the particle field to the equation in the brand system. */
.name-story { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); align-items:center; gap:72px; }
.name-copy { min-width:0; }
.name-copy .section-label { margin-bottom:42px; }
.name-copy h2 { max-width:17ch; font-size:clamp(34px,4.2vw,58px); line-height:1.04; letter-spacing:-.045em; }
.name-equation { display:flex; flex-wrap:wrap; column-gap:.6em; row-gap:8px; font:clamp(16px,1.7vw,24px)/1.6 var(--mono); letter-spacing:-.035em; margin-top:28px; }
.name-equation span { white-space:nowrap; }
.name-origin { margin-top:23px; font-size:16px; line-height:1.65; color:var(--ink-2); max-width:45ch; }
.name-origin a { text-decoration-color:var(--rule-2); }
.name-origin a:hover { text-decoration-color:var(--ink-2); }
.name-motif { margin:46px 0 0; max-width:420px; }
.name-motif svg { width:100%; height:auto; }
.name-motif figcaption { font-size:13px; line-height:1.65; color:var(--muted); margin-top:25px; max-width:35ch; }
@media(max-width:1100px) {
  .name-story { gap:45px; }
  .name-equation { font-size:18px; }
}
@media(max-width:800px) {
  .name-story { grid-template-columns:1fr; gap:38px; }
  .name-copy .section-label { margin-bottom:28px; }
  .name-copy h2 { font-size:clamp(34px,6vw,48px); }
  .name-equation { font-size:clamp(16px,3.5vw,24px); }
  .name-origin { font-size:15px; }
  .name-motif { margin:0; max-width:350px; }
}
@media(max-width:380px) {
  .name-equation { font-size:16px; }
  .name-motif figcaption { font-size:12px; }
}