
.compare-hero,.sg-hero{padding:clamp(52px,6vw,80px) 0;border-bottom:1px solid var(--hair)}
.compare-hero-grid,.sg-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:clamp(28px,5vw,64px);align-items:center}
.compare-hero h1,.sg-hero h1{margin-top:18px;max-width:16ch;font-family:var(--font-display);font-size:clamp(40px,4.5vw,62px);font-weight:800;line-height:1;letter-spacing:-.025em;text-transform:uppercase;color:var(--text-strong)}
.compare-hero h1 span,.sg-hero h1 span{color:var(--accent)}
.compare-hero .lead,.sg-hero .lead{margin-top:22px;max-width:68ch;color:var(--sub);font-size:14px}
.compare-panel,.sg-panel{padding:clamp(20px,2.4vw,28px);background:var(--surface);border:1px solid var(--line)}
.compare-panel div,.sg-panel div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--hair);color:var(--sub);font-size:12px}.compare-panel div:last-child,.sg-panel div:last-child{border:0}.compare-panel strong,.sg-panel strong{font-family:var(--font-display);color:var(--accent)}
.compare-main,.sg-main{padding-top:clamp(44px,5vw,68px);padding-bottom:clamp(64px,7vw,92px)}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:clamp(24px,4vw,48px);align-items:start;margin-bottom:28px}.section-head h2,.content-block h2{font-family:var(--font-display);font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.05;letter-spacing:-.025em;text-transform:uppercase;color:var(--text-strong)}.section-head p,.content-block p{color:var(--sub);font-size:13px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-card{display:flex;flex-direction:column;min-height:250px;padding:26px;background:var(--surface);border:1px solid var(--line)}.info-card .num{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--accent)}.info-card h2,.info-card h3{margin-top:18px;font-family:var(--font-display);font-size:21px;line-height:1.18;text-transform:uppercase;color:var(--text-strong)}.info-card p{margin-top:12px;color:var(--sub);font-size:12.5px}.info-card a{margin-top:auto;padding-top:20px;font-family:var(--font-ui);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.compare-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line)}.compare-table th,.compare-table td{padding:16px;border-bottom:1px solid var(--hair);vertical-align:top;text-align:left;font-size:12px;color:var(--sub)}.compare-table th{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--text-strong);background:var(--bg)}.compare-table td:first-child{font-weight:800;color:var(--text-strong);width:25%}
.content-block{margin-top:26px;padding:clamp(22px,3vw,34px);background:var(--surface);border:1px solid var(--line)}.check-list{display:grid;gap:12px;margin-top:20px;list-style:none}.check-list li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;color:var(--sub);font-size:12.5px}.check-list strong{font-family:var(--font-display);color:var(--accent)}
.source-list{display:grid;gap:10px;margin-top:18px}.source-list a{padding:14px 16px;border:1px solid var(--line);color:var(--text-strong);font-size:11px}.source-list a:hover{border-color:var(--accent);color:var(--accent)}
.faq-list{display:grid;gap:10px;margin-top:18px}.faq-list details{padding:16px;border:1px solid var(--line);background:var(--bg)}.faq-list summary{cursor:pointer;font-family:var(--font-ui);font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text-strong)}.faq-list p{margin-top:12px}
@media(max-width:1180px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-hero-grid,.sg-hero-grid{grid-template-columns:1fr}.compare-panel,.sg-panel{max-width:none;justify-self:stretch}}
@media(max-width:820px){.section-head{grid-template-columns:1fr}.compare-table{display:block;overflow-x:auto}.card-grid{grid-template-columns:1fr}}
@media(max-width:700px){.compare-hero,.sg-hero{padding:40px 0}.compare-hero h1,.sg-hero h1{font-size:clamp(34px,11vw,46px)}.compare-main,.sg-main{padding-top:38px}.info-card{min-height:0;padding:22px}.content-block{padding:20px}.cta-row{display:grid}.cta-row .btn{width:100%;justify-content:center}.compare-panel div,.sg-panel div{grid-template-columns:34px minmax(0,1fr)}}
