/* The public audit is a HGM page first, then a tool: this file is the final
   landing-page layer and intentionally sits after the legacy transition CSS. */
:root{
  --hgm-ink:#17151b;
  --hgm-deep:#0d0d0f;
  --hgm-deep-2:#17121f;
  --hgm-paper:#fbfafc;
  --hgm-lilac:#d9c3f1;
  --hgm-purple:#7b5ea7;
  --hgm-blue:#6b72c8;
  --hgm-pink:#c96db5;
  --hgm-gradient:linear-gradient(118deg,var(--hgm-blue) 0%,var(--hgm-purple) 52%,var(--hgm-pink) 100%);
}

body{background:var(--hgm-paper);color:var(--hgm-ink)}
.site-header{height:98px;padding:0 24px;background:transparent}
.header-inner{width:min(1296px,calc(100vw - 48px));height:64px;padding:7px 9px 7px 24px;border:1px solid rgba(219,212,229,.9);background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(32,23,44,.1),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(22px) saturate(1.25)}
.site-header .header-nav{gap:0;font-size:.96rem}
.site-header .header-nav a{padding:10px 15px;color:#4f4b54;font-weight:600}
.site-header .header-nav a:hover{color:var(--hgm-purple);background:#f4eef9}
.site-header .header-audit{min-height:42px;padding:11px 20px;background:var(--hgm-gradient);box-shadow:0 12px 26px rgba(109,81,154,.25);font-size:.88rem}

.hero{min-height:min(610px,calc(100svh - 98px));padding:clamp(30px,3.6vw,52px) max(24px,calc((100vw - 1240px)/2));grid-template-columns:minmax(0,1.14fr) minmax(360px,.68fr);gap:clamp(44px,5vw,88px);background:var(--hgm-deep);isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 55% 75% at -7% 18%,rgba(125,96,165,.42),transparent 63%),radial-gradient(ellipse 35% 52% at 100% 91%,rgba(201,109,181,.34),transparent 66%),radial-gradient(ellipse 30% 45% at 76% 5%,rgba(107,114,200,.17),transparent 64%),#0d0d0f}
.hero::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,#000 0%,transparent 80%)}
.hero .glow{display:none}
.hero-copy{max-width:760px;margin:0}
.hero .eyebrow{display:flex;align-items:center;gap:12px;color:#d9c3f1;font-size:.74rem;letter-spacing:.17em}
.hero .eyebrow span{width:32px;margin:0;background:#d9c3f1}
.hero h1{max-width:700px;font-size:clamp(3rem,4.65vw,4.65rem);line-height:1.04;letter-spacing:-.042em;font-weight:700;text-wrap:pretty}
.hero h1 em{background:var(--hgm-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .lede{max-width:630px;margin:19px 0;color:rgba(255,255,255,.78);font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.5}
.hero-stats{display:flex;gap:clamp(24px,3vw,46px);margin:22px 0 18px}
.hero-stats div{display:grid;gap:3px}.hero-stats strong{font-size:1.65rem;line-height:1;color:#fff;letter-spacing:-.04em}.hero-stats span{color:rgba(255,255,255,.63);font-size:.73rem;letter-spacing:.03em}
.proof-list{gap:11px 27px;color:#f5f1f7;font-size:.97rem}
.proof-list li::before{color:#d8b7f0;margin-right:9px}

.audit-card{max-width:none;margin:0;padding:clamp(24px,2.15vw,32px);border:1px solid rgba(255,255,255,.7);border-radius:22px;background:linear-gradient(145deg,#fff 0%,#fbf9fc 100%);box-shadow:0 32px 80px rgba(0,0,0,.35),0 0 0 9px rgba(255,255,255,.045)}
.card-kicker{font-size:.72rem;letter-spacing:.17em;color:var(--hgm-purple)}
.audit-card h2{font-size:clamp(1.65rem,2.05vw,2.05rem);line-height:1.1;letter-spacing:-.03em;margin-bottom:21px}
.audit-card label{font-size:.9rem;color:#28232d}.keyword-label span{color:#817a87}
.url-field{height:54px;border-color:#ddd6e3;border-radius:12px;background:#fff;box-shadow:inset 0 1px 0 #fff}
.url-field:focus-within,.keyword-field:focus{border-color:#8b67b8;box-shadow:0 0 0 4px rgba(123,94,167,.13)}
.keyword-field{height:48px;border-color:#ddd6e3;border-radius:12px}.button{min-height:52px;padding:0 21px;background:var(--hgm-gradient);font-size:.96rem;box-shadow:0 14px 30px rgba(104,77,153,.25)}
.form-note{font-size:.72rem;line-height:1.48;color:#6e6873;margin-top:12px}
.turnstile-slot{min-height:0;margin:10px 0 0}.turnstile-slot:empty{display:none}

/* Keep the first screen intentionally compact at normal desktop zoom. The HGM
   site uses a restrained display scale; the audit form should remain wholly
   visible beside the proposition instead of extending beyond the viewport. */
@media (min-width:901px){
  .hero{min-height:min(580px,calc(100svh - 98px));padding-block:26px;gap:clamp(36px,4.2vw,68px)}
  .hero h1{max-width:650px;font-size:clamp(3rem,4.2vw,4.3rem);line-height:1.03}
  .hero .lede{margin:15px 0;font-size:1rem;line-height:1.45}
  .hero-stats{margin:17px 0 14px}.hero-stats strong{font-size:1.45rem}.hero-stats span{font-size:.68rem}
  .proof-list{gap:8px 22px;font-size:.91rem}
  .audit-card{max-width:520px;padding:24px 26px;border-radius:20px}
  .audit-card h2{font-size:1.9rem;margin-bottom:16px}
  .audit-card label{font-size:.84rem;margin-bottom:6px}
  .audit-card .keyword-label{margin-top:10px}
  .url-field{height:50px}.keyword-field{height:46px}
  .audit-card .button{min-height:50px;margin-top:12px}
  .form-note{margin-top:9px;font-size:.68rem;line-height:1.4}
}

.method,.landing-section{padding:clamp(82px,9vw,140px) max(24px,calc((100vw - 1180px)/2));border:0}
.method{background:#fff}.method>h2,.section-intro h2,.cta-section h2{letter-spacing:-.04em}
.method>h2{max-width:760px;font-size:clamp(2.4rem,4.4vw,4.55rem);line-height:1.04}
.method .eyebrow{margin-bottom:19px}.method-grid{gap:18px;margin-top:48px}.method-grid article{min-height:210px;padding:30px;border:1px solid #e8e3ec;border-radius:18px;background:#f7f5f8;transition:transform .2s ease,box-shadow .2s ease}
.method-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(52,38,72,.08)}.method-grid h3{margin-top:35px}

.landing-section{background:#fff}.section-intro{max-width:770px!important}.section-intro h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.05}.section-intro>p:last-child{color:#625d67}
.section-dark{position:relative;background:var(--hgm-deep);overflow:hidden}.section-dark::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 10%,rgba(123,94,167,.22),transparent 30%),radial-gradient(circle at 90% 90%,rgba(201,109,181,.15),transparent 26%)}.section-dark>*{position:relative}.section-dark .section-intro h2{color:#fff}.section-dark .section-intro>p:last-child{color:rgba(255,255,255,.68)}
.marketing-grid{gap:18px}.marketing-grid article,.use-grid article{border-radius:18px;border:1px solid #e7e1e9;background:#fbfafc;padding:28px}.section-dark article{background:rgba(31,23,40,.82);border-color:rgba(219,195,241,.2)}.marketing-grid article>span,.marketing-grid article>b{min-width:38px;height:34px;border-radius:9px;background:var(--hgm-gradient)}.marketing-grid h3,.use-grid h3{margin:28px 0 9px;font-size:1.26rem}.marketing-grid p,.use-grid p{color:#625d67}.section-dark article p{color:rgba(255,255,255,.67)}
.section-proof{background:#f6f4f7}.use-grid article{background:#fff}.cta-section{position:relative;background:var(--hgm-deep);color:#fff;overflow:hidden}.cta-section::before{content:"";position:absolute;width:520px;height:520px;right:-250px;bottom:-310px;border-radius:50%;background:radial-gradient(circle,rgba(201,109,181,.68),rgba(123,94,167,.18) 48%,transparent 70%)}.cta-section>*{position:relative}.cta-section h2{font-size:clamp(2.35rem,4vw,4rem);max-width:700px}.cta-section p{color:rgba(255,255,255,.7)}.cta-section .eyebrow{color:#d9c3f1}.cta-section .button{background:#fff;color:#211a28;box-shadow:none}.cta-section .button:hover{box-shadow:0 13px 30px rgba(0,0,0,.23)}
.faq-section{background:#fff}.faq-list{max-width:850px!important}.faq-list details{border-color:#e2dce7;border-radius:15px;background:#fbfafc}.faq-list summary{font-size:1.03rem}.faq-list summary::after{color:var(--hgm-purple)}
footer{width:100%;max-width:none;padding:30px max(24px,calc((100vw - 1180px)/2));background:#141116;border:0;color:#d5cdd9}

@media(max-width:900px){.site-header{height:82px}.header-inner{width:calc(100vw - 32px);height:58px}.site-header .header-nav{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:74px max(24px,7vw) 86px;gap:46px}.hero-copy{max-width:800px}.audit-card{max-width:620px}.method,.landing-section{padding-inline:max(24px,7vw)}}
@media(max-width:640px){.site-header{height:72px;padding:0 14px}.header-inner{width:100%;height:56px;padding-left:14px}.brand-logo-full{height:35px}.site-header .header-audit{min-height:37px;padding:9px 12px;font-size:.73rem}.hero{padding:54px 20px 66px;gap:34px}.hero::after{background-size:48px 48px}.hero h1{font-size:clamp(2.75rem,13vw,4.1rem);line-height:1.04}.hero .lede{font-size:1.03rem;margin:22px 0}.hero-stats{gap:20px;margin:20px 0}.hero-stats strong{font-size:1.32rem}.hero-stats span{font-size:.65rem}.proof-list{display:grid;gap:9px;font-size:.9rem}.audit-card{padding:26px 20px;border-radius:20px}.audit-card h2{font-size:1.78rem}.method,.landing-section{padding:68px 20px}.method>h2,.section-intro h2,.cta-section h2{font-size:clamp(2.05rem,10vw,3rem)}.method-grid{margin-top:34px}.method-grid article{min-height:0;padding:24px}.marketing-grid article,.use-grid article{padding:24px}.cta-section{gap:28px}}