/* hero.css */
.hero { background:var(--navy); padding:72px 40px 80px; position:relative; overflow:hidden; }
.hero-rings { position:absolute; top:-80px; right:-80px; width:420px; height:420px; pointer-events:none; }
.hero-rings circle { fill:none; stroke:rgba(27,143,214,.12); }
.hero-trace { position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,var(--blue) 35%,var(--amber) 65%,transparent); }
.hero-content { position:relative; max-width:1100px; margin:0 auto; }
.eyebrow { font-size:11px; letter-spacing:2.5px; text-transform:uppercase; color:var(--amber); font-weight:500; margin-bottom:16px; }
.hero h1 { font-family:'Exo 2',sans-serif; font-weight:700; font-size:clamp(26px,4vw,40px); color:#fff; line-height:1.2; max-width:560px; margin-bottom:18px; }
.hero h1 span { color:var(--blue); }
.hero p { font-size:15px; color:#9EC4DC; max-width:440px; line-height:1.75; margin-bottom:32px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }