/* Generated by scripts/extract-page-css.cjs — do not edit.
   Was an inline <style> in compare/index.html; moved out so the CSP can drop
   'unsafe-inline' from style-src. Its position in <head> is preserved,
   so the cascade is unchanged. */
body{font-family:'DM Sans',sans-serif;color:var(--text);background:var(--surface);line-height:1.6}
h1,h2,h3,h4,h5,h6,.nav-logo-name{font-family:var(--font-display)}
a{text-decoration:none;color:inherit}
main{max-width:1000px;margin:0 auto;padding:120px 5% 80px}
.bc{font-size:12.5px;color:var(--text-3);margin-bottom:16px}
.bc a{color:var(--text-2)}
h1{font-size:clamp(36px,5vw,52px);font-weight:700;letter-spacing:-1.3px;line-height:1.1;margin-bottom:16px}
h1 em{font-style:normal;color:var(--growth-text)}
.lede{font-size:17px;color:var(--text-2);line-height:1.7;max-width:720px;margin-bottom:48px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:48px}
.card{background:var(--white);border:1.5px solid var(--border);border-radius:18px;padding:28px;transition:border-color 150ms,transform 150ms}
.card:hover{border-color:var(--growth);transform:translateY(-2px)}
.card-eyebrow{font-size:11px;font-weight:600;color:var(--growth-text);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px}
.card h2{font-size:22px;font-weight:700;letter-spacing:-0.4px;margin-bottom:10px}
.card p{font-size:14.5px;color:var(--text-2);line-height:1.6;margin-bottom:18px}
.card a.read{font-size:13.5px;font-weight:600;color:var(--growth-text)}
.faq-intro{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:32px;margin-top:40px}
.faq-intro h3{font-size:20px;font-weight:700;margin-bottom:12px}
.faq-intro p{font-size:15px;color:var(--text-2);line-height:1.7;margin-bottom:12px}
footer{background:var(--comm);padding:56px 5% 28px;border-top:1px solid rgba(255,255,255,0.05)}
@media(max-width:768px){.nav-right{display:none!important}}
