.comparison-page{padding-block:48px 60px}.comparison-page .page-intro{padding:0;margin-bottom:32px;max-width:850px}.comparison-page h1{font-size:clamp(42px,5.2vw,70px)}.comparison-page h1 span{color:#829445}.comparison-setup,.comparison-filters,.comparison-toolbar,.comparison-bottom{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.comparison-setup label,.comparison-filters label{font-size:12px;font-weight:600;display:grid;gap:6px}.comparison-setup{margin-top:22px}.comparison-setup label:nth-child(2){min-width:280px}.comparison-status{padding:14px 0;font-size:14px;color:var(--muted)}.comparison-workspace{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.comparison-toolbar{padding:16px 20px;background:#edf1e5;align-items:center;font-size:12px}.comparison-toolbar strong{font-size:18px;margin-left:5px}.comparison-toolbar button,.comparison-bottom button{border:1px solid var(--line);border-radius:6px;padding:9px 11px;background:white;font-size:12px}.comparison-toolbar #compare-view{margin-right:auto;color:var(--muted)}.comparison-filters{padding:20px;align-items:end}.comparison-filters label:first-child{flex:1;min-width:180px}.comparison-filters input{width:100%}.comparison-parity{padding:10px 20px;font:12px var(--mono);background:#f3f6ec;border-block:1px solid var(--line);min-height:40px}.comparison-parity[data-verified=true]{color:#375016;background:#eaf4d5}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.comparison-lane{min-width:0;padding:24px}.comparison-lane+section{border-left:1px solid var(--line)}.comparison-lane header h2{font-size:30px;margin:10px 0}.comparison-lane header p{font-size:13px;min-height:42px;margin-bottom:18px}.comparison-lane.shared header .eyebrow{color:#52731a}.comparison-lane.native header .eyebrow{color:#63558c}.comparison-flow{display:flex;gap:7px;justify-content:space-between;align-items:center;font:10px var(--mono);padding:14px 10px;background:#f4f6ee;border:1px solid var(--line);border-radius:8px}.comparison-lane.native .comparison-flow{background:#f4f2f8}.flow-transfer{color:#577926}.comparison-lane.native .flow-transfer{color:#766294}.comparison-lane[aria-busy=true] .flow-transfer{animation:flow-blink .7s alternate infinite}.comparison-phase{font:11px var(--mono);padding:12px 0;color:var(--muted);min-height:42px}.comparison-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:0}.comparison-metrics dt{font:10px var(--mono);text-transform:uppercase;color:var(--muted)}.comparison-metrics dd{font-size:27px;letter-spacing:-1px;margin:3px 0;font-variant-numeric:tabular-nums}.comparison-delivery{font:11px/1.6 var(--mono);min-height:40px;margin:16px 0;color:var(--muted)}.comparison-timeline{display:flex;align-items:end;height:78px;gap:2px;padding-top:5px;margin-bottom:20px;border-bottom:1px solid var(--line)}.comparison-timeline button{flex:1;min-width:0;padding:0;height:var(--height);background:#879e50;min-height:2px}.comparison-lane.native .comparison-timeline button{background:#9181ac}.comparison-timeline p{font-size:12px}.comparison-table{overflow:auto;max-height:340px;border:1px solid var(--line);border-radius:8px}.comparison-table table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}.comparison-table th{position:sticky;top:0;background:#f5f7f0;z-index:1;font-weight:600}.comparison-table th,.comparison-table td{padding:9px 10px;border-bottom:1px solid var(--line)}.comparison-table button{text-align:left;font-size:11px;color:#395b17;text-decoration:underline}.comparison-table th:first-child{width:70px}.comparison-lane details{font-size:12px;margin-top:15px}.comparison-lane pre{font:11px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;background:#f5f7f0;margin-top:10px}.comparison-bottom{padding:16px 20px;border-top:1px solid var(--line);align-items:center;justify-content:space-between;font-size:12px}.comparison-bottom>div{display:flex;gap:10px;flex-wrap:wrap}.comparison-method{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px}.comparison-method h2{margin:14px 0 22px}.comparison-method h3{font-size:22px;margin:20px 0 14px}.comparison-method p{font-size:14px}.preview-banner{padding:10px 24px;background:#e8f0d7;color:#243419;font:12px/1.5 var(--mono);text-align:center}.preview-banner a{text-decoration:underline}@keyframes flow-blink{to{opacity:.35}}@media(max-width:1100px){.comparison-grid,.comparison-method{grid-template-columns:1fr}.comparison-lane+section{border-left:0;border-top:1px solid var(--line)}.comparison-page .page-intro{max-width:100%}.comparison-filters label{flex:1}.comparison-setup label:nth-child(2){min-width:0;width:100%}.comparison-lane{padding:18px}.comparison-method{gap:15px}.comparison-toolbar #compare-view{width:100%}}@media(prefers-reduced-motion:reduce){.comparison-lane[aria-busy=true] .flow-transfer{animation:none}}

.comparison-lane.immutable header .eyebrow{color:#256580}.comparison-lane.immutable .comparison-flow{background:#eef6fa}.comparison-lane.immutable .flow-transfer{color:#256580}.comparison-lane.immutable .comparison-timeline button{background:#528499}.comparison-lane header h2{font-size:27px}.comparison-lane header p{min-height:64px}
.comparison-lane.immer header .eyebrow,.comparison-lane.immer .flow-transfer{color:#845529}.comparison-lane.immer .comparison-flow{background:#faf3e9}.comparison-lane.immer .comparison-timeline button{background:#ae8051}@media(min-width:1101px){.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-lane:nth-child(2n+1){border-left:0}.comparison-lane:nth-child(n+3){border-top:1px solid var(--line)}}