.compare-page-header{max-width:850px;margin-bottom:44px}.compare-page-header .page-title{max-width:850px;font-size:clamp(40px,4.8vw,67px)}.compare-page-header .page-intro{max-width:630px}.compare-pair-nav{border-bottom:1px solid var(--line);gap:28px;margin-bottom:42px;display:flex;overflow-x:auto}.compare-pair-nav a{white-space:nowrap;color:var(--muted);align-items:center;gap:20px;padding:0 0 18px;font-size:12px;display:flex;position:relative}.compare-pair-nav a.active{color:var(--accent)}.compare-pair-nav a.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.compare-pair-nav a:hover{color:var(--text)}.compare-context{grid-template-columns:1fr auto;align-items:center;gap:16px 30px;margin-bottom:36px;display:grid}.compare-context h2{letter-spacing:-.04em;margin:9px 0 0;font-size:25px}.compare-context fieldset{border:0;margin:0;padding:0}.compare-context-options{border:1px solid var(--line);background:var(--surface);border-radius:5px;display:flex}.compare-context-options label{cursor:pointer;color:var(--muted);border-radius:4px;align-items:center;min-height:44px;padding:12px 14px;font-size:11px;line-height:1.5;display:flex;position:relative}.compare-context-options label.selected{color:var(--accent);background:#e2cdae15}.compare-context-options label:has(:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.compare-context-options input{opacity:0;width:1px;height:1px;position:absolute}.compare-context-description{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);grid-column:1/-1;margin:0;padding-top:8px;font-size:11px;line-height:1.8}.compare-approaches{border:1px solid var(--line);background:linear-gradient(140deg,#1b1f1633,#0000);border-radius:7px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.compare-approach{min-width:0;padding:28px 30px}.compare-approach+.compare-approach{border-left:1px solid var(--line)}.compare-approach-title{align-items:center;gap:16px;min-height:66px;display:flex}.compare-letter{width:35px;height:39px;font-size:15px;font-family:var(--mono);color:var(--accent);border:1px solid #e2cdae40;flex-shrink:0;justify-content:center;align-items:center;display:flex}.compare-approach-title .eyebrow{letter-spacing:.05em;font-size:11px}.compare-approach-title h2{letter-spacing:-.045em;margin:7px 0 0;font-size:26px}.compare-approach-description{color:var(--muted);min-height:69px;margin:22px 0 0;font-size:12px;line-height:1.9}.compare-diagram-block{margin:12px -5px 0}.compare-diagram{width:100%;height:auto;max-height:340px;display:block}.compare-boundary rect{fill:#e2cdae03;stroke:#6e795650;stroke-width:1px;stroke-dasharray:5 4}.compare-boundary text,.compare-diagram-label{font-family:var(--mono);letter-spacing:.08em;fill:var(--subtle);font-size:11px}.compare-edge{fill:none;stroke:#677352;stroke-width:1px;color:#677352}.compare-edge.async{stroke-dasharray:4 4}.compare-pulse{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:4 85;stroke-dashoffset:100px;opacity:.7;pointer-events:none;animation:3.5s linear infinite compare-flow}.compare-node{cursor:pointer;outline:none}.compare-node>rect,.compare-node>path{fill:#191e16;stroke:#4a543c;stroke-width:1px;transition:stroke .2s,fill .2s}.compare-node>ellipse{fill:#22291a;stroke:#4a543c;stroke-width:1px}.compare-node:hover>rect,.compare-node:hover>path,.compare-node.selected>rect,.compare-node.selected>path{fill:#252d1c;stroke:var(--accent)}.compare-node:focus-visible>rect,.compare-node:focus-visible>path{stroke:var(--accent);stroke-width:3px}.compare-node text{fill:#d1d7c7;font-size:11px;font-family:var(--sans);pointer-events:none}.compare-node.selected text{fill:var(--accent)}.compare-node .queue-mark{stroke:#e2cdae70;stroke-width:2px}.compare-diagram-caption{font-family:var(--mono);letter-spacing:.1em;fill:var(--subtle);font-size:11px}.compare-inspector{border-top:1px solid var(--line);min-height:134px;padding:18px 5px 0}.compare-inspector .eyebrow{gap:8px;font-size:11px}.compare-inspector .eyebrow>span{color:#505846}.compare-inspector p{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.85}.compare-benefits{padding-top:18px}.compare-benefits h3{align-items:center;gap:8px;margin:15px 0 11px;font-size:12px;display:flex}.compare-plus{color:var(--accent);font-size:16px}.compare-cost{color:var(--amber);font-size:16px}.compare-benefits ul{color:var(--muted);margin:0 0 20px;padding:0 0 0 16px;font-size:12px;line-height:1.85}.compare-benefits li+li{margin-top:7px}.compare-benefits li::marker{color:#667052}.compare-qualities{padding-top:58px}.compare-qualities .section-heading{margin-bottom:18px}.compare-qualities .section-heading h2{font-size:30px}.compare-disclaimer{max-width:690px;color:var(--muted);margin:0 0 26px;font-size:11px;line-height:1.9}.compare-quality-head,.compare-quality-row{grid-template-columns:1.5fr 1fr 1fr;gap:40px;display:grid}.compare-quality-head{color:var(--muted);font-family:var(--mono);letter-spacing:.02em;border-bottom:1px solid #3a422f;padding:15px 0;font-size:11px}.compare-quality-row{border-bottom:1px solid var(--line);align-items:center;padding:22px 0}.compare-quality-row h3{align-items:center;gap:10px;margin:0 0 8px;font-size:13px;display:flex}.compare-quality-row p{color:var(--muted);max-width:430px;margin:0;font-size:11px;line-height:1.8}.compare-cost-label{font-family:var(--mono);letter-spacing:.1em;color:var(--amber);font-size:11px}.compare-level{justify-content:space-between;align-items:center;gap:13px;display:flex}.compare-level>div{flex:1;gap:4px;max-width:165px;display:flex}.compare-level>div span{background:#2a3022;border-radius:1px;flex:1;height:5px;display:block}.compare-level>div span.filled{background:var(--accent)}.compare-level.cost>div span.filled{background:#c3ac79}.compare-level>span{color:var(--muted);font-family:var(--mono);min-width:53px;font-size:11px}.compare-mobile-label{display:none}.compare-direction{grid-template-columns:1fr 1fr;gap:70px;margin-top:22px;padding:42px 0;display:grid}.compare-direction h2{margin:17px 0;font-size:36px;line-height:1.25}.compare-direction h2 em{color:var(--accent);font-style:normal}.compare-direction p{color:var(--muted);max-width:500px;font-size:12px;line-height:1.9}.compare-evolution{padding-top:3px}.compare-evolution ol{margin:23px 0 30px;padding:0;list-style:none}.compare-evolution li{color:#c1c7b8;align-items:flex-start;gap:16px;padding-bottom:23px;font-size:12px;line-height:1.7;display:flex;position:relative}.compare-evolution li:before{content:"";background:var(--line);width:1px;position:absolute;top:25px;bottom:0;left:12px}.compare-evolution li:last-child:before{display:none}.compare-evolution li>span{border:1px solid var(--line);width:25px;height:25px;font-family:var(--mono);color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.compare-closing{border-top:1px solid var(--line);color:var(--muted);margin:0;padding-top:23px;font-size:11px}.compare-back{margin-bottom:24px}.compare-back .text-link{font-size:11px}@keyframes compare-flow{to{stroke-dashoffset:11px}}@media (max-width:1150px){.compare-context{grid-template-columns:1fr}.compare-context fieldset{justify-self:start}.compare-approach{padding:24px}.compare-quality-head,.compare-quality-row{grid-template-columns:1.3fr 1fr 1fr;gap:24px}.compare-level{gap:8px}.compare-level>span{min-width:49px;font-size:11px}.compare-direction{gap:40px}.compare-approach-title h2{font-size:22px}.compare-approach-description{min-height:92px}.compare-inspector{min-height:155px}}@media (max-width:760px){.compare-page-header{margin-bottom:30px}.compare-approaches{grid-template-columns:1fr}.compare-approach+.compare-approach{border-left:0;border-top:1px solid var(--line)}.compare-approach-description{min-height:0}.compare-inspector{min-height:115px}.compare-approach{padding:24px}.compare-diagram{max-height:270px}.compare-qualities .section-heading{align-items:flex-start}.compare-qualities .section-heading h2{font-size:26px}.compare-qualities .pill{flex-shrink:0;max-width:105px;line-height:1.5}.compare-quality-head{display:none}.compare-quality-row{grid-template-columns:1fr 1fr;gap:20px 24px}.compare-quality-row>div:first-child{grid-column:1/-1}.compare-quality-row p{max-width:none}.compare-mobile-label{color:var(--muted);margin-bottom:13px;font-size:11px;line-height:1.7;display:block}.compare-level{flex-direction:column;align-items:flex-start;gap:8px}.compare-level>div{width:100%;max-width:none}.compare-direction{grid-template-columns:1fr;gap:20px;padding-bottom:25px}.compare-direction h2{font-size:32px}.compare-context-options{flex-wrap:wrap}.compare-context-options label{text-align:center;flex:1;justify-content:center;padding:10px 12px;font-size:11px}.compare-context-description{font-size:11px}.compare-pair-nav{gap:22px;margin-bottom:30px}.compare-pair-nav a{gap:8px;font-size:11px}.compare-approach-title h2{font-size:25px}.compare-approach-title .eyebrow{font-size:11px}}@media (prefers-reduced-motion:reduce){.compare-pulse{display:none}.compare-node>rect,.compare-node>path{transition:none}}.compare-direction-caveat{color:var(--subtle);max-width:58ch;margin-top:14px;font-size:12.5px;line-height:1.7}