/* ============================================================
   HERO — the one place we spend visual boldness
   ============================================================ */
.hero{ min-height:88vh; display:flex; align-items:center; position:relative; overflow:hidden; padding-top:var(--nav-height); }
.hero__bg{ position:absolute; inset:0; z-index:0; }
.hero__bg-glow{ position:absolute; border-radius:50%; filter:blur(90px); pointer-events:none; }
.hero__bg-glow--gold{ width:480px; height:480px; background:radial-gradient(circle,rgba(197,151,58,0.06) 0%,transparent 70%); top:-80px; right:8%; }
.hero__bg-glow--teal{ width:340px; height:340px; background:radial-gradient(circle,rgba(26,148,133,0.05) 0%,transparent 70%); bottom:10%; left:4%; }
.hero__content{ position:relative; z-index:1; display:grid; grid-template-columns:1.1fr 0.9fr; gap:var(--space-xl); align-items:center; max-width:var(--max-width); margin:0 auto; padding:var(--space-xl) var(--container-pad); width:100%; }
.hero__tagline{ font-family:var(--font-display); font-size:1.15rem; font-style:italic; color:var(--teal-light); margin:14px 0 var(--space-lg); font-weight:400; }
.hero__desc{ font-size:1.05rem; max-width:500px; margin-bottom:var(--space-xl); }
.hero__actions{ display:flex; gap:var(--space-sm); flex-wrap:wrap; margin-bottom:var(--space-xl); }
.hero__trust{ display:flex; gap:28px; flex-wrap:wrap; padding-top:var(--space-lg); border-top:1px solid var(--black-border); }
.hero__trust-item strong{ display:block; font-family:var(--font-mono); font-size:1.3rem; color:var(--gold); }
.hero__trust-item span{ font-size:0.74rem; color:var(--gray); }
.hero__visual{ display:flex; align-items:center; justify-content:center; min-width:0; }
.hero__visual svg{ width:100%; height:auto; }