/* AXIO — the feature pages (/review-monitoring, /deleted-review-tracking, /review-extortion-help,
   /listing-sabotage-watch, /suspension-early-warning, /competitor-review-audits) and the articles.
   The two token blocks below are a verbatim copy of the ones at the top of site/index.html's
   <style>, which stays the source of truth: scripts/check-site.mjs fails the build when they
   drift apart. Everything after the tokens is the small set of compositions these pages need,
   in the landing page's own class names so the two read as one site. site/header.css (the
   shared header), site/landing.css (the theme toggle) and site/landing.js (the menus, the theme and
   the page-view ping) are loaded beside this. */
:root{
  color-scheme:light;
  --axio-blue:#4285F4;--axio-red:#EA4335;--axio-yellow:#FBBC04;--axio-green:#34A853;
  --axio-ink:#070B14;
  --beam:linear-gradient(90deg,var(--axio-blue),var(--axio-red),var(--axio-yellow),var(--axio-green));
  --gradient-primary:linear-gradient(90deg,var(--axio-blue),var(--axio-green));
  --wordmark-ink:#34363B;
  --ink:#121418;--muted:#4A5060;--slate:#9AA0AE;
  --ground:#F7F8FA;--paper:#FFFFFF;--fill:#F7F8FA;--fill-2:#F1F3F6;--panel:#EEF3FE;
  --line:#E1E4EA;--line-strong:#D8DCE3;
  --accent:#4285F4;--accent-hover:#2D6FD9;--accent-ink:#1A56C4;--on-accent:#FFFFFF;--focus:#4285F4;
  --blue:#1A56C4;--blue-soft:#EEF3FE;--blue-line:#D6E2FB;
  --amber-ink:#8A6300;--amber-soft:#FFF8E1;--amber-line:#F6E3A6;--band:rgba(251,188,4,.14);
  --red:#B3261E;--red-soft:#FFF1F0;--red-line:#F9D2CE;
  --ok:#1E6B3A;--ok-soft:#EAF6EE;--ok-line:#C5E6D0;
  --star:#FBBC04;
  /* labels on fills: ink on the dark monogram tile, white on the red count (both themes) */
  --on-ink:#EEF1F7;--count:#B3261E;--on-count:#FFFFFF;
  /* the featured plan: an ink card under the beam */
  --feat-bg:radial-gradient(ellipse 90% 60% at 100% 0%,rgba(66,133,244,.38),transparent 62%),radial-gradient(ellipse 80% 55% at 0% 100%,rgba(52,168,83,.30),transparent 62%),var(--ink);
  --feat-ink:#FFFFFF;--feat-muted:#C5CAD6;--feat-list:#E1E4EA;--feat-strike:#9AA0AE;--feat-border:transparent;
  /* Signal shape and light: pill buttons, deep-blue primary that sweeps to green on hover, radius 20, one shadow under product mocks */
  --btn-radius:999px;--card-radius:20px;
  --btn-grad:linear-gradient(90deg,var(--accent-ink) 0%,var(--accent-ink) 40%,var(--accent-hover) 70%,var(--ok) 100%);
  --btn-glow:0 12px 30px -12px rgba(66,133,244,.7);
  --shadow-float:0 40px 90px -40px rgba(18,20,24,.3);
  --shadow-lift:0 50px 100px -40px rgba(66,133,244,.35);
  --shimmer:linear-gradient(90deg,var(--accent-ink),var(--ok),var(--amber-ink),var(--red),var(--accent-ink));
  --nav-ground:rgba(247,248,250,.86);
  --final-bg:radial-gradient(ellipse 60% 80% at 15% 20%,rgba(66,133,244,.14),transparent 60%),radial-gradient(ellipse 50% 70% at 85% 30%,rgba(52,168,83,.12),transparent 60%),radial-gradient(ellipse 60% 60% at 60% 100%,rgba(251,188,4,.10),transparent 60%),var(--ground);
  --weight-display:800;--num-font:var(--display);--num-weight:800;
  --ease:cubic-bezier(.2,.8,.2,1);
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --display:"Plus Jakarta Sans",-apple-system,sans-serif;
  --body:"Plus Jakarta Sans",-apple-system,sans-serif;
  --wordmark:"Montserrat",-apple-system,sans-serif;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --wordmark-ink:#EEF1F7;
  --ink:#EEF1F7;--muted:#9AA3B5;--slate:#6C7689;
  --ground:#070B14;--paper:#0D1320;--fill:rgba(255,255,255,.04);--fill-2:rgba(255,255,255,.08);--panel:rgba(66,133,244,.12);
  --line:rgba(255,255,255,.10);--line-strong:rgba(255,255,255,.18);
  --accent:#4285F4;--accent-hover:#5B95F5;--accent-ink:#4285F4;--on-accent:#070B14;
  --blue:#4285F4;--blue-soft:rgba(66,133,244,.12);--blue-line:rgba(66,133,244,.4);
  --amber-ink:#FBBC04;--amber-soft:rgba(251,188,4,.12);--amber-line:rgba(251,188,4,.4);--band:rgba(251,188,4,.12);
  --red:#EA4335;--red-soft:rgba(234,67,53,.10);--red-line:rgba(234,67,53,.4);
  --ok:#34A853;--ok-soft:rgba(52,168,83,.10);--ok-line:rgba(52,168,83,.4);
  --feat-bg:radial-gradient(ellipse 90% 60% at 100% 0%,rgba(66,133,244,.30),transparent 62%),radial-gradient(ellipse 80% 55% at 0% 100%,rgba(52,168,83,.22),transparent 62%),var(--paper);
  --feat-ink:#EEF1F7;--feat-muted:#9AA3B5;--feat-list:#EEF1F7;--feat-strike:#9AA3B5;--feat-border:rgba(66,133,244,.45);
  /* Sentinel shape and light: 10px buttons, gradient primary with an ink label, radius 16, deeper shadows */
  --btn-radius:10px;--card-radius:16px;
  --btn-grad:linear-gradient(90deg,var(--axio-blue) 0%,var(--axio-green) 33%,var(--axio-blue) 66%,var(--axio-green) 100%);
  --btn-glow:0 0 40px -8px rgba(66,133,244,.7);
  --shadow-float:0 60px 120px -50px rgba(0,0,0,.9);
  --shadow-lift:0 60px 120px -50px rgba(66,133,244,.45);
  --shimmer:linear-gradient(90deg,var(--axio-blue),var(--axio-green),var(--axio-yellow),var(--axio-red),var(--axio-blue));
  --nav-ground:rgba(7,11,20,.86);
  --final-bg:radial-gradient(ellipse 60% 80% at 15% 20%,rgba(66,133,244,.16),transparent 60%),radial-gradient(ellipse 50% 70% at 85% 30%,rgba(52,168,83,.12),transparent 60%),var(--ground);
  --weight-display:700;--num-font:var(--mono);--num-weight:600;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --display:"Plus Jakarta Sans",-apple-system,sans-serif;
  --body:"Plus Jakarta Sans",-apple-system,sans-serif;
}

/* ---------------------------------------------------------------- base */
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{font-family:var(--display);line-height:1.1;text-wrap:balance}
a{color:var(--accent-ink)}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
[id]{scroll-margin-top:84px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
section{padding:clamp(56px,7vw,88px) 0;position:relative}
.alt{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.eyebrow{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:18px}
.h2{font-size:clamp(30px,3.6vw,46px);font-weight:var(--weight-display);letter-spacing:-.03em;line-height:1.06;max-width:24ch}
.h3{font-size:clamp(21px,2.2vw,26px);font-weight:600;letter-spacing:-.01em;line-height:1.2}
.sub{font-size:clamp(17px,1.6vw,19px);color:var(--muted);margin-top:18px;max-width:62ch;line-height:1.6}
.vis-note{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted);margin-top:14px}

/* buttons, as on the landing page */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:var(--btn-radius);padding:15px 28px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent;line-height:1.3;cursor:pointer;font-family:inherit;transition:background-position .6s var(--ease),box-shadow .3s var(--ease),background .2s,border-color .2s,transform .15s var(--ease)}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--btn-grad);background-size:300% 100%;background-position:0 0;color:var(--on-accent)}
.btn-primary:hover{background-position:100% 0;box-shadow:var(--btn-glow)}
.btn:active{transform:scale(.98)}
.btn-ghost{border-color:var(--line-strong);background:var(--paper);color:var(--ink)}
.btn-ghost:hover{background:var(--fill-2)}
.btn-text{color:var(--accent-ink);text-decoration:none;font-weight:600;font-size:16px;display:inline-flex;gap:7px;align-items:center}
.btn-text .ar{transition:transform .2s}
.btn-text:hover .ar{transform:translateX(4px)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.friction{margin-top:14px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--muted)}
@media(max-width:600px){.cta-row>.btn{flex:1 1 100%}}

/* ---------------------------------------------------------------- breadcrumb
   Opens each page under the shared header (header.css), so you always know which page this is. */
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 10px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--muted)}
.crumbs li{display:flex;align-items:center;gap:10px}
.crumbs li+li::before{content:"/";color:var(--slate)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--accent-ink);text-decoration:underline}
.crumbs [aria-current="page"]{color:var(--ink)}

/* ---------------------------------------------------------------- hero */
.hero{padding:clamp(22px,3vw,32px) 0 clamp(40px,6vw,72px);overflow:hidden}
.hero .hero-grid{margin-top:clamp(36px,5vw,64px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px 64px;align-items:center}
.hero h1{font-size:clamp(38px,5.2vw,66px);font-weight:var(--weight-display);letter-spacing:-.04em;line-height:1.02;max-width:14ch}
.hero .sub{margin-top:22px}
.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font-family:var(--mono);font-size:12px;font-weight:500;line-height:1.4;margin-bottom:24px}
.hero-pill .live{width:7px;height:7px;border-radius:50%;background:var(--axio-green);flex:none}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- product windows and mocks */
.window{background:var(--paper);border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:var(--shadow-float);overflow:hidden}
.window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:var(--fill);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.window-bar>span:first-child{display:flex;align-items:center;gap:10px}
.window-dots{font-size:10px;letter-spacing:2px}
.example-badge{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ok);background:var(--ok-soft);border-radius:999px;padding:4px 10px;line-height:1.6;white-space:nowrap}
.window-in{padding:clamp(18px,2.4vw,24px)}
.is-ai,.mk-label{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:4px;line-height:1.4}
.mk-label{margin-top:12px}
.mk{font-family:var(--mono);font-size:11px;color:var(--muted)}
.issue{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:12px 13px;margin-top:9px}
.issue.open{border-color:var(--blue-line);background:var(--blue-soft)}
.is-top{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px}
.is-kind{font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.is-sum{font-size:13.5px;line-height:1.5}
.is-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.is-acts span{text-align:center;font-size:12.5px;font-weight:600;padding:8px 4px;border-radius:8px;border:1px solid var(--line-strong)}
.is-acts span.a{background:var(--accent-ink);border-color:var(--accent-ink);color:var(--on-accent)}
.is-row{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:13px;line-height:1.4}
.is-row .is-kind{display:block;margin-bottom:2px}
.pill{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.5;padding:2px 9px;border-radius:999px;border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap}
.pill.hi{color:var(--red);border-color:var(--red-line);background:var(--red-soft)}
.pill.md{color:var(--amber-ink);border-color:var(--amber-line);background:var(--amber-soft)}
.pill.lo{color:var(--accent-ink);border-color:var(--blue-line);background:var(--blue-soft)}
.pill.ok{color:var(--ok);border-color:var(--ok-line);background:var(--ok-soft)}
.mock-q{font-size:14.5px;line-height:1.5;font-style:italic}
.mock-alt{margin:4px 0 0;padding-left:18px;font-size:13.5px;color:var(--muted)}
.mock-alt li{margin:2px 0}
.stars{color:var(--star);letter-spacing:1px;font-size:14px}

/* the record: what Google shows beside what is kept */
.workbench{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--card-radius);overflow:hidden;background:var(--paper)}
.observation{padding:clamp(18px,2.4vw,24px)}
.observation.preserved{border-left:1px solid var(--line);background:var(--blue-soft)}
.observation-label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;margin-bottom:12px}
.observation-label b{color:var(--ink);font-weight:600}
.sample-label{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sample-label.kept{color:var(--accent-ink)}
.sample-review{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.sample-review h3{font-size:15px;font-weight:600;margin-bottom:6px}
.sample-review p{font-size:14px;color:var(--muted);line-height:1.5;margin-top:6px}
.sample-review.gone{border-style:dashed;color:var(--muted)}
.observation-foot{font-size:13px;color:var(--muted);margin-top:10px}
@media(max-width:640px){.workbench{grid-template-columns:1fr}.observation.preserved{border-left:0;border-top:1px solid var(--line)}}

/* a dated list (the Missing list, the activity feed, the filing guide) */
.ev-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ev-list li{display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--fill);border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-size:14px;line-height:1.45}
.ev-list li b{font-weight:600}
.ev-list li .when{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}
.ev-list li.red{border-left:3px solid var(--axio-red)}
.ev-list li.yellow{border-left:3px solid var(--axio-yellow)}
.ev-list li.green{border-left:3px solid var(--axio-green)}
.ev-list li.blue{border-left:3px solid var(--axio-blue)}
@media(max-width:600px){.ev-list li{flex-wrap:wrap}}

/* five figures, as on the competitor dashboard */
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.fig{background:var(--fill);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.fig .n{font-family:var(--num-font);font-weight:var(--num-weight);font-size:24px;letter-spacing:-.02em;line-height:1.1}
.fig .n small{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:4px}
.fig .l{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.4}
.fig.up .n small{color:var(--ok)}
.fig.warn .n{color:var(--amber-ink)}

/* the before and after of a listing change */
.chg{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px;background:var(--fill)}
.chg-h{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;margin-bottom:6px}
.ba{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-family:var(--mono);font-size:12.5px}
.ba .b{color:var(--muted);text-decoration:line-through}
.ba .arr{color:var(--accent-ink)}

/* the evidence grades */
.grades{display:grid;gap:8px}
.grade{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:var(--fill);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}
.grade .pill{margin-top:3px;min-width:96px;text-align:center}
.grade b{font-weight:600}

/* ---------------------------------------------------------------- cards, steps, two-column rows */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:44px}
.card{background:var(--fill);border:1px solid var(--line);border-radius:var(--card-radius);padding:28px;transition:border-color .3s,background .5s,transform .3s var(--ease)}
.card:hover{border-color:var(--blue-line);background:linear-gradient(135deg,var(--blue-soft),var(--fill) 55%,var(--ok-soft));transform:translateY(-3px)}
.card h3{font-size:21px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px;line-height:1.2}
.card p{font-size:16px;color:var(--muted)}
.card p+p{margin-top:10px}
.card ul{margin:10px 0 0;padding-left:20px;font-size:15.5px;color:var(--muted)}
.card li{margin:4px 0}
.stamp{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);border:1px solid currentColor;border-radius:4px;padding:5px 10px;margin-bottom:16px;line-height:1.4}
.stamp.s-blue{color:var(--blue)}
.stamp.s-yellow{color:var(--amber-ink)}
.stamp.s-red{color:var(--red)}
.stamp.s-green{color:var(--ok)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-top:44px}
.step .n{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin-bottom:18px;font-family:var(--mono);font-weight:600;font-size:15px;color:var(--accent-ink);background:var(--blue-soft);border:1px solid var(--blue-line)}
.step h3{font-size:21px;font-weight:600;margin-bottom:8px;line-height:1.2}
.step p{font-size:16px;color:var(--muted);max-width:36ch}
.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px 64px;align-items:center}
.row+.row{margin-top:clamp(56px,7vw,88px)}
.row.rev>.txt{order:1}
.row .txt p{color:var(--muted);font-size:17px;margin-top:16px;max-width:52ch}
.row .txt ul{margin:16px 0 0;padding-left:20px;color:var(--muted);font-size:16px}
.row .txt li{margin:6px 0}
.row .txt li b{color:var(--ink);font-weight:600}
@media(max-width:900px){.row{grid-template-columns:1fr}.row.rev>.txt{order:0}}

/* the limits: one table, each row a plain fact */
.limits{margin-top:40px;border-top:1px solid var(--line)}
.limit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px 48px;padding:26px 0;border-bottom:1px solid var(--line)}
.limit h3{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.limit p{font-size:16px;color:var(--muted);line-height:1.65}
.limit p+p{margin-top:8px}
.limit p b{color:var(--ink);font-weight:600}
@media(max-width:700px){.limit{grid-template-columns:1fr;gap:8px;padding:22px 0}}

/* plan depths */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:36px}
.plan{background:var(--paper);border:1px solid var(--line);border-radius:var(--card-radius);padding:22px}
.plan .nm{font-size:15px;font-weight:600}
.plan .cap{margin-top:10px}
.plan .cap-n{display:block;font-family:var(--num-font);font-weight:var(--num-weight);font-size:34px;letter-spacing:-.02em;line-height:1}
.plan .cap-l{display:block;font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.45}
.plan ul{margin:14px 0 0;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.plan li{padding:5px 0;border-top:1px solid var(--line)}
.plan li b{color:var(--ink);font-weight:600}
.terms{font-size:15.5px;color:var(--muted);margin-top:22px;max-width:70ch}

/* cross-links between the three pages */
.more{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:36px}
.more a{display:grid;gap:6px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--paper);text-decoration:none;color:var(--ink);transition:border-color .2s,transform .3s var(--ease)}
.more a:hover{border-color:var(--blue-line);transform:translateY(-3px);text-decoration:none}
.more a b{font-size:17px;font-weight:600}
.more a span{font-size:14.5px;color:var(--muted);line-height:1.5}
.more a .ar{color:var(--accent-ink);font-weight:600;font-size:14px;margin-top:4px}

/* ---------------------------------------------------------------- closing and footer */
.final{background:var(--final-bg);border-top:1px solid var(--line)}
.final .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px 64px;align-items:start}
.final h2{font-size:clamp(36px,4.4vw,52px);font-weight:var(--weight-display);letter-spacing:-.04em;line-height:1;max-width:14ch}
.final-r{display:grid;gap:20px}
.final .sub{margin:0;font-size:17px;max-width:45ch}
.final .cta-row{margin:0;gap:12px}
.final .friction{margin:0}
footer{border-top:1px solid var(--line);padding:64px 0 34px;background:var(--ground)}
.f-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}
.f-col h2{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-weight:600}
.f-col .links{display:grid;gap:2px}
.f-col .links a{color:var(--muted);text-decoration:none;font-size:15px;padding:5px 0;transition:color .18s}
.f-col .links a:hover{color:var(--accent-ink)}
.f-col p{font-size:15px;color:var(--muted);max-width:36ch}
.f-brand .brand{margin-bottom:16px}
.f-brand .brand-mark{font-size:22px}.f-brand .brand-sub{font-size:16px}
.f-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:52px;padding-top:26px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.f-legal{display:flex;gap:16px}
.f-legal a{color:var(--muted);text-decoration:none}
.f-legal a:hover{color:var(--accent-ink)}

/* Sentinel: the raised surfaces sit on paper rather than tint */
:root[data-theme="dark"] .window,:root[data-theme="dark"] .plan,:root[data-theme="dark"] .more a{background:var(--paper)}
:root[data-theme="dark"] .issue,:root[data-theme="dark"] .sample-review{background:var(--ground)}
:root[data-theme="dark"] .btn-ghost,:root[data-theme="dark"] .hero-pill{background:var(--fill)}
:root[data-theme="dark"] .btn-ghost:hover{background:var(--fill-2)}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}