/* KeyCar homepage V9 – image-rich visual layer */
.home-v8{font-family:"Noto Sans Hebrew","Open Sans",sans-serif}
.home-v8 button,.home-v8 input,.home-v8 textarea,.home-v8 select{font-family:"Noto Sans Hebrew","Open Sans",sans-serif}

/* richer hero */
.h8-hero{padding-top:42px;background:
 radial-gradient(circle at 82% 12%,rgba(41,148,255,.20),transparent 28%),
 radial-gradient(circle at 10% 90%,rgba(12,168,137,.15),transparent 28%),
 linear-gradient(135deg,#061827 0%,#0a2d43 54%,#0b3852 100%)}
.h8-photo-frame{box-shadow:0 30px 85px rgba(0,0,0,.38)}
.h8-photo-frame::after{background:linear-gradient(90deg,rgba(7,27,43,.00),rgba(7,27,43,.02) 60%,rgba(7,27,43,.16))}

/* service cards become photo cards */
.h8-services-grid{grid-template-columns:repeat(3,1fr);gap:18px}
.h8-service{padding:0 20px 22px;min-height:355px;display:flex;flex-direction:column}
.h9-service-photo{height:155px;margin:0 -20px 18px;border-radius:22px 22px 0 0;overflow:hidden;background:#eaf2f6}
.h9-service-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.h8-service:hover .h9-service-photo img{transform:scale(1.04)}
.h8-service-icon{position:absolute;top:126px;right:20px;width:48px;height:48px;margin:0;border:4px solid #fff;box-shadow:0 10px 22px rgba(7,27,43,.12);z-index:3}
.h8-service h3{margin-top:4px;padding-inline-start:56px}
.h8-service p{flex:1}

/* photo story */
.h9-photo-story{padding:12px 0 72px;background:#fff}
.h9-photo-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.h9-story-main,.h9-story-stack article{position:relative;overflow:hidden;border-radius:24px;box-shadow:0 18px 45px rgba(7,27,43,.10);background:#071b2b}
.h9-story-main{min-height:410px}
.h9-story-main img,.h9-story-stack img{width:100%;height:100%;object-fit:cover;display:block}
.h9-story-main::after,.h9-story-stack article::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,20,33,.86),rgba(4,20,33,.06) 58%)}
.h9-story-overlay{position:absolute;right:28px;left:28px;bottom:24px;z-index:2;color:#fff}
.h9-story-overlay span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#18c56e;color:#fff;font-size:12px;font-weight:900}
.h9-story-overlay h2{margin:10px 0 5px;color:#fff;font-size:34px;line-height:1.15}
.h9-story-overlay p{margin:0;color:#d9e7ed;font-size:15px}
.h9-story-stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.h9-story-stack article{min-height:196px}
.h9-story-stack article>div{position:absolute;right:20px;left:20px;bottom:18px;z-index:2;color:#fff}
.h9-story-stack b{display:block;color:#fff;font-size:20px}.h9-story-stack small{color:#d6e5ec}

/* form section gets 3-column visual layout */
.h8-lead-grid{grid-template-columns:.78fr 1.12fr .9fr;gap:18px;align-items:stretch}
.h9-tech-panel{position:relative;min-height:100%;overflow:hidden;border-radius:26px;background:#071b2b;box-shadow:var(--h8-shadow-sm)}
.h9-tech-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,20,33,.92),rgba(4,20,33,.05) 58%)}
.h9-tech-panel img{width:100%;height:100%;min-height:575px;object-fit:cover;display:block}
.h9-tech-copy{position:absolute;right:22px;left:22px;bottom:22px;z-index:2;color:#fff}
.h9-tech-copy span{display:inline-block;color:#74e9d5;font-size:12px;font-weight:900;margin-bottom:5px}
.h9-tech-copy b{display:block;color:#fff;font-size:25px;line-height:1.2;margin-bottom:12px}
.h9-tech-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.h9-tech-copy li{color:#d9e7ed;font-size:13px;padding-right:18px;position:relative}
.h9-tech-copy li::before{content:"✓";position:absolute;right:0;color:#62e7cd;font-weight:900}
.h8-form-card,.h8-area-card{min-height:575px}
.h8-area-card{display:flex;flex-direction:column}
.h9-area-visual{margin-top:auto;position:relative;height:150px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.13)}
.h9-area-visual img{width:100%;height:100%;object-fit:cover;display:block}
.h9-area-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,24,39,.78),transparent 70%)}
.h9-area-visual span{position:absolute;right:14px;left:14px;bottom:12px;z-index:2;color:#fff;font-weight:900;font-size:12px}

/* visual guide cards */
.h8-guide-grid{grid-template-columns:repeat(4,1fr);gap:16px}
.h8-guide{padding:0 18px 20px;overflow:hidden}
.h9-guide-photo{height:132px;margin:0 -18px 16px;background:#eaf2f6;overflow:hidden}
.h9-guide-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.h8-guide:hover .h9-guide-photo img{transform:scale(1.04)}

/* CTA with real photo */
.h9-final-photo{min-height:230px;background:
 linear-gradient(90deg,rgba(5,22,36,.96) 0%,rgba(5,22,36,.88) 46%,rgba(5,22,36,.35) 76%,rgba(5,22,36,.25) 100%),
 url('/assets/media/home-v9/cta-car.webp') center/cover no-repeat}
.h9-final-photo::after{display:none}
.h9-final-photo>div{position:relative;z-index:2}

/* overall density/polish */
.h8-services,.h8-guides{position:relative}
.h8-services::before,.h8-guides::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 7% 12%,rgba(15,111,255,.055),transparent 23%),radial-gradient(circle at 92% 86%,rgba(12,168,137,.05),transparent 22%)}
.h8-services>.wrap,.h8-guides>.wrap{position:relative;z-index:1}
.h8-why-card{background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.035))}

/* contrast guardrails */
.h8-hero,.h8-why,.h8-area-card,.h9-tech-panel,.h9-story-main,.h9-story-stack article,.h9-final-photo{color:#fff}
.h8-hero p,.h8-hero small,.h8-why p,.h8-area-card p,.h8-area-card small,.h9-tech-panel p,.h9-tech-panel small,.h9-final-photo p{color:#d7e5eb}
.h8-hero h1,.h8-hero h2,.h8-hero h3,.h8-why h1,.h8-why h2,.h8-why h3,.h8-area-card h1,.h8-area-card h2,.h8-area-card h3,.h9-tech-panel h1,.h9-tech-panel h2,.h9-tech-panel h3,.h9-final-photo h1,.h9-final-photo h2,.h9-final-photo h3{color:#fff}

@media(max-width:1180px){
  .h8-lead-grid{grid-template-columns:1fr 1.15fr}.h9-tech-panel{grid-row:1/3}.h8-area-card{grid-column:2}
  .h8-guide-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:920px){
  .h9-photo-grid{grid-template-columns:1fr}.h9-story-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .h8-lead-grid{grid-template-columns:1fr}.h9-tech-panel{grid-row:auto}.h8-area-card{grid-column:auto}
  .h9-tech-panel img{min-height:430px}
}
@media(max-width:760px){
  .h8-service{min-height:330px}.h9-service-photo{height:175px}
  .h9-photo-story{padding-bottom:50px}.h9-story-main{min-height:330px}.h9-story-overlay{right:18px;left:18px;bottom:18px}.h9-story-overlay h2{font-size:27px}
  .h9-story-stack{grid-template-columns:1fr}.h9-story-stack article{min-height:210px}
  .h8-guide-grid{grid-template-columns:1fr}.h9-guide-photo{height:190px}
  .h9-final-photo{min-height:300px;background-position:64% center}
}