.hero{background-color:var(--color-navy);color:#fff;position:relative;overflow:hidden}.hero__media{aspect-ratio:16/9;background-color:var(--color-navy);position:relative}.hero__media img{object-fit:cover;object-position:center 30%;width:100%;height:100%}.hero__inner{z-index:1;max-width:var(--container-max);padding:var(--space-10) var(--space-6) var(--space-12);margin-left:auto;margin-right:auto;position:relative}.hero__title{font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);color:#fff;text-wrap:balance;max-width:40rem}.hero__description{margin-top:var(--space-5);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#ffffffe0;max-width:34rem}.hero__actions{margin-top:var(--space-8);align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.hero__actions .btn-primary{color:var(--color-navy);background-color:#fff;border-color:#fff}.hero__actions .btn-primary:hover{background-color:var(--color-ice-blue);border-color:var(--color-ice-blue)}.hero__actions .btn-outline{color:#fff;border-color:#ffffff80}.hero__actions .btn-outline:hover{background-color:#ffffff1a;border-color:#fffc}.hero__trust{margin-top:var(--space-6);gap:var(--space-2);font-size:var(--text-sm);flex-direction:column;display:flex}.hero__rating{align-items:center;gap:var(--space-2);color:#fff;border-radius:var(--radius-sm);align-self:flex-start;font-weight:600;text-decoration:none;display:inline-flex}.hero__rating:hover{text-decoration:underline}.hero__rating:focus-visible{outline:var(--focus-ring-width) solid #fff;outline-offset:var(--focus-ring-offset)}.hero__stars{color:var(--color-warning);gap:1px;display:inline-flex}.hero__stars svg{width:1rem;height:1rem}.hero__note{color:#ffffffc7}@media (width>=1024px){.hero--split{align-items:center;min-height:36rem;display:flex}.hero--split .hero__media{aspect-ratio:auto;position:absolute;inset:0 0 0 50%}.hero--split .hero__media:before{content:"";background:linear-gradient(90deg, var(--color-navy) 0%, #0f4c8100 30%);position:absolute;inset:0}.hero--split .hero__media img{object-position:center}.hero--split .hero__inner{width:100%;padding-top:var(--space-20);padding-bottom:var(--space-20)}.hero--split .hero__content{max-width:50%;padding-right:var(--space-10)}.hero__title{font-size:var(--text-5xl)}}