:root {
 color-scheme:light; --bg:#fff; --bg-soft:#f5f6f8; --bg-dark:#10141c; --text:#131720; --text-muted:#525d6d; --border:#dce1e7; --border-strong:#8b95a4; --accent:#2456d8; --accent-soft:#eef3ff; --success:#167149; --warning:#925916;
 --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem; --space-12:3rem; --space-16:4rem; --space-20:5rem;
 --radius-xs:2px; --radius-sm:4px; --radius-md:6px; --radius-lg:8px; --shadow-subtle:0 1px 2px #10141c08; --shadow-panel:0 4px 12px #10141c0a;
 --container-reading:46rem; --container-standard:72rem; --container-wide:80rem;
 --font-xs:clamp(.74rem,.72rem + .05vw,.78rem); --font-sm:clamp(.86rem,.83rem + .1vw,.92rem); --font-md:clamp(1rem,.98rem + .1vw,1.06rem); --font-lg:clamp(1.1rem,1rem + .3vw,1.25rem); --font-xl:clamp(1.25rem,1.15rem + .4vw,1.5rem); --font-2xl:clamp(1.55rem,1.3rem + .8vw,2rem); --font-3xl:clamp(2rem,1.65rem + 1.2vw,2.75rem); --font-display:clamp(2.4rem,1.8rem + 2.1vw,3.6rem); --line-body:1.65; --line-heading:1.15;
 font-family:Inter,"Helvetica Neue",Arial,sans-serif; font-size:100%; line-height:var(--line-body); -webkit-font-smoothing:antialiased;
}
*,*::before,*::after {box-sizing:border-box}
body {margin:0;background:var(--bg);color:var(--text);font-size:var(--font-md)}
html {scroll-behavior:smooth;scroll-padding-top:6rem}
img {max-width:100%}
a {color:var(--text);text-underline-offset:.22em}
a:hover {color:var(--accent)}
button {font:inherit}
:focus-visible {outline:3px solid var(--accent);outline-offset:4px}
[hidden] {display:none!important}
h1,h2,h3,p {margin-top:0}
h1,h2,h3 {font-weight:750;line-height:var(--line-heading);letter-spacing:-.04em}
h1 {font-size:var(--font-3xl)}
h2 {font-size:var(--font-2xl)}
h3 {font-size:var(--font-xl)}
p,li,dd {overflow-wrap:break-word}
.container {width:min(100% - 3rem,var(--container-wide));margin-inline:auto}
.reading-width {max-width:var(--container-reading);margin-inline:auto}
.skip-link {position:absolute;z-index:100;top:-6rem;left:1rem;padding:.65rem 1rem;background:var(--text);color:white}
.skip-link:focus {top:.5rem}
.lead {max-width:68ch;color:var(--text-muted);font-size:var(--font-lg);line-height:1.6}
.eyebrow,.item-type,.list-kicker,.board-kicker {color:var(--accent);font-size:var(--font-xs);font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.btn-primary,.btn-secondary {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.1rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:700;line-height:1.4;text-align:center;text-decoration:none}
.btn-primary {background:var(--text);border-color:var(--text);color:white}
.btn-primary:hover {background:var(--accent);border-color:var(--accent);color:white}
.btn-secondary {background:var(--bg);color:var(--text)}
.btn-secondary:hover {border-color:var(--accent);color:var(--accent)}
.link-editorial {color:var(--accent);font-weight:650;text-decoration:none}
.link-editorial::after {content:' →';white-space:nowrap}
.link-editorial:hover {text-decoration:underline}
.cta-source {color:var(--text-muted);text-decoration-style:dotted;font-size:.94em}
.cta-source:hover {color:var(--accent);text-decoration-style:solid}
.cta-affiliate {gap:var(--space-2)}
.cta-row {display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.site-header {position:sticky;z-index:50;top:0;border-bottom:1px solid var(--border);background:var(--bg)}
.header-inner {position:relative;display:flex;align-items:center;gap:var(--space-8);min-height:72px}
.site-logo {display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;white-space:nowrap}
.logo-wordmark {display:flex;flex-direction:column;line-height:1.1}
.logo-wordmark strong {font-size:1.25rem;letter-spacing:-.06em}
.logo-wordmark span {margin-top:.2rem;color:var(--text-muted);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.primary-nav {margin-left:auto}
.primary-nav ul,.site-footer ul {margin:0;padding:0;list-style:none}
.primary-nav ul {display:flex;gap:clamp(.8rem,1.8vw,1.75rem)}
.primary-nav a {display:block;padding:1.5rem 0 1.35rem;border-bottom:2px solid transparent;font-size:var(--font-sm);font-weight:600;text-decoration:none;white-space:nowrap}
.primary-nav a[aria-current],.primary-nav a:hover {border-bottom-color:var(--accent);color:var(--accent)}
.menu-toggle {display:none}
.hero-band {border-bottom:1px solid var(--border)}
.hero-layout {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-12);align-items:center;padding-block:var(--space-16)}
.hero-copy h1 {max-width:18ch;font-size:var(--font-display);margin-bottom:var(--space-5)}
.hero-source-note {margin-top:var(--space-5);color:var(--text-muted);font-size:var(--font-xs)}
.hero-research-board {border:1px solid var(--border);border-top:3px solid var(--text);background:var(--bg-soft)}
.hero-research-board .board-kicker {margin:0;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}
.live-duel {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--bg)}
.live-duel > div {padding:var(--space-5)}
.live-duel > div + div {border-left:1px solid var(--border)}
.live-duel h2 {font-size:var(--font-xl);margin-bottom:var(--space-5)}
.live-duel .price {display:block;font-size:var(--font-3xl);font-weight:750;letter-spacing:-.06em;line-height:1.1}
.live-duel .price small {font-size:var(--font-xs);font-weight:500;letter-spacing:0}
.live-duel .plan-name {display:block;color:var(--text-muted);font-size:var(--font-sm);margin:.35rem 0 var(--space-5)}
.live-duel ul {margin:0;padding:0;list-style:none;font-size:var(--font-sm)}
.live-duel li {padding:.5rem 0;border-top:1px solid var(--border)}
.board-foot {margin:0;padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);font-size:var(--font-xs);color:var(--text-muted)}
.trust-strip {border-bottom:1px solid var(--border);background:var(--bg-soft)}
.trust-strip ul {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;list-style:none}
.trust-strip li {display:flex;align-items:center;justify-content:center;gap:.6rem;padding:var(--space-4);font-size:var(--font-xs);font-weight:600;border-left:1px solid var(--border)}
.trust-strip li:last-child {border-right:1px solid var(--border)}
.trust-strip li::before {content:'✓';color:var(--text)}
.section-standard {background:var(--bg)}
.section-shell {padding-block:var(--space-16)}
.section-muted {background:var(--bg-soft);border-block:1px solid var(--border)}
.section-dark {background:var(--bg-dark);color:white}
.section-heading {display:flex;justify-content:space-between;align-items:end;gap:var(--space-6);margin-bottom:var(--space-8)}
.section-heading h2 {margin-bottom:0}
.section-heading p:not(.eyebrow) {max-width:65ch;color:var(--text-muted);margin:.75rem 0 0}
.featured-comparison {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--border);border-top:3px solid var(--accent)}
.feature-lead,.feature-matrix {padding:var(--space-8)}
.feature-matrix {border-left:1px solid var(--border);background:var(--bg-soft)}
.duel-names {display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;font-size:var(--font-3xl);font-weight:750;line-height:1.2;letter-spacing:-.05em}
.versus {font-size:var(--font-xs);font-weight:600;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase}
.feature-lead > p:not(.duel-names):not(.item-type) {color:var(--text-muted);max-width:55ch}
.matrix-head {display:flex;justify-content:space-between;gap:1rem;font-size:var(--font-sm);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-strong)}
.matrix-head span {color:var(--text-muted);font-size:var(--font-xs)}
.feature-matrix ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:0 var(--space-5)}
.feature-matrix li {padding:var(--space-4) 0;border-bottom:1px solid var(--border);font-size:var(--font-sm);font-weight:600}
.home-research-columns {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}
.related-list,.hub-list {list-style:none;padding:0;margin:0}
.related-list li,.hub-list li {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:var(--space-4);padding:var(--space-5) 0;border-top:1px solid var(--border)}
.related-list li:last-child,.hub-list li:last-child {border-bottom:1px solid var(--border)}
.related-list a,.hub-list a {font-size:var(--font-lg);font-weight:650;line-height:1.35;text-decoration:none}
.related-list span,.hub-list p {margin:0;color:var(--text-muted);font-size:var(--font-sm)}
.home-research-columns .hub-list li {display:block}
.home-research-columns .hub-list p {margin-top:.5rem}
.home-research-columns .hub-list a {font-size:var(--font-md)}
.home-research-columns > div > a {display:inline-block;margin-top:var(--space-5)}
.category-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border);border-left:1px solid var(--border)}
.category-list > div {padding:var(--space-6);border-bottom:1px solid var(--border);border-right:1px solid var(--border)}
.category-list span {display:block;margin-bottom:var(--space-5);color:var(--text-muted);font-size:var(--font-xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase}
.category-list strong {display:block;font-size:var(--font-lg)}
.category-list p {margin:.6rem 0 0;color:var(--text-muted);font-size:var(--font-sm)}
.research-band {padding-block:var(--space-16)}
.research-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-12)}
.research-band h2 {max-width:24ch;font-size:var(--font-3xl)}
.research-band .eyebrow {color:#adc3ff}
.research-band p {max-width:65ch;color:#c4ccda}
.research-band a {color:white}
.process-line {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:0;border:1px solid #465064}
.process-line li {padding:var(--space-4);border-right:1px solid #465064;font-size:var(--font-sm)}
.process-line li:last-child {border-right:0}
.process-line span {display:block;color:#adc3ff;font-size:var(--font-xs);margin-bottom:var(--space-3)}
.process-line strong {font-size:var(--font-sm)}
.home-faq-layout {display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:var(--space-12)}
.home-faq-layout > div:first-child p:not(.eyebrow) {color:var(--text-muted)}
.faq-item {border-bottom:1px solid var(--border)}
.faq-item:first-child {border-top:1px solid var(--border-strong)}
.faq-item h3 {margin:0;font-size:var(--font-md);letter-spacing:-.015em}
.faq-item button {display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);width:100%;min-height:56px;padding:var(--space-5) 0;background:none;border:0;color:var(--text);text-align:left;cursor:pointer;font-weight:650}
.faq-item button:hover {color:var(--accent)}
.faq-item button span {flex:none;font-size:1.35rem;color:var(--text-muted)}
.faq-panel {max-width:75ch;padding:0 var(--space-6) var(--space-5) 0;color:var(--text-muted)}
.faq-panel p:last-child {margin-bottom:0}
.breadcrumbs {padding-top:var(--space-5);color:var(--text-muted);font-size:var(--font-xs)}
.breadcrumbs ol {display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:.45rem}
.breadcrumbs li:not(:last-child)::after {content:'/';margin-left:.45rem;color:var(--border-strong)}
.breadcrumbs a {color:var(--text-muted)}
.page-header {max-width:var(--container-standard);margin-inline:auto;padding-block:var(--space-10) var(--space-8);border-bottom:1px solid var(--border)}
.page-header h1 {max-width:34ch;margin-bottom:var(--space-5)}
.page-header .lead {margin-bottom:0}
.commercial-hero {border-bottom:2px solid var(--text)}
.commercial-hero > .btn-secondary {margin-top:var(--space-5)}
.trust-meta {display:flex;flex-wrap:wrap;gap:var(--space-3);list-style:none;margin:var(--space-5) 0 0;padding:0;font-size:var(--font-xs);color:var(--text-muted)}
.trust-meta li {padding:.25rem .6rem;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg)}
.trust-meta li:has(time) {color:var(--success)}
.hero-trust {grid-column:1/-1}
.affiliate-disclosure {max-width:85ch;margin:var(--space-4) 0 0;color:var(--text-muted);font-size:var(--font-xs)}
.cluster-article {padding-bottom:var(--space-16)}
.short-decision,.contents-nav,.evidence-key {max-width:var(--container-standard);margin-inline:auto}
.short-decision {padding-block:var(--space-8)}
.short-decision h2 {font-size:var(--font-xs);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-4)}
.decision-summary {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--border);border-top:3px solid var(--text);margin:var(--space-5) 0;background:var(--bg-soft)}
.short-decision .decision-summary {margin:0}
.decision-summary > div {padding:var(--space-6)}
.decision-summary > div + div {border-left:1px solid var(--border)}
.decision-summary h3 {font-size:var(--font-lg);margin-bottom:.65rem}
.decision-summary p {margin:0;color:var(--text-muted);font-size:var(--font-sm)}
.contents-nav {padding-block:var(--space-5);border-block:1px solid var(--border);margin-bottom:var(--space-6)}
.contents-title {font-size:var(--font-xs);font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.contents-nav ul {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem var(--space-4);list-style:none;margin:0;padding:0}
.contents-nav a {font-size:var(--font-sm)}
.evidence-key {padding:var(--space-4);background:var(--accent-soft);border-left:2px solid var(--accent);font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--space-6)}
.article-section {display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:var(--space-8) var(--space-12);max-width:var(--container-standard);margin-inline:auto;padding-block:var(--space-10);border-top:1px solid var(--border);scroll-margin-top:6rem}
.article-section h2 {font-size:var(--font-xl);margin-bottom:var(--space-5)}
.article-section > :not(h2) {grid-column:2;min-width:0}
.article-reading > div > p {max-width:var(--container-reading)}
.article-wide {max-width:var(--container-standard)}
.article-section > .table-wide,.article-section > .pricing-pair {grid-column:1/-1}
.article-section--wide {display:block}
.section-data {border-top-color:var(--border-strong)}
.section-decision {border-top:2px solid var(--text)}
.section-lead,.table-note,.source-note {color:var(--text-muted)}
.table-wide {width:100%;max-width:100%;border:1px solid var(--border);background:var(--bg)}
.comparison-table,.pricing-table {width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:var(--font-md)}
.comparison-table caption,.pricing-table caption {padding:var(--space-4);text-align:left;font-size:var(--font-xs);color:var(--text-muted);border-bottom:1px solid var(--border)}
.comparison-table th,.comparison-table td,.pricing-table th,.pricing-table td {padding:var(--space-4);vertical-align:top;border-bottom:1px solid var(--border);line-height:1.55}
.comparison-table th + th,.comparison-table th + td,.comparison-table td + td,.pricing-table th + th,.pricing-table th + td,.pricing-table td + td {border-left:1px solid var(--border)}
.comparison-table thead th,.pricing-table thead th {background:var(--bg-dark);color:white;font-weight:700}
.comparison-table tbody th,.pricing-table tbody th {font-weight:650}
.comparison-table tbody tr:nth-child(even),.pricing-table tbody tr:nth-child(even) {background:var(--bg-soft)}
.comparison-table tbody tr:hover {background:var(--accent-soft)}
.table-detail-note {font-size:var(--font-sm);color:var(--text-muted)}
.table-note,.source-note {font-size:var(--font-sm);line-height:1.6}
.table-cell-label {display:none}
@media (max-width:640px) {
 .table-wide {border:0;background:transparent}
 .table-stack.comparison-table,.table-stack.pricing-table {display:block;width:100%;font-size:var(--font-md)}
 .table-stack colgroup {display:none}
 .table-stack caption {display:block;width:100%;padding:var(--space-4) 0;border:0}
 .table-stack thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .table-stack tbody {display:block}
 .table-stack tbody tr {display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:var(--space-4);border:1px solid var(--border);background:var(--bg)}
 .table-stack tbody tr:nth-child(even),.table-stack tbody tr:hover {background:var(--bg)}
 .table-stack tbody th,.table-stack tbody td {display:block;min-width:0;padding:var(--space-3) var(--space-4);border:0;overflow-wrap:anywhere}
 .table-stack tbody th {background:var(--bg-soft);border-bottom:1px solid var(--border);font-weight:700}
 .table-stack tbody td + td {border-top:1px solid var(--border)}
 .table-stack tbody th + td,.table-stack tbody td + td {border-left:0}
 .table-cell-label {display:block;margin-bottom:var(--space-1);font-size:var(--font-xs);font-weight:650;color:var(--text-muted)}
}
.pricing-pair,.price-panels {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin:var(--space-6) 0}
.price-panel {padding:var(--space-6);border:1px solid var(--border);border-top:3px solid var(--accent);background:var(--bg-soft)}
.price-panel h3 {font-size:var(--font-lg);margin-bottom:var(--space-4)}
.price-panel dl {margin:0}
.price-panel dl > div {display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-5);padding:.65rem 0;border-top:1px solid var(--border)}
.price-panel dt {font-size:var(--font-sm)}
.price-panel dd {margin:0;font-size:var(--font-xl);font-weight:750;letter-spacing:-.035em}
.price-panel dd small {font-size:var(--font-xs);font-weight:500;letter-spacing:0}
.price-panel p {margin:var(--space-4) 0 0;color:var(--text-muted);font-size:var(--font-xs)}
.pricing-callout,.migration-note {padding:var(--space-5);border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--bg-soft);margin-bottom:var(--space-5)}
.pricing-callout p:last-child,.migration-note p:last-child {margin-bottom:0}
.requirement-fit {background:var(--accent-soft)}
.fit-note {display:block;margin-top:.5rem;color:var(--text-muted);font-size:var(--font-xs)}
.decision-list,.source-list {padding-left:var(--space-5)}
.decision-list li,.source-list li {padding-block:.45rem}
.source-list a {overflow-wrap:anywhere}
.comparison-pair,.profile-split {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin-block:var(--space-5)}
.comparison-column {padding:var(--space-5);border:1px solid var(--border);background:var(--bg-soft)}
.comparison-column h3 {font-size:var(--font-lg)}
.comparison-column p:last-child,.profile-split p:last-child {margin-bottom:0}
.profile-deck {font-size:var(--font-lg);font-weight:600;line-height:1.5}
.profile-facts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:var(--space-5) 0;border-block:1px solid var(--border)}
.profile-facts > div {padding:var(--space-4)}
.profile-facts > div + div {border-left:1px solid var(--border)}
.profile-facts dt,.profile-label,.workflow-row span {font-size:var(--font-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
.profile-facts dd {margin:.5rem 0 0;font-size:var(--font-sm)}
.profile-price {font-size:var(--font-xl);font-weight:750}
.profile-split > div {padding-top:var(--space-4);border-top:1px solid var(--border-strong)}
.workflow-row {display:grid;grid-template-columns:8rem minmax(0,1fr);gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--border)}
.workflow-row p {margin:0}
.email-profile + .email-profile {margin-top:var(--space-10);padding-top:var(--space-10);border-top:1px solid var(--border)}
.email-profile h3 {font-size:var(--font-xl)}
.profile-related {font-size:var(--font-sm)}
.affiliate-cta {padding:var(--space-6);margin-top:var(--space-6);border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--accent-soft)}
.affiliate-cta p {margin:0;color:var(--text-muted)}
.affiliate-cta .cta-context {color:var(--text)}
.affiliate-cta .cta-row {align-items:center;margin-top:var(--space-4)}
.affiliate-link-note {font-size:var(--font-xs);color:var(--text-muted)}
.decision-figure,.editorial-figure {margin:var(--space-5) 0}
.decision-figure img,.editorial-figure img {display:block;width:100%;height:auto;border:1px solid var(--border)}
.decision-figure figcaption,.editorial-figure figcaption {margin-top:.6rem;font-size:var(--font-xs);color:var(--text-muted)}
.mobile-scroll-note {display:none}
.comparison-hero {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:var(--space-8);max-width:var(--container-standard);margin:var(--space-8) auto;padding:var(--space-8);border:1px solid var(--border);border-top:3px solid var(--text)}
.comparison-hero h1 {font-size:var(--font-3xl)}
.product-duel {border-left:1px solid var(--border);padding-left:var(--space-6)}
.duel-product {padding:var(--space-4) 0;border-top:1px solid var(--border)}
.duel-product strong,.duel-product span,.duel-product small {display:block}
.duel-product strong {font-size:var(--font-xl)}
.duel-product span {font-weight:650;color:var(--accent);margin-top:.3rem}
.duel-product small {color:var(--text-muted);font-size:var(--font-xs);margin-top:.3rem}
.product-duel .versus {display:block;margin:.5rem 0}
.page-body {max-width:var(--container-standard);margin-inline:auto;padding-bottom:var(--space-16)}
.page-body > section {display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);column-gap:var(--space-12);padding-block:var(--space-8);border-bottom:1px solid var(--border)}
.page-body > section > :not(h2) {grid-column:2;max-width:75ch;min-width:0}
.page-body h2 {font-size:var(--font-xl)}
.page-body p,.page-body li {color:var(--text-muted)}
.page-body > p {max-width:75ch;margin-top:var(--space-6)}
.method-flow {margin:var(--space-8) 0;border:1px solid var(--border);background:var(--bg-soft)}
.method-flow img {display:block;width:100%;height:auto}
.method-flow figcaption {padding:var(--space-4);font-size:var(--font-xs);color:var(--text-muted);border-top:1px solid var(--border)}
.final-next-step {background:var(--bg-soft)}
.site-footer {background:var(--bg-dark);color:white;border-top:1px solid #465064}
.footer-main {display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:var(--space-8);padding-block:var(--space-12)}
.footer-brand {display:inline-flex;flex-direction:column;line-height:1.1;text-decoration:none;color:white}
.footer-brand strong {font-size:1.75rem;letter-spacing:-.06em}
.footer-brand span {margin-top:.3rem;font-size:var(--font-xs);letter-spacing:.1em;text-transform:uppercase}
.footer-brand-block p {max-width:38ch;font-size:var(--font-sm);color:#bbc4d2;margin:var(--space-5) 0 0}
.footer-title {font-size:var(--font-xs);color:#a3adbd;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.site-footer li {margin:.6rem 0}
.site-footer a {color:#e0e5ed;text-decoration:none;font-size:var(--font-sm)}
.site-footer a:hover {color:white;text-decoration:underline}
.footer-bottom {padding-block:var(--space-5);border-top:1px solid #465064;font-size:var(--font-xs);color:#a3adbd}
@media(max-width:1020px) {
 .js .menu-toggle {display:inline-flex;align-items:center;gap:.6rem;min-height:44px;margin-left:auto;background:none;border:0;cursor:pointer;color:var(--text);font-size:var(--font-sm);font-weight:700}
 .menu-icon {display:grid;gap:3px}
 .menu-icon span {display:block;width:18px;height:2px;background:currentColor}
 .js .primary-nav {display:none;position:absolute;top:100%;left:-1.5rem;right:-1.5rem;background:var(--bg);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}
 .js .primary-nav.is-open {display:block}
 html:not(.js) .header-inner {flex-wrap:wrap}
 html:not(.js) .primary-nav {width:100%}
 .primary-nav ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem var(--space-6)}
 .primary-nav a {padding:.8rem 0;white-space:normal}
 .hero-layout {gap:var(--space-6)}
 .home-research-columns {gap:var(--space-5)}
}
@media(max-width:900px) {
 .hero-layout,.research-layout,.home-faq-layout {grid-template-columns:1fr}
 .hero-layout {padding-block:var(--space-10)}
 .hero-copy h1 {max-width:23ch}
 .hero-research-board {max-width:45rem}
 .article-section,.page-body > section {display:block}
 .article-section h2,.page-body h2 {margin-bottom:var(--space-5)}
 .contents-nav ul {grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-research-columns {grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-research-columns > div:last-child {grid-column:1/-1}
 .footer-main {grid-template-columns:repeat(3,minmax(0,1fr))}
 .footer-brand-block {grid-column:1/-1}
}
@media(max-width:768px) {
 .featured-comparison,.comparison-hero,.price-panels,.pricing-pair {grid-template-columns:1fr}
 .feature-matrix {border-left:0;border-top:1px solid var(--border)}
 .product-duel {border-left:0;border-top:1px solid var(--border);padding-left:0}
 .category-list {grid-template-columns:repeat(2,minmax(0,1fr))}
 .process-line {grid-template-columns:1fr}
 .process-line li {display:flex;align-items:center;gap:var(--space-4);border-right:0;border-bottom:1px solid #465064}
 .process-line li:last-child {border-bottom:0}
 .process-line span {margin:0}
}
@media(max-width:600px) {
 .container {width:calc(100% - 2rem)}
 .primary-nav {left:-1rem;right:-1rem;padding-inline:var(--space-4)}
 .header-inner {gap:var(--space-3)}
 .section-shell,.research-band {padding-block:var(--space-10)}
 .section-heading {display:block}
 .trust-strip ul {grid-template-columns:repeat(2,minmax(0,1fr))}
 .trust-strip li {justify-content:flex-start;padding:var(--space-3);border-bottom:1px solid var(--border)}
 .live-duel > div,.comparison-hero,.feature-lead,.feature-matrix {padding:var(--space-5)}
 .live-duel .price {font-size:var(--font-2xl)}
 .decision-summary,.comparison-pair,.profile-split,.profile-facts,.home-research-columns {grid-template-columns:1fr}
 .decision-summary > div + div,.profile-facts > div + div {border-left:0;border-top:1px solid var(--border)}
 .home-research-columns > div:last-child {grid-column:auto}
 .related-list li,.hub-list li {grid-template-columns:1fr;gap:.5rem}
 .workflow-row {grid-template-columns:1fr}
 .decision-figure {overflow-x:auto}
 .decision-figure img {max-width:none;min-width:700px}
 .mobile-scroll-note {display:inline}
 .affiliate-cta .cta-row {align-items:stretch;flex-direction:column}
 .affiliate-cta .cta-affiliate {width:100%}
 .category-list {grid-template-columns:1fr}
 .footer-main {grid-template-columns:repeat(2,minmax(0,1fr))}
 .contents-nav ul,.primary-nav ul {grid-template-columns:1fr}
 .page-header {padding-block:var(--space-8)}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}}