@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/instrumentserif-400-italic.woff2') format('woff2')}@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/instrumentserif-400.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/inter-400.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/inter-500.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/inter-600.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/inter-700.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/inter-800.woff2') format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url('/fonts/inter-900.woff2') format('woff2')}:root{--geo:#22D3EE;--seo:#10B981;--cro:#7C3AED;--paper:#FCFDFF;--paper-2:#F4F6FA;--ink:#0F172A;--ink-2:#0f1729;--ink-3:#1a2440;--line:rgba(6,12,25,0.08);--line-strong:rgba(6,12,25,0.16);--muted:#4a5366;--muted-2:#586273;--navy:#060b18;--navy-mid:#0a1020;--navy-card:#0e1629;--navy-border:rgba(255,255,255,0.08);--cta:#2F80FF;--warning:#F59E0B;--red:#ef4444;--teal:var(--geo);--cyan:var(--geo);--blue:var(--cta);--blue-dark:#1e5fcc;--blue-glow:rgba(47,128,255,0.15);--teal-dark:#14b8a6;--teal-glow:rgba(54,230,208,0.18);--paper-3:#e8eef9;--green:var(--seo);--s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:48px;--s-6:64px;--s-7:96px;--s-8:128px;--elev-1:0 1px 2px rgba(6,12,25,0.04),0 4px 16px rgba(6,12,25,0.06);--elev-2:0 4px 12px rgba(6,12,25,0.08),0 12px 32px rgba(6,12,25,0.08);--elev-3:0 8px 24px rgba(6,12,25,0.12),0 24px 64px rgba(6,12,25,0.16);--elev-glow-blue:0 4px 16px rgba(47,128,255,0.25),0 12px 32px rgba(47,128,255,0.15);--elev-glow-teal:0 4px 16px rgba(54,230,208,0.3),0 12px 32px rgba(54,230,208,0.18);--ease-out:cubic-bezier(0.2,0.8,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--on-dark:#ffffff;--on-dark-muted:rgba(255,255,255,0.72);--teal-bright:#36e6d0;--teal-ink:#1e293b;--maxw:1200px;--text:var(--ink);--text-muted:var(--muted);--text-dim:var(--muted-2);--electric:var(--cyan);--navy-2:var(--navy-mid);--border:var(--line);--white:#ffffff;--black:#0f172a;--dark:#0f172a;--light:#f4f6fa;--off-white:#fcfdff;--slate:#4a5366;--slate-light:#697086;--slate-dark:#334155;--mid:#4a5366;--gray:#4a5366;--grey:#4a5366;--gray-light:#e8eef9;--grey-dim:#586273;--faint:#8892a4;--text-2:#4a5366;--text-3:#586273;--text-primary:#0f172a;--tint:#f4f6fa;--line2:rgba(6,12,25,.08);--surface:#ffffff;--surface2:#f4f6fa;--surface-2:#f4f6fa;--surface-alt:#f4f6fa;--card:#ffffff;--panel:#ffffff;--bg-2:#f4f6fa;--navy-deep:#060b18;--navy-light:#0e1629;--navy-lighter:rgba(255,255,255,.08);--accent:#2f80ff;--accent-dark:#1e5fcc;--accent-hover:#1e5fcc;--blue-bright:#2f80ff;--blue-ink:#1e5fcc;--blue-050:rgba(47,128,255,.06);--cyan-muted:rgba(34,211,238,.75);--cyan-dim:rgba(34,211,238,.5);--geo-bright:#22d3ee;--coral:#fb7185;--barclays:#00aeef;--barclays-dark:#0077a8;--barclays-glow:rgba(0,174,239,.25);--gradient-main:linear-gradient(135deg,#2f80ff,#22d3ee);--ok:#16a34a;--good:#16a34a;--good-bg:rgba(34,197,94,.12);--ok-bg:rgba(34,197,94,.12);--bad:#ef4444;--bad-bg:rgba(239,68,68,.12);--red-light:rgba(239,68,68,.1);--green-light:rgba(34,197,94,.12);--green-050:rgba(34,197,94,.06);--green-glow:rgba(34,197,94,.25);--amber:#f59e0b;--amber-light:rgba(245,158,11,.14);--amber-ink:#92400e;--level1:#ef4444;--level2:#f59e0b;--level3:#22d3ee;--level4:#22c55e;--code-color:#2f80ff;--font-h:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-b:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-m:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--ss-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--shadow:0 1px 2px rgba(6,12,25,.04),0 4px 16px rgba(6,12,25,.06);--shadow-card:0 1px 2px rgba(6,12,25,.04),0 4px 16px rgba(6,12,25,.06);--shadow-float:0 4px 12px rgba(6,12,25,.08),0 12px 32px rgba(6,12,25,.08);--radius:12px;--r-lg:16px;--r-xl:24px;--ease:cubic-bezier(.2,.8,.2,1);--page-margin:24px;--sidebar-w:240px;--form-pad:24px;--field-gap:16px;--nav-pad-top:16px;--hero-pad-top:48px;--sp-form:16px;--sp-eyebrow-h1:12px;--sp-h1-lede:16px;--sp-lede-trust:16px;--fs-h1:clamp(32px,5vw,52px);--fs-lede:19px;}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter',system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}

/* Eyebrow label - used in content sections */


.eyebrow::before {
  content: "";
  width: 20px;
  height: 1px;
  background: var(--teal);
}


/* Growth page content styles */
.wrap {max-width:var(--maxw);margin:0 auto;padding:0 26px}

.eyebrow {font-family:'Inter',sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-ink);display:inline-flex;align-items:center;gap:10px}

.eyebrow::before {content:"";width:20px;height:1px;background:var(--teal)}

.btn {display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-weight:600;font-size:15px;padding:13px 22px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;white-space:nowrap}

.btn:hover {transform:translateY(-1px)}

.btn-primary {background:var(--blue);color:#fff;box-shadow:0 10px 24px -10px rgba(47,128,255,.6)}

.btn-primary:hover {background:var(--blue-dark)}

.btn-ghost {background:transparent;color:var(--ink);border-color:var(--line-2)}

.btn-ghost:hover {border-color:var(--ink)}

.btn-on-dark {background:var(--teal-bright);color:#06231f;box-shadow:0 12px 28px -12px rgba(54,230,208,.5)}

.btn-on-dark:hover {background:#5cf0de}

.btn-ghost-dark {background:transparent;color:var(--on-dark);border-color:rgba(255,255,255,.28)}

.btn-ghost-dark:hover {border-color:#fff}

.section {padding:88px 0;border-bottom:1px solid var(--line)}

.sec-head {max-width:720px;margin-bottom:48px}

.sec-head.center {margin-left:auto;margin-right:auto;text-align:center}

.sec-head.center .eyebrow {justify-content:center}

.sec-head h2 {font-size:clamp(30px,4.4vw,46px);margin-top:16px}

.sec-head p {margin-top:16px;color:var(--muted);font-size:19px}

.trust {border-bottom:1px solid var(--line);background:var(--paper-2)}

.trust-in {display:grid;grid-template-columns:repeat(4,1fr);gap:0}

.trust div {padding:24px 18px;text-align:center;border-right:1px solid var(--line)}

.trust div:last-child {border-right:none}

.trust .n {font-weight:800;font-size:24px;letter-spacing:-.02em}

.trust .l {font-size:13px;color:var(--muted-2);margin-top:4px}

.three {display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

.disc {background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:26px 24px;border-top:3px solid var(--teal)}

.disc.geo {border-top-color:var(--geo)}

.disc.seo {border-top-color:var(--seo)}

.disc.cro {border-top-color:var(--cro)}

.disc .tag {font-family:'Inter',sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}

.disc .tag::before {content:"";width:9px;height:9px;border-radius:50%}

.disc.geo .tag {color:#0e7490}

.disc.geo .tag::before {background:var(--geo)}

.disc.seo .tag {color:#15803d}

.disc.seo .tag::before {background:var(--seo)}

.disc.cro .tag {color:#7c3aed}

.disc.cro .tag::before {background:var(--cro)}

.disc.nar {border-top-color:var(--teal)}

.disc.nar .tag {color:var(--teal-ink)}

.disc.nar .tag::before {background:var(--teal)}

.disc.sale {border-top-color:var(--blue)}

.disc.sale .tag {color:var(--blue-dark)}

.disc.sale .tag::before {background:var(--blue)}

.disc.rep {border-top-color:var(--amber)}

.disc.rep .tag {color:var(--amber-ink)}

.disc.rep .tag::before {background:var(--amber)}

.disc h3 {font-size:20px;margin-bottom:8px}

.disc p {font-size:15px;color:var(--muted);line-height:1.55}

.steps {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:step}

.step {position:relative;padding-top:20px;border-top:2px solid var(--line)}

.step .no {font-family:'Inter',sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}

.step h3 {font-size:22px;margin:10px 0 10px}

.step p {font-size:15.5px;color:var(--muted)}

.gets {display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;margin-top:8px}

.get {display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}

.get .ic {width:24px;height:24px;border-radius:7px;background:rgba(20,184,166,.14);color:var(--teal-ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;margin-top:2px}

.get h4 {font-size:16px;margin-bottom:3px}

.get p {font-size:14.5px;color:var(--muted);line-height:1.5}

.band-dark {background:var(--navy);border-bottom-color:var(--navy-border);color:var(--on-dark)}

.band-dark h2,.band-dark h3,.band-dark h4 {color:var(--on-dark)}

.band-dark h2 em {color:var(--teal-bright)}

.band-dark .eyebrow {color:var(--teal-bright)}

.band-dark .eyebrow::before {background:var(--teal-bright)}

.band-dark .sec-head p {color:var(--on-dark-muted)}

.guar {text-align:center;max-width:860px;margin:0 auto}

.guar .big {font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(30px,5vw,52px);line-height:1.2;color:var(--on-dark);font-weight:400}

.guar .big b {font-style:normal;font-family:'Inter',sans-serif;font-weight:800;color:var(--teal-bright)}

.guar .sub {margin-top:22px;color:var(--on-dark-muted);font-size:17px}

.plans {display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}

.plan {background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:30px 26px;display:flex;flex-direction:column}

.plan.feature {background:#fff;border:1.5px solid var(--teal);box-shadow:0 24px 60px -30px rgba(20,184,166,.5);position:relative}

.plan .flag {position:absolute;top:-12px;left:26px;background:var(--teal);color:#06231f;font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:20px}

.plan .pname {font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-ink)}

.plan h3 {font-size:23px;margin:8px 0 6px}

.plan .price {font-size:15px;color:var(--muted-2);margin-bottom:18px}

.plan .price b {color:var(--ink);font-size:18px;font-weight:800}

.plan ul {list-style:none;margin-bottom:24px;flex:1}

.plan li {font-size:14.5px;color:var(--muted);padding-left:24px;position:relative;margin-bottom:11px;line-height:1.5}

.plan li::before {content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--teal)}

.plan .btn {width:100%;justify-content:center}

.case {background:var(--navy);color:var(--on-dark);border-radius:18px;padding:44px 40px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}

.case .quote {font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(22px,3vw,30px);line-height:1.3;color:var(--on-dark)}

.case .who {margin-top:18px;font-size:14px;color:var(--on-dark-muted)}

.case .who b {color:var(--on-dark);font-weight:600}

.case .stat {border-left:2px solid var(--teal-bright);padding-left:22px}

.case .stat .big {font-weight:800;font-size:30px;line-height:1.1;color:var(--teal-bright)}

.case .stat .lbl {font-size:14px;color:var(--on-dark-muted);margin-top:6px;line-height:1.5}

.case .stat .big + .lbl {margin-bottom:22px}

.faq {max-width:780px;margin:0 auto}

.faq details {border-bottom:1px solid var(--line)}

.faq summary {list-style:none;cursor:pointer;font-weight:700;font-size:18px;color:var(--ink);padding:20px 40px 20px 0;position:relative}

.faq summary::-webkit-details-marker {display:none}

.faq summary::after {content:"+";position:absolute;right:6px;top:16px;font-size:26px;font-weight:400;color:var(--teal-ink);line-height:1}

.faq details[open] summary::after {content:"\2212"}

.faq details p {color:var(--muted);font-size:16px;padding:0 40px 22px 0;line-height:1.6}

.final {text-align:center}

.final h2 {font-size:clamp(32px,5vw,52px);max-width:16ch;margin:0 auto}

.final p {color:var(--on-dark-muted);font-size:19px;margin:18px auto 0;max-width:48ch}

.final 

 .reveal {opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}

.reveal.in {opacity:1;transform:none}

@media (max-width:767px){body{padding-bottom:80px}}img,svg{display:block;max-width:100%}.skip-link{position:absolute;top:-100px;left:8px;background:var(--ink);color:white;padding:12px 16px;border-radius:6px;text-decoration:none;z-index:999;font-weight:600;font-size:14px}.skip-link:focus{top:8px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.marquee-track{animation:none !important}}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.serif{font-family:'Instrument Serif','Times New Roman',serif;font-weight:400;letter-spacing:-0.01em}.italic{font-style:italic}.container{max-width:1240px;margin:0 auto;padding:0 24px}@media (min-width:768px){.container{padding:0 32px}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.4)}}.section{padding:80px 0;position:relative}@media (min-width:768px){.section{padding:var(--s-7) 0}}.section-tag{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--blue);font-weight:700;display:inline-flex;align-items:center;gap:var(--s-1)}.section-tag::before{content:"";width:24px;height:2px;background:linear-gradient(90deg,var(--teal),var(--blue));border-radius:1px;display:inline-block}.section-tag::after{content:"";width:0;height:0;border-left:5px solid var(--blue);border-top:3px solid transparent;border-bottom:3px solid transparent;margin-left:-7px;margin-right:4px}.nb{white-space:nowrap}.h1{font-size:clamp(36px,4.8vw,64px);line-height:0.98;letter-spacing:-0.03em;font-weight:800;color:var(--ink);text-wrap:balance}@media (min-width:1280px){.h1{font-size:68px}}.h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--blue);letter-spacing:-0.01em}#audit-url,[id="audit-url"]{scroll-margin-top:80px}.hero-h1 .geo-word{color:var(--geo);font-style:italic}.hero-h1 .underline-green{color:inherit;text-decoration:underline;text-decoration-color:var(--seo);text-decoration-thickness:3px;text-underline-offset:4px}.hero-h1 .cro-word{color:var(--cro);font-style:normal}.h1 .underline-teal{position:relative;z-index:1;display:inline-block;white-space:nowrap}.h1 .underline-teal::after{content:"";position:absolute;left:-2%;right:-2%;bottom:0.04em;height:0.22em;background:var(--teal);z-index:-1;transform:skewX(-4deg);border-radius:2px}.h2{font-size:clamp(22px,3vw,34px);line-height:1.15;letter-spacing:-0.015em;font-weight:700;text-wrap:balance}.h2 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--blue);letter-spacing:-0.01em}.h3{font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-0.01em}.lead{font-size:18px;line-height:1.5;color:var(--muted);max-width:640px}@media (min-width:768px){.lead{font-size:20px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;transition:all 0.2s ease;border:1.5px solid transparent;text-decoration:none;font-family:'Inter',sans-serif;line-height:1}.btn-primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:var(--elev-glow-blue)}.btn-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-1px);box-shadow:var(--elev-3)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--ink);background:var(--paper-2)}.btn-dark{background:var(--ink);color:white;border-color:var(--ink)}.btn-dark:hover{background:var(--ink-2);transform:translateY(-1px)}.btn-icon{width:18px;height:18px;flex-shrink:0}.nav{position:sticky;top:0;z-index:50;background:rgba(252,253,255,0.92);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1240px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}@media (min-width:768px){.nav-inner{padding:18px 32px}}.nav-logo{height:28px;flex-shrink:0}.nav-logo img,.nav-logo svg{height:32px;width:auto}.nav-links{display:none;gap:28px;font-size:14px;font-weight:500}@media (min-width:1140px){.nav-links{display:flex}}.nav-links a{color:var(--ink);text-decoration:none;transition:color 0.15s;cursor:pointer}.nav-links a:hover{color:var(--blue)}.nav-actions{display:flex;gap:12px;align-items:center}@media (max-width:1139px){.nav-actions{gap:0}.nav-actions>:not(.nav-hamburger):not(.nav-cta-button){display:none}.nav-actions .nav-cta-button{margin-right:12px;padding-right:16px;border-right:1px solid var(--line)}}.nav-actions .nav-cta-button{margin-right:4px}}@media (min-width:1140px){.nav-actions{display:flex}}.nav-cta-secondary{display:none;color:var(--ink);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:color 0.15s}.nav-cta-secondary:hover{color:var(--blue)}@media (min-width:768px){.nav-cta-secondary{display:inline}}.nav-cta-button{display:none;padding:9px 16px;font-size:13px;white-space:nowrap}@media (min-width:768px){.nav-cta-button{display:inline-flex}}.nav-hamburger{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:8px;margin-left:4px;color:var(--ink);border-radius:6px;transition:background 0.15s}.nav-hamburger:hover{background:var(--paper-2)}.nav-hamburger:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (min-width:1140px){.nav-hamburger{display:none}}.hamburger-icon{display:block;width:24px;height:24px;flex:none}.hamburger-line-top,.hamburger-line-mid,.hamburger-line-bot{transform-origin:center;transition:transform 0.2s ease-out,opacity 0.15s ease-out}.nav-hamburger[aria-expanded="true"] .hamburger-line-top{transform:translateY(6px) rotate(45deg)}.nav-hamburger[aria-expanded="true"] .hamburger-line-mid{opacity:0}.nav-hamburger[aria-expanded="true"] .hamburger-line-bot{transform:translateY(-6px) rotate(-45deg)}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(252,253,255,0.98);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line);box-shadow:0 8px 30px rgba(0,0,0,0.08);max-height:calc(100vh - 64px);overflow-y:auto}.mobile-menu.open{display:block;animation:mobileMenuSlideDown 0.2s ease-out}@keyframes mobileMenuSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1024px){}.mobile-menu-inner{max-width:1240px;margin:0 auto;padding:16px 24px 24px;display:flex;flex-direction:column;gap:4px}.mobile-menu-link{color:var(--ink);text-decoration:none;font-size:17px;font-weight:500;padding:14px 8px;border-bottom:1px solid var(--line);transition:color 0.15s}.mobile-menu-link:hover{color:var(--blue)}.mobile-menu-link:last-of-type{border-bottom:none}.mobile-menu-cta{margin-top:12px;justify-content:center;padding:16px;font-size:15px}.mobile-audit-form{margin-bottom:16px;padding:16px;background:white;border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 0 0 1px rgba(47,128,255,0.08),0 0 24px rgba(47,128,255,0.1)}.mobile-audit-label{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:10px;line-height:1.3}.mobile-audit-row{display:flex;gap:8px}.mobile-audit-form input{flex:1;min-width:0;background:var(--paper-2);border:1px solid var(--line-strong);border-radius:8px;padding:12px 12px;font-size:15px;font-family:inherit;color:var(--ink);outline:none}.mobile-audit-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,128,255,0.1)}.mobile-audit-form input::placeholder{color:var(--muted-2)}.mobile-audit-btn{background:var(--blue);color:white;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background 0.15s;flex-shrink:0;box-shadow:0 2px 8px rgba(47,128,255,0.3)}.mobile-audit-btn:hover{background:var(--blue-dark)}.mobile-menu-links{border-top:1px solid var(--line);padding-top:4px;display:flex;flex-direction:column;gap:4px}body.mobile-menu-open{overflow:hidden}.hero-wrap{position:relative;overflow:hidden;background:var(--paper);border-bottom:1px solid var(--line)}.hero-wrap::before{content:"";position:absolute;top:-200px;right:-100px;width:700px;height:700px;background:radial-gradient(circle at center,var(--blue-glow) 0%,transparent 60%);pointer-events:none}.hero-wrap::after{content:"";position:absolute;bottom:-200px;left:-100px;width:500px;height:500px;background:radial-gradient(circle at center,var(--teal-glow) 0%,transparent 60%);pointer-events:none}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(6,12,25,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(6,12,25,0.04) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;mask:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask:radial-gradient(ellipse at center,black 30%,transparent 80%)}.hero{position:relative;z-index:2;padding:32px 0 48px}@media (min-width:768px){.hero{padding:48px 0 64px}}@media (min-width:1280px){.hero{padding:56px 0 72px}}.hero-grid > div{min-width:0}.hero-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:start}@media (min-width:1024px){.hero-grid{grid-template-columns:1.15fr 1fr;gap:var(--s-6)}}.hero-pills{display:flex;gap:8px;margin-bottom:var(--s-2);flex-wrap:wrap}.hero-pill{background:white;border:1px solid var(--line-strong);color:var(--ink);padding:8px 14px;border-radius:100px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:10px;box-shadow:var(--elev-1)}.hero-pill .pill-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 1.6s infinite;flex-shrink:0}.hero-pill.brand .pill-dot{background:var(--blue);box-shadow:0 0 0 4px rgba(47,128,255,0.2)}.hero-pill strong{font-weight:700;color:var(--blue);font-feature-settings:'tnum'}.hero-h1{margin-bottom:var(--s-2)}.hero-sub{margin-bottom:var(--s-3);max-width:560px}.hero-sub strong{color:var(--ink);font-weight:600}.audit-form{background:white;border:1px solid var(--line-strong);border-radius:14px;padding:var(--s-2);box-shadow:var(--elev-2),0 0 0 1px rgba(47,128,255,0.08),0 0 24px rgba(47,128,255,0.08);max-width:520px;transition:box-shadow 0.25s var(--ease-out)}@media (max-width:1023px){.audit-form{max-width:100%}}.audit-form:focus-within{box-shadow:var(--elev-glow-blue)}.audit-form-label{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-weight:600}.audit-form-row{display:flex;gap:8px}@media (max-width:640px){.audit-form-row{flex-direction:column}.audit-form-cta{justify-content:center}}.audit-input{flex:1;min-width:0;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:6px;transition:all 0.15s}.audit-input:focus-within{background:white;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.audit-prefix{color:var(--muted-2);font-size:14px;font-weight:500;user-select:none}.audit-input input{flex:1;background:transparent;border:none;outline:none;font-family:inherit;font-size:15px;font-weight:500;color:var(--ink);min-width:0}.audit-input input::placeholder{color:var(--muted-2)}.audit-form-cta{background:var(--blue);color:white;border:none;padding:12px 22px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;white-space:nowrap;transition:all 0.2s var(--ease-out);display:inline-flex;align-items:center;gap:6px;box-shadow:var(--elev-glow-blue);font-family:inherit}.audit-form-cta:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:var(--elev-3)}.audit-form-cta:active{background:var(--action-blue-pressed);transform:translateY(1px) scale(0.985);box-shadow:inset 0 2px 6px rgba(6,12,25,0.32);transition-duration:0.06s}.audit-form-cta:disabled{opacity:0.7;cursor:not-allowed;transform:none}.hero-secondary-cta{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:14px;color:var(--muted)}.hero-secondary-cta a{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--blue);padding-bottom:1px;cursor:pointer}.hero-microproof{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:24px}.hero-microproof span{display:inline-flex;align-items:center;gap:6px}.hero-microproof .check{width:14px;height:14px;background:var(--green);border-radius:50%;color:white;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;flex-shrink:0}.hero-seo-h2{font-size:13px;font-weight:500;color:var(--muted);margin-top:24px;padding-top:20px;border-top:1px solid var(--line);max-width:520px;letter-spacing:0;line-height:1.5;font-family:'Inter',sans-serif}.demo-card{background:var(--ink);color:white;border-radius:16px;border:1px solid var(--ink-3);overflow:hidden;position:relative;box-shadow:var(--elev-3);pointer-events:none;user-select:none}.demo-card *{pointer-events:none}.demo-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(47,128,255,0.15) 0%,transparent 50%),radial-gradient(circle at bottom left,rgba(54,230,208,0.1) 0%,transparent 50%);pointer-events:none}.demo-chrome{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;gap:10px;background:rgba(255,255,255,0.03)}.demo-dots{display:flex;gap:5px}.demo-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.1)}.demo-url{flex:1;background:rgba(255,255,255,0.04);border-radius:6px;padding:5px 10px;font-family:'Inter',monospace;font-size:11px;color:var(--muted-2);text-align:center;font-weight:500;letter-spacing:-0.01em}.demo-url::before{content:"🔒 ";opacity:0.5;font-size:9px}.demo-screenshot-tag{position:absolute;bottom:12px;right:12px;background:rgba(255,255,255,0.95);color:var(--ink);padding:5px 10px;border-radius:100px;font-size:10px;letter-spacing:0.08em;font-weight:700;z-index:5;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.demo-screenshot-tag::before{content:"";width:6px;height:6px;background:var(--teal);border-radius:50%}.demo-body{padding:24px;position:relative;z-index:2}@media (min-width:480px){.demo-body{padding:28px}}.demo-scores-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.demo-score-tile{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px 8px;text-align:center}.demo-score-num{font-family:'Instrument Serif',serif;font-size:36px;line-height:1;letter-spacing:-0.02em;margin-bottom:4px}.demo-score-num.teal{color:var(--teal)}.demo-score-num.blue{color:var(--blue)}.demo-score-num.warning{color:var(--warning)}.demo-score-num.geo-color{color:var(--geo)}.demo-score-num.seo-color{color:var(--seo)}.demo-score-num.cro-color{color:var(--cro)}.demo-score-label{font-size:11px;color:rgba(255,255,255,0.55);letter-spacing:0.08em;text-transform:uppercase;font-weight:600;margin-bottom:4px}.demo-score-tier{font-size:10px;letter-spacing:0.1em;text-transform:uppercase;font-weight:700}.demo-score-tier.teal{color:var(--teal)}.demo-score-tier.blue{color:var(--blue)}.demo-score-tier.warning{color:var(--warning)}.demo-score-tier.geo-color{color:var(--geo)}.demo-score-tier.seo-color{color:var(--seo)}.demo-score-tier.cro-color{color:var(--cro)}.demo-benchmark-strip{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:linear-gradient(135deg,rgba(54,230,208,0.1),rgba(47,128,255,0.05));border:1px solid rgba(54,230,208,0.18);border-radius:8px;font-size:12px;color:rgba(255,255,255,0.85);font-weight:500;margin-bottom:8px}.demo-benchmark-strip span:first-child{color:var(--teal);font-weight:700}.demo-cat-free-tag{background:rgba(54,230,208,0.18);color:var(--teal);padding:2px 8px;border-radius:100px;font-size:9px;font-weight:800;letter-spacing:0.12em}.demo-findings{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.08)}.demo-findings-title{font-size:10px;color:rgba(255,255,255,0.5);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.demo-finding{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,0.06)}.demo-finding:last-child{border-bottom:none}.demo-finding-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.demo-finding-dot.red{background:var(--red);box-shadow:0 0 8px rgba(239,68,68,0.6)}.demo-finding-dot.warning{background:var(--warning);box-shadow:0 0 8px rgba(245,158,11,0.6)}.demo-finding-text{font-size:12px;color:rgba(255,255,255,0.85);line-height:1.5}.demo-finding-text strong{color:white;font-weight:700}.demo-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:rgba(255,255,255,0.04);padding:6px;border-radius:10px;margin-bottom:24px;border:1px solid rgba(255,255,255,0.06)}.demo-tab{padding:10px 4px;text-align:center;border-radius:6px;font-size:10px;color:rgba(255,255,255,0.5);position:relative;font-weight:500;letter-spacing:0.02em}.demo-tab .lock{position:absolute;top:3px;right:4px;font-size:8px;opacity:0.5}.demo-tab .icon{display:block;margin:0 auto 4px;width:16px;height:16px;color:rgba(255,255,255,0.4)}.demo-tab.active{background:linear-gradient(135deg,rgba(54,230,208,0.18),rgba(54,230,208,0.08));color:var(--teal);border:1px solid rgba(54,230,208,0.25)}.demo-tab.active .icon-score-circle{width:28px;height:28px;background:var(--teal);border-radius:50%;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;margin:0 auto 4px}.demo-tier-tag{font-size:11px;letter-spacing:0.15em;margin-bottom:8px;color:rgba(255,255,255,0.7);text-align:center;font-weight:600}.demo-tier-tag .tier-check{color:var(--teal);font-weight:800}.demo-headline{font-family:'Instrument Serif',serif;font-size:32px;line-height:1;margin-bottom:24px;text-align:center;letter-spacing:-0.02em}.demo-headline .strong-text{color:var(--teal);font-style:italic}.demo-score-row{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;margin-bottom:8px}.demo-ring{width:110px;height:110px;position:relative}.demo-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.demo-ring-track{stroke:rgba(255,255,255,0.08);stroke-width:8;fill:none}.demo-ring-fill{stroke:var(--teal);stroke-width:8;fill:none;stroke-linecap:round;stroke-dasharray:314.16;stroke-dashoffset:78.54;filter:drop-shadow(0 0 8px rgba(54,230,208,0.5))}.demo-ring-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.demo-ring-num .num{font-family:'Instrument Serif',serif;font-size:40px;font-weight:400;line-height:1;letter-spacing:-0.02em}.demo-ring-num .label{font-size:10px;color:var(--teal);text-transform:uppercase;letter-spacing:0.18em;margin-top:2px;font-weight:700}.demo-benchmark{background:linear-gradient(135deg,rgba(54,230,208,0.12),rgba(54,230,208,0.04));border:1px solid rgba(54,230,208,0.2);padding:16px;border-radius:10px}.demo-benchmark-rank{font-family:'Instrument Serif',serif;font-size:22px;color:var(--teal);line-height:1;letter-spacing:-0.01em;margin-bottom:4px}.demo-benchmark-label{font-size:10px;color:rgba(255,255,255,0.6);letter-spacing:0.12em;text-transform:uppercase;font-weight:600}.demo-categories{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.08)}.demo-cat-title{font-size:10px;color:rgba(255,255,255,0.5);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.demo-cat-row{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;margin-bottom:10px}.demo-cat-icon{width:8px;height:8px;border-radius:2px}.demo-cat-icon.green{background:var(--teal)}.demo-cat-icon.red{background:var(--red)}.demo-cat-name{font-size:12px;margin-bottom:4px;font-weight:500}.demo-cat-bar{height:4px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden}.demo-cat-bar-fill{height:100%;border-radius:2px}.demo-cat-bar-fill.green{background:var(--teal)}.demo-cat-bar-fill.red{background:var(--red)}.demo-cat-score{font-size:11px;font-weight:700;font-feature-settings:'tnum'}.demo-cat-score.green{color:var(--teal)}.demo-cat-score.red{color:var(--red)}.demo-unlock{margin-top:var(--s-3);padding:var(--s-2);background:linear-gradient(135deg,rgba(47,128,255,0.16),rgba(47,128,255,0.06));border:1px dashed rgba(47,128,255,0.4);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);opacity:0.95;pointer-events:auto}.demo-unlock *{pointer-events:auto}.demo-unlock-text{font-size:12px;color:rgba(255,255,255,0.85)}.demo-unlock-text strong{display:block;color:var(--blue);font-weight:700;margin-bottom:2px;font-size:13px}.demo-unlock-btn{background:rgba(47,128,255,0.25);color:rgba(255,255,255,0.85);padding:8px 14px;border-radius:6px;font-size:11px;font-weight:600;flex-shrink:0;border:1px dashed rgba(47,128,255,0.5);letter-spacing:0.05em;cursor:pointer;font-family:inherit;transition:background 0.2s}.demo-unlock-btn:hover{background:rgba(47,128,255,0.4)}.demo-unlock-btn:disabled{opacity:0.6;cursor:not-allowed}.unlock-form-wrap{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.unlock-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.unlock-input{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);color:#fff;border-radius:6px;padding:7px 10px;font-size:12px;font-family:inherit;transition:border-color 0.2s;min-width:100px;flex:1}.unlock-input:focus{border-color:var(--blue);outline:none}.unlock-input::placeholder{color:rgba(255,255,255,0.4)}.unlock-input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--ink) inset;-webkit-text-fill-color:#fff}.unlock-url-input{flex:1.2}.unlock-error{font-size:11px;color:#f87171;display:none;margin:0}.unlock-trust{display:flex;gap:10px;flex-wrap:wrap}.unlock-trust span{font-size:10px;color:rgba(255,255,255,0.5);letter-spacing:0.03em}.unlock-success-msg{font-size:12px;color:var(--teal);font-weight:600;padding:6px 0}@media (max-width:640px){.demo-unlock{flex-direction:column;align-items:flex-start}.unlock-form{flex-direction:column;align-items:stretch;width:100%}.unlock-input{min-width:0;width:100%}.demo-unlock-btn{width:100%;text-align:center}}.marquee-section{background:var(--ink);color:white;padding:var(--s-3) 0;border-top:1px solid var(--ink-3);border-bottom:1px solid var(--ink-3);overflow:hidden;position:relative}.marquee-section::before,.marquee-section::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.marquee-section::before{left:0;background:linear-gradient(to right,var(--ink),transparent)}.marquee-section::after{right:0;background:linear-gradient(to left,var(--ink),transparent)}.marquee-track{display:flex;gap:var(--s-6);white-space:nowrap;animation:marquee 50s linear infinite;align-items:center}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee-item{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:rgba(255,255,255,0.85)}.marquee-item .num{color:var(--teal);font-weight:700;font-feature-settings:'tnum'}.marquee-item::after{content:"·";margin-left:56px;color:var(--blue);font-size:24px;line-height:1}.trust-section{background:var(--paper-2);padding:48px 0;border-bottom:1px solid var(--line)}.trust-label{text-align:center;font-size:11px;color:var(--muted);letter-spacing:0.18em;text-transform:uppercase;font-weight:700;margin-bottom:24px}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;align-items:center;justify-items:center;max-width:800px;margin:0 auto}@media (min-width:768px){.trust-grid{grid-template-columns:repeat(4,1fr)}}.trust-stat{text-align:center}.trust-stat-num{font-family:'Instrument Serif',serif;font-size:32px;line-height:1;color:var(--ink);margin-bottom:4px;letter-spacing:-0.02em;font-feature-settings:'tnum'}.trust-stat-num .accent{color:var(--blue)}.trust-stat-label{font-size:12px;color:var(--muted);letter-spacing:0.05em}.definition-section{background:var(--paper);padding:var(--s-6) 0}@media (max-width:767px){.definition-section{padding:var(--s-5) 0}}.definition-block{max-width:720px}.definition-lead{font-size:18px;line-height:1.55;color:var(--muted);margin-bottom:0}.definition-lead strong{color:var(--ink);font-weight:600}@media (min-width:768px){.definition-lead{font-size:20px}}.freevpro-section{background:var(--paper)}.freevpro-grid{display:grid;grid-template-columns:1fr;gap:var(--s-3);margin-top:var(--s-6);max-width:1100px;margin-left:auto;margin-right:auto;align-items:stretch}@media (min-width:768px){.freevpro-grid{grid-template-columns:0.95fr 1.05fr;gap:var(--s-3)}}.freevpro-card{background:white;border:1px solid var(--line);border-radius:16px;padding:var(--s-4);position:relative;transition:all 0.25s var(--ease-out);box-shadow:var(--elev-1)}.freevpro-card:hover{transform:translateY(-2px);box-shadow:var(--elev-2);border-color:var(--line-strong)}.freevpro-card.pro{background:var(--ink);color:white;border-color:var(--ink);overflow:hidden;box-shadow:var(--elev-3)}@media (min-width:768px){.freevpro-card.pro{transform:scale(1.02)}.freevpro-card.pro:hover{transform:scale(1.02) translateY(-2px)}}.freevpro-card.pro::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(54,230,208,0.12) 0%,transparent 60%),radial-gradient(circle at bottom left,rgba(47,128,255,0.08) 0%,transparent 50%);border-radius:inherit;pointer-events:none}.freevpro-tag{display:inline-flex;align-items:center;gap:var(--s-1);padding:6px 12px;border-radius:100px;font-size:11px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:var(--s-3);position:relative;z-index:2}.freevpro-tag.free{background:rgba(16,185,129,0.12);color:var(--green);border:1px solid rgba(16,185,129,0.25)}.freevpro-tag.pro{background:rgba(54,230,208,0.15);color:var(--teal);border:1px solid rgba(54,230,208,0.3)}.freevpro-title{font-family:'Instrument Serif',serif;font-size:32px;font-weight:400;line-height:1;margin-bottom:var(--s-1);letter-spacing:-0.02em;position:relative;z-index:2}.freevpro-card.pro .freevpro-title{font-size:36px}.freevpro-sub{font-size:15px;color:var(--muted);margin-bottom:var(--s-3);position:relative;z-index:2}.freevpro-card.pro .freevpro-sub{color:rgba(255,255,255,0.7)}.freevpro-list{list-style:none;margin-bottom:var(--s-3);position:relative;z-index:2}.freevpro-list li{padding:9px 0;font-size:14px;line-height:1.5;display:flex;align-items:flex-start;gap:10px;border-bottom:1px dashed var(--line)}.freevpro-card.pro .freevpro-list li{border-color:rgba(255,255,255,0.08);font-size:15px}.freevpro-list li svg{width:16px;height:16px;color:var(--green);flex-shrink:0;margin-top:2px}.freevpro-card.pro .freevpro-list li svg{color:var(--teal)}.freevpro-list li strong{color:var(--blue);font-weight:700}.freevpro-card.pro .freevpro-list li strong{color:var(--teal)}.freevpro-cta-line{text-align:center;padding:var(--s-2);background:var(--paper-2);border-radius:8px;font-size:13px;color:var(--muted);font-weight:600;letter-spacing:0.05em;position:relative;z-index:2;text-decoration:none;display:block;transition:transform 0.2s var(--ease-out)}a.freevpro-cta-line:hover{transform:translateY(-1px)}.freevpro-card.pro .freevpro-cta-line{background:var(--teal);color:var(--ink);border:none;font-weight:700;padding:var(--s-2);box-shadow:var(--elev-glow-teal)}.vprop-section{background:var(--paper)}.vprop-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:var(--s-6)}@media (min-width:768px){.vprop-grid{grid-template-columns:repeat(3,1fr)}}.vprop-card{padding:var(--s-4);background:white;border:1px solid var(--line);border-radius:16px;transition:all 0.25s ease;position:relative}.vprop-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(6,12,25,0.08);border-color:var(--line-strong)}.vprop-card.featured{background:var(--ink);color:white;border-color:var(--ink)}.vprop-card.featured::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(54,230,208,0.12) 0%,transparent 60%);border-radius:inherit;pointer-events:none}.vprop-num{font-size:11px;color:var(--blue);letter-spacing:0.15em;margin-bottom:24px;font-weight:700;text-transform:uppercase;position:relative;z-index:2}.vprop-card.featured .vprop-num{color:var(--teal)}.vprop-icon-wrap{width:48px;height:48px;background:var(--blue-glow);color:var(--blue);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;z-index:2}.vprop-card.featured .vprop-icon-wrap{background:rgba(54,230,208,0.12);color:var(--teal)}.vprop-icon-wrap svg{width:24px;height:24px}.vprop-card h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:26px;line-height:1.15;margin-bottom:14px;letter-spacing:-0.015em;position:relative;z-index:2}.vprop-card p{font-size:15px;color:var(--muted);line-height:1.55;position:relative;z-index:2}.vprop-card.featured p{color:rgba(255,255,255,0.75)}.problem-section{background:var(--paper-2)}.problem-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:var(--s-5)}@media (min-width:768px){.problem-grid{grid-template-columns:repeat(3,1fr)}}.problem-card{background:white;border:1px solid var(--line);border-radius:16px;padding:var(--s-4);position:relative;overflow:hidden}.problem-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue)}.problem-card:nth-child(1)::before{background:var(--red)}.problem-card:nth-child(2)::before{background:var(--warning)}.problem-card:nth-child(3)::before{background:var(--blue)}.problem-num{font-size:10px;letter-spacing:0.15em;color:var(--muted);margin-bottom:16px;font-weight:700;text-transform:uppercase}.problem-stat{font-family:'Instrument Serif',serif;font-size:84px;font-weight:400;line-height:0.85;margin-bottom:16px;letter-spacing:-0.04em;font-feature-settings:'tnum'}.problem-stat .small{font-size:28px;vertical-align:top}.problem-card:nth-child(1) .problem-stat{color:var(--red)}.problem-card:nth-child(2) .problem-stat{color:var(--warning)}.problem-card:nth-child(3) .problem-stat{color:var(--blue)}.problem-card h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:22px;margin-bottom:8px;letter-spacing:-0.01em}.problem-card p{font-size:14px;color:var(--muted);line-height:1.55}.desire-row{margin-top:32px;padding:var(--s-4);background:var(--ink);color:white;border-radius:16px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;position:relative;overflow:hidden}.desire-row::before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,var(--teal-glow) 0%,transparent 70%);pointer-events:none}.desire-num{font-family:'Instrument Serif',serif;font-size:64px;color:var(--teal);line-height:1;letter-spacing:-0.03em;position:relative;z-index:2}.desire-num .small{font-size:24px}.desire-text{font-size:15px;line-height:1.55;position:relative;z-index:2}.desire-text strong{color:var(--teal);font-weight:600;display:block;margin-bottom:4px}.compare-section{background:var(--paper)}.compare-table{margin-top:var(--s-5);background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--elev-1)}.compare-row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(160px,1.2fr) minmax(140px,1fr);border-bottom:1px solid var(--line)}.compare-row:last-child{border-bottom:none}.compare-cell{padding:18px 20px;font-size:14px;line-height:1.45;border-right:1px solid var(--line);display:flex;align-items:center;gap:8px;min-width:0;word-break:break-word;overflow-wrap:anywhere}.compare-cell:last-child{border-right:none}.compare-cell svg{flex-shrink:0}.compare-cell.head{background:var(--ink);color:white;font-weight:700;font-size:13px;letter-spacing:0.04em;text-transform:uppercase;padding:16px 20px}.compare-cell.head.us{background:linear-gradient(135deg,var(--blue),var(--blue-dark))}.compare-cell.head.us::after{content:"★";color:var(--teal);font-size:14px;margin-left:auto;flex-shrink:0;line-height:1}.compare-cell.feat{font-weight:600}.compare-row .compare-cell:nth-child(2):not(.head){background:rgba(47,128,255,0.04);font-weight:600}.compare-row .compare-cell:nth-child(3):not(.head){color:var(--muted-2);background:var(--paper-2);opacity:0.85}.compare-cell.yes{color:var(--green)}.compare-cell.no{color:var(--red);opacity:0.6}.compare-cell.partial{color:var(--warning)}@media (max-width:900px) and (min-width:641px){.compare-cell{padding:16px 14px;font-size:13px}.compare-cell.head{padding:14px 14px;font-size:12px}.compare-cell.head.us::after{font-size:12px}}@media (max-width:640px){.compare-table{border:none;background:transparent;box-shadow:none;border-radius:0}.compare-row{grid-template-columns:1fr;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:var(--elev-1)}.compare-row:first-child{display:none}.compare-cell{border-right:none;border-bottom:1px solid var(--line);padding:14px 18px}.compare-cell:last-child{border-bottom:none}.compare-cell.feat{background:var(--ink);color:white;font-weight:700;font-size:13px;padding:14px 18px}.compare-cell:not(.feat){padding-left:100px;position:relative;min-height:44px}.compare-cell:not(.feat)::before{content:attr(data-label);position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);font-weight:700;width:70px}.compare-row .compare-cell:nth-child(2):not(.head){background:rgba(47,128,255,0.04)}.compare-row .compare-cell:nth-child(3):not(.head){background:var(--paper-2)}}@media (max-width:767px){.demo-categories,.demo-findings{display:none}.demo-unlock{display:flex}.demo-card{box-shadow:var(--elev-2)}.marquee-item{font-size:16px}.marquee-track{animation-duration:60s}}.process-section{background:var(--paper-2)}.process-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:var(--s-5);background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}@media (min-width:768px){.process-grid{grid-template-columns:repeat(4,1fr)}}.process-step{padding:var(--s-4) var(--s-3);border-bottom:1px solid var(--line);position:relative}@media (min-width:768px){.process-step{border-bottom:none;border-right:1px solid var(--line)}.process-step:last-child{border-right:none}}.process-step:last-child{background:var(--blue);color:white}.process-step:nth-child(3){background:linear-gradient(135deg,rgba(54,230,208,0.08),rgba(47,128,255,0.06));position:relative}.process-step:nth-child(3)::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--blue))}.process-step-tag{font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-weight:700}.process-step:last-child .process-step-tag{color:rgba(255,255,255,0.7)}.process-step:nth-child(3) .process-step-tag{color:var(--blue)}.process-num{font-family:'Instrument Serif',serif;font-size:56px;line-height:1;margin-bottom:16px;color:var(--blue);letter-spacing:-0.03em}.process-step:last-child .process-num{color:var(--teal)}.process-step:nth-child(3) .process-num{color:var(--blue)}.process-step h3{margin-bottom:8px;font-size:17px;font-weight:700}.process-step p{font-size:14px;color:var(--muted);line-height:1.55}.process-step:last-child p{color:rgba(255,255,255,0.85)}.tools-section{background:var(--ink);color:white;position:relative;overflow:hidden}.tools-section .section-tag{color:var(--teal)}.tools-section .section-tag::before{background:var(--teal)}.tools-section .h2{color:white}.tools-intro{display:grid;grid-template-columns:1fr;gap:32px;align-items:end;margin-bottom:40px}@media (min-width:1024px){.tools-intro{grid-template-columns:1.5fr 1fr}}.tools-intro p{color:rgba(255,255,255,0.65);font-size:16px}.tools-intro p strong{color:white;font-weight:600}.tools-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:768px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{background:white;color:var(--ink);padding:28px;border-radius:14px;display:flex;flex-direction:column;min-height:420px;position:relative;transition:transform 0.25s}.tool-card:hover{transform:translateY(-4px)}.tool-card.featured{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:white;box-shadow:0 12px 40px rgba(47,128,255,0.4)}.tool-card.featured .tool-tag{color:rgba(255,255,255,0.8)}.tool-card.featured .tool-tagline{color:rgba(255,255,255,0.85)}.tool-card.featured .tool-divider{border-color:rgba(255,255,255,0.2)}.tool-card.featured .tool-checks li{color:white}.tool-card.featured .tool-meta{color:rgba(255,255,255,0.65);border-color:rgba(255,255,255,0.2)}.tool-badge{position:absolute;top:-10px;right:24px;background:var(--teal);color:var(--ink);padding:5px 11px;font-size:10px;font-weight:800;letter-spacing:0.12em;border-radius:100px;text-transform:uppercase}.tool-tag{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-weight:700}.tool-name{font-family:'Instrument Serif',serif;font-size:30px;line-height:1.05;margin-bottom:8px;letter-spacing:-0.02em}.tool-tagline{font-size:14px;color:var(--muted);margin-bottom:20px;line-height:1.5}.tool-divider{border-top:1px dashed var(--line-strong);margin:16px 0}.tool-checks{list-style:none;flex-grow:1;margin-bottom:20px}.tool-checks li{padding:6px 0;font-size:13px;display:flex;gap:10px;align-items:flex-start;line-height:1.5}.tool-checks li::before{content:"";width:6px;height:6px;background:var(--blue);border-radius:50%;flex-shrink:0;margin-top:7px}.tool-card.featured .tool-checks li::before{background:var(--teal)}.tool-meta{font-size:11px;color:var(--muted);margin-bottom:14px;padding-top:14px;border-top:1px dashed var(--line-strong);letter-spacing:0.04em}.tool-cta-btn{background:var(--ink);color:white;padding:14px;font-weight:600;text-align:center;font-size:14px;border-radius:8px;cursor:pointer;transition:transform 0.15s var(--ease-out);text-decoration:none;display:block}.tool-cta-btn:hover{transform:translateY(-1px)}.tool-card.featured .tool-cta-btn{background:white;color:var(--blue)}.pricing-section{background:var(--paper)}.pricing-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:var(--s-5);max-width:1000px;margin-left:auto;margin-right:auto}@media (min-width:768px){.pricing-grid{grid-template-columns:1fr 1fr}}.pricing-card{background:white;border:1px solid var(--line-strong);border-radius:18px;padding:var(--s-4);position:relative;display:flex;flex-direction:column;box-shadow:var(--elev-1);transition:all 0.3s var(--ease-out)}.pricing-card:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.pricing-card.featured{background:var(--ink);color:white;border-color:var(--ink);box-shadow:var(--elev-3)}@media (min-width:768px){.pricing-card.featured{transform:scale(1.03)}.pricing-card.featured:hover{transform:scale(1.03) translateY(-2px)}}.pricing-card.featured::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(47,128,255,0.15) 0%,transparent 50%);border-radius:inherit;pointer-events:none}.pricing-stage{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:100px;font-size:10px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:16px;background:var(--paper-2);color:var(--blue);border:1px solid var(--blue-glow);position:relative;z-index:2}.pricing-card.featured .pricing-stage{background:rgba(54,230,208,0.12);color:var(--teal);border-color:rgba(54,230,208,0.25)}.pricing-name{font-family:'Instrument Serif',serif;font-size:32px;margin-bottom:8px;letter-spacing:-0.02em;line-height:1;position:relative;z-index:2}.pricing-tagline{font-size:14px;color:var(--muted);margin-bottom:24px;line-height:1.5;position:relative;z-index:2}.pricing-card.featured .pricing-tagline{color:rgba(255,255,255,0.7)}.pricing-price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:24px;flex-wrap:wrap;position:relative;z-index:2}.pricing-price{font-family:'Instrument Serif',serif;font-size:56px;line-height:1;letter-spacing:-0.03em;color:var(--ink)}.pricing-card.featured .pricing-price{color:white}.pricing-permo{font-size:22px;color:var(--muted);font-family:'Instrument Serif',serif}.pricing-period{font-size:12px;color:var(--muted);letter-spacing:0.05em}.pricing-card.featured .pricing-period{color:rgba(255,255,255,0.5)}.pricing-divider{border-top:1px dashed var(--line-strong);margin-bottom:20px;position:relative;z-index:2}.pricing-card.featured .pricing-divider{border-color:rgba(255,255,255,0.15)}.pricing-list-title{font-size:11px;color:var(--muted);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:14px;font-weight:700;position:relative;z-index:2}.pricing-card.featured .pricing-list-title{color:rgba(255,255,255,0.6)}.pricing-list{list-style:none;margin-bottom:28px;flex-grow:1;position:relative;z-index:2}.pricing-list li{padding:9px 0;font-size:14px;line-height:1.45;display:flex;align-items:flex-start;gap:10px;border-bottom:1px dashed var(--line)}.pricing-card.featured .pricing-list li{border-color:rgba(255,255,255,0.08)}.pricing-list li svg{width:16px;height:16px;color:var(--green);flex-shrink:0;margin-top:2px}.pricing-card.featured .pricing-list li svg{color:var(--teal)}.pricing-list li strong{color:var(--blue);font-weight:700}.pricing-card.featured .pricing-list li strong{color:var(--teal)}.pricing-cta{background:var(--ink);color:white;text-align:center;padding:16px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;transition:all 0.2s var(--ease-out);position:relative;z-index:2;text-decoration:none;display:block}.pricing-cta:hover{transform:translateY(-1px)}.pricing-card.featured .pricing-cta{background:var(--blue);box-shadow:var(--elev-glow-blue)}.pricing-card.featured .pricing-cta:hover{background:var(--blue-dark)}.pricing-microproof{text-align:center;margin-top:12px;font-size:11px;color:var(--muted);position:relative;z-index:2}.pricing-card.featured .pricing-microproof{color:rgba(255,255,255,0.5)}.pricing-footnote{margin-top:32px;padding:24px 28px;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;font-size:14px;color:var(--muted);line-height:1.6;max-width:1000px;margin-left:auto;margin-right:auto}.pricing-footnote strong{color:var(--ink);display:block;margin-bottom:6px;font-family:'Instrument Serif',serif;font-size:17px;font-weight:400}.testimonials-section{background:var(--paper-2)}.test-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:var(--s-5)}@media (min-width:768px){.test-grid{grid-template-columns:1.5fr 1fr}}.test-card{padding:36px;border-radius:16px;border:1px solid var(--line);background:white;display:flex;flex-direction:column;position:relative;overflow:hidden}.test-card.featured{background:var(--ink);color:white;border-color:var(--ink)}.test-card.featured::before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(47,128,255,0.18) 0%,transparent 70%);pointer-events:none}.test-score-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(54,230,208,0.15);color:var(--teal);padding:6px 12px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:0.05em;margin-bottom:24px;width:fit-content;position:relative;z-index:2;text-transform:uppercase}.test-score-badge .test-score-circle{background:var(--teal);color:var(--ink);width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.test-stars{color:var(--blue);margin-bottom:16px;font-size:16px;letter-spacing:4px;position:relative;z-index:2}.test-card.featured .test-stars{color:var(--teal)}.test-quote{font-family:'Instrument Serif',serif;font-size:22px;line-height:1.3;margin-bottom:28px;flex-grow:1;letter-spacing:-0.01em;position:relative;z-index:2}.test-card.featured .test-quote{font-size:26px}.test-card.featured .test-quote .highlight{color:var(--teal);font-style:italic}.test-meta{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;position:relative;z-index:2}.test-card.featured .test-meta{border-color:rgba(255,255,255,0.15)}.avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:var(--blue-glow);color:var(--blue);flex-shrink:0}.test-card.featured .avatar{background:var(--blue);color:white}.test-meta-name{font-weight:700}.test-meta-role{font-size:13px;color:var(--muted)}.test-card.featured .test-meta-role{color:rgba(255,255,255,0.65)}.test-verified{display:inline-flex;align-items:center;gap:6px;background:rgba(16,185,129,0.12);color:var(--green);padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;margin-top:12px;width:fit-content;position:relative;z-index:2}.authority-section{background:var(--ink);color:white}.authority-section .h2{color:white}.authority-section .section-tag{color:var(--teal)}.authority-section .section-tag::before{background:var(--teal)}.auth-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:var(--s-5)}@media (min-width:768px){.auth-grid{grid-template-columns:repeat(3,1fr)}}.auth-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);padding:var(--s-4);border-radius:14px}.auth-stat{font-family:'Instrument Serif',serif;font-size:72px;line-height:0.9;color:var(--teal);margin-bottom:20px;letter-spacing:-0.04em;font-feature-settings:'tnum'}.auth-stat .small{font-size:24px}.auth-card h3{margin-bottom:6px;font-size:18px;font-weight:700}.auth-card p{font-size:14px;color:rgba(255,255,255,0.65);line-height:1.55}.auth-cta{margin-top:40px;display:flex;gap:12px;flex-wrap:wrap}.faq-section{background:var(--paper)}.faq-list{margin-top:var(--s-5);max-width:880px}.faq-group-heading{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--blue);font-weight:700;margin-top:var(--s-5);margin-bottom:var(--s-2);padding-bottom:var(--s-2);border-bottom:1px solid var(--line)}.faq-list .faq-group-heading:first-of-type{margin-top:0}.faq-item{border-bottom:1px solid var(--line);padding:var(--s-3) 0}.faq-q{font-family:'Instrument Serif',serif;font-size:22px;line-height:1.25;display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);cursor:pointer;letter-spacing:-0.01em;transition:color 0.2s var(--ease-out)}.faq-q:hover{color:var(--blue)}.faq-q::after{content:"+";font-size:24px;color:var(--blue);flex-shrink:0;line-height:0;transition:transform 0.3s var(--ease-out)}.faq-item.open .faq-q::after{transform:rotate(45deg)}.faq-a{margin-top:0;color:var(--muted);font-size:15px;line-height:1.6;max-width:720px;max-height:0;overflow:hidden;transition:max-height 0.3s var(--ease-out),margin-top 0.3s var(--ease-out)}.faq-item.open .faq-a{max-height:500px;margin-top:var(--s-2)}.final-cta{background:linear-gradient(135deg,var(--ink) 0%,var(--ink-2) 100%);color:white;padding:96px 24px;text-align:center;position:relative;overflow:hidden}.final-cta::before{content:"";position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle at 30% 30%,var(--blue-glow) 0%,transparent 50%),radial-gradient(circle at 70% 70%,var(--teal-glow) 0%,transparent 50%);pointer-events:none}.final-cta-inner{position:relative;z-index:2;max-width:720px;margin:0 auto}.final-cta .h2{color:white;margin:0 auto 20px}.final-cta-sub{color:rgba(255,255,255,0.7);margin-bottom:36px;font-size:17px;line-height:1.5}.final-cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.final-cta-microproof{margin-top:28px;font-size:12px;color:rgba(255,255,255,0.45);display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.final-cta-microproof span::before{content:"✓ ";color:var(--teal)}.bottom-unlock{margin-top:64px;padding-top:64px;border-top:1px solid rgba(255,255,255,0.1);max-width:640px;margin-left:auto;margin-right:auto}.bottom-unlock-inner{text-align:center}.bottom-unlock-fields{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;justify-content:center}.bottom-unlock-fields input{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);color:#fff;border-radius:8px;padding:12px 16px;font-size:14px;font-family:inherit;transition:border-color 0.2s;flex:1;min-width:160px;text-align:left}.bottom-unlock-fields input:focus{border-color:var(--blue);outline:none}.bottom-unlock-fields input::placeholder{color:rgba(255,255,255,0.4)}.bottom-unlock-fields input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--ink) inset;-webkit-text-fill-color:#fff}#bottom-submit-btn{background:linear-gradient(135deg,var(--blue),var(--teal-dark));color:white;border:none;border-radius:8px;padding:13px 28px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:filter 0.2s,transform 0.1s;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center}@media (min-width:640px){#bottom-submit-btn{width:auto;min-width:200px}}#bottom-submit-btn:hover{filter:brightness(1.1)}#bottom-submit-btn:active{transform:scale(0.98)}#bottom-submit-btn:disabled{opacity:0.6;cursor:not-allowed}.bottom-unlock-error{font-size:13px;color:#f87171;margin-top:8px;display:none}.bottom-unlock-trust{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:16px}.bottom-unlock-trust span{font-size:12px;color:#6ee7b7;letter-spacing:0.02em}.bottom-unlock-trust span::before{content:"✓ ";color:var(--teal)}.bottom-unlock-success{text-align:center;padding:20px 0}.unlock-checkmark{width:56px;height:56px;background:rgba(16,185,129,0.12);border:2px solid rgba(16,185,129,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px}.footer{padding:56px 24px 32px;background:var(--ink);color:rgba(255,255,255,0.6)}@media (min-width:768px){.footer{padding:64px 32px 32px}}.footer-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,0.1)}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand-block .footer-logo{height:28px;margin-bottom:16px}.footer-brand-block .footer-logo img,.footer-brand-block .footer-logo svg{height:28px;width:auto}.footer-brand-block p{font-size:14px;line-height:1.5;max-width:320px}.footer-col h5{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:16px;color:white;font-weight:700}.footer-col ul{list-style:none}.footer-col li{padding:5px 0;font-size:14px}.footer-col li a{color:rgba(255,255,255,0.6);text-decoration:none;transition:color 0.15s var(--ease-out)}.footer-col li a:hover{color:var(--teal)}.footer-bottom a{color:rgba(255,255,255,0.4);text-decoration:none;transition:color 0.15s var(--ease-out)}.footer-bottom a:hover{color:var(--teal)}.footer-bottom{max-width:1240px;margin:24px auto 0;display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,0.4);flex-wrap:wrap;gap:16px}.sticky-cta{display:flex;position:fixed;bottom:16px;left:16px;right:16px;background:var(--blue);color:white;padding:14px;font-weight:700;font-size:14px;border-radius:12px;z-index:40;align-items:center;justify-content:center;gap:8px;box-shadow:var(--elev-glow-blue);text-decoration:none;transition:transform 0.2s var(--ease-out)}.sticky-cta:hover{transform:translateY(-2px)}@media (min-width:768px){.sticky-cta{display:none}}.desktop-float-cta{display:none;position:fixed;bottom:96px;right:32px;z-index:40;opacity:0;transform:translateY(16px);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none}.desktop-float-cta.visible{opacity:1;transform:translateY(0);pointer-events:auto}@media (min-width:768px){.desktop-float-cta{display:flex;flex-direction:column;gap:8px;align-items:flex-end}}.desktop-float-btn{background:var(--blue);color:white;padding:12px 20px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--elev-glow-blue),var(--elev-3);transition:transform 0.2s var(--ease-out),background 0.15s;white-space:nowrap;font-family:'Inter',sans-serif}.desktop-float-btn:hover{background:var(--blue-dark);transform:translateY(-2px)}.desktop-float-btn.secondary{background:white;color:var(--ink);box-shadow:var(--elev-2);font-size:13px;padding:10px 16px}.desktop-float-btn.secondary:hover{background:var(--paper-2);transform:translateY(-1px)}.section.definition-section,.section.freevpro-section,.section.vprop-section,.section.problem-section,.section.compare-section,.section.process-section,.section.tools-section,.section.testimonials-section,.section.pricing-section,.section.authority-section,.section.faq-section{content-visibility:auto;contain-intrinsic-size:0 600px;contain-intrinsic-size:auto 600px}
/* content-visibility:auto lets the browser skip a section's rendering until it nears the
   viewport; contain-intrinsic-size is the height it reserves in the meantime. One flat
   `600px` stood in for eleven sections whose real heights, measured 2026-08-18 in a headless
   browser at 390px with content-visibility forced off, run from 1,003px to 3,120px. The
   homepage therefore claimed to be 24,529px tall and grew to 32,483px as you scrolled it:
   just under 8,000px, about a third of the page, materialising underneath the reader.
   Chrome's scroll anchoring absorbs most of that on the way down, which is why the CLS
   metric stays near zero and Lighthouse scores it perfectly - the load window never sees
   it, because none of these sections are near the fold. What it does break is everything
   that depends on the page's stated height: scrollbar proportion, scroll restoration on
   back, and any in-page anchor computed before the target section has rendered.
   Two declarations per rule on purpose. The plain length comes first so a browser that does
   not understand the `auto` keyword keeps a usable reservation rather than dropping the
   declaration and collapsing the section to zero; `auto` then lets the browser remember the
   size it last actually rendered, which beats any static estimate on the second pass.
   The numbers are CONTENT-box heights, which is what the property takes: .section adds 80px of
   vertical padding below 768px and 96px above it, and the browser adds that on top. Measuring
   the border box and pasting it in here over-reserves every section by exactly that padding,
   which is what the first pass of this fix did. Measured stated-versus-true page height on the
   three busiest of the five pages: mobile homepage -29.6% before, -0.2% after; desktop homepage
   -10.7% before, +0.6% after; worst case across all six combinations 6.5%, and over-reserving
   rather than under, so the page settles DOWN slightly instead of growing under the reader. */
.section.definition-section{contain-intrinsic-size:0 1000px;contain-intrinsic-size:auto 1000px}
.section.freevpro-section{contain-intrinsic-size:0 1640px;contain-intrinsic-size:auto 1640px}
.section.vprop-section{contain-intrinsic-size:0 1490px;contain-intrinsic-size:auto 1490px}
.section.problem-section{contain-intrinsic-size:0 1900px;contain-intrinsic-size:auto 1900px}
.section.compare-section{contain-intrinsic-size:0 850px;contain-intrinsic-size:auto 850px}
.section.process-section{contain-intrinsic-size:0 1380px;contain-intrinsic-size:auto 1380px}
.section.tools-section{contain-intrinsic-size:0 1880px;contain-intrinsic-size:auto 1880px}
.section.testimonials-section{contain-intrinsic-size:0 1270px;contain-intrinsic-size:auto 1270px}
.section.pricing-section{contain-intrinsic-size:0 3300px;contain-intrinsic-size:auto 3300px}
.section.authority-section{contain-intrinsic-size:0 1470px;contain-intrinsic-size:auto 1470px}
.section.faq-section{contain-intrinsic-size:0 2000px;contain-intrinsic-size:auto 2000px}
/* Desktop measures roughly half the mobile height for the same section, so a single number
   cannot serve both. Measured at 1280px across the five pages that carry these classes. */
@media (min-width:768px){
  .section.definition-section{contain-intrinsic-size:0 640px;contain-intrinsic-size:auto 640px}
  .section.freevpro-section{contain-intrinsic-size:0 850px;contain-intrinsic-size:auto 850px}
  .section.vprop-section{contain-intrinsic-size:0 690px;contain-intrinsic-size:auto 690px}
  .section.problem-section{contain-intrinsic-size:0 1150px;contain-intrinsic-size:auto 1150px}
  .section.compare-section{contain-intrinsic-size:0 460px;contain-intrinsic-size:auto 460px}
  .section.process-section{contain-intrinsic-size:0 570px;contain-intrinsic-size:auto 570px}
  .section.tools-section{contain-intrinsic-size:0 760px;contain-intrinsic-size:auto 760px}
  .section.testimonials-section{contain-intrinsic-size:0 520px;contain-intrinsic-size:auto 520px}
  .section.pricing-section{contain-intrinsic-size:0 1700px;contain-intrinsic-size:auto 1700px}
  .section.authority-section{contain-intrinsic-size:0 700px;contain-intrinsic-size:auto 700px}
  .section.faq-section{contain-intrinsic-size:0 1400px;contain-intrinsic-size:auto 1400px}
}/* ============================================
   SHARED HERO — used by all main nav pages
   ============================================ */
   
/* Outer wrapper: light version (default) */
.hero-wrap {
  position: relative;
  overflow: hidden;
  background: var(--paper);
  border-bottom: 1px solid var(--line);
}
.hero-wrap::before {
  content: "";
  position: absolute;
  top: -200px; right: -100px;
  width: 700px; height: 700px;
  background: radial-gradient(circle at center, var(--blue-glow) 0%, transparent 60%);
  pointer-events: none;
}
.hero-wrap::after {
  content: "";
  position: absolute;
  bottom: -200px; left: -100px;
  width: 500px; height: 500px;
  background: radial-gradient(circle at center, var(--teal-glow) 0%, transparent 60%);
  pointer: none;
}
.hero-grid-bg {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(6,12,25,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6,12,25,0.04) 1px, transparent 1px);
  background-size: 64px 64px;
  pointer-events: none;
  mask: radial-gradient(ellipse at center, black 30%, transparent 80%);
  -webkit-mask: radial-gradient(ellipse at center, black 30%, transparent 80%);
}

/* ─── Section Hero — flat paper, no glows, per Phase 0 spec ─── */
.section-hero {
  position: relative;
  overflow: hidden;
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  padding: 32px 0 48px;
}
@media (min-width: 768px) { .section-hero { padding: 48px 0 64px } }
@media (min-width: 1280px) { .section-hero { padding: 56px 0 72px } }

.section-hero .h1.hero-h1 {
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.02;
  margin-bottom: var(--s-4);
}

.section-hero .section-tag {
  margin-bottom: var(--s-2);
}

.section-hero .hero-deck {
  font-size: clamp(18px, 2.1vw, 22px);
  line-height: 1.55;
  color: var(--muted);
  max-width: 720px;
  margin-bottom: var(--s-5);
}

.section-hero .hero-cta-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: var(--s-4);
}

.section-hero .hero-microproof {
  font-size: 12px;
  color: var(--muted);
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.section-hero .hero-microproof .check {
  width: 14px;
  height: 14px;
  background: var(--green);
  border-radius: 50%;
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 800;
  flex-shrink: 0;
}

/* Dark wrapper variant */
.hero-wrap.dark {
  background: radial-gradient(120% 130% at 80% -10%, #16233f 0%, #060b18 55%, #0a1020 100%);
  color: white;
  border-bottom: none;
}

.hero-wrap.dark .h1 {
  color: #fff;
}
.hero-wrap.dark::before { display: none; }
.hero-wrap.dark::after { display: none; }
.hero-wrap.dark .hero-grid-bg {
  background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
}
.hero-wrap.dark .crumbs { font-size: 13px; color: rgba(255,255,255,0.55); }
.hero-wrap.dark .crumbs a { color: rgba(255,255,255,0.55); text-decoration: none; transition: color 0.15s; }
.hero-wrap.dark .crumbs a:hover { color: rgba(255,255,255,0.85); }
.hero-wrap.dark .crumbs .sep { opacity: 0.5; margin: 0 7px; }
.hero-wrap.dark .crumbs .cur { color: rgba(255,255,255,0.85); }
.hero-wrap.dark .hero { padding-top: 24px; padding-bottom: 64px; }
.hero-wrap.dark .hero h1 { color: #fff; }
.hero-wrap.dark .hero h1 em { font-style: italic; color: var(--geo); }
.hero-wrap.dark .lead { color: rgba(255,255,255,0.8); }

/* Inner hero section */
.hero {
  position: relative;
  z-index: 2;
  padding: 32px 0 48px;
}
@media (min-width: 768px) { .hero { padding: 48px 0 64px } }
@media (min-width: 1280px) { .hero { padding: 56px 0 72px } }

/* 2-col grid: left=text, right=visual */
.hero-grid > div { min-width: 0; }
.hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  align-items: start;
}
@media (min-width: 1024px) {
  .hero-grid { grid-template-columns: 1.15fr 1fr; gap: var(--s-6) }
}

/* Hero text elements */
.hero-text { min-width: 0 }
.hero-visual { min-width: 0 }

/* Eyebrow label above H1 */
.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--blue-glow);
  border: 1px solid rgba(47,128,255,0.2);
  border-radius: 100px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 700;
  color: var(--blue);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.hero-wrap.dark .hero-eyebrow {
  background: rgba(54,230,208,0.1);
  border-color: rgba(54,230,208,0.25);
  color: var(--teal);
}

/* H1 in hero — uses .h1 from system but hero-specific resets */
.hero-h1 { margin-bottom: 12px }
.hero-wrap.dark .hero-h1 { color: #fff }
.hero-wrap.dark .h1 em { color: var(--geo) }

/* Deck / intro paragraph */
.hero-deck {
  font-size: clamp(18px, 2.1vw, 22px);
  line-height: 1.55;
  color: var(--muted);
  max-width: 640px;
  margin-bottom: 24px;
}
.hero-wrap.dark .hero-deck { color: rgba(255,255,255,0.7) }
.hero-deck strong { color: var(--ink); font-weight: 600 }
.hero-wrap.dark .hero-deck strong { color: #fff }

/* CTA row */
.hero-cta-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 24px;
}

/* Microproof row */
.hero-microproof {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  font-size: 12px;
  color: var(--muted);
  margin-top: 24px;
}
.hero-microproof span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.hero-microproof .check {
  width: 14px; height: 14px;
  background: var(--green);
  border-radius: 50%;
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 800;
  flex-shrink: 0;
}
.hero-wrap.dark .hero-microproof { color: rgba(255,255,255,0.55) }

/* Social proof line */
.hero-proof-line {
  margin-top: 20px;
  padding: 12px 16px;
  background: rgba(47,128,255,0.06);
  border: 1px solid rgba(47,128,255,0.15);
  border-radius: 10px;
  font-size: 13px;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.hero-proof-line a { color: var(--blue); font-weight: 600; text-decoration: none }
.hero-proof-line a:hover { text-decoration: underline }
.hero-proof-eyebrow {
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted-2);
  font-weight: 700;
  white-space: nowrap;
}
.hero-wrap.dark .hero-proof-line {
  background: rgba(54,230,208,0.06);
  border-color: rgba(54,230,208,0.2);
}

/* Pills (small label badges) */
.hero-pills {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.hero-pill {
  background: white;
  border: 1px solid var(--line-strong);
  color: var(--ink);
  padding: 8px 14px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.hero-pill .pill-dot {
  width: 6px; height: 6px;
  background: var(--green);
  border-radius: 50%;
  animation: pulse 1.6s infinite;
  flex-shrink: 0;
}
.hero-pill strong { font-weight: 700; color: var(--blue); font-feature-settings: 'tnum' }

.section-alt{background:var(--paper-2)}.section-alt .section-tag{color:var(--blue)}.section-alt .section-tag::before{background:linear-gradient(90deg,var(--teal),var(--blue))}.section-alt .section-tag::after{border-left-color:var(--blue)}.section-alt .h2 em{color:var(--blue)}.proof-strip{display:grid;grid-template-columns:1fr;gap:var(--s-5);align-items:center;margin-top:var(--s-6)}@media(min-width:768px){.proof-strip{grid-template-columns:1fr 1fr;gap:var(--s-6)}}.proof-strip-copy{max-width:520px}.proof-strip-eyebrow{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--blue);font-weight:700;margin-bottom:var(--s-2)}.proof-strip-h2{font-family:'Instrument Serif',serif;font-size:clamp(26px,3.5vw,36px);line-height:1.15;letter-spacing:-0.02em;margin-bottom:var(--s-2);color:var(--ink)}.proof-strip-lead{font-size:16px;line-height:1.6;color:var(--muted);margin-bottom:var(--s-3)}.proof-strip-link{font-size:14px;font-weight:600;color:var(--blue);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color 0.15s}.proof-strip-link:hover{color:var(--blue-dark)}.proof-strip-card{background:var(--ink);color:white;border-radius:16px;border:1px solid var(--ink-3);overflow:hidden;box-shadow:var(--elev-3)}.proof-card-chrome{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.02)}.proof-card-engine{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:white}.proof-card-engine svg{display:inline;vertical-align:middle}.proof-card-verified{font-size:12px;color:rgba(255,255,255,0.55);display:flex;align-items:center;gap:5px}.proof-card-verified .check{color:var(--teal);font-weight:700;font-size:13px}.proof-card-verified a{color:inherit;text-decoration:none;transition:color 0.15s}.proof-card-verified a:hover{color:var(--teal)}.proof-card-body{padding:20px 18px 24px}.proof-card-query{font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:16px;line-height:1.5;padding:10px 14px;background:rgba(255,255,255,0.04);border-radius:8px;border-left:3px solid var(--blue)}.proof-card-answer{display:flex;flex-direction:column;gap:8px}.proof-card-rank{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:rgba(255,255,255,0.03);border-radius:8px;border:1px solid rgba(255,255,255,0.06)}.proof-card-rank-1{background:rgba(54,230,208,0.08);border-color:rgba(54,230,208,0.2)}.proof-rank-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.6)}.proof-card-rank-1 .proof-rank-num{background:var(--teal);color:var(--ink)}.proof-rank-detail{flex:1;min-width:0}.proof-rank-detail strong{display:block;font-size:15px;font-weight:700;color:white;margin-bottom:2px}.proof-rank-detail span{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.4}.proof-card-foot{font-size:11px;color:rgba(255,255,255,0.35);margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.06);line-height:1.5}


/* ============================================
   INDUSTRIES PAGE
   ============================================ */

/* Industry cards grid */
.ind-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) { .ind-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) { .ind-grid { grid-template-columns: 1fr 1fr 1fr; } }

.ind-card {
  display: block;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 22px;
  background: white;
  text-decoration: none;
  transition: box-shadow 0.2s var(--ease-out), border-color 0.2s, transform 0.2s;
}
.ind-card:hover {
  box-shadow: var(--elev-2);
  border-color: var(--geo);
  transform: translateY(-2px);
}
.ind-card .card-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(34, 211, 238, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  color: var(--geo);
  transition: background 0.2s;
}
.ind-card:hover .card-icon { background: rgba(34, 211, 238, 0.2); }
.ind-card h3 { font-family: 'Instrument Serif', serif; font-size: 21px; margin-bottom: 4px; font-weight: 400; letter-spacing: -0.01em; line-height: 1.2; color: var(--ink); }
.ind-card p { font-size: 13.5px; color: var(--muted); margin: 0 0 12px; line-height: 1.5; }
.ind-card .card-arrow { font-size: 13px; font-weight: 600; color: var(--blue); display: flex; align-items: center; gap: 4px; }
.ind-card:hover .card-arrow { color: var(--blue-dark); }

/* Tag pill */
.ind-tag {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--teal);
  background: rgba(20, 184, 166, 0.1);
  border-radius: 999px;
  padding: 3px 9px;
  margin-bottom: 10px;
}
.ind-tag.soon { color: var(--muted); background: var(--paper-2); }

/* Coming-soon card variant */
.ind-card.soon { opacity: 0.65; cursor: default; }
.ind-card.soon:hover { transform: none; box-shadow: none; border-color: var(--line); }
.ind-card.soon .card-icon { background: var(--paper-2); color: var(--muted); }

/* Dark any-business CTA section */
.section-dark {
  background: var(--ink);
  color: white;
  border-radius: 18px;
  padding: 40px 32px;
  text-align: center;
  margin-top: 48px;
}
.section-dark .h2 { color: white; }
.section-dark p { color: rgba(255,255,255,0.75); max-width: 54ch; margin: 0 auto 24px; font-size: 16px; line-height: 1.6; }


/* ============================================
   METHODOLOGY PAGE
   ============================================ */

/* Long-form article container (820px for readability) */
.methodology-body {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 20px 80px;
}
section.methodology-body > .container,
section.methodology-body .methodology-section > .container {
  padding-top: 16px;
}
@media (min-width: 768px) {
  section.methodology-body > .container,
  section.methodology-body .methodology-section > .container {
    padding-top: 24px;
  }
}
@media (min-width: 768px) { .methodology-body { padding: 0 32px 80px } }

/* Hero eyebrow pill */
.methodology-hero .hero-eyebrow {
  background: rgba(54,230,208,0.15);
  border-color: rgba(54,230,208,0.25);
  color: var(--teal);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-family: 'Inter', sans-serif;
  margin-bottom: 20px;
}

/* H1 specific to methodology - white on dark hero */
.methodology-hero .hero-h1 {
  font-family: 'Instrument Serif', serif;
  font-size: clamp(36px, 4.8vw, 64px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin-bottom: 16px;
  color: #fff;
}

/* Hero deck / intro paragraphs - muted white on dark hero */
.methodology-hero .hero-deck {
  font-size: 1.1rem;
  color: rgba(255,255,255,0.7);
  max-width: 620px;
  margin-bottom: 48px;
  line-height: 1.7;
}

/* Prose content within methodology */
section.methodology-body h2, .methodology-body h2 {
  font-family: 'Instrument Serif', serif;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 40px 0 12px;
  letter-spacing: -0.3px;
  color: var(--ink);
}
section.methodology-body h3, .methodology-body h3 {
  font-family: 'Inter', sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  margin: 24px 0 8px;
  color: var(--geo);
}
section.methodology-body p, .methodology-body p {
  color: var(--muted);
  margin-bottom: 14px;
  font-size: 15px;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .methodology-body p { font-size: 17px; }
}
section.methodology-body ul, .methodology-body ul {
  color: var(--muted);
  padding-left: 20px;
  margin-bottom: 16px;
}
.methodology-body ul li { margin-bottom: 6px; }
.methodology-body strong { color: var(--ink); font-weight: 600; }
.methodology-body code {
  background: var(--paper-3);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 13px;
}
section.methodology-body blockquote, .methodology-body blockquote {
  border-left: 3px solid var(--blue);
  padding: 12px 20px;
  margin: 0 0 32px;
  background: var(--paper-2);
  border-radius: 0 10px 10px 0;
  color: var(--ink);
  font-size: 14px;
  font-style: normal;
}

/* Category cards grid */
.cat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 24px 0 40px;
}
@media (max-width: 600px) {
  .cat-grid { grid-template-columns: 1fr; gap: 12px; }
  .cat-grid .cat-card { padding: 16px; }
}
.cat-card {
  background: white;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 20px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.cat-card:hover { border-color: var(--line-strong); box-shadow: var(--elev-1); }
.cat-weight {
  display: inline-block;
  background: var(--blue-glow);
  border: 1px solid rgba(47,128,255,0.2);
  border-radius: 20px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 700;
  color: var(--blue);
  font-family: 'Inter', sans-serif;
  margin-bottom: 10px;
}
.cat-title {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 6px;
}
.cat-desc { font-size: 13px; color: var(--muted); line-height: 1.55; margin: 0; }

/* Tier table */
.tier-table { width: 100%; border-collapse: collapse; margin: 20px 0 32px; }
.tier-table th {
  text-align: left;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--line-strong);
}
.tier-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
  color: var(--muted);
}
.tier-table tr:last-child td { border-bottom: none; }
.tier-badge {
  display: inline-block;
  border-radius: 6px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  line-height: 1.4;
}

/* CTA block */
.cta-block {
  background: linear-gradient(135deg, var(--blue-glow), var(--teal-glow));
  border: 1px solid var(--line-strong);
  border-radius: 16px;
  padding: 24px 20px;
  text-align: center;
  margin-top: 48px;
}
@media (min-width: 640px) {
  .cta-block { padding: 32px; }
}
.cta-block h2 { margin-top: 0; font-size: clamp(20px, 3vw, 28px); }
.cta-block p { margin-bottom: 20px; }

/* Section alternation for methodology content */
/* Methodology sections */
section.methodology-body .methodology-section {
  padding: 48px 0;
}
@media (min-width: 768px) {
  section.methodology-body .methodology-section {
    padding: 64px 0;
  }
}

/* Section spacing */
.methodology-section {
  padding: 48px 0;
}
@media (min-width: 768px) {
  .methodology-section {
    padding: 64px 0;
  }
}

/* H2s use shared type scale */
.methodology-body h2 {
  font-family: 'Instrument Serif', serif;
  font-size: clamp(24px, 3.5vw, 40px);
  font-weight: 700;
  margin: 0 0 16px;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--ink);
}
.methodology-body h2 em {
  font-style: italic;
  color: var(--blue);
}

.methodology-body h3 {
  font-family: 'Inter', sans-serif;
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 700;
  margin: 28px 0 10px;
  color: var(--geo);
}
/* H3 colors on section-alt grey background - use darker variants for contrast */
.section-alt .methodology-body h3 {
  color: var(--geo);
  color: #0e7a8a; /* darker teal on grey */
}
.section-alt .methodology-body h3 + p,
.section-alt .methodology-body h3 ~ p {
  color: var(--muted);
}

/* Tables - responsive */
.methodology-body table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
  white-space: nowrap;
}
@media (min-width: 640px) {
  .methodology-body table { white-space: normal; }
}

.methodology-body table thead th {
  text-align: left;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: var(--ink);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 10px 14px;
  background: var(--paper-2);
  border-bottom: 1px solid var(--line-strong);
}
.methodology-body table tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
  color: var(--muted);
  vertical-align: top;
  line-height: 1.5;
}
.methodology-body table tbody tr:last-child td { border-bottom: none; }

/* Tier badge colour variants */
.tier-badge-excellent { background: #CCFBF1; color: #0F766E; }
.tier-badge-strong { background: #DCFCE7; color: #15803D; }
.tier-badge-competitive { background: #FEF9C3; color: #854D0E; }
.tier-badge-emerging { background: #FFEDD5; color: #C2410C; }
.tier-badge-low { background: #FEE2E2; color: #B91C1C; }
.tier-badge-critical { background: #F3F4F6; color: #6B7280; }


/* Centered hero (Guides, etc.) */
.hero-wrap.centered {
  text-align: center;
  background: var(--paper);
}
.hero-wrap.centered .hero {
  padding: 64px 24px 48px;
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .hero-wrap.centered .hero {
    padding: 80px 32px 64px;
  }
}
.hero-wrap.centered .hero h1 {
  font-size: clamp(32px, 5vw, 52px);
  text-align: center;
}
.hero-wrap.centered .hero p {
  text-align: center;
}

/* Dark eyebrow variant (for SAVI hero) */
.hero-wrap.dark .hero-eyebrow {
  background: rgba(54, 230, 208, 0.15);
  border-color: rgba(54, 230, 208, 0.25);
  color: var(--teal);
}
.hero-wrap.dark .hero-eyebrow::before {
  background: var(--teal);
}

.hero-eyebrow::before {
  content: "";
  width: 16px;
  height: 2px;
  background: linear-gradient(90deg, var(--teal), var(--blue));
  border-radius: 1px;
  display: inline-block;
}

/* SAVI hero — uses shared hero-wrap.dark + page-specific padding */
.hero-wrap.dark.savi-hero {
  background: radial-gradient(ellipse at 70% 0%, rgba(47,128,237,0.08) 0%, transparent 60%),
              radial-gradient(ellipse at 30% 100%, rgba(20,184,166,0.06) 0%, transparent 50%),
              #060c19;
}
.hero-wrap.dark.savi-hero .hero {
  padding: 48px 0 56px;
}
.hero-wrap.dark.savi-hero .hero-inner {
  max-width: 920px;
  margin: 0 auto;
  padding: 0 24px;
}
.hero-wrap.dark.savi-hero .hero-eyebrow {
  margin-bottom: 16px;
}
.hero-wrap.dark.savi-hero .hero-h1 {
  font-size: clamp(36px, 4.8vw, 64px);
  color: #fff;
  margin-bottom: 16px;
}
.hero-wrap.dark.savi-hero .hero-deck {
  font-size: clamp(17px, 2vw, 21px);
  color: rgba(255,255,255,0.68);
  max-width: 640px;
  margin-bottom: 32px;
}
.hero-wrap.dark.savi-hero .stats-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-bottom: 28px;
}
.hero-wrap.dark.savi-hero .stat-cell {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  padding: 18px 16px;
  text-align: left;
}
.hero-wrap.dark.savi-hero .stat-num {
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 6px;
}
.hero-wrap.dark.savi-hero .stat-label {
  font-size: 12px;
  color: rgba(255,255,255,0.55);
  line-height: 1.4;
}
.hero-wrap.dark.savi-hero .hero-cta-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}
.hero-wrap.dark.savi-hero .hero-microproof {
  display: flex;
  gap: 16px;
  font-size: 13px;
  color: rgba(255,255,255,0.45);
}
.hero-wrap.dark.savi-hero .check {
  color: var(--teal);
}
@media (min-width: 640px) {
  .hero-wrap.dark.savi-hero .stats-block {
    grid-template-columns: repeat(4, 1fr);
  }
  .hero-wrap.dark.savi-hero .hero-inner {
    padding: 0 32px;
  }
}

/* Guides hero */
.hero-wrap.centered.guides-hero {
  background: var(--paper);
}
.hero-wrap.centered.guides-hero .hero {
  padding: 64px 24px 48px;
  text-align: center;
}
.hero-wrap.centered.guides-hero .section-tag {
  margin: 0 auto 20px;
  justify-content: center;
}
.hero-wrap.centered.guides-hero 
.hero-wrap.centered.guides-hero .lead {
  font-size: clamp(16px, 2vw, 19px);
  color: var(--muted);
  text-align: center;
  max-width: 560px;
  margin: 0 auto;
}


/* Dark hero eyebrow */
.hero-wrap.dark .section-tag,
.methodology-hero .section-tag {
  margin-bottom: var(--s-2);
}@media (min-width: 768px) {
  .hero-wrap.centered.guides-hero .hero {
    padding: 80px 32px 64px;
  }
}


/* Growth Services hero */
.hero-wrap.dark.growth-hero {
  background: radial-gradient(ellipse at 70% 0%, rgba(20,184,166,0.12) 0%, transparent 55%),
              radial-gradient(ellipse at 20% 100%, rgba(20,184,166,0.06) 0%, transparent 50%),
              #060c19;
}
.hero-wrap.dark.growth-hero .hero {
  padding: 32px 0 48px;
}
.hero-wrap.dark.growth-hero .section-tag {
  margin-bottom: 20px;
}
.hero-wrap.dark.growth-hero .h1 {
  margin-bottom: 20px;
}
.hero-wrap.dark.growth-hero .lead {
  max-width: 620px;
  margin-bottom: 28px;
}
.hero-wrap.dark.growth-hero .hero-microproof {
  font-size: 13px;
  color: rgba(255,255,255,0.45);
  margin-top: 16px;
}

/* === Mobile overrides (390px viewport) === */
@media (max-width: 479px) {
  /* Section padding: 80px is too generous on mobile */
  .section { padding: 48px 0 !important; }
  .section.band-dark { padding: 48px 0 !important; }
  .section.definition-section { padding: 40px 0 !important; }

  /* Hero: tighter vertical rhythm */
  .section-hero {
    padding: 24px 0 40px !important;
  }

  /* Hero H1: bump up the minimum — 32px feels small on 390px */
  .section-hero .h1.hero-h1 {
    font-size: clamp(36px, 9.5vw, 52px) !important;
    line-height: 1.05 !important;
  }

  /* Hero deck: tighter margins */
  .section-hero .hero-deck {
    margin-bottom: 32px !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  /* CTA buttons: stack vertically, full-width for comfortable touch targets */
  .section-hero .hero-cta-row {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .section-hero .hero-cta-row .btn {
    width: 100% !important;
    justify-content: center !important;
  }
  .section-hero .hero-cta-row .hero-microproof {
    margin-top: 16px !important;
  }

  /* Trust strip: tighter 2x2 grid */
  .trust-grid {
    gap: 20px 16px !important;
  }
  .trust-stat-num {
    font-size: 26px !important;
  }

  /* Problem section: reduce the 84px stat font */
  .problem-stat {
    font-size: 56px !important;
  }
  .problem-stat .small {
    font-size: 20px !important;
  }

  /* Dark bands: match section rhythm */
  .band-dark {
    padding: 48px 0 !important;
  }

  /* Compare table: ensure proper mobile card styling */
  .compare-cell { font-size: 13px !important; }
  .compare-cell.feat { font-size: 13px !important; }

  /* Footer: reduce padding */
  .footer { padding: 40px 20px 28px !important; }
  .footer-grid { gap: 28px !important; }
}

/* === Mobile column collapse for legacy 3-col grids (added: were missing) === */
@media (max-width: 640px) {
  .three { grid-template-columns: 1fr; gap: 14px; }
  .steps { grid-template-columns: 1fr; gap: 16px; }
  .plans { grid-template-columns: 1fr; gap: 16px; }
  .gets { grid-template-columns: 1fr; gap: 8px 0; }
}
@media (min-width: 641px) and (max-width: 900px) {
  .three { grid-template-columns: 1fr 1fr; }
}

/* === Polish patch: header strip overflow + equal-height cards/steps === */

/* 1. Trust strip ("850,000+ / 250+ / 6 / 30-day") was 4 fixed columns with no
   mobile rule, forcing horizontal overflow on phones. Collapse to 2x2. */
@media (max-width: 640px) {
  .trust-in { grid-template-columns: 1fr 1fr; gap: 24px 16px; }
}

/* 2. GEO/SEO/CRO cards: make every card in a row the same height. */
.three { align-items: stretch; }
.disc { height: 100%; display: flex; flex-direction: column; }

/* 3. The three steps: equal height + a quiet card treatment so they read as a
   set rather than three ragged columns. */
.steps { align-items: stretch; }
.step {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--paper-2);
  border: 1px solid var(--line);
  border-top: 3px solid var(--teal);
  border-radius: 14px;
  padding: 24px;
}
.step .no { color: var(--blue); }
.step p { margin-top: auto; padding-top: 8px; }

@media(max-width:767px){.currency-toggle{bottom:80px!important}}
@media(max-width:640px){.tier-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.tier-table th,.tier-table td{white-space:normal}}

/* P1.3/P1.4 homepage design-system additions (2026-06-27) - ADDITIVE ONLY, appended last so single-class selectors win the .section media rule by source order */
.section--flush{padding:0}
.section--sm{padding:var(--s-5) 0}
.section--md{padding:var(--s-6) 0}
.section--seam-open{padding:var(--s-5) 0 var(--s-3)}
.section--seam-close{padding:var(--s-3) 0 var(--s-5)}
.lead-mt{margin-top:20px}
.guide-card{background:var(--navy-card);border:1px solid var(--navy-border);border-radius:14px;padding:var(--s-3);text-decoration:none;display:block;transition:border-color .2s}
.guide-card-tag{font-size:13px;color:var(--cyan);margin-bottom:var(--s-1);font-weight:600}
.guide-card-title{font-family:'Inter',sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:var(--s-1)}
.guide-card-desc{font-size:14px;color:#94a3b8;margin:0}
.guide-card-date{margin-top:12px;font-size:12px;color:#64748b}
.def-q{font-family:'Instrument Serif',serif;font-size:clamp(22px,2.8vw,28px);font-weight:400;letter-spacing:-.01em;color:var(--ink);margin:0 0 12px}
.def-a{font-size:16px;line-height:1.65;color:var(--muted);margin:0}
.def-code{background:#fff;padding:2px 6px;border-radius:4px;font-size:14px}
/* Motion tokens carried over from css/main.css (consumed by results-20260818.css) */
:root{--dur-tap:100ms;--dur-fast:150ms;--dur:200ms;--dur-slow:300ms;--dur-reveal:500ms;--dur-hero:1200ms;--ease-reveal:cubic-bezier(0.33,1,0.68,1)}
/* iOS focus-zoom fix: mobile form controls must render >=16px so Safari does not
   zoom on focus. Only ever raises size (no control here exceeds 16px); scoped to
   mobile so desktop input sizing is untouched. */
@media (max-width:767px){input,select,textarea{font-size:16px !important}}

/* ============================================================================
   WCAG AA contrast pass (2026-07-07) — luminance-only, hue-preserving.
   Introduces darker text/UI variant tokens for BODY-SIZE text, links and CTA
   button labels on LIGHT surfaces, where the vibrant brand hues fell below AA.
   Large-display uses of the original hues (hero H1 accents, big stat numbers)
   and every on-dark use (demo card, featured/pro navy cards, dark bands) are
   LEFT ON THE ORIGINAL vibrant tokens — they already pass their threshold.
   Tokens are calibrated against the site's DARKEST small-text light surface
   (--paper-2 #F4F6FA), not pure white, so they clear 4.5:1 on every real
   background the text actually sits on (white 4.97, --paper 4.88, --paper-2
   4.59). Fully reversible: point each *-a11y token back at its parent
   (--blue/--seo/--geo/--warning) to restore the original palette. See PR body
   for the before/after contrast table. Slightly shifts brand blue/green/cyan/amber.
   ============================================================================ */
:root{
  --action-blue:#286CD8;   /* was #2F80FF — 3.43(paper-2) -> 4.59; 4.88 paper; 4.97 white. AA text/CTA */
  --action-blue-pressed:#1F54A8; /* the :active shade of --action-blue. White on it is 7.26:1, so
                                    the pressed state is more accessible than the resting one, not
                                    less. Only ever used for :active; a hover is --blue-dark. */
  --seo-ink:#0B805A;        /* was #10B981 — 2.35(paper-2) -> 4.57; 4.86 paper. AA text/tick */
  --geo-ink:#147B8B;        /* was #22D3EE — 1.67(paper-2) -> 4.58; 4.58 on teal-tint pill. AA body text */
  --geo-ink-lg:#169BB0;     /* was #22D3EE — 1.78 -> 3.25 on --paper (hero H1). AA large text (>=3:1) */
  --amber-ink-a11y:#A66905; /* was #F59E0B — 2.15 -> 4.52 on white (84px stat). AA large + AA text */
}

/* --- Blue CTA button labels (white text on blue) --- */
.btn-primary{background:var(--action-blue);border-color:var(--action-blue)}
.mobile-audit-btn{background:var(--action-blue)}
.audit-form-cta{background:var(--action-blue)}
.pricing-card.featured .pricing-cta{background:var(--action-blue)}
.sticky-cta{background:var(--action-blue)}
.desktop-float-btn{background:var(--action-blue)}
.process-step:last-child{background:var(--action-blue)}
.test-card.featured .avatar{background:var(--action-blue)}
.tool-card.featured{background:linear-gradient(135deg,var(--action-blue),var(--blue-dark))}
.compare-cell.head.us{background:linear-gradient(135deg,var(--action-blue),var(--blue-dark))}
#bottom-submit-btn{background:linear-gradient(135deg,var(--action-blue),var(--teal-dark))}

/* --- Pressed state for the primary CTAs (2026-08-18) ---------------------------
   Every blue CTA had a :hover and nothing for :active. On a phone :hover never
   applies at all, so tapping "Get my free scores" changed precisely nothing on
   screen between the tap and the navigation: no colour, no depth, no movement.
   .audit-form-cta did carry `:active{transform:translateY(0)}`, but that only
   cancels the hover lift, and with no hover there is no lift to cancel, so it
   rendered identically to the resting button.
   Darker rather than lighter, so the label's contrast RISES while pressed
   (white on --action-blue-pressed is 7.26:1 against 4.97:1 at rest). The short
   transition-duration is load-bearing: these buttons inherit `transition:all .2s`,
   and 200ms is long enough that a quick tap navigates before the state paints. */
.btn-primary:active,
.mobile-audit-btn:active,
.pricing-card.featured .pricing-cta:active,
.sticky-cta:active,
.desktop-float-btn:active{
  background:var(--action-blue-pressed);
  border-color:var(--action-blue-pressed);
  transform:translateY(1px) scale(0.985);
  box-shadow:inset 0 2px 6px rgba(6,12,25,0.32);
  transition-duration:0.06s;
}
/* Reduced motion keeps the colour and the inset depth and drops only the movement. */
@media (prefers-reduced-motion:reduce){
  .btn-primary:active,
  .mobile-audit-btn:active,
  .audit-form-cta:active,
  .pricing-card.featured .pricing-cta:active,
  .sticky-cta:active,
  .desktop-float-btn:active{transform:none}
}

/* --- Blue links / eyebrows / small text on light --- */
.section-tag{color:var(--action-blue)}
.section-alt .section-tag{color:var(--action-blue)}
.pricing-stage{color:var(--action-blue)}
.hero-pill strong{color:var(--action-blue)}
/* Homepage nav CTA is a ghost/outline button (transparent bg, blue TEXT) set by
   an inline `body.home .nav-cta-button{color:var(--blue)!important}` rule in
   index.html. Higher-specificity !important is required to darken that label to
   AA (3.43 -> 4.88 on --paper). Border stays the brand ghost outline. */
body.home a.btn-primary.nav-cta-button{color:var(--action-blue) !important}
.hero-proof-line a{color:var(--action-blue)}
.proof-strip-eyebrow{color:var(--action-blue)}
.proof-strip-link{color:var(--action-blue)}
.nav-links a:hover{color:var(--action-blue)}
.nav-cta-secondary:hover{color:var(--action-blue)}
.mobile-menu-link:hover{color:var(--action-blue)}
.faq-group-heading{color:var(--action-blue)}
.faq-q:hover{color:var(--action-blue)}
.faq-q::after{color:var(--action-blue)}
.vprop-num{color:var(--action-blue)}
.ind-card .card-arrow{color:var(--action-blue)}
.trust-stat-num .accent{color:var(--action-blue)}
.freevpro-list li strong{color:var(--action-blue)}
.pricing-list li strong{color:var(--action-blue)}
.cat-weight{color:var(--action-blue)}
.avatar{color:var(--blue-dark)}   /* --action-blue is 4.97 on white but only 4.17 on the
   --blue-glow rgba(47,128,255,.15) tint the avatar actually sits on - the AA pass calibrated
   against --paper-2 and missed this tinted ground. --blue-dark #1e5fcc clears it at 4.94. */

/* --- Green ticks / checks / success text on light --- */
.hero-microproof .check{background:var(--seo-ink)}
.section-hero .hero-microproof .check{background:var(--seo-ink)}
.compare-cell.yes{color:var(--seo-ink)}
.test-verified{color:var(--seo-ink)}
.freevpro-tag.free{color:var(--seo-ink)}
.freevpro-list li svg{color:var(--seo-ink)}
.pricing-list li svg{color:var(--seo-ink)}
.hero-h1 .underline-green{text-decoration-color:var(--seo-ink)}

/* --- Cyan text on light (hero accent = large 3:1; body = 4.5) --- */
.hero-h1 .geo-word{color:var(--geo-ink-lg)}
/* Featured pricing pill: cyan label on a cyan-tinted chip was 1.67:1. Darken the
   label only (hue preserved), 1.67 -> 4.58 on the tint. Chip bg/border untouched. */
/* featured-card Stage pill: needs a light-on-dark treatment (card bg is --ink navy); left for owner design sign-off rather than a wrong dark-teal value. */

/* --- Amber stat / partial text on light --- */
.problem-card:nth-child(2) .problem-stat{color:var(--amber-ink-a11y)}
.compare-cell.partial{color:var(--amber-ink-a11y)}

/* --- Footer legal/meta greys (12px) --- */
/* Inherit the footer's own contextual colour instead of hard-coding white-alpha.
   On the default DARK footer (.footer{color:rgba(255,255,255,0.6)}) this renders
   7.0:1 (was 3.80 at 0.4 alpha). On LIGHT-footer templates (pricing sets
   .footer{color:var(--muted)}) it renders 7.6:1 dark-on-light instead of the
   previous near-white-on-white 1.01:1 (invisible). One rule fixes both. */
.footer-bottom{color:inherit}
.footer-bottom a{color:inherit}
/* Mobile nav overflow fix: hide the full-text desktop CTA at phone widths so
   only the hamburger sits in .nav-actions. Without this, .nav-actions (Get my
   free scores button ~153px + hamburger) is ~201px wide and pushes
   documentElement.scrollWidth past the viewport (~401 vs 390) at 390px. The
   CTA is not lost: it still appears inside the mobile menu. Kept as the last
   top-level rule so it wins on source order at <=767px. */
@media (max-width:767px){.nav-actions .nav-cta-button{display:none}}