.commerce-hero { position: relative; isolation: isolate; min-height: 510px; display: flex; align-items: center; color: #fff; overflow: hidden; }
.commerce-hero-image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.commerce-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(16,26,23,.36); }
.commerce-hero-copy { width: min(1240px, 100%); margin: auto; padding: 52px 32px; }
.commerce-eyebrow { margin: 0 0 13px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0; }
.commerce-hero h1 { max-width: 650px; margin: 12px 0 20px; font-size: 70px; line-height: 1.04; font-weight: 900; letter-spacing: 0; }
.commerce-hero .commerce-hero-lead { max-width: 620px; margin: 0 0 15px; font-size: 22px; font-weight: 700; }
.commerce-hero-copy > p:last-of-type { max-width: 360px; line-height: 1.8; }
.commerce-button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 49px; padding: 14px 24px; border: 0; border-radius: 3px; background: var(--red); color: #fff; font: 800 12px Montserrat, Arial, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 0; cursor: pointer; }
.commerce-button:hover { background: var(--red-dark); }
.commerce-button span { font-size: 20px; line-height: 1; }
.commerce-hero .commerce-button { margin-top: 23px; }
.commerce-intro { display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; width: min(1240px, 100%); margin: auto; padding: 54px 32px; }
.commerce-intro h2 { max-width: 500px; margin: 0; font-size: 34px; line-height: 1.2; }
.commerce-intro p { margin: 0; color: var(--muted); line-height: 1.9; }
.commerce-benefits { padding: 52px 32px 60px; background: #f3f6f4; }
.commerce-inner { max-width: 1176px; margin: auto; }
.commerce-benefits .commerce-eyebrow, .commerce-form-copy .commerce-eyebrow { color: var(--red); }
.commerce-benefits h2 { margin: 0 0 34px; font-size: 34px; line-height: 1.2; }
.commerce-benefit-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 30px; }
.commerce-benefit { border-top: 1px solid #cdd6d0; padding-top: 22px; }
.commerce-benefit-number { display: block; margin-bottom: 17px; color: #47715c; font-size: 13px; font-weight: 700; }
.commerce-benefit h3 { margin: 0 0 11px; font-size: 17px; line-height: 1.4; }
.commerce-benefit p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.commerce-community { display: grid; grid-template-columns: 1fr 1fr; background: var(--red); color: #fff; }
.commerce-community > img { width: 100%; height: 100%; min-height: 350px; object-fit: cover; }
.commerce-community > div { align-self: center; max-width: 620px; padding: 45px 56px; }
.commerce-community h2 { max-width: 420px; margin: 16px 0; font-size: 39px; line-height: 1.2; }
.commerce-community p:last-child { max-width: 420px; margin: 0; line-height: 1.8; }
.commerce-form-section { padding: 68px 32px; scroll-margin-top: 25px; }
.commerce-form-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 75px; max-width: 1176px; margin: auto; }
.commerce-form-copy h2 { max-width: 440px; margin: 15px 0 23px; font-size: 40px; line-height: 1.2; }
.commerce-form-copy p:last-child { max-width: 370px; margin: 0; color: var(--muted); line-height: 1.9; }
.commerce-form { position: relative; }
.commerce-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 19px 20px; }
.commerce-fields label { display: grid; gap: 8px; min-width: 0; font-size: 13px; font-weight: 700; }
.commerce-wide { grid-column: 1 / -1; }
.commerce-fields input, .commerce-captcha input:not([type=hidden]) { width: 100%; min-width: 0; min-height: 46px; padding: 10px 12px; border: 1px solid #cfd7d3; border-radius: 3px; background: #fff; color: var(--ink); font: inherit; }
.commerce-consent { display: flex; align-items: flex-start; gap: 11px; margin: 23px 0; font-size: 12px; line-height: 1.8; }
.commerce-consent input { flex: none; width: 17px; height: 17px; margin-top: 3px; accent-color: var(--red); }
.commerce-consent a { color: inherit; text-decoration: underline; }
.commerce-captcha { margin: 0 0 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.commerce-captcha > label { display: grid; gap: 6px; font-size: 13px; font-weight: 700; }
.commerce-captcha > label span { font-weight: 400; }
.commerce-captcha-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 11px; }
.commerce-captcha-controls input { max-width: 120px; }
.commerce-refresh { min-height: 44px; padding: 9px 12px; border: 1px solid #cfd7d3; border-radius: 3px; background: #fff; color: var(--ink); font: 600 12px Montserrat,Arial,sans-serif; cursor: pointer; }
.commerce-errors { margin: 0 0 22px; padding: 16px 19px; border-left: 3px solid var(--red); background: #fff1f3; color: #9d1024; font-size: 14px; line-height: 1.7; }
.commerce-errors ul { margin: 0; padding-left: 18px; }
.commerce-errors.validation-summary-valid { display: none; }
.commerce-success { margin: 0 0 22px; padding: 17px 20px; border-left: 3px solid #47715c; background: #edf6f0; color: #235b3a; line-height: 1.8; }
.commerce-preview { margin: 0 0 20px; color: var(--muted); font-size: 12px; }
.commerce-honeypot { position: absolute; left: -10000px; top: 0; }
.commerce-fields input.input-validation-error, .commerce-captcha input.input-validation-error { border-color: var(--red); }
@media(max-width:900px) {
  .commerce-intro { gap: 34px; }
  .commerce-form-layout { grid-template-columns: 1fr 1.1fr; gap: 35px; }
  .commerce-community > div { padding: 35px 32px; }
  .commerce-community h2 { font-size: 33px; }
  .commerce-form-copy h2 { font-size: 33px; }
}
@media(max-width:700px) {
  .commerce-hero { min-height: 460px; align-items: flex-end; }
  .commerce-hero-image { object-position: 65% center; }
  .commerce-hero-copy { padding: 38px 24px; }
  .commerce-hero h1 { max-width: 420px; font-size: 44px; }
  .commerce-hero .commerce-hero-lead { font-size: 19px; }
  .commerce-intro { grid-template-columns: 1fr; gap: 23px; padding: 38px 24px; }
  .commerce-intro h2, .commerce-benefits h2 { font-size: 29px; }
  .commerce-benefits { padding: 40px 24px; }
  .commerce-benefit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 22px; }
  .commerce-benefit h3 { font-size: 16px; }
  .commerce-benefit p { font-size: 13px; }
  .commerce-community { grid-template-columns: 1fr; }
  .commerce-community > img { min-height: 0; height: 230px; }
  .commerce-community > div { padding: 38px 24px; }
  .commerce-community h2 { font-size: 33px; }
  .commerce-form-section { padding: 43px 24px; }
  .commerce-form-layout { grid-template-columns: 1fr; gap: 30px; }
  .commerce-form-copy h2 { font-size: 33px; }
  .commerce-fields { gap: 18px 12px; }
  .commerce-fields input { font-size: 16px; }
  .commerce-form > .commerce-button { width: 100%; }
}
@media(max-width:360px) {
  .commerce-hero h1 { font-size: 38px; }
  .commerce-fields { grid-template-columns: minmax(0,1fr); }
}