/* Thornw Health */
:root{
  --accent:#1f7a6c; --accent-dark:#155c51; --tint:#e3f1ee; --tint-2:#cfe7e1;
  --paper:#f5f9f8; --ink:#13221f; --ink-2:#3b4b48; --muted:#6a7976; --rule:#dde7e4;
  --display:"Figtree",system-ui,sans-serif; --body:"Public Sans",system-ui,sans-serif;
}
h1,h2,h3{font-weight:700;letter-spacing:-.025em}
h1 em,h2 em{font-style:normal;color:var(--accent)}
.logo .wm span{font-family:var(--display);font-style:normal;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.btn{border-radius:12px}
.tiles{grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.tiles{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.tiles{grid-template-columns:repeat(5,1fr)}}
.tile{min-height:270px;background:#e3f1ee}
.tile:nth-child(2){background:#e8eef6}.tile:nth-child(3){background:#eef3e6}.tile:nth-child(4){background:#f4ece9}.tile:nth-child(5){background:#ece9f3}
.tile h3{font-size:21px}
.band{background:linear-gradient(135deg,#1f7a6c,#155c51)}
.band .kicker{color:#b9eadf}
.how i{font-family:var(--display);font-style:normal;font-weight:800}

/* hero shelf: real products on soft circles */
.shelf{position:relative;aspect-ratio:1/0.95;background:var(--tint);border-radius:28px;overflow:hidden}
.shelf .dot{position:absolute;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 18px 40px -18px rgba(19,34,31,.35);transition:transform .4s}
.shelf .dot img{width:72%;height:72%;object-fit:contain;mix-blend-mode:multiply}
.shelf .dot:hover{transform:translateY(-6px) rotate(-2deg)}
.shelf .d1{width:44%;aspect-ratio:1;left:6%;top:8%}
.shelf .d2{width:34%;aspect-ratio:1;right:8%;top:5%;background:#f7fbfa}
.shelf .d3{width:30%;aspect-ratio:1;left:38%;top:40%}
.shelf .d4{width:36%;aspect-ratio:1;left:4%;bottom:6%;background:#f7fbfa}
.shelf .d5{width:38%;aspect-ratio:1;right:5%;bottom:7%}
.shelf .lab{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:999px;white-space:nowrap}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;font-size:14px;color:var(--ink-2)}
.trust span{display:flex;align-items:center;gap:7px}
.trust span::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f7a6c' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}