@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:#4ADE80;--cro:#A78BFA;--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:#6b7488;--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;}
  --teal-ink: #1e293b;
  --maxw: 1200px;*{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:'Space Grotesk',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:'Space Grotesk',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:'Space Grotesk',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:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:20px}

.plan .pname {font-family:'Space Grotesk',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;position:relative;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:1024px){.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:1023px){.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:1024px){.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:1024px){.nav-hamburger{display:none}}.hamburger-icon{display:block}.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;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{transform:translateY(0)}.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}/* ============================================
   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; }