/* Generated by scripts/extract-css.cjs — do not edit.
   Shared by every page in the "compare" family. */
:root{--growth:#b1da31;--growth-dark:#8fb320;--growth-text:#5e7514;--growth-light:#f3fad5;--growth-dim:rgba(177,218,49,0.1);--trust:#6ad5ee;--trust-light:#e8f8fd;--trust-dim:rgba(106,213,238,0.1);--comm:#282a2b;--comm-mid:#3d4042;--surface:#f8f9f6;--white:#fff;--text:#282a2b;--text-2:#686f7d;--text-3:#6b7078;--border:rgba(40,42,43,0.1);--border-2:#e5e7eb;--ease-out:cubic-bezier(0.23,1,0.32,1);--font-display:'Poppins',sans-serif}
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}
.bc{max-width:1080px;margin:0 auto;padding:96px 5% 0;font-size:12.5px;color:var(--text-3)}
.bc a{color:var(--text-2);transition:color 150ms}
.bc a:hover{color:var(--growth-text)}
.bc span{margin:0 7px;color:var(--text-3)}
.hero{padding:36px 5% 60px;text-align:center;position:relative;overflow:hidden}
.hero-inner{max-width:780px;margin:0 auto;position:relative;z-index:1}
.vs-badge{display:inline-flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--border);padding:6px 14px;border-radius:100px;font-size:11px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:22px}
.vs-dot{width:6px;height:6px;border-radius:50%;background:var(--growth)}
.hero h1{font-size:clamp(36px,5vw,58px);font-weight:700;letter-spacing:-1.5px;line-height:1.05;margin-bottom:18px}
.hero h1 em{font-style:normal;color:var(--growth-text)}
.hero-sub{font-size:17px;font-weight:300;color:var(--text-2);line-height:1.7;max-width:600px;margin:0 auto 28px}