/* Get started on laptops (Kelly 2026-10-24): the message and the form on one screen. Headline, price line and links on the left,
   the photo in a framed card under them, the form card on the right. No fade over the photo. Phones keep the existing layout. */
@media (min-width:1024px){
  :root{--gsx:max(16px,calc((100vw - 1200px) / 2 + 16px))}
  .band{height:calc(100svh - 64px);min-height:470px;max-height:740px;align-items:flex-start;padding:0}
  .band .scrim{display:none}
  .band-in{padding:14px 16px 0 !important}
  .band-text{max-width:calc(100% - 560px) !important}
  .band h1{font-size:clamp(28px,3.1vw,40px) !important;margin-bottom:8px}
  .band .eyebrow{margin-bottom:4px}
  .band .band-sub,.band .pts li:nth-child(n+2),.band .learn{display:none !important}
  .band .pts{margin:8px 0}
  .band .band-links{margin:6px 0 0}
  .band{display:flex;flex-direction:column;align-items:stretch}
  .band-in{order:1;flex:none;width:100%}
  .band-bg{order:2;position:relative !important;inset:auto !important;flex:1 1 auto;min-height:110px;width:calc(100% - var(--gsx) - 574px) !important;max-width:640px;margin:10px 0 14px calc(var(--gsx) - 8px);border-radius:20px;overflow:hidden;box-shadow:0 12px 32px rgba(11,31,75,.14)}
  .band-bg img{left:0 !important;width:100% !important;-webkit-mask-image:none !important;mask-image:none !important;object-position:center 30%}
  .fade-ctl{top:auto !important;bottom:calc(14px + 10px);left:calc(var(--gsx) + 2px) !important;right:auto !important}
  .formcol{margin-top:calc(-1 * (100svh - 64px) + 14px) !important;max-height:calc(100svh - 64px - 28px) !important;top:76px}
  .formcol{min-height:0}
}
@media (min-width:1024px){
  .formcol{padding:16px 22px !important}
  .formcol .help{display:none}
  .formcol .stphd{margin-bottom:6px}
  .formcol .hint{margin:2px 0 8px}
  .formcol .f{margin-bottom:8px !important}
  .formcol label,.formcol legend{margin-bottom:4px !important;font-size:14px !important}
  .formcol input[type=text],.formcol input[type=email],.formcol input[type=tel],.formcol select{min-height:42px !important;height:42px}
  .formcol .pill{min-height:38px !important;padding-top:0 !important;padding-bottom:0 !important}
  .formcol #gs-next{min-height:46px;margin-top:6px}
  .formcol .fine,.formcol .stp>p:last-child{margin-top:6px}
}
@media (min-width:1024px){
  .formcol .hint{display:none}
  .formcol .stp[data-step="1"]{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
  .formcol .stp[data-step="1"]>*{grid-column:1/-1}
  .formcol .stp[data-step="1"]>.f[data-f="flang"]{grid-column:1}
  .formcol .stp[data-step="1"]>#gs-next{grid-column:2;align-self:end;margin:0 0 8px}
  .formcol fieldset.f[data-f="title"]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .formcol fieldset.f[data-f="title"] legend{float:none;margin:0 !important}
}
