/* Figma 11217:186 (1280×720) and 11217:240 (390×844). */
.hero-base { position:absolute; z-index:-4; left:19.53125%; top:0; width:80.46875%; height:100%; background:url('./assets/1acbb.png') center/cover no-repeat; }
.hero-photo { background-image:url('./assets/491ec.png'); }
header { justify-content:flex-end; }
.place>span { width:122px; }
.copy-panel { top:11.666667%; left:4.453125%; width:calc(100% - 8.90625%); padding:0; }
.sales-start { width:244px; height:44px; min-height:44px; }
#hero-title { width:fit-content; max-width:100%; height:auto; margin:19px 0 0 1px; transform:none; font-size:clamp(44px,6.25vw,90px); line-height:.9475; font-weight:400; letter-spacing:0; }
.title-desktop { display:block; white-space:nowrap; }
.title-mobile { display:none; }
.hero-offer { top:47.916667%; bottom:auto; left:4.453125%; width:52.03125%; }
.hero-description { max-width:666px; font-size:clamp(16px,1.640625vw,23px); line-height:1.195238; }
.lead-action { margin-top:72.8px; margin-left:1px; }
.hero .cta { width:365px; max-width:100%; height:54px; min-height:54px; font-size:12px; line-height:13.6px; padding:0 21px; }
.features { --visible-cards:3; --peek:0px; left:4.453125%; right:auto; width:91.001016%; bottom:35px; }
.feature-card { height:122px; padding:13px; background:linear-gradient(155.191923deg,#a5bec82b 6.1733%,#7b949f38 17.13%,#5f788544 28.087%,#3f58655c 50%,#2c455274 71.913%,#1f38468c 93.827%); }
.feature-card h2 { font-size:12px; line-height:21px; }
.feature-card p { font-size:10px; line-height:11px; }
.feature-card>img { width:68px; height:94px; }
.feature-controls { top:68.75%; bottom:auto; right:4.609375%; }
.modal-signature { margin:0 0 25px; max-width:300px; font-size:15px; line-height:1.4; color:#365367; }
.modal h2 { font-size:32px; }
.form-status.is-error { color:#9b3434; }
.form-status.is-success { color:#254c37; }
.lead-form[aria-busy=true] button[type=submit] { opacity:.7; cursor:wait; }
@media (min-width:601px) and (max-width:1000px) {
  .features { --visible-cards:2; }
  .hero-offer { width:58%; }
  .lead-action { margin-top:45px; }
}
@media (min-width:601px) and (max-height:700px) {
  .hero { min-height:700px; }
}
@media (min-width:1600px) {
  .features { --visible-cards:3; }
}
@media (min-width:601px) {
  /* Keep Figma's 46.4px title-to-description and 39px CTA-to-cards gaps. */
  .hero { --hero-title-size:clamp(44px,6.25vw,90px); }
  #hero-title { font-size:var(--hero-title-size); }
  .hero-offer { display:contents; }
  .hero-description { position:absolute; z-index:5; top:calc(11.666667% + 109.4px + var(--hero-title-size) * 1.895); left:4.453125%; width:52.03125%; }
  .lead-action { position:absolute; z-index:5; left:calc(4.453125% + 1px); bottom:198px; margin:0; }
  .feature-controls { top:auto; bottom:181px; }
}
@media (min-width:601px) and (max-width:1000px) {
  .hero-description { width:58%; }
}
@media (max-width:600px) {
  .hero { min-height:max(100svh,216.410256vw); padding-top:118.717949vw; padding-bottom:123px; }
  .hero-base { left:0; top:-42.820513vw; width:127.948718vw; height:276.923077vw; background-image:url('./assets/14cd6.png'); }
  .hero-photo { left:-.512821vw; top:-66.410256vw; width:131.794872vw; height:285.128205vw; background-image:url('./assets/d8ded.png'); }
  .hero-shade { top:107.435897vw; left:0; width:100%; height:120.512821vw; background:linear-gradient(180deg,#10233100 0%,#102331b8 16%,#102331e6 45%,#102331fc 100%); }
  header { top:30px; left:21px; right:auto; justify-content:flex-start; }
  .place { height:28px; min-height:28px; font-size:10px; line-height:14px; }
  .place>span { width:130px; }
  .copy-panel { top:114px; left:20px; right:20px; width:auto; display:block; }
  .sales-start { display:flex; width:189px; height:35px; min-height:35px; margin:0; justify-content:center; font-size:17px; line-height:18px; letter-spacing:.5px; }
  #hero-title { margin:18px 0 0; width:350px; max-width:100%; height:auto; font-size:30px; line-height:31px; transform:none; }
  .title-desktop { display:none; }
  .title-mobile { display:block; }
  .hero-offer { display:contents; }
  .hero-description { width:300px; max-width:calc(100% - 40px); margin:0 20px; font-size:13px; line-height:20px; }
  .features { --visible-cards:1; --peek:42px; inset:auto; width:auto; margin:20px 0 0 20px; }
  .feature-card { height:88px; min-height:88px; padding:11px; background:linear-gradient(157.62004deg,#a5bec821 5.9137%,#7b949f2b 19.802%,#5f788534 33.69%,#3f586547 61.466%,#2c455259 89.243%,#3e2921c4 117.02%); }
  .feature-card>img { width:48px; height:64px; }
  .feature-card h2 { font-size:14px; line-height:20px; }
  .feature-card p { font-size:12px; line-height:16px; }
  .feature-controls { inset:auto; width:100px; height:4px; min-height:4px; margin:12px auto 0; }
  .lead-action { margin:18px 20px 0; }
  .hero .cta { width:100%; height:56px; min-height:56px; padding:9px 18px 9px 20px; font-size:14px; line-height:18px; }
  .hero .cta picture img { transform:translateY(-.5px); }
  .modal .cta { margin-top:24px; }
  .modal-render { display:none; }
  .modal-signature { font-size:13px; }
}
@media (max-width:360px) {
  .feature-card h2 { font-size:13px; }
  .feature-card p { font-size:11px; line-height:15px; }
}