/* Marketing pages (site v2). Builds on brand.css. */
.lead{font-size:17px;line-height:26px;color:var(--slate)}
@media (min-width:860px){.lead{font-size:19px;line-height:29px}}
.hero{padding:28px 0 40px;background:linear-gradient(180deg,#fff 0%,#fff 60%,var(--frost) 100%)}
.hero-grid{display:grid;gap:32px;align-items:center}
@media (min-width:900px){.hero{padding:64px 0 72px}.hero-grid{grid-template-columns:1.15fr .85fr;gap:56px}}
.score-form{display:grid;gap:10px}
@media (min-width:720px){.score-form{grid-template-columns:1fr auto}.score-form .cta{white-space:nowrap}}
.ex-card{position:relative;margin:0;border:1px solid var(--rime);border-radius:20px;padding:22px 20px 16px;background:#fff;box-shadow:0 18px 40px -24px rgba(15,30,43,.35)}
.ex-tag{position:absolute;top:-11px;right:16px;background:var(--ink);color:#fff;font:800 11px/16px var(--body);letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:6px}
.ex-top{display:flex;gap:16px;align-items:center;margin-bottom:10px}
.ring{--p:0;--c:var(--amber);position:relative;width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),var(--ice) 0);display:grid;place-items:center;flex:none}
.ring::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}
.ring b{position:relative;font:900 48px/52px var(--head)}
.ring.sm{width:84px;height:84px}.ring.sm::before{inset:9px}.ring.sm b{font-size:30px;line-height:34px}
.catrow{margin:10px 0}.catrow .t{display:flex;justify-content:space-between;font:700 15px/22px var(--body);margin-bottom:5px}
.checks{display:grid;gap:12px;margin-top:22px}
@media (min-width:860px){.checks{grid-template-columns:1fr 1fr}}
.check-row{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--rime);border-radius:var(--r);padding:16px 18px}
.check-row .ic{color:var(--glacier);flex:none;width:44px;height:44px;border-radius:12px;background:var(--ice);display:grid;place-items:center}
.check-row h3{margin-bottom:4px}.check-row p{font-size:16px;line-height:24px;color:var(--slate)}
.ba-grid{display:grid;gap:20px;margin-top:22px;align-items:start}
@media (min-width:860px){.ba-grid{grid-template-columns:1fr 1fr;gap:36px}}
.compare{--split:50%;position:relative;aspect-ratio:1;border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--rime);touch-action:pan-y}
.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.compare .before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.compare .divider{position:absolute;top:0;bottom:0;left:var(--split);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(15,30,43,.2)}
.compare .divider::after{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:#fff;border:2px solid var(--glacier)}
.compare .lab{position:absolute;top:12px;font:800 12px/16px var(--body);letter-spacing:.06em;text-transform:uppercase;background:rgba(15,30,43,.78);color:#fff;padding:4px 8px;border-radius:6px}
.compare .lab.l{left:12px}.compare .lab.r{right:12px}
.compare input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.before-t{color:var(--slate)}
.price-line{font:800 26px/32px var(--head)}
.post-list{list-style:none;margin:24px 0 0;padding:0}.post-list li{padding:18px 0;border-bottom:1px solid var(--rime)}.post-list a{text-decoration:none;color:var(--ink)}.post-list h2{font-size:20px;line-height:26px;margin-bottom:4px}
.blog-cta{margin-top:36px}