/* v80: first-screen badges instead of the three paragraphs above the buttons. */
.hero-badges{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0 24px;padding:0;max-width:600px}
.hero-badges li{display:flex;align-items:center;gap:11px;min-width:0;margin:0;padding:11px 13px;border:1px solid #d6e5dc;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(16,43,58,.07)}
.hb-ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e8f3ec}
.hb-ico svg{width:23px;height:23px;fill:none;stroke:#205a42;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hb-txt{display:grid;gap:2px;min-width:0}
.hb-txt b{font-size:15.5px;line-height:1.2;color:#102b3a}
.hb-txt small{font-size:13px;line-height:1.3;color:#52665e}

/* phone: the badges sit on the photo, like the rest of the first-screen text */
@media(max-width:760px){
 .hero .hero-copy>.hero-badges{position:relative;z-index:3;margin:14px 18px 18px;gap:8px;max-width:none}
 .hero .hero-badges li{padding:9px 8px;gap:7px;border-color:rgba(255,255,255,.28);background:rgba(9,32,23,.55);box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
 .hero .hb-ico{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.14)}
 .hero .hb-ico svg{width:19px;height:19px;stroke:#bfe8cf}
 .hero .hb-txt b{font-size:13.5px;color:#fff;letter-spacing:-.01em}
 .hero .hb-txt small{font-size:11.5px;color:#d8e8de}
}
@media(max-width:360px){
 .hero .hero-copy>.hero-badges{margin-left:14px;margin-right:14px;gap:6px}
 .hero .hero-badges li{padding:8px;gap:7px}
 .hero .hb-ico{width:26px;height:26px}
 .hero .hb-ico svg{width:17px;height:17px}
 .hero .hb-txt b{font-size:12.5px}
 .hero .hb-txt small{font-size:11px}
}
/* v94: three conditions instead of four — a neat column of three (one line of title + one line of detail each) */
.hero-badges.hb-3{grid-template-columns:1fr;gap:8px;max-width:460px}
.hero-badges.hb-3 li{align-items:center;padding:9px 13px}
.hero-badges.hb-3 .hb-ico{width:34px;height:34px}
.hero-badges.hb-3 .hb-ico svg{width:21px;height:21px}
.hero-badges.hb-3 .hb-txt b{font-size:15px}
.hero-badges.hb-3 .hb-txt small{font-size:13px}
@media(max-width:760px){
 .hero .hero-copy>.hero-badges.hb-3{gap:7px}
 .hero .hero-badges.hb-3 li{padding:8px 11px}
 .hero .hero-badges.hb-3 .hb-ico{width:30px;height:30px}
 .hero .hero-badges.hb-3 .hb-ico svg{width:19px;height:19px}
 .hero .hero-badges.hb-3 .hb-txt b{font-size:14px}
 .hero .hero-badges.hb-3 .hb-txt small{font-size:12px}
}
@media(max-width:360px){.hero .hero-badges.hb-3 .hb-txt b{font-size:13px}.hero .hero-badges.hb-3 .hb-txt small{font-size:11px}}