/* Home hero: three crossfading slides (groceries, car cleaning, food) behind white text, with the search pill on top. */
.h-hero.hv2{background:#0B1713;color:#fff;min-height:620px;padding:64px 56px 150px;isolation:isolate}
.hv-slides,.hv-slide{position:absolute;inset:0;z-index:-2}
.hv-slide{opacity:0;transition:opacity 1.3s ease}
.hv-slide.on{opacity:1}
.hv-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}
.hv-slide.on img{animation:hvkb 8s ease-out forwards}
@keyframes hvkb{from{transform:scale(1.14) translate(var(--kx),var(--ky))}to{transform:scale(1.03) translate(0,0)}}
.hv-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,20,16,.92) 0%,rgba(8,20,16,.74) 42%,rgba(8,20,16,.22) 78%,rgba(8,20,16,.12) 100%),linear-gradient(0deg,rgba(8,20,16,.7),transparent 45%)}
.hv2 .h-chip{color:#E7D08A;background:rgba(201,168,76,.16);border-color:rgba(231,208,138,.4);backdrop-filter:blur(6px)}
.hv2 h1{color:#fff;font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.01em;margin:22px 0 18px}
.hv2 h1 em{color:#F0D98C;background:none}
.hv2 .h-hero-copy{max-width:600px;animation:hvin .9s cubic-bezier(.2,.7,.2,1) both}
.hv2 .h-hero-copy p{color:#DCE6E1;font-size:17.5px;max-width:520px}
@keyframes hvin{from{opacity:0;transform:translateY(24px)}}
.hv-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hv-tabs{right:26px;top:26px}
.hv-tabs button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.3);background:rgba(10,24,19,.5);color:#fff;font:inherit;font-weight:700;font-size:13px;padding:9px 15px;border-radius:999px;cursor:pointer;backdrop-filter:blur(8px);transition:all .25s}
.hv-tabs button svg{color:#E7D08A}
.hv-tabs button:hover{background:rgba(255,255,255,.16)}
.hv-tabs button.on{background:#fff;color:#0F2A23;border-color:#fff}
.hv-tabs button.on svg{color:var(--g-600,#1F6F5C)}
.hv2 .h-search{bottom:34px}
@media(max-width:900px){
  .h-hero.hv2{padding:40px 22px 270px;min-height:0;background:#0B1713}
  .hv-shade{background:linear-gradient(180deg,rgba(8,20,16,.55) 0%,rgba(8,20,16,.7) 45%,rgba(8,20,16,.9) 100%)}
  .hv-tabs{display:flex;position:static;margin-top:22px;flex-wrap:wrap}
  .hv2 .h-hero-copy p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.hv-slide{transition:none}.hv-slide.on img,.hv2 .h-hero-copy{animation:none}}