.od-compare-page { background:#fff; }
.od-compare-page h1,.od-compare-page h2,.od-compare-page h3 { line-height:1.12; letter-spacing:-.035em; text-wrap:balance; }
.od-compare-hero { color:#fff; background:#0b1020; padding:64px 0 34px; border-bottom:1px solid #273047; }
.od-compare-hero h1 { max-width:920px; font-size:clamp(2.6rem,5.6vw,4.8rem); margin:20px 0 24px; }
.od-compare-hero .od-eyebrow { color:#86dfff; }
.od-compare-hero__grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:64px; align-items:center; padding:30px 0; }
.od-compare-lead { max-width:750px; color:#c4cde0; font-size:1.12rem; line-height:1.75; }
.od-compare-hero__statement { font-size:clamp(1.4rem,2.2vw,1.8rem); font-weight:650; line-height:1.35; max-width:620px; }
.od-compare-vs { color:#8c9ab9; font-size:.64em; font-weight:450; letter-spacing:0; }
.od-compare-back { display:inline-flex; color:#bdc8df; font-size:.86rem; text-decoration:none; padding:8px 0; }
.od-compare-back:hover { color:#fff; }
.od-compare-disclosure { font-size:.8rem; color:#aab7d2; max-width:850px; margin:40px 0 0; }
.od-compare-brief { border:1px solid #37415a; border-radius:22px; padding:28px; background:#121a2d; box-shadow:14px 14px 0 #080c16; }
.od-compare-brief__label,.od-compare-fit-label { font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#92caff; }
.od-compare-brief h2 { font-size:1.5rem; margin:16px 0 28px; }
.od-compare-brief > div { display:flex; gap:20px; border-top:1px solid #35405a; padding:21px 0 0; margin-top:20px; }
.od-compare-brief p { margin:0; color:#bac6e0; font-size:.88rem; }
.od-compare-brief strong { display:block; color:#fff; margin-bottom:8px; }
.od-compare-brief__number { color:#8ccaff; font-size:.8rem; padding-top:3px; font-variant-numeric:tabular-nums; }
.od-compare-jump { border-bottom:1px solid var(--od-line); background:#fff; }
.od-compare-jump > div { display:flex; gap:30px; overflow-x:auto; }
.od-compare-jump a { flex:none; padding:18px 0; font-size:.85rem; font-weight:750; text-decoration:none; color:#42516c; }
.od-compare-jump a:hover { color:#234ee9; }
.od-compare-page section[id],.od-compare-sources li { scroll-margin-top:160px; }
.od-compare-section-head { max-width:720px; margin-bottom:30px; }
.od-compare-page h2 { font-size:clamp(1.8rem,3vw,2.7rem); margin:14px 0 22px; }
.od-compare-section-head p,.od-compare-product-grid p,.od-compare-method__grid p { color:#526078; }
.od-compare-table-section { background:#fff; }
.od-compare-table-wrap { overflow-x:auto; border:1px solid #d8e0ed; border-radius:18px; }
.od-compare-table { width:100%; min-width:720px; border-collapse:collapse; table-layout:fixed; font-size:.94rem; line-height:1.6; }
.od-compare-table th,.od-compare-table td { padding:23px 26px; vertical-align:top; text-align:left; border-bottom:1px solid #dfe5f0; }
.od-compare-table thead th { background:#111a2d; color:#fff; font-size:1rem; }
.od-compare-table th:first-child { width:25%; }
.od-compare-table td { width:37.5%; color:#40506a; }
.od-compare-table tbody th { font-weight:650; background:#fafbfd; }
.od-compare-table tbody td:nth-child(2) { background:#f3f7ff; }
.od-compare-table tbody tr:last-child > * { border-bottom:0; }
.od-compare-ref { color:#234ee9; text-decoration:none; font-weight:800; display:inline-flex; min-width:24px; justify-content:center; }
.od-compare-ref:hover { background:#e2eaff; border-radius:4px; }
.od-compare-table-note,.od-compare-scroll-hint { font-size:.8rem; color:#5c6b83; }
.od-compare-scroll-hint { display:none; }
.od-compare-fit-section { background:#f3f6fc; }
.od-compare-fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.od-compare-fit-grid article { border:1px solid #dce3f0; border-radius:20px; padding:34px; background:#fff; display:flex; flex-direction:column; }
.od-compare-fit-label { color:#48638f; }
.od-compare-fit-grid h3 { font-size:1.7rem; margin:20px 0 4px; }
.od-compare-fit-grid p { color:#526078; }
.od-compare-fit-grid a { margin-top:auto; padding-top:12px; }
.od-compare-boundary { border-left:3px solid #6a80b2; padding:4px 0 4px 22px; color:#455570; max-width:960px; margin:32px 0 0; font-size:.94rem; }
.od-compare-product-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:60px; align-items:center; }
.od-compare-product-grid figure { margin:0; min-width:0; }
.od-compare-product-grid img { width:100%; height:auto; border:1px solid #cbd7eb; border-radius:14px; box-shadow:0 22px 50px #20354f18; }
.od-compare-product-grid figcaption { font-size:.74rem; color:#63718a; margin-top:16px; }
.od-compare-cost-section,.od-compare-method { background:#f3f6fc; }
.od-compare-method__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:80px; align-items:start; }
.od-compare-method__grid > div > p:first-child { margin-top:0; }
.od-compare-price-links { display:flex; gap:14px 28px; flex-wrap:wrap; margin-top:26px; }
.od-compare-faq-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:60px; }
.od-compare-faq-grid h2 { margin-top:0; }
.od-compare-faq-grid details { border-bottom:1px solid #dfe5f0; padding:20px 0; }
.od-compare-faq-grid details:first-child { padding-top:0; }
.od-compare-faq-grid summary { font-weight:750; cursor:pointer; padding-right:16px; }
.od-compare-faq-grid details p { color:#526078; }
.od-compare-sources { border-top:1px solid #dfe5f0; }
.od-compare-sources h2 { font-size:1.65rem; }
.od-compare-sources p { max-width:940px; font-size:.87rem; color:#596980; }
.od-compare-sources ul { padding:0; list-style:none; columns:2; column-gap:35px; margin:26px 0; max-width:940px; }
.od-compare-sources li { font-size:.85rem; padding:7px 0; break-inside:avoid; }
.od-compare-sources li a { color:#234ee9; text-underline-offset:4px; }
.od-compare-cta .od-hero__actions { justify-content:center; }
.od-compare-cta p { max-width:750px; margin-inline:auto; }
.od-compare-library { background:#fff; }
.od-compare-cards { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.od-compare-card { display:flex; flex-direction:column; padding:36px; border:1px solid #d7e0ef; border-radius:24px; background:#f9fbff; }
.od-compare-card h2 { font-size:1.6rem; margin:28px 0 8px; }
.od-compare-card p { color:#526078; margin-bottom:30px; }
.od-compare-card a { margin-top:auto; }
.od-compare-card__names { display:flex; gap:16px; align-items:center; flex-wrap:wrap; margin-top:28px; padding-bottom:24px; border-bottom:1px solid #d7e0ef; font-size:clamp(1.2rem,2vw,1.65rem); font-weight:800; letter-spacing:-.03em; }
@media(max-width:900px) {
 .od-compare-hero__grid { grid-template-columns:1fr; gap:32px; }
 .od-compare-brief { max-width:650px; }
 .od-compare-hero h1 { font-size:clamp(2.5rem,7vw,4.5rem); }
 .od-compare-method__grid,.od-compare-faq-grid,.od-compare-product-grid { grid-template-columns:1fr; gap:24px; }
 .od-compare-cards { gap:20px; }
 .od-compare-card { padding:28px; }
}
@media(max-width:600px) {
 .od-compare-hero { padding-top:34px; }
 .od-compare-hero__grid { padding-top:20px; }
 .od-compare-hero h1 { font-size:2.65rem; }
 .od-compare-lead { font-size:1rem; }
 .od-compare-fit-grid,.od-compare-cards { grid-template-columns:1fr; }
 .od-compare-fit-grid article { padding:26px; }
 .od-compare-brief { padding:24px; box-shadow:6px 6px 0 #080c16; }
 .od-compare-jump > div { gap:24px; }
 .od-compare-scroll-hint { display:block; }
 .od-compare-table th,.od-compare-table td { padding:18px; }
 .od-compare-table th:first-child { width:23%; }
 .od-compare-sources ul { columns:1; }
 .od-compare-disclosure { margin-top:28px; }
}
