*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Roboto,Arial,sans-serif;background:#fff;color:#222;line-height:1.5;display:flex;flex-direction:column;min-height:100vh}
main{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:25px 16px 10px;text-align:center}
a{color:inherit}

.hero h1{margin:0;font-size:42px;font-weight:600;color:#374771}
.hero h1 a{text-decoration:none}
.stars{color:#f5b301;font-size:34px;letter-spacing:4px;margin-top:-4px}

.product-link{display:block;width:61%;margin:0 auto}
.product-img{width:100%;height:auto;display:block}
.cta{display:inline-block;margin-top:-6px;background:#1A5E9F;color:#fff;font-weight:500;font-size:20px;text-decoration:none;padding:15px 70px;border-radius:33px;animation:pulse 1.6s ease-in-out infinite}
.cta:hover{filter:brightness(1.1)}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){.cta{animation:none}}

.badges{list-style:none;padding:0;margin:28px auto 10px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:46%}
.badge{border:2px solid #374771;color:#374771;border-radius:50%;width:96px;height:96px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;text-transform:uppercase;padding:8px;line-height:1.2}

.seals{display:block;width:46%;max-width:520px;height:auto;margin:22px auto 10px}
.footer{background:#050404;color:#fff;font-size:11px;padding:15px 16px;text-align:center}
.footer p{max-width:1000px;margin:0 auto 8px}
.footer-links{font-weight:600}
.footer-links a{text-decoration:none}
.footer-links a:hover{text-decoration:underline}
.footer-disclaimer{font-weight:300}
.footer-owner{font-weight:600}

.legal{text-align:left;max-width:760px}
.legal h1{color:#374771}
.legal h2{font-size:18px;margin-top:24px}

.home h1{color:#374771;font-size:36px;margin:0}
.tagline{color:#555}
.grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin:24px 0}
.card{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;font-weight:600;color:#374771}
.card img{width:100%;height:auto}

@media (max-width:767px){
  .hero h1{font-size:26px;padding-bottom:10px}
  .stars{font-size:26px}
  .product-link{width:100%}
  .cta{font-size:18px;padding:15px 30px}
  .badges{max-width:100%}
  .seals{width:100%}
}