/* KeyCar Homepage V10 — mobile-first polish */
@media (max-width: 860px){
  html,body{max-width:100%;overflow-x:hidden}
  body:has(.home-v8){padding-bottom:64px}
  body:has(.home-v8) .topbar{display:none}
  body:has(.home-v8) .header{position:sticky;top:0;z-index:110;background:#fff}
  body:has(.home-v8) .headrow{min-height:64px;padding-block:6px;gap:10px}
  body:has(.home-v8) .brand strong{font-size:25px;line-height:1}
  body:has(.home-v8) .brand-mark{width:34px;height:34px}
  body:has(.home-v8) .menu-toggle{width:50px;height:46px;border-radius:14px;border:1px solid #dce7ec;background:#f8fbfc;padding:8px}
  body:has(.home-v8) .menu-toggle b{font-size:10px}
  body:has(.home-v8) nav{top:66px;right:12px;left:12px;max-height:calc(100dvh - 86px);overflow:auto;border-radius:18px;box-shadow:0 20px 50px rgba(7,27,43,.18)}
  body:has(.home-v8) nav a{font-size:15px;padding:13px 14px}
  body:has(.home-v8) .mobilebar{height:64px;display:grid;grid-template-columns:1fr 1fr;position:fixed;right:0;left:0;bottom:0;z-index:140;box-shadow:0 -8px 28px rgba(7,27,43,.20)}
  body:has(.home-v8) .mobilebar a{height:64px;font-size:14px}
  body:has(.home-v8) .mobilebar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}

  .home-v8 .wrap{width:min(100% - 28px,1200px)}
  .home-v8 .section-head{display:block;margin-bottom:22px}
  .home-v8 .section-head h2{font-size:clamp(28px,8vw,36px);letter-spacing:-.02em;line-height:1.15}
  .home-v8 .section-head p{font-size:15px;line-height:1.75;margin-top:10px}
  .home-v8 .eyebrow{font-size:12px}

  /* hero */
  .h8-hero{padding:20px 0 20px;background:linear-gradient(180deg,#061827 0%,#0b3147 100%)}
  .h8-hero-grid{grid-template-columns:1fr;gap:18px}
  .h8-hero-copy{order:2;padding:0;text-align:center}
  .h8-hero-visual{order:1;min-height:0;height:auto;aspect-ratio:4/3;margin-inline:-2px}
  .h8-photo-frame{position:relative;inset:auto;width:100%;height:100%;border-radius:20px;box-shadow:0 18px 42px rgba(0,0,0,.28)}
  .h8-photo-frame::after{background:linear-gradient(180deg,rgba(7,27,43,.02),rgba(7,27,43,.18))}
  .h8-photo-frame img{object-position:center 44%}
  .h8-float-card{display:none}
  .h8-hero-kicker{margin:0 auto 10px;font-size:11px;padding:6px 9px}
  .h8-hero h1{font-size:clamp(38px,11vw,54px);line-height:1.02;letter-spacing:-.04em;margin-bottom:12px}
  .h8-hero-lead{font-size:15px;line-height:1.75;margin:0 auto 16px;max-width:34rem}
  .h8-hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:16px}
  .h8-hero-actions .h8-btn{width:100%;min-height:54px;font-size:15px}
  .h8-trust-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:right}
  .h8-trust-item{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);border-radius:13px;padding:9px 10px;font-size:11px;line-height:1.35}
  .h8-trust-item:last-child{grid-column:1/-1;justify-content:center}
  .h8-hero-strip{margin-top:18px;grid-template-columns:1fr 1fr;border-radius:16px}
  .h8-hero-strip div{padding:11px 10px;border-top:1px solid rgba(255,255,255,.08)}
  .h8-hero-strip b{font-size:13px}.h8-hero-strip small{font-size:10px;line-height:1.4}

  /* brands */
  .h8-brands{padding:12px 0}
  .h8-brands-row{gap:8px;scroll-snap-type:x proximity;padding-bottom:2px}
  .h8-brands-title{display:none}
  .h8-brand-chip{min-width:92px;height:46px;border-radius:12px;font-size:12px;scroll-snap-align:start;padding:0 9px}
  .h8-brand-chip i{width:25px;height:25px;font-size:9px}

  /* services */
  .h8-services{padding:48px 0 44px}
  .h8-services-grid{grid-template-columns:1fr;gap:14px}
  .h8-service{min-height:0;padding:0 16px 18px;border-radius:20px}
  .h9-service-photo{height:190px;margin:0 -16px 16px;border-radius:20px 20px 0 0}
  .h8-service-icon{top:162px;right:16px;width:46px;height:46px}
  .h8-service h3{font-size:20px;margin-top:2px;padding-inline-start:50px}
  .h8-service p{font-size:14px;line-height:1.7;margin-bottom:10px}

  /* visual story */
  .h9-photo-story{padding:0 0 46px}
  .h9-photo-grid{grid-template-columns:1fr;gap:12px}
  .h9-story-main{min-height:330px;border-radius:20px}
  .h9-story-overlay{right:17px;left:17px;bottom:16px}
  .h9-story-overlay h2{font-size:26px}.h9-story-overlay p{font-size:13px;line-height:1.6}
  .h9-story-stack{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:10px}
  .h9-story-stack article{min-height:165px;border-radius:18px}
  .h9-story-stack article>div{right:13px;left:13px;bottom:12px}
  .h9-story-stack b{font-size:15px;line-height:1.25}.h9-story-stack small{font-size:10px}

  /* lead/form */
  .h8-lead-section{padding:48px 0}
  .h8-lead-grid{display:flex;flex-direction:column;gap:14px}
  .h8-form-card{order:1;padding:18px;border-radius:20px;min-height:0}
  .h9-tech-panel{order:2;min-height:340px;border-radius:20px}
  .h8-area-card{order:3;padding:20px;border-radius:20px;min-height:0}
  .h9-tech-panel img{min-height:340px;height:340px}
  .h9-tech-copy{right:17px;left:17px;bottom:16px}.h9-tech-copy b{font-size:22px}
  .h8-form-card h2,.h8-area-card h2{font-size:28px}
  .h8-form-card>p,.h8-area-card>p{font-size:14px;line-height:1.65}
  .h8-issue-options{grid-template-columns:1fr 1fr;gap:7px;margin:14px 0 16px}
  .h8-issue-options button{min-height:68px;padding:8px 6px;font-size:12px}
  .h8-issue-options button:last-child{grid-column:1/-1}
  .h8-form-grid{grid-template-columns:1fr;gap:9px}
  .h8-form-grid input,.h8-form-grid textarea{font-size:16px;min-height:46px}
  .h8-send{min-height:54px;font-size:14px}
  .h8-route{margin:18px 0}
  .h8-route-row{padding:8px 0}
  .h9-area-visual{height:180px}
  .h8-area-bottom{display:grid;grid-template-columns:1fr;gap:8px}

  /* why */
  .h8-why{padding:48px 0}
  .h8-why-grid{grid-template-columns:1fr 1fr;gap:10px}
  .h8-why-card{padding:17px 14px;min-height:0;border-radius:16px}
  .h8-why-card strong{font-size:16px}.h8-why-card p{font-size:12px;line-height:1.55}

  /* guides */
  .h8-guides{padding:48px 0}
  .h8-guide-grid{grid-template-columns:1fr;gap:14px}
  .h8-guide{padding:0 16px 18px;border-radius:18px}
  .h9-guide-photo{height:190px;margin:0 -16px 14px}
  .h8-guide h3{font-size:20px;line-height:1.35}
  .h8-guide p{font-size:14px;line-height:1.65}

  /* final */
  .h8-final{padding:0 0 42px}
  .h8-final-card{display:block;padding:22px;border-radius:20px;min-height:310px;background-position:68% center}
  .h8-final-card h2{font-size:27px;line-height:1.2;max-width:80%}
  .h8-final-card p{max-width:75%}
  .h8-final-actions{display:grid;grid-template-columns:1fr;margin-top:18px;width:100%}
  .h8-final-actions .h8-btn{width:100%}

  /* footer */
  body:has(.home-v8) .footer{padding-bottom:20px}
  body:has(.home-v8) .footer-grid{grid-template-columns:1fr 1fr;gap:26px 18px}
  body:has(.home-v8) .footer-about{grid-column:1/-1}
  body:has(.home-v8) .footer h3{font-size:14px}
  body:has(.home-v8) .footer a,body:has(.home-v8) .footer span,body:has(.home-v8) .footer p{font-size:12px;line-height:1.7}
  body:has(.home-v8) .copyright{text-align:center;font-size:10px;padding-top:18px}
}

@media (max-width: 430px){
  .home-v8 .wrap{width:min(100% - 20px,1200px)}
  body:has(.home-v8) .headrow{min-height:60px}
  body:has(.home-v8) nav{top:62px;right:10px;left:10px}
  .h8-hero{padding-top:12px}
  .h8-hero-visual{aspect-ratio:1.08/1}
  .h8-photo-frame img{object-position:center center}
  .h8-hero h1{font-size:38px}
  .h8-hero-lead{font-size:14px}
  .h8-trust-row{grid-template-columns:1fr}
  .h8-trust-item:last-child{grid-column:auto;justify-content:flex-start}
  .h8-hero-strip{grid-template-columns:1fr 1fr}
  .h9-story-stack{grid-template-columns:1fr}
  .h9-story-stack article{min-height:190px}
  .h8-why-grid{grid-template-columns:1fr}
  .h8-final-card h2,.h8-final-card p{max-width:100%}
  body:has(.home-v8) .footer-grid{grid-template-columns:1fr}
  body:has(.home-v8) .footer-about{grid-column:auto}
}