/* compared.health: master brand. Ink text, indigo accent, the four index colours in the logo dot. */
:root{--brand:#3B3FD8;--brand-ink:#2B2FB0;--brand-soft:#EEEFFE}
.cwm{font-size:22px;font-weight:680;letter-spacing:-.035em;color:var(--fg);white-space:nowrap;display:inline-flex;align-items:baseline}
.cwm-s{font-size:18px}
.cq{display:inline-grid;grid-template-columns:1fr 1fr;width:.34em;height:.34em;margin:0 .07em;border-radius:.06em;overflow:hidden;transform:translateY(-.02em)}
.cq i:nth-child(1){background:#F26B1D}.cq i:nth-child(2){background:#1F6FEB}.cq i:nth-child(3){background:#D23C85}.cq i:nth-child(4){background:#0E8A6A}
.cnav{display:flex;gap:18px;font-size:14px}.cnav a{color:var(--fg);text-decoration:none}.cnav a:hover{color:var(--brand)}
.chero{padding:56px 0 28px;background:linear-gradient(180deg,var(--brand-soft),transparent)}
.chero h1{font-size:clamp(32px,5vw,52px);line-height:1.05;letter-spacing:-.03em;margin:8px 0 14px;max-width:900px}
.chero .hl{color:var(--brand)}
.chero .lede{max-width:720px}
.cstats{display:flex;gap:28px;flex-wrap:wrap;margin-top:22px}
.cstats b{display:block;font-size:28px;font-weight:700;letter-spacing:-.02em}.cstats span{font-size:13px;color:var(--muted)}
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:10px 0 14px}
.cgrid3 b{display:block;margin-bottom:4px}.cgrid3 p{margin:0;color:var(--muted);font-size:14px}
.ccard{display:grid;gap:8px;align-content:start;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--canvas);color:var(--fg);text-decoration:none;border-top:4px solid var(--c,#8c959f);transition:box-shadow .15s,transform .15s}
.ccard:hover{box-shadow:0 6px 20px rgba(17,24,39,.08);transform:translateY(-1px)}
.ccard[data-c=trt]{--c:#F26B1D}.ccard[data-c=weightloss]{--c:#1F6FEB}.ccard[data-c=hrt]{--c:#D23C85}.ccard[data-c=hairloss]{--c:#0E8A6A}
.ccard-k{font-weight:700;font-size:17px;color:var(--c)}
.ccard-t{font-size:14px;line-height:1.45}
.ccard-s{font-size:12px;color:var(--muted)}
.ccard-d{font-size:13px;font-weight:600;color:var(--brand-ink);margin-top:2px}
.csteps{background:var(--subtle)}
.cclin{border-top:1px solid var(--border)}
.clist{line-height:1.8}
.chero .eyebrow,.sec .eyebrow{color:var(--brand-ink)}
.btn{background:var(--brand);border-color:var(--brand)}.btn:hover{background:var(--brand-ink)}
.btn-g{background:var(--canvas);color:var(--fg);border-color:var(--border)}.btn-g:hover{background:var(--subtle)}
@media (max-width:960px){.cgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cgrid,.cgrid3{grid-template-columns:1fr}.cnav{gap:12px;font-size:13px}.chero{padding-top:36px}.cstats{gap:18px}}

/* header: logo, two links on wider screens, flag switch */
.cright{display:flex;align-items:center;gap:18px;margin-left:auto}
.ccsw{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:3px;background:var(--canvas)}
.ccsw a{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none}
.ccsw a[aria-pressed=true]{background:var(--fg);color:#fff}
.ccsw .flag,.cch .flag{width:20px;height:auto;border-radius:2px;box-shadow:0 0 0 1px rgba(17,24,39,.12)}
.cch{display:flex;align-items:center;gap:10px}.cch .flag{width:26px}
.ccother{display:none;font-size:14px;color:var(--muted);margin-top:-8px}
html[data-cc=uk] [data-market=us],html[data-cc=us] [data-market=uk]{display:none}
html[data-cc=uk] .ccother[data-other=uk],html[data-cc=us] .ccother[data-other=us]{display:block}
@media (max-width:720px){.cnav{display:none}.cright{gap:0}}
@media (max-width:380px){.ccsw a{padding:5px 8px}.ccsw a span{display:none}}
#indexes,#uk,#us{scroll-margin-top:80px}