.state-version-hero { background:#14328a; color:#fff; padding:35px 0 28px; }
.state-version-hero__content { display:grid; width:calc(100% - 80px); max-width:1120px; margin:0 auto; grid-template-columns:minmax(0,1fr) 420px; grid-template-areas:"copy media" "benefits media"; column-gap:46px; row-gap:0; align-items:center; }
.state-version-hero__copy{grid-area:copy}
.state-version-hero__media{grid-area:media}
.state-version-hero__eyebrow { margin:0 0 8px; color:#fff; font-size:13px; font-weight:700; letter-spacing:1.6px; }
.state-version-hero h1 { max-width:570px; margin:0 0 8px; color:#fff; font-size:38px; line-height:1.08; }
.state-version-hero .state-version-hero__subheading { max-width:570px; margin:0 0 12px; color:#fff; font-size:26px; line-height:1.18; }
.state-version-hero .state-version-hero__description { max-width:555px; margin:0 0 22px; color:#fff; font-size:17px; line-height:1.5; }
.state-version-hero__actions { display:flex; align-items:center; gap:24px; }
.state-version-hero__actions .common-btn,
.state-version-hero__actions .state-version-hero__secondary { display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:178px;max-width:none;min-height:48px;padding-top:0;padding-bottom:0;white-space:nowrap; }
.state-version-hero__secondary { display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 25px;border:2px solid #fff;border-radius:6px;color:#fff;font-weight:700;text-decoration:none; }
.state-version-hero__secondary:hover,.state-version-hero__secondary:focus{background:#fff;color:#14328a}
.state-version-hero__media img { display:block; width:100%; height:280px; object-fit:cover; object-position:center; border-radius:16px; }
.state-version-hero__benefits { grid-area:benefits;display:flex; flex-wrap:wrap; gap:8px 20px; margin:22px 0 0; padding:0; list-style:none; font-size:13px; }
.state-version-hero__benefits li::before { content:'';display:inline-block;width:14px;height:14px;margin-right:7px;background:url('../../../assets/images/state-landings/figma-check.svg') center/14px 14px no-repeat;vertical-align:-2px; }
.state-version-hero__benefit-mobile{display:none}
@media (max-width:900px) { .state-version-hero { padding:34px 0; } .state-version-hero__content { width:calc(100% - 56px); grid-template-columns:1fr 42%; gap:28px; } .state-version-hero h1 { font-size:32px; } }
@media (max-width:767px) { .state-version-hero { padding:28px 16px 22px; } .state-version-hero__content { display:flex; flex-direction:column; align-items:stretch; gap:18px; } .state-version-hero h1 { max-width:320px;font-size:25px;line-height:1.08;overflow-wrap:anywhere; } .state-version-hero .state-version-hero__description { margin-bottom:18px;font-size:13px;line-height:1.45; } .state-version-hero__actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; } .state-version-hero__actions .common-btn,.state-version-hero__actions .state-version-hero__secondary { display:inline-flex;width:100%;max-width:none;min-width:0;min-height:48px;padding:0 10px;text-align:center; } .state-version-hero__media { width:100%;order:2; } .state-version-hero__media img { width:100%;height:auto;aspect-ratio:2.3/1;border-radius:5px; } .state-version-hero__benefits { order:3;display:grid;gap:7px;margin:0;font-size:11px; } .state-version-hero__benefit-desktop{display:none}.state-version-hero__benefit-mobile{display:inline} }
@media (max-width:767px) { .state-version-hero__content { width:100%; max-width:none; margin:0; } .state-version-hero .state-version-hero__subheading { max-width:320px; font-size:20px; line-height:1.15; } }