/* ---- product page ---- */
.phero{padding:46px 0 34px;background:linear-gradient(180deg,var(--sage) 0%,var(--soft) 100%);border-bottom:1px solid var(--line)}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:18px;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{color:var(--accent);font-weight:600}
.phero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.phero h1{font-family:var(--display);font-weight:700;font-size:clamp(34px,5vw,56px);line-height:1.02;letter-spacing:-.01em;margin:14px 0 14px}
.phero .lede{max-width:56ch}
.phero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 26px}
.pstats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid var(--line);padding-top:18px;margin:0}
.pstats dt{font-family:var(--display);font-size:24px;font-weight:700;color:var(--deep)}
.pstats dd{margin:2px 0 0;font-size:13.5px;color:var(--muted)}
.phero-art{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;display:grid;place-items:center}
.phero-art svg{width:100%;max-width:260px;height:auto}
.why-grid,.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.spec-grid{grid-template-columns:repeat(3,1fr)}
.why-card,.spec{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
.why-card h3,.spec h3{font-size:16.5px;margin:0 0 8px}
.why-card p,.spec p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}
.fineprint{margin:18px 0 0;color:var(--muted);font-size:14px}
.sec.alt{background:var(--soft)}
@media (max-width:980px){.phero-grid{grid-template-columns:1fr}.phero-art{order:-1;max-width:320px}.why-grid{grid-template-columns:1fr 1fr}.spec-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.phero h1 br{display:none}.why-grid,.spec-grid{grid-template-columns:1fr}.pstats{grid-template-columns:repeat(3,1fr);gap:10px}.pstats dt{font-size:19px}.pstats dd{font-size:12px}.phero-cta .btn{width:100%}}