/* LogicPearl healthcare marketing design system.
   Token + primitive layers are lifted from src/pages/demos/aspirion/index.astro
   (kept in sync manually; that page stays self-contained for sales calls). */

/* ---------- 1. Tokens ---------- */
:root{
  --navy-950:#07152b;
  --navy-900:#0b1f3d;
  --navy-800:#11294f;
  --navy-700:#1a3668;
  --navy-600:#264a87;
  --navy-500:#39619f;
  --ink:#0b1f3d;
  --ink-2:#334d73;
  --ink-3:#5a6f8e;
  --ink-4:#8c9bb2;

  --teal-600:#0f8a8d;
  --teal-500:#16a3a6;
  --teal-400:#4fc0c2;
  --teal-50:#e6f6f6;

  --green-600:#1f8a5a;
  --green-50:#e8f5ee;
  --amber-600:#b1720c;
  --amber-50:#fbf1dd;
  --red-600:#b3443a;
  --red-50:#faeae7;

  --bg:#ffffff;
  --bg-soft:#f5f7fa;
  --bg-softer:#fafbfc;
  --line:#e4e8ee;
  --line-strong:#cdd4de;

  --primary: var(--navy-900);
  --accent: var(--teal-600);

  --r-xs:6px;
  --r-sm:10px;
  --r-md:14px;
  --r-lg:20px;
  --r-xl:28px;

  --sh-1: 0 1px 2px rgba(11,31,61,.05), 0 1px 1px rgba(11,31,61,.04);
  --sh-2: 0 4px 14px -4px rgba(11,31,61,.10), 0 2px 4px rgba(11,31,61,.04);
  --sh-3: 0 18px 42px -16px rgba(11,31,61,.18), 0 6px 14px -6px rgba(11,31,61,.08);
  --sh-4: 0 40px 80px -30px rgba(11,31,61,.28), 0 10px 24px -10px rgba(11,31,61,.10);

  --pad:24px;
  --pad-2:40px;
  --maxw:1240px;

  --font-sans:'Inter','Helvetica Neue',Arial,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --font-serif:'Newsreader',Georgia,serif;
}

[data-theme="dark"]{
  --bg:#0a1426;
  --bg-soft:#0e1a30;
  --bg-softer:#0c1729;
  --line:#1e2c47;
  --line-strong:#2b3c5c;
  --ink:#eaf0fb;
  --ink-2:#b9c5dc;
  --ink-3:#8a99b6;
  --ink-4:#5e6e8c;
  --primary:#eaf0fb;
  --sh-1: 0 1px 2px rgba(0,0,0,.3);
  --sh-2: 0 6px 16px -6px rgba(0,0,0,.5);
  --sh-3: 0 22px 50px -20px rgba(0,0,0,.6);
  --sh-4: 0 48px 90px -30px rgba(0,0,0,.7);
  --teal-50: rgba(22,163,166,.12);
  --green-50: rgba(31,138,90,.14);
  --amber-50: rgba(177,114,12,.14);
  --red-50: rgba(179,68,58,.14);
}

/* ---------- 2. Primitives ---------- */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-size:15px;line-height:1.55;letter-spacing:-0.005em}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
::selection{background:var(--navy-900);color:#fff}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.divider{height:1px;background:var(--line);width:100%}

h1,h2,h3,h4{font-family:var(--font-sans);color:var(--ink);margin:0;letter-spacing:-0.025em;font-weight:700}
h1{font-size:clamp(38px,5vw,60px);line-height:1.04;letter-spacing:-0.03em;font-weight:800}
h2{font-size:clamp(28px,3.2vw,42px);line-height:1.08}
h3{font-size:20px;line-height:1.3}
h4{font-size:15px;line-height:1.35;font-weight:600}
p{margin:0;color:var(--ink-2)}

.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:var(--r-sm);font-weight:600;font-size:14px;line-height:1;transition:all .15s ease;white-space:nowrap}
.btn-primary{background:var(--navy-900);color:#fff;box-shadow:var(--sh-2)}
.btn-primary:hover{background:var(--navy-800);transform:translateY(-1px);box-shadow:var(--sh-3)}
.btn-teal{background:var(--teal-600);color:#fff;box-shadow:var(--sh-2)}
.btn-teal:hover{background:var(--teal-500);transform:translateY(-1px);box-shadow:var(--sh-3)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}
.btn-ghost:hover{background:var(--bg-soft);border-color:var(--ink-4)}
.btn-sm{padding:9px 14px;font-size:13px}
.btn-lg{padding:15px 22px;font-size:15px}
.btn:focus-visible{outline:2px solid var(--teal-600);outline-offset:2px}
a:focus-visible,summary:focus-visible{outline:2px solid var(--teal-600);outline-offset:2px;border-radius:4px}

section{padding:96px 0;position:relative}
section.soft{background:var(--bg-soft)}
.section-head{max-width:780px;margin-bottom:56px}
.section-head .eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}
.section-head .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal-500)}
/* Section-level eyebrows are wayfinding, not fine print */
.section-head .eyebrow,.hero .eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.14em;color:var(--teal-600)}
.band-dark .section-head .eyebrow{color:var(--teal-400)}
.section-head p{font-size:18px;color:var(--ink-2);margin-top:14px;max-width:640px;text-wrap:pretty}

.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.04em;padding:4px 9px;border-radius:999px;background:var(--bg-soft);color:var(--ink-2);border:1px solid var(--line)}
.chip.teal{background:var(--teal-50);color:var(--teal-600);border-color:transparent}
.chip.green{background:var(--green-50);color:var(--green-600);border-color:transparent}
.chip.amber{background:var(--amber-50);color:var(--amber-600);border-color:transparent}
.chip.red{background:var(--red-50);color:var(--red-600);border-color:transparent}
.chip.navy{background:var(--navy-900);color:#fff;border-color:transparent}
.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}

.kbd{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:4px;background:var(--bg-soft);border:1px solid var(--line);color:var(--ink-3)}

.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1)}
.card.elev{box-shadow:var(--sh-3)}
.card-pad{padding:24px}

.row{display:flex;gap:16px;align-items:center}
.col{display:flex;flex-direction:column;gap:12px}
.mono{font-family:var(--font-mono)}
.muted{color:var(--ink-3)}
.between{display:flex;align-items:center;justify-content:space-between;gap:12px}
.grid{display:grid;gap:20px}

.fade-in{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.fade-in.in{opacity:1;transform:none}
.stagger > *{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
.stagger.in > *{opacity:1;transform:none}
.stagger.in > *:nth-child(1){transition-delay:.00s}
.stagger.in > *:nth-child(2){transition-delay:.06s}
.stagger.in > *:nth-child(3){transition-delay:.12s}
.stagger.in > *:nth-child(4){transition-delay:.18s}
.stagger.in > *:nth-child(5){transition-delay:.24s}
.stagger.in > *:nth-child(6){transition-delay:.30s}
@media (prefers-reduced-motion: reduce){
  .fade-in,.stagger > *{opacity:1;transform:none;transition:none}
}

.barline{height:6px;border-radius:999px;background:var(--line);overflow:hidden;position:relative}
.barline > i{display:block;height:100%;background:var(--accent);border-radius:999px}
.barline.green > i{background:var(--green-600)}
.barline.amber > i{background:var(--amber-600)}
.barline.red > i{background:var(--red-600)}

/* Editorial pull-line: the narrative voice carried over from the buyer deck. */
.pull{font-family:var(--font-serif);font-style:normal;font-weight:600;letter-spacing:-0.02em;color:var(--ink)}
h2.pull{font-size:clamp(30px,3.6vw,46px);line-height:1.12}

/* ---------- 3. Site chrome ---------- */
.nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.2) blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:var(--maxw);margin:0 auto;padding:0 28px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;font-size:16px}
.brand .mark{width:26px;height:26px;flex:none;display:block}
.nav-links{display:flex;flex-wrap:nowrap;gap:22px;color:var(--ink-2);font-size:13px;font-weight:500;white-space:nowrap}
.nav-links a{padding:4px 0}
.nav-links a:hover{color:var(--ink)}
.nav-links a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--teal-500)}
.nav-cta{display:flex;align-items:center;gap:10px}

/* Mobile disclosure menu (zero-JS) */
.nav-menu{display:none;position:relative}
.nav-menu > summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line-strong);border-radius:var(--r-xs);cursor:pointer}
.nav-menu > summary::-webkit-details-marker{display:none}
.nav-menu .burger{display:block;width:16px;height:2px;background:var(--ink);border-radius:2px;position:relative}
.nav-menu .burger::before,.nav-menu .burger::after{content:"";position:absolute;left:0;width:16px;height:2px;background:var(--ink);border-radius:2px}
.nav-menu .burger::before{top:-5px}
.nav-menu .burger::after{top:5px}
.nav-menu-panel{position:absolute;right:0;top:48px;min-width:220px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:10px;display:flex;flex-direction:column;gap:2px}
.nav-menu-panel a{padding:10px 12px;border-radius:var(--r-xs);font-size:14px;font-weight:500;color:var(--ink-2)}
.nav-menu-panel a:hover{background:var(--bg-soft);color:var(--ink)}
@media (max-width: 920px){
  .nav-links,.nav-cta .btn-ghost{display:none}
  .nav-menu{display:block}
}

footer.site{padding:56px 0 40px;border-top:1px solid var(--line);background:var(--bg-softer)}
footer.site .f-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
footer.site h5{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;font-weight:600}
footer.site a{display:block;color:var(--ink-2);font-size:14px;padding:4px 0}
footer.site a:hover{color:var(--ink)}
footer.site .f-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--ink-3)}
@media (max-width: 920px){ footer.site .f-grid{grid-template-columns:1fr 1fr} }

/* Hero */
.hero{padding:104px 0 70px;overflow:hidden;background:
  linear-gradient(90deg,color-mix(in srgb,var(--line) 54%,transparent) 1px,transparent 1px),
  linear-gradient(180deg,color-mix(in srgb,var(--line) 42%,transparent) 1px,transparent 1px),
  linear-gradient(180deg,var(--bg),var(--bg-softer));
  background-size:72px 72px,72px 72px,100% 100%}
.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:64px;align-items:center}
.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}
.hero-copy .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal-500)}
.hero-copy p.lede{font-size:18px;line-height:1.6;margin-top:20px;max-width:590px;text-wrap:pretty}
.hero-ctas{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.hero-meta{display:flex;gap:18px;margin-top:26px;font-size:13px;color:var(--ink-3);flex-wrap:wrap}
.hero-meta span{display:inline-flex;align-items:center;gap:7px}
.hero-meta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--teal-500)}
.hero-meta a{color:var(--ink-3);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.hero-meta a:hover{color:var(--ink)}
@media (max-width: 920px){ .hero{padding-top:72px}.hero-grid{grid-template-columns:1fr;gap:40px} }

/* Immediate proof strip */
.proof-strip{padding:0 0 38px;background:var(--bg-softer);border-bottom:1px solid var(--line)}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.proof-card{position:relative;min-height:148px;padding:20px;border:1px solid var(--line);background:var(--bg);box-shadow:var(--sh-1);overflow:hidden}
.proof-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--teal-500)}
.proof-card::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal-500),transparent);opacity:.55;animation:proofSweep 5.2s ease-in-out infinite}
.proof-card:nth-child(2)::before{background:var(--amber-600)}
.proof-card:nth-child(3)::before{background:var(--green-600)}
.proof-card:nth-child(4)::before{background:var(--navy-600)}
.proof-card:nth-child(2)::after{animation-delay:.3s}
.proof-card:nth-child(3)::after{animation-delay:.6s}
.proof-card:nth-child(4)::after{animation-delay:.9s}
.proof-num{font-family:var(--font-mono);font-size:34px;line-height:1;font-weight:600;color:var(--ink);letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.proof-card p{font-size:13px;line-height:1.45;margin-top:16px;color:var(--ink-3)}
@keyframes proofSweep{0%,45%,100%{transform:translateX(-100%);opacity:0}55%{opacity:.65}72%{transform:translateX(100%);opacity:0}}
@media (max-width: 920px){.proof-grid{grid-template-columns:1fr 1fr}.proof-card{min-height:132px}}
@media (max-width: 560px){.proof-grid{grid-template-columns:1fr}}

.category-line{max-width:900px;margin:-22px 0 40px;padding:22px 26px;border-left:3px solid var(--teal-500);background:var(--bg)}
.category-line p{font-size:19px;line-height:1.5;color:var(--ink);text-wrap:pretty}

/* Operational artifact panels (case readiness, readiness result, audit trail) */
.panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);overflow:hidden}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--bg-softer)}
.panel-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:13px}
.panel-body{padding:18px}
.panel-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.panel-row:last-child{border-bottom:0}
.panel-row .k{color:var(--ink-3);flex:none;width:118px}
.panel-row .v{color:var(--ink);font-weight:500;text-align:left;flex:1}
.panel-foot{padding:12px 18px;border-top:1px solid var(--line);background:var(--bg-softer);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--ink-3)}

/* Requirement / audit rows */
.req{display:flex;align-items:flex-start;gap:10px;padding:9px 0;font-size:13.5px;border-bottom:1px solid var(--line)}
.req:last-child{border-bottom:0}
.req .mark-ic{flex:none;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-top:1px}
.req.ok .mark-ic{background:var(--green-50);color:var(--green-600)}
.req.miss .mark-ic{background:var(--red-50);color:var(--red-600)}
.req.review .mark-ic{background:var(--amber-50);color:var(--amber-600)}
.req .req-note{display:block;font-size:12px;color:var(--ink-3);margin-top:1px}

/* Metric band */
.metric-band{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.metric{padding:22px 24px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1)}
.metric .num{font-family:var(--font-mono);font-size:30px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.metric .lbl{font-size:13px;color:var(--ink-3);margin-top:6px;line-height:1.45}
@media (max-width: 920px){ .metric-band{grid-template-columns:1fr 1fr} }
@media (max-width: 560px){ .metric-band{grid-template-columns:1fr} }

/* Workflow / step flow */
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:flow}
.flow .step{padding:22px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1);position:relative}
.flow .step h4{margin-bottom:8px}
.flow .step p{font-size:14px;color:var(--ink-2)}
.flow .step .who{margin-bottom:12px}
.flow.cols-4{grid-template-columns:repeat(4,1fr)}
@media (max-width: 1080px){ .flow.cols-4{grid-template-columns:1fr 1fr} }
@media (max-width: 920px){ .flow,.flow.cols-4{grid-template-columns:1fr} }

/* Tiles */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.tile{display:block;padding:26px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1);transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}
a.tile:hover{box-shadow:var(--sh-3);transform:translateY(-2px);border-color:var(--line-strong)}
.tile h3{margin-bottom:8px;font-size:18px}
.tile p{font-size:14px}
.tile .tile-cta{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;color:var(--teal-600)}
.tiles.cols-3{grid-template-columns:repeat(3,1fr)}
@media (max-width: 920px){ .tiles.cols-3{grid-template-columns:1fr 1fr} }
@media (max-width: 720px){ .tiles,.tiles.cols-3{grid-template-columns:1fr} }

/* Two-column split (content + aside) */
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.split.even{grid-template-columns:1fr 1fr}
@media (max-width: 920px){ .split,.split.even{grid-template-columns:1fr} }

/* Dark band (developer strip, final CTA) */
.band-dark{background:var(--navy-950);color:#dbe4f2;border-radius:0}
.band-dark h2,.band-dark h3{color:#fff}
.band-dark p{color:#a9b8d1}
.band-dark .btn-ghost{color:#fff;border-color:rgba(255,255,255,.28)}
.band-dark .btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}
.band-dark .chip{background:rgba(255,255,255,.07);color:#b9c8de;border-color:rgba(255,255,255,.12)}
.band-proof{padding:76px 0;background:
  linear-gradient(90deg,rgba(79,192,194,.12) 1px,transparent 1px),
  linear-gradient(180deg,rgba(255,255,255,.06) 1px,transparent 1px),
  var(--navy-950);
  background-size:54px 54px,54px 54px,100% 100%}
.band-proof-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:end}
.band-proof .eyebrow{color:var(--teal-400)}
@media (max-width: 920px){.band-proof-grid{grid-template-columns:1fr;gap:24px}}

/* Checklist bullets */
ul.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
ul.checks li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink-2)}
ul.checks li::before{content:"✓";flex:none;width:18px;height:18px;border-radius:50%;background:var(--teal-50);color:var(--teal-600);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}

/* FAQ */
.faq details{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);margin-bottom:10px}
.faq summary{list-style:none;cursor:pointer;padding:16px 20px;font-weight:600;font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--font-mono);color:var(--ink-3);font-size:16px}
.faq details[open] summary::after{content:"−"}
.faq details > div{padding:0 20px 18px;font-size:14.5px;color:var(--ink-2)}

/* Model-variance experiment grid: 8 model groups × 3 runs */
.vx{display:flex;gap:9px}
.vx-col{display:flex;flex-direction:column;gap:7px;align-items:center}
.vx-label{font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);letter-spacing:.04em;writing-mode:vertical-rl;transform:rotate(180deg);height:64px;display:flex;align-items:center;white-space:nowrap}
.vx i{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;
  background:var(--green-50);border:1.5px solid var(--green-600);color:var(--green-600);
  font-style:normal;font-size:12px;font-weight:700}
.vx i.deny{background:var(--red-50);border-color:var(--red-600);color:var(--red-600)}
.votes-legend{display:flex;gap:16px;margin-top:16px;font-size:13px;color:var(--ink-2);align-items:center;flex-wrap:wrap}
.votes-legend .sw{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:6px;vertical-align:-1px}
/* Determinations land one by one when the panel scrolls into view */
.vx-card.fade-in:not(.in) .vx i{opacity:0}
.vx-card.in .vx i{animation:voteLand .45s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--d)}
@keyframes voteLand{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion: reduce){
  .vx-card.fade-in:not(.in) .vx i{opacity:1}
  .vx-card.in .vx i{animation:none}
  .proof-card::after{animation:none}
}
@media (max-width: 560px){ .vx{gap:6px} .vx i{width:24px;height:24px;border-radius:6px;font-size:10px} }

/* Framed product screenshot */
.shot{display:block;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);overflow:hidden;background:var(--bg)}
.shot img{display:block;width:100%;height:auto}
a.shot{transition:box-shadow .15s ease,transform .15s ease}
a.shot:hover{box-shadow:var(--sh-4);transform:translateY(-2px)}

/* Comparison table */
.cmp{width:100%;border-collapse:collapse;font-size:14px}
.cmp th,.cmp td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.cmp td:first-child{font-weight:600;color:var(--ink)}
.cmp .bad{color:var(--ink-3)}
.cmp .good{color:var(--ink);font-weight:500}
.cmp-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg)}