/* ══════════════════════════════════════════
   HERO — Full Window Overlay
   ══════════════════════════════════════════ */
.hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden}
.hero__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(13,59,76,.85) 0%,rgba(13,59,76,.3) 60%,rgba(0,0,0,.1) 100%)}
.hero__content{position:relative;max-width:700px;padding:var(--space-3xl) 0}
.hero__tag{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:700;margin-bottom:var(--space-sm);background:rgba(0,0,0,.25);padding:4px 14px;border-radius:var(--radius-full)}
.hero h1{color:var(--text-inverse);margin-bottom:var(--space-md)}
.hero__text{font-size:18px;color:rgba(255,255,255,.75);line-height:1.7;margin-bottom:var(--space-xl);max-width:520px}
.hero__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 26px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);transition:all var(--transition-fast)}
.btn--primary{background:var(--accent);color:var(--text-inverse)}
.btn--primary:hover{background:var(--accent-hover)}
.btn--ghost{border:2px solid var(--text-inverse);color:var(--text-inverse)}
.btn--ghost:hover{background:var(--text-inverse);color:var(--primary)}
@media(max-width:640px){.hero{min-height:auto;padding:var(--space-2xl) 0}.hero__content{padding:var(--space-xl) 0}}