@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Montserrat:wght@600;700&display=swap');

/* Global Weber overrides (loaded after main.css) */
html,body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
h1,h2,h3,.hero-title,.section-title,.page-hero-title,.s-title{font-family:Montserrat,Inter,Arial,sans-serif!important;font-weight:700;color:var(--w-gr);letter-spacing:-.02em}
.hero-title{font-size:clamp(1.6rem,4.5vw,3rem)}
.hero-sub{font-size:1rem;max-width:64ch}

/* CTA pulse animation */
.btn-call{position:relative}
.btn-call::after{content:'';position:absolute;inset:0;border-radius:8px;box-shadow:0 0 0 6px rgba(176,29,53,0.08);opacity:0;transform:scale(.9);transition:opacity .25s,transform .25s;pointer-events:none}
.btn-call.pulse::after{animation:pulse-cta 1.8s infinite cubic-bezier(.2,.9,.3,.95)}
@keyframes pulse-cta{0%{opacity:0;transform:scale(.95)}30%{opacity:.28;transform:scale(1.04)}100%{opacity:0;transform:scale(1.15)}}

/* Compact hero card styling */
.hero-card{border-radius:14px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.95),#FCFCFD);box-shadow:var(--sh-lg);border:1px solid rgba(25,35,47,.04);max-width:560px}

/* Ensure chips and buttons look consistent */
.hero-chips .chip{background:linear-gradient(90deg,rgba(255,255,255,.6),rgba(248,248,248,.6));border-radius:999px;padding:8px 12px;font-weight:700;color:var(--w-gr);box-shadow:0 6px 18px rgba(25,35,47,.06);border:1px solid rgba(25,35,47,.04)}