/* consolidated homepage CSS — csscon1 */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url("/assets/fonts/inter.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700 800;font-display:swap;src:url("/assets/fonts/montserrat.woff2") format("woff2")}
:root{
  --body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --dark:#07111f;
  --glass-bg:rgba(255,255,255,0.58);
  --glass-bg-dark:rgba(15,15,15,0.55);
  --glass-bg-strong:rgba(255,255,255,0.70);
  --glass-blur:20px;
  --glass-border:rgba(255,255,255,0.62);
  --glass-border-ink:rgba(16,24,40,0.18);
  --glass-saturate:180%;
  --glass-shadow:0 10px 36px rgba(15,23,42,0.10);
  --home-gap:clamp(16px,2.2vw,28px);
  --ink:#101828;
  --line:#e7e9ee;
  --max:1200px;
  --muted:#667085;
  --muted-2:#475467;
  --radius:28px;
  --red:#ed0000;
  --red-2:#c70010;
  --section-y:clamp(56px,6vw,96px);
  --soft:#f8fafc;
  --soft-shadow:0 12px 34px rgba(7,17,31,.08);
  --title:"Montserrat","Inter",Arial,sans-serif;
  --white:#fff;
  --z-card-border:1px solid rgba(16,24,40,.14);
  --z-card-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 26px rgba(7,17,31,.05);
  --z-gap:clamp(14px,2vw,22px);
  --z-radius:12px;
  --z-radius-sm:10px;
  --z-section-y:clamp(40px,4.8vw,68px);
  --z-shell:1200px;
  --za-body:#475467;
  --za-card-pad:1.1rem 1.15rem;
  --za-gap:clamp(12px,1.6vw,18px);
  --za-h2:var(--zatra-h2);
  --za-h2-lh:var(--zatra-h2-lh);
  --za-h2-ls:var(--zatra-h2-ls);
  --za-h3:var(--zatra-h3);
  --za-ink:#0b1220;
  --za-lede:1.02rem;
  --za-lede-lh:1.55;
  --za-line:rgba(16,24,40,.12);
  --za-muted:#667085;
  --za-red:#ed0000;
  --za-section-y:clamp(36px,4.2vw,56px);
  --za-shell:1200px;
  --zatra-body:1.05rem;
  --zatra-body-lh:1.65;
  --zatra-card-copy:.9375rem;
  --zatra-card-title:clamp(1rem,1.15vw,1.12rem);
  --zatra-card-title-w:750;
  --zatra-font-display:Montserrat,"Segoe UI",sans-serif;
  --zatra-h1:clamp(2.35rem,4vw,3.35rem);
  --zatra-h1-lh:1.12;
  --zatra-h1-ls:-.028em;
  --zatra-h1-max:min(100%,38ch);
  --zatra-h1-size:clamp(2.35rem,4vw,3.35rem);
  --zatra-h1-weight:800;
  --zatra-h2:clamp(1.45rem,2.25vw,1.95rem);
  --zatra-h2-lh:1.18;
  --zatra-h2-ls:-.022em;
  --zatra-h2-max:min(100%,28ch);
  --zatra-h2-weight:800;
  --zatra-h3:clamp(1.02rem,1.12vw,1.14rem);
  --zatra-h3-lh:1.28;
  --zatra-h3-ls:-.015em;
  --zatra-h3-weight:750;
  --zatra-h4:clamp(.72rem,.8vw,.8rem);
  --zatra-h4-lh:1.25;
  --zatra-h4-ls:.06em;
  --zatra-h4-size:clamp(1.05rem,1.4vw,1.2rem);
  --zatra-hero-breath:clamp(28px,6.5vw,40px);
  --zatra-lede:clamp(15px,1.05vw,17px);
  --zatra-lede-lh:1.55;
  --zatra-mobile-gutter:16px;
  --zatra-section-y-tight:clamp(40px,4.5vw,68px);
  --zatra-topbar-height:72px;
  --zatra-wa-green:#067647;
  --zatra-wa-green-hover:#05603b;
}

@media (max-width:980px){
:root{
    
    --zatra-h1-size:clamp(2.33rem,8.7vw,2.93rem);
    --zatra-h1:var(--zatra-h1-size);
    --zatra-h1-lh:1.14;
    --zatra-h1-ls:-.032em;
    --zatra-h2:clamp(1.35rem,4.4vw,1.65rem);
    --zatra-h2-lh:1.22;
    --zatra-h2-ls:-.024em;
    --zatra-h3:clamp(1.1rem,3.6vw,1.25rem);
    --zatra-h3-lh:1.3;
    --zatra-h3-ls:-.015em;
    --zatra-h1-max:100%;
    --zatra-h2-max:100%;
  }
}

@media (max-width:420px){
:root{
    --zatra-h1-size:clamp(2.18rem,9.75vw,2.7rem);
    --zatra-h1:var(--zatra-h1-size);
    --zatra-h2:clamp(1.28rem,5vw,1.5rem);
    --zatra-h3:clamp(1.05rem,4vw,1.2rem);
  }
}

@media (max-width:760px){
:root{
    --zatra-hero-breath:clamp(26px,7vw,36px);
  }
}

@media (max-width:420px){
:root{
    --zatra-hero-breath:24px;
  }
}