.hero{background-color:#fff}.hero__container{margin:0 auto;max-width:var(--content-width);padding:6rem 2rem;text-align:center}.hero__eyebrow{align-items:center;background:color-mix(in srgb,var(--accent-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent-color) 25%,transparent);border-radius:999px;color:var(--accent-color);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.5rem;letter-spacing:.04em;margin:0 0 1.75rem;padding:.375rem 1rem;text-transform:uppercase}.hero__headline{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;margin:0 auto 1.5rem;max-width:760px}.hero__headline-accent{color:var(--primary-color)}.hero__subtitle{color:var(--muted-color);font-size:1.125rem;line-height:1.65;margin:0 auto 2.5rem;max-width:620px}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem 2rem}.hero__actions,.hero__btn{align-items:center;justify-content:center}.hero__btn{background-color:var(--primary-color);border-radius:4px;color:#fff;display:inline-flex;font-size:.9375rem;font-weight:600;padding:.8125rem 1.875rem;text-decoration:none;transition:filter .18s ease;white-space:nowrap}.hero__btn:focus,.hero__btn:hover{color:#fff;filter:brightness(1.15)}.hero__link{font-size:.9375rem;font-weight:600;text-decoration:none}.hero__link:focus,.hero__link:hover{text-decoration:underline}.hero__note{color:var(--muted-color);font-size:.8125rem;line-height:1.5;margin:1.5rem auto 0;max-width:620px}.hero__note p{font-size:inherit;margin:0 0 .25rem}.hero__note p:last-child{margin-bottom:0}.hero--split .hero__container{align-items:center;display:grid;gap:4rem;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);text-align:left}.hero--split .hero__headline{font-size:clamp(2.25rem,3.6vw,3rem);margin-left:0}.hero--split .hero__note,.hero--split .hero__subtitle{margin-left:0}.hero--split .hero__actions{justify-content:flex-start}.hero__media{margin:0}.hero__media img{border:1px solid var(--border-color);border-radius:8px;display:block;height:auto;width:100%}@media (max-width:899px){.hero--split .hero__container{gap:2.5rem;grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.hero__container{padding:3.5rem 1.25rem 3rem}.hero__subtitle{font-size:1rem}}