.hero{background-color:var(--color-navy);color:#fff;position:relative;overflow:hidden}.hero__bg{position:absolute;inset:0}.hero__bg img{object-fit:cover;opacity:.2;width:100%;height:100%}.hero__overlay{background:linear-gradient(135deg,#0f4c81d9 0%,#2b7fd4b3 100%);position:absolute;inset:0}.hero__inner{z-index:1;max-width:var(--container-max);padding:var(--space-16) var(--space-6);margin-left:auto;margin-right:auto;position:relative}.hero__tagline{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-secondary);margin-bottom:var(--space-4);font-weight:500;display:inline-flex}.hero__tagline svg{flex-shrink:0;width:1.25rem;height:1.25rem}.hero__title{font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);color:#fff;max-width:48rem}.hero__description{margin-top:var(--space-6);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#ffffffd9;max-width:40rem}.hero__actions{margin-top:var(--space-8);align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.hero__actions .btn-outline{color:#fff;border-color:#fff6}.hero__actions .btn-outline:hover{background-color:#ffffff1a;border-color:#ffffffb3}@media (width>=768px){.hero__inner{padding-top:var(--space-24);padding-bottom:var(--space-24)}.hero__title{font-size:var(--text-5xl)}}