/* ENGINE GROUP — UX V1.12 CLEAN HERO */
html body .eg12-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  min-height:650px!important;
  padding:56px 0 58px!important;
  background:#050606!important;
  border-bottom:1px solid rgba(215,167,40,.18)!important;
}
html body .eg12-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-3!important;
  background:url("/static/frontend/images/enginegroup/hero-v12-clean.jpg") center center/cover no-repeat!important;
  filter:saturate(.96) contrast(1.06) brightness(.72)!important;
  transform:scale(1.015)!important;
}
html body .eg12-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(0,0,0,.02),rgba(0,0,0,.16) 35%,rgba(0,0,0,.48) 78%),
    linear-gradient(90deg,rgba(2,3,3,.93) 0%,rgba(2,3,3,.77) 29%,rgba(2,3,3,.25) 48%,rgba(2,3,3,.47) 64%,rgba(2,3,3,.88) 100%)!important;
}
html body .eg12-shell{
  width:min(1520px,calc(100% - 72px))!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr)!important;
  gap:clamp(56px,5vw,92px)!important;
  align-items:center!important;
  position:relative!important;
  z-index:2!important;
}
html body .eg12-copy{
  min-width:0!important;
  max-width:610px!important;
}
html body .eg12-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 18px!important;
  border:1px solid rgba(238,191,58,.68)!important;
  border-radius:999px!important;
  background:rgba(7,8,8,.62)!important;
  color:#efc34d!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 38px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(8px)!important;
}
html body .eg12-title{
  margin:24px 0 0!important;
  max-width:610px!important;
  color:#fff9ed!important;
  font-size:clamp(56px,4.35vw,78px)!important;
  font-weight:900!important;
  line-height:.96!important;
  letter-spacing:-.052em!important;
  text-shadow:0 18px 48px rgba(0,0,0,.58)!important;
}
html body .eg12-title span{
  display:block!important;
  margin-top:7px!important;
  color:#e8b83f!important;
}
html body .eg12-lead{
  max-width:580px!important;
  margin:23px 0 0!important;
  color:rgba(251,247,237,.84)!important;
  font-size:15px!important;
  line-height:1.68!important;
  text-shadow:0 5px 18px rgba(0,0,0,.7)!important;
}
html body .eg12-proof{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:29px!important;
}
html body .eg12-proof-item{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
html body .eg12-proof-icon{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(235,185,46,.58)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(28,23,12,.93),rgba(6,7,7,.96))!important;
  color:#edbe45!important;
  box-shadow:0 13px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html body .eg12-proof-text{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  min-width:0!important;
}
html body .eg12-proof-text b{
  color:#fff7e5!important;
  font-size:12px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
html body .eg12-proof-text small{
  color:rgba(249,242,226,.67)!important;
  font-size:9px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

/* Finder: no legacy generic egux-finder class on purpose */
html body .eg12-finder{
  position:relative!important;
  inset:auto!important;
  float:none!important;
  transform:none!important;
  width:100%!important;
  max-width:690px!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(239,191,61,.72)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 96% -8%,rgba(229,174,32,.13),transparent 31%),
    linear-gradient(156deg,rgba(18,19,18,.965),rgba(6,7,7,.985))!important;
  box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 38px rgba(177,119,8,.08),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(15px)!important;
}
html body .eg12-finder-head{
  padding:31px 31px 0!important;
}
html body .eg12-finder-kicker{
  color:#dfb342!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
}
html body .eg12-finder-title{
  margin:8px 0 0!important;
  color:#fff8ea!important;
  font-size:clamp(34px,2.5vw,44px)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  font-weight:900!important;
}
html body .eg12-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:25px!important;
  padding:5px!important;
  border:1px solid rgba(226,179,48,.28)!important;
  border-radius:18px!important;
  background:rgba(2,3,3,.86)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html body .eg12-tab{
  appearance:none!important;
  -webkit-appearance:none!important;
  min-width:0!important;
  min-height:62px!important;
  margin:0!important;
  padding:0 17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border:1px solid rgba(220,172,39,.28)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#131410 0%,#070808 100%)!important;
  color:#d9d0bb!important;
  -webkit-text-fill-color:#d9d0bb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  transition:.18s ease!important;
}
html body .eg12-tab i{
  color:#cdb86e!important;
  -webkit-text-fill-color:#cdb86e!important;
  font-size:14px!important;
}
html body .eg12-tab:hover,
html body .eg12-tab:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(242,199,75,.76)!important;
  color:#fff0bd!important;
  -webkit-text-fill-color:#fff0bd!important;
  background:linear-gradient(180deg,#211c0f 0%,#0b0c0b 100%)!important;
}
html body .eg12-tab.is-active{
  color:#151006!important;
  -webkit-text-fill-color:#151006!important;
  border-color:#f4d26e!important;
  background:
    radial-gradient(circle at 23% -30%,rgba(255,252,220,.86),transparent 47%),
    linear-gradient(118deg,#f6d86f 0%,#e3b43a 55%,#c78712 100%)!important;
  box-shadow:0 15px 32px rgba(178,117,6,.28),inset 0 1px 0 rgba(255,255,255,.52)!important;
}
html body .eg12-tab.is-active i{
  color:#151006!important;
  -webkit-text-fill-color:#151006!important;
}
html body .eg12-panels{
  position:relative!important;
  min-height:0!important;
  height:auto!important;
  padding:22px 31px 29px!important;
}
html body .eg12-panel{
  display:none!important;
  position:static!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .eg12-panel.is-active{
  display:block!important;
}
html body .eg12-form{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
html body .eg12-field-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}
html body .eg12-field-grid--car{
  grid-template-columns:1fr 1fr 110px!important;
  gap:12px!important;
}
html body .eg12-field{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  gap:8px!important;
}
html body .eg12-field label{
  margin:0!important;
  color:rgba(255,248,232,.78)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
html body .eg12-input{
  display:block!important;
  width:100%!important;
  height:61px!important;
  min-height:61px!important;
  margin:0!important;
  padding:0 19px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  outline:none!important;
  background:linear-gradient(180deg,rgba(27,29,30,.98),rgba(14,16,17,.99))!important;
  color:#fff8e9!important;
  -webkit-text-fill-color:#fff8e9!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  font-size:14px!important;
  line-height:61px!important;
}
html body .eg12-input::placeholder{
  color:rgba(255,255,255,.32)!important;
  -webkit-text-fill-color:rgba(255,255,255,.32)!important;
}
html body .eg12-input:focus{
  border-color:rgba(242,200,78,.88)!important;
  box-shadow:0 0 0 3px rgba(223,170,32,.10)!important;
}
html body .eg12-input.eg12-invalid{
  border-color:rgba(229,108,84,.88)!important;
  box-shadow:0 0 0 3px rgba(229,108,84,.09)!important;
}
html body .eg12-inline-error{
  margin-top:0!important;
  color:#e8a596!important;
  font-size:10px!important;
}
html body .eg12-submit{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  width:100%!important;
  min-height:66px!important;
  height:66px!important;
  margin:17px 0 0!important;
  padding:0 74px 0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #f2ce66!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,249,205,.72),transparent 35%),
    linear-gradient(112deg,#f2d267 0%,#daa92d 58%,#bb7a09 100%)!important;
  color:#120d04!important;
  -webkit-text-fill-color:#120d04!important;
  box-shadow:0 19px 42px rgba(173,112,5,.28),inset 0 1px 0 rgba(255,255,255,.52)!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
html body .eg12-submit::after{
  content:"→"!important;
  position:absolute!important;
  top:50%!important;
  right:22px!important;
  width:38px!important;
  height:38px!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(27,18,4,.16)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.14)!important;
  color:#110d04!important;
  -webkit-text-fill-color:#110d04!important;
  font-size:20px!important;
}
html body .eg12-submit:hover,
html body .eg12-submit:focus-visible{
  transform:translateY(-2px)!important;
  filter:brightness(1.05)!important;
  box-shadow:0 24px 52px rgba(184,121,6,.35),inset 0 1px 0 rgba(255,255,255,.58)!important;
}
html body .eg12-note{
  margin:13px 0 0!important;
  color:rgba(247,241,227,.54)!important;
  font-size:10px!important;
  line-height:1.4!important;
  text-align:center!important;
}
html body .eg12-code-results:empty{
  display:none!important;
}

/* Existing JS-generated code result cards */
html body .eg12-hero .egux-code-status,
html body .eg12-hero .egux-offer{
  margin-top:14px!important;
  padding:15px!important;
  border:1px solid rgba(218,171,41,.25)!important;
  border-radius:13px!important;
  background:rgba(8,9,9,.91)!important;
  color:#f5eddb!important;
}
html body .eg12-hero .egux-offer-link{
  display:inline-flex!important;
  margin-top:10px!important;
  margin-right:8px!important;
  color:#e5ba43!important;
  font-size:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

/* Tablet: stack cleanly. */
@media (max-width:1279px){
  html body .eg12-hero{
    min-height:0!important;
    padding:44px 0 48px!important;
  }
  html body .eg12-hero::before{
    background-position:center 42%!important;
    filter:saturate(.92) contrast(1.05) brightness(.55)!important;
    transform:none!important;
  }
  html body .eg12-hero::after{
    background:linear-gradient(180deg,rgba(2,3,3,.38) 0%,rgba(2,3,3,.70) 46%,rgba(2,3,3,.94) 100%)!important;
  }
  html body .eg12-shell{
    width:min(1050px,calc(100% - 42px))!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:31px!important;
  }
  html body .eg12-copy{
    max-width:820px!important;
  }
  html body .eg12-title{
    max-width:820px!important;
    font-size:clamp(50px,7vw,72px)!important;
  }
  html body .eg12-lead{
    max-width:780px!important;
  }
  html body .eg12-finder{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
}

/* Mobile */
@media (max-width:767px){
  html body .eg12-hero{
    padding:30px 0 34px!important;
  }
  html body .eg12-hero::before{
    background-position:50% center!important;
    filter:saturate(.90) contrast(1.06) brightness(.46)!important;
  }
  html body .eg12-hero::after{
    background:linear-gradient(180deg,rgba(2,3,3,.56) 0%,rgba(2,3,3,.80) 48%,#030404 100%)!important;
  }
  html body .eg12-shell{
    width:calc(100% - 26px)!important;
    gap:24px!important;
  }
  html body .eg12-kicker{
    min-height:30px!important;
    padding:0 11px!important;
    font-size:7.5px!important;
    letter-spacing:.14em!important;
  }
  html body .eg12-title{
    margin-top:15px!important;
    font-size:clamp(40px,11.2vw,54px)!important;
    line-height:.96!important;
  }
  html body .eg12-lead{
    margin-top:16px!important;
    font-size:12px!important;
    line-height:1.58!important;
  }
  html body .eg12-proof{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px 13px!important;
    margin-top:20px!important;
  }
  html body .eg12-proof-icon{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
    border-radius:11px!important;
  }
  html body .eg12-proof-text b{font-size:10px!important;}
  html body .eg12-proof-text small{font-size:8px!important;}

  html body .eg12-finder{
    border-radius:21px!important;
  }
  html body .eg12-finder-head{
    padding:20px 14px 0!important;
  }
  html body .eg12-finder-kicker{
    font-size:8px!important;
  }
  html body .eg12-finder-title{
    font-size:26px!important;
  }
  html body .eg12-tabs{
    gap:5px!important;
    margin-top:18px!important;
    padding:4px!important;
    border-radius:14px!important;
  }
  html body .eg12-tab{
    min-height:51px!important;
    padding:0 7px!important;
    gap:5px!important;
    border-radius:11px!important;
    font-size:10px!important;
  }
  html body .eg12-tab i{font-size:10px!important;}
  html body .eg12-panels{
    padding:16px 14px 19px!important;
  }
  html body .eg12-field-grid--car{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  html body .eg12-input{
    height:55px!important;
    min-height:55px!important;
    line-height:55px!important;
    font-size:12px!important;
  }
  html body .eg12-submit{
    min-height:58px!important;
    height:58px!important;
    padding:0 60px 0 16px!important;
    font-size:11px!important;
  }
  html body .eg12-submit::after{
    right:13px!important;
    width:33px!important;
    height:33px!important;
    font-size:17px!important;
  }
}

/* ENGINE GROUP — UX V1.12.1 HERO + HEADER POLISH */

@media (min-width:1280px){
  html body .eg12-hero{
    min-height:570px!important;
    padding:42px 0 44px!important;
  }
  html body .eg12-hero::before{
    background-position:54% 48%!important;
    filter:saturate(1.04) contrast(1.04) brightness(.88)!important;
    transform:scale(1.008)!important;
  }
  html body .eg12-hero::after{
    background:
      radial-gradient(circle at 51% 47%,rgba(0,0,0,0) 0%,rgba(0,0,0,.06) 30%,rgba(0,0,0,.28) 72%),
      linear-gradient(90deg,
        rgba(2,3,3,.90) 0%,
        rgba(2,3,3,.68) 25%,
        rgba(2,3,3,.12) 46%,
        rgba(2,3,3,.22) 58%,
        rgba(2,3,3,.72) 77%,
        rgba(2,3,3,.88) 100%)!important;
  }
  html body .eg12-shell{
    width:min(1560px,calc(100% - 72px))!important;
    grid-template-columns:minmax(610px,1.02fr) minmax(590px,.98fr)!important;
    gap:clamp(42px,4vw,68px)!important;
  }
  html body .eg12-copy{max-width:760px!important;}
  html body .eg12-title{
    max-width:760px!important;
    font-size:clamp(56px,4.05vw,72px)!important;
    line-height:.96!important;
  }
  html body .eg12-title span{white-space:nowrap!important;}
  html body .eg12-lead{
    max-width:650px!important;
    margin-top:18px!important;
    line-height:1.58!important;
  }
  html body .eg12-proof{
    max-width:680px!important;
    margin-top:23px!important;
  }
  html body .eg12-finder{max-width:670px!important;}
  html body .eg12-finder-head{padding:27px 27px 0!important;}
  html body .eg12-finder-title{font-size:clamp(32px,2.35vw,41px)!important;}
  html body .eg12-tabs{margin-top:21px!important;}
  html body .eg12-panels{padding:18px 27px 24px!important;}
  html body .eg12-input{
    height:58px!important;
    min-height:58px!important;
    line-height:58px!important;
  }
  html body .eg12-submit{
    min-height:62px!important;
    height:62px!important;
    margin-top:14px!important;
  }
  html body .eg12-note{margin-top:10px!important;}
}

@media (min-width:768px) and (max-width:1279px){
  html body .eg12-hero{padding:36px 0 40px!important;}
  html body .eg12-hero::before{
    background-position:58% 44%!important;
    filter:saturate(1.02) contrast(1.04) brightness(.72)!important;
  }
  html body .eg12-hero::after{
    background:linear-gradient(180deg,rgba(2,3,3,.23) 0%,rgba(2,3,3,.56) 48%,rgba(2,3,3,.90) 100%)!important;
  }
  html body .eg12-shell{gap:25px!important;}
  html body .eg12-copy{max-width:880px!important;}
  html body .eg12-title{
    max-width:880px!important;
    font-size:clamp(48px,6.2vw,68px)!important;
  }
  html body .eg12-title span{white-space:normal!important;}
  html body .eg12-lead{margin-top:16px!important;}
  html body .eg12-proof{margin-top:19px!important;}
}

@media (max-width:767px){
  html body .eg12-hero{padding:24px 0 29px!important;}
  html body .eg12-hero::before{
    background-position:57% 42%!important;
    filter:saturate(1.00) contrast(1.05) brightness(.60)!important;
  }
  html body .eg12-hero::after{
    background:linear-gradient(180deg,rgba(2,3,3,.36) 0%,rgba(2,3,3,.68) 52%,rgba(2,3,3,.90) 100%)!important;
  }
  html body .eg12-shell{gap:20px!important;}
  html body .eg12-kicker{margin-bottom:0!important;}
  html body .eg12-title{
    margin-top:13px!important;
    font-size:clamp(38px,10.2vw,50px)!important;
  }
  html body .eg12-lead{margin-top:14px!important;}
  html body .eg12-proof{margin-top:17px!important;}
  html body .eg12-finder-head{padding-top:18px!important;}
  html body .eg12-panels{padding-bottom:17px!important;}
}

/* ENGINE GROUP — UX V1.13 POSITIONING COPY */
@media (min-width:1280px){
  html body .eg12-shell{grid-template-columns:minmax(660px,1.06fr) minmax(590px,.94fr)!important;gap:clamp(38px,3.6vw,62px)!important;}
  html body .eg12-copy{max-width:800px!important;}
  html body .eg12-title{max-width:800px!important;font-size:clamp(54px,3.75vw,68px)!important;line-height:.97!important;letter-spacing:-.048em!important;}
  html body .eg12-title span{white-space:normal!important;max-width:790px!important;}
  html body .eg12-lead{max-width:730px!important;margin-top:20px!important;font-size:14.5px!important;line-height:1.63!important;}
  html body .eg12-proof{max-width:760px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 22px!important;margin-top:25px!important;}
  html body .eg12-proof-text b,html body .eg12-proof-text small{white-space:normal!important;}
}
@media (min-width:768px) and (max-width:1279px){
  html body .eg12-copy{max-width:900px!important;}
  html body .eg12-title{max-width:900px!important;font-size:clamp(48px,6.2vw,66px)!important;line-height:.98!important;}
  html body .eg12-lead{max-width:820px!important;font-size:14px!important;}
  html body .eg12-proof{max-width:820px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px 22px!important;}
  html body .eg12-proof-text b,html body .eg12-proof-text small{white-space:normal!important;}
}
@media (max-width:767px){
  html body .eg12-kicker{font-size:7px!important;letter-spacing:.13em!important;padding:0 10px!important;max-width:100%!important;white-space:nowrap!important;}
  html body .eg12-title{max-width:100%!important;font-size:clamp(37px,9.8vw,47px)!important;line-height:.98!important;letter-spacing:-.045em!important;}
  html body .eg12-title span{margin-top:7px!important;white-space:normal!important;}
  html body .eg12-lead{max-width:100%!important;font-size:11.8px!important;line-height:1.56!important;}
  html body .eg12-proof{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px 12px!important;}
  html body .eg12-proof-item:nth-child(n+3){display:none!important;}
  html body .eg12-proof-text b{white-space:normal!important;font-size:9.8px!important;}
  html body .eg12-proof-text small{white-space:normal!important;font-size:8px!important;}
}

/* ENGINE GROUP — UX V1.13.1 RESPONSIVE HERO BALANCE */

/*
 * Goal:
 * - wide desktop: no headline intrusion into the finder
 * - compact desktop: no giant stretched presentation block
 * - <= 999px: preserve the composition that already looks good
 */

/* Wide desktop */
@media (min-width:1380px){
  html body .eg12-hero{
    min-height:585px!important;
    padding:42px 0 44px!important;
  }

  html body .eg12-shell{
    width:min(1540px,calc(100% - 72px))!important;
    grid-template-columns:minmax(0,46fr) minmax(610px,54fr)!important;
    gap:clamp(42px,4vw,70px)!important;
    align-items:center!important;
  }

  html body .eg12-copy{
    width:100%!important;
    max-width:680px!important;
    min-width:0!important;
  }

  html body .eg12-kicker{
    max-width:max-content!important;
  }

  html body .eg12-title{
    width:100%!important;
    max-width:680px!important;
    margin-top:22px!important;
    font-size:clamp(52px,3.45vw,64px)!important;
    line-height:.98!important;
    letter-spacing:-.046em!important;
    overflow-wrap:normal!important;
  }

  html body .eg12-title span{
    display:block!important;
    width:100%!important;
    max-width:650px!important;
    margin-top:8px!important;
    white-space:normal!important;
    text-wrap:balance!important;
  }

  html body .eg12-lead{
    width:100%!important;
    max-width:650px!important;
    margin-top:19px!important;
    font-size:14px!important;
    line-height:1.58!important;
  }

  html body .eg12-proof{
    width:100%!important;
    max-width:650px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:13px 20px!important;
    margin-top:23px!important;
  }

  html body .eg12-proof-item{
    min-width:0!important;
    min-height:49px!important;
  }

  html body .eg12-proof-text b{
    white-space:normal!important;
    font-size:11px!important;
    line-height:1.15!important;
  }

  html body .eg12-proof-text small{
    white-space:normal!important;
    font-size:8.5px!important;
  }

  html body .eg12-finder{
    width:100%!important;
    max-width:690px!important;
    margin-left:auto!important;
  }
}

/* 1000–1379: deliberate compact-desktop layout instead of a huge stretched block. */
@media (min-width:1000px) and (max-width:1379px){
  html body .eg12-hero{
    min-height:0!important;
    padding:36px 0 42px!important;
  }

  html body .eg12-shell{
    width:min(1120px,calc(100% - 54px))!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  html body .eg12-copy{
    width:100%!important;
    max-width:900px!important;
    margin:0!important;
  }

  html body .eg12-title{
    width:100%!important;
    max-width:830px!important;
    margin-top:20px!important;
    font-size:clamp(49px,5.2vw,59px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }

  html body .eg12-title span{
    display:block!important;
    max-width:760px!important;
    white-space:normal!important;
    text-wrap:balance!important;
  }

  html body .eg12-lead{
    max-width:800px!important;
    margin-top:17px!important;
    font-size:13.5px!important;
    line-height:1.58!important;
  }

  html body .eg12-proof{
    max-width:820px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 22px!important;
    margin-top:20px!important;
  }

  html body .eg12-proof-text b,
  html body .eg12-proof-text small{
    white-space:normal!important;
  }

  html body .eg12-finder{
    width:100%!important;
    max-width:980px!important;
    margin:0!important;
  }

  html body .eg12-finder-head{
    padding:25px 27px 0!important;
  }

  html body .eg12-panels{
    padding:18px 27px 24px!important;
  }
}

/* Do not disturb the sub-1000px composition that already reads well. */
@media (min-width:768px) and (max-width:999px){
  html body .eg12-title{
    max-width:880px!important;
  }

  html body .eg12-proof{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* ENGINE GROUP — UX V1.13.2 FLUID INTERMEDIATE HERO */
/*
 * This replaces the awkward 1000–1379px single-column/capped-1120px phase.
 * Large desktop >=1380px and the already-approved sub-1000px stay unchanged.
 */

/* Compact desktop: keep the selling proposition AND the form above the fold. */
@media (min-width:1180px) and (max-width:1379px){
  html body .eg12-hero{
    min-height:0!important;
    padding:42px 0 46px!important;
  }

  html body .eg12-shell{
    width:calc(100% - 56px)!important;
    max-width:1440px!important;
    margin-inline:auto!important;
    grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr)!important;
    gap:clamp(24px,2.5vw,36px)!important;
    align-items:center!important;
  }

  html body .eg12-copy{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }

  html body .eg12-kicker{
    max-width:100%!important;
    min-height:34px!important;
    padding-inline:12px!important;
    font-size:9px!important;
    letter-spacing:.115em!important;
  }

  html body .eg12-title{
    width:100%!important;
    max-width:none!important;
    font-size:clamp(40px,3.5vw,48px)!important;
    line-height:1.03!important;
    letter-spacing:-.044em!important;
    margin-top:19px!important;
    overflow-wrap:normal!important;
  }

  html body .eg12-title span{
    width:100%!important;
    max-width:none!important;
    margin-top:9px!important;
    white-space:normal!important;
    text-wrap:wrap!important;
  }

  html body .eg12-lead{
    width:100%!important;
    max-width:100%!important;
    margin-top:17px!important;
    font-size:12.5px!important;
    line-height:1.55!important;
  }

  html body .eg12-proof{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 12px!important;
    margin-top:22px!important;
  }

  html body .eg12-proof-item{
    min-width:0!important;
    gap:9px!important;
  }

  html body .eg12-proof-icon{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
  }

  html body .eg12-proof-text{
    min-width:0!important;
  }

  html body .eg12-proof-text b{
    white-space:normal!important;
    overflow-wrap:normal!important;
    font-size:10px!important;
    line-height:1.25!important;
  }

  html body .eg12-proof-text small{
    white-space:normal!important;
    font-size:8.5px!important;
    line-height:1.32!important;
  }

  html body .eg12-finder{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }

  html body .eg12-finder-head{padding:23px 23px 0!important;}
  html body .eg12-finder-title{font-size:clamp(28px,2.35vw,34px)!important;}
  html body .eg12-tabs{margin-top:20px!important;gap:6px!important;}
  html body .eg12-tab{min-height:53px!important;font-size:11px!important;gap:6px!important;}
  html body .eg12-panels{padding:16px 23px 23px!important;}
  html body .eg12-input{min-height:54px!important;height:54px!important;}
  html body .eg12-submit{height:60px!important;min-height:60px!important;margin-top:15px!important;}

  /* Preserve the engine image across the entire width without black side slabs. */
  html body .eg12-hero::before{
    background-position:52% 47%!important;
  }
  html body .eg12-hero::after{
    background:
      linear-gradient(90deg,rgba(2,3,3,.82) 0%,rgba(2,3,3,.58) 33%,rgba(2,3,3,.42) 57%,rgba(2,3,3,.81) 100%)!important;
  }
}

/* Narrow desktop: stack, but fill the available canvas and center the blocks. */
@media (min-width:1000px) and (max-width:1179px){
  html body .eg12-hero{
    min-height:0!important;
    padding:32px 0 42px!important;
  }

  html body .eg12-shell{
    width:calc(100% - 48px)!important;
    max-width:none!important;
    margin-inline:auto!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:25px!important;
    justify-items:stretch!important;
  }

  html body .eg12-copy{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  html body .eg12-title{
    width:100%!important;
    max-width:920px!important;
    margin-top:18px!important;
    font-size:clamp(46px,5vw,57px)!important;
    line-height:1.01!important;
  }

  html body .eg12-title span{
    width:100%!important;
    max-width:900px!important;
    white-space:normal!important;
    text-wrap:balance!important;
  }

  html body .eg12-lead{
    width:100%!important;
    max-width:870px!important;
    margin-top:17px!important;
  }

  html body .eg12-proof{
    width:100%!important;
    max-width:980px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 22px!important;
    margin-top:19px!important;
  }

  html body .eg12-proof-text b,
  html body .eg12-proof-text small{white-space:normal!important;}

  html body .eg12-finder{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }

  html body .eg12-hero::before{background-position:53% 45%!important;}
  html body .eg12-hero::after{
    background:linear-gradient(180deg,rgba(2,3,3,.40),rgba(2,3,3,.65) 56%,rgba(2,3,3,.88) 100%)!important;
  }
}