/* Requested desktop transparency and mobile image-first layout — v0.11.1 */
@media(min-width:761px){
  .hero .hero-app>.si-solver{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.62);box-shadow:0 24px 65px rgba(1,23,52,.25);backdrop-filter:blur(13px) saturate(118%);-webkit-backdrop-filter:blur(13px) saturate(118%)}
  .hero .hero-app textarea,.hero .hero-app .si-location{background:rgba(255,255,255,.74)}
}
@media(max-width:760px){
  .hero{padding:22px 0 28px}
  .hero .hero-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important;min-height:0;padding:0;border-radius:0;overflow:visible;box-shadow:none;background:transparent}
  .hero .hero-story{position:relative;inset:auto;width:100%;height:auto;min-height:0;aspect-ratio:3/5;border-radius:22px;overflow:hidden;box-shadow:0 20px 45px rgba(5,35,73,.2)}
  .hero .hero-story-slides figure:after{background:linear-gradient(0deg,rgba(2,17,39,.92) 0%,rgba(3,25,54,.58) 45%,rgba(3,25,52,.08) 78%)}
  .hero .hero-story-slides img{object-position:center}
  .hero .hero-story .hero-copy{position:absolute;inset:0;width:100%;height:100%;padding:0 24px 118px;justify-content:flex-end;text-align:left}
  .hero .hero-story .hero-copy .eyebrow{display:block;margin:0 0 24px;color:#a9d0ff;font-size:12px;line-height:1.55}
  .hero .hero-story .hero-copy h1{margin:0 0 24px!important;font-size:clamp(46px,14vw,62px);line-height:.98}
  .hero .hero-story .hero-copy>p:not(.eyebrow){display:block;margin:0;color:#fff;font-size:15px;line-height:1.65}
  .hero .hero-story .trust-row{display:none}
  .hero .hero-story-controls{left:24px;top:auto;bottom:27px}
  .hero .hero-story-slides figcaption{display:block;left:auto;right:20px;bottom:28px;max-width:155px;text-align:right;background:transparent;padding:0;font-size:11px;line-height:1.45;backdrop-filter:none}
  .hero .hero-app{position:relative;z-index:1;grid-column:1;width:100%;margin:0}
  .hero .hero-app>.si-solver{background:#fff;border-color:#dce6f2;box-shadow:0 14px 35px rgba(25,66,110,.1);backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(max-width:390px){
  .hero .hero-story{aspect-ratio:5/8}
  .hero .hero-story .hero-copy{padding:0 20px 108px}
  .hero .hero-story .hero-copy .eyebrow{margin-bottom:17px}
  .hero .hero-story .hero-copy h1{font-size:44px;margin-bottom:17px!important}
  .hero .hero-story .hero-copy>p:not(.eyebrow){font-size:14px}
  .hero .hero-story-controls{left:20px;bottom:22px}
  .hero .hero-story-slides figcaption{right:17px;bottom:23px}
}