/* Hero declutter v2.2 — calmer hierarchy, quiet trust strip */
.hero{padding:24px 0 0}
.hero .nav{margin-bottom:20px}
.hero-grid{gap:32px;align-items:center}
.hero .tag{margin-bottom:2px;font-size:.78rem;padding:5px 12px}
.hero h1{
  margin:8px 0 12px;
  line-height:1.1;
  letter-spacing:-.01em;
  font-size:clamp(1.7rem,3.1vw,2.45rem); /* smaller so ~3 lines */
  max-width:20ch;
}
.hero p.lead{
  margin:0 0 20px;
  max-width:520px;
  font-size:1rem;
  line-height:1.45;
  opacity:.93;
}
.hero .btns{display:flex;flex-wrap:nowrap;gap:12px;align-items:center;margin:0 0 14px}
.hero .btns .btn{padding:13px 20px;font-size:.98rem;white-space:nowrap}
.hero-walkies{margin:0;font-size:.9rem;font-weight:700;opacity:.88}
.hero-walkies a{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.hero .badges{display:none}
.hero-img{
  width:100%;
  max-width:420px;
  border-radius:26px;
  border:5px solid rgba(255,255,255,.92);
  box-shadow:0 16px 36px rgba(0,0,0,.22);
  display:block;
  margin-left:auto;
  object-fit:cover;
}
.hero-trust{
  margin-top:26px;
  padding:16px 0 18px;
  border-top:1px solid rgba(255,255,255,.2);
  background:transparent;
}
.hero-trust .wrap{
  display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;
}
.hero-trust span{
  display:inline-flex;align-items:center;gap:7px;
  color:rgba(255,255,255,.85);
  font-size:.8rem;font-weight:600;line-height:1.2;
  background:transparent!important;padding:0!important;border-radius:0!important;
  box-shadow:none!important;
}
.hero-trust svg{width:15px;height:15px;color:#9bffe0;flex:none}
@media(min-width:900px){
  .hero{padding:28px 0 0}
  .hero-grid{grid-template-columns:minmax(0,1.2fr) 420px;gap:36px;align-items:center}
  .hero-img{max-width:420px;width:420px}
}
@media(max-width:899px){
  .hero h1{max-width:none;font-size:clamp(1.85rem,7vw,2.25rem)}
  .hero .btns{flex-wrap:wrap}
  .hero .btns .btn{white-space:normal}
  .hero-img{max-width:100%;width:100%}
  .hero-trust{margin-top:20px;padding-bottom:16px}
}
/* Teal primary CTA (Nov 9) */
.hero .btns .btn:first-child{background:#0e9f8c;color:#fff;box-shadow:0 10px 24px rgba(8,90,80,.32)}
.hero .btns .btn:first-child:hover{background:#0b8a79}
.hero .btns .btn:first-child svg{color:#fff;fill:#fff}