/*
  Verbatim copy of the <style> block from SOURCE-pricing-latest.html.
  Do not edit design tokens, selectors, or values here — this file exists
  only so the same CSS can be shared by index.html and signup.html without
  duplicating it inline. Any new interactive-only rules live in
  interactive.css, never in this file.
*/

:root[data-theme="light"]{
  --paper:#f7f8f6; --ink:#14201d; --muted:#6b7772; --faint:#97a19c;
  --rule:#dbe0db; --rule-strong:#b9c2bc;
  --accent:#0d7355; --accent-wash:#e6f1ec; --on-accent:#ffffff;
  --card:#ffffff; --shade:#eef1ee;
  color-scheme:light;
}
:root{
  --paper:#f7f8f6; --ink:#14201d; --muted:#6b7772; --faint:#97a19c;
  --rule:#dbe0db; --rule-strong:#b9c2bc;
  --accent:#0d7355; --accent-wash:#e6f1ec; --on-accent:#ffffff;
  --card:#ffffff; --shade:#eef1ee;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#1a1f1d; --ink:#eef1ee; --muted:#9aa49e; --faint:#7a8580;
    --rule:#2e3633; --rule-strong:#454e4a;
    --accent:#52c69b; --accent-wash:#24352d; --on-accent:#0a1410;
    --card:#222926; --shade:#1f2523;
  }
}
:root[data-theme="dark"]{
  --paper:#0f1513; --ink:#e9ede9; --muted:#909c96; --faint:#6f7a75;
  --rule:#28302d; --rule-strong:#3c4643;
  --accent:#52c69b; --accent-wash:#16271f; --on-accent:#08120e;
  --card:#141b19; --shade:#141b19;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--paper);color:var(--ink);
  font-family:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  font-size:15.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
.page{max-width:920px;margin:0 auto;padding:44px 24px 90px}

.brand{font-size:14px;letter-spacing:.02em;color:var(--muted);margin-bottom:34px}
.brand b{color:var(--ink);font-weight:600;letter-spacing:0}

h1{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(33px,6.5vw,47px);
   line-height:1.1;letter-spacing:-0.022em;margin:0 0 16px;max-width:17ch}
.deck{font-size:17.5px;color:var(--muted);max-width:56ch;margin:0 0 10px;line-height:1.55}
.deck strong{color:var(--ink);font-weight:500}

h2{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:27px;
   letter-spacing:-0.015em;margin:0 0 6px}
.lead{color:var(--muted);margin:0 0 22px;max-width:58ch;font-size:15px}
hr{border:0;border-top:1px solid var(--rule);margin:48px 0}

/* ---- tiers ---- */
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:12px}
.tier{border:1px solid var(--rule-strong);border-radius:5px;padding:19px 17px 17px;background:var(--card);
  display:flex;flex-direction:column}
.tier.feat{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-wash)}
.tier .tag{position:absolute;margin-top:-30px;background:var(--accent);color:var(--on-accent);
  font-size:10.5px;font-weight:600;letter-spacing:.04em;padding:3px 9px;border-radius:3px}
.tier .nm{font-family:Newsreader,Georgia,serif;font-size:22px;letter-spacing:-0.01em;margin-bottom:2px}
.tier .pr{font-variant-numeric:tabular-nums;font-weight:600;font-size:23px;margin-bottom:9px}
.tier .pr span{font-weight:400;color:var(--muted);font-size:13px}
.tier .who{color:var(--muted);font-size:13.4px;line-height:1.45;margin-bottom:13px}
.tier ul{margin:0 0 13px;padding:0;list-style:none;display:grid;gap:6px}
.tier li{font-size:13.3px;line-height:1.4;padding-left:15px;position:relative}
.tier li::before{content:"";position:absolute;left:1px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.tier li.c{color:var(--muted)}
.tier li.c::before{background:var(--rule-strong)}
.tier .sup{margin-top:auto;padding-top:11px;border-top:1px solid var(--rule);
  font-size:12.7px;color:var(--muted);line-height:1.42}
.tier .sup b{color:var(--ink);font-weight:600}

.proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:13px}
.pcard{border:1px solid var(--accent);border-radius:5px;background:var(--accent-wash);
  padding:19px 19px 16px;display:flex;flex-direction:column}
.phead{font-family:Newsreader,Georgia,serif;font-size:20px;letter-spacing:-0.01em;margin-bottom:6px;line-height:1.2}
.pcard p{margin:0 0 13px;font-size:14.2px;line-height:1.5;color:var(--ink)}
.ptab{width:100%;min-width:0;border-collapse:collapse;font-size:13.4px;margin-bottom:11px}
.ptab th{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);
  padding:0 0 5px;border-bottom:1px solid var(--rule-strong);text-align:left}
.ptab th.n,.ptab td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:10px}
.ptab td{padding:6px 0;border-bottom:1px solid var(--rule)}
.ptab tr:last-child td{border-bottom:0}
.ptab .was{color:var(--muted);text-decoration:line-through}
.ptab .now{color:var(--accent);font-weight:600}
.plist{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:8px}
.plist li{font-size:14px;line-height:1.45;padding-left:16px;position:relative}
.plist li::before{content:"";position:absolute;left:1px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.pbig{font-family:Newsreader,Georgia,serif;font-size:52px;line-height:1;letter-spacing:-0.03em;
  color:var(--accent);margin:4px 0 4px}
.pbigsub{font-size:13.6px;line-height:1.45;margin-bottom:12px}
.pnote{margin-top:auto;padding-top:11px;border-top:1px solid var(--rule-strong);
  font-size:12.2px;line-height:1.45;color:var(--muted)}
.tiers.three{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}
.addon{margin-top:14px;border:1px solid var(--accent);border-radius:5px;background:var(--accent-wash);
  padding:21px 22px 18px}
.ahead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:14px}
.anm{font-family:Newsreader,Georgia,serif;font-size:23px;letter-spacing:-0.012em;line-height:1.15;margin-bottom:4px}
.asub{color:var(--muted);font-size:14px;line-height:1.5;max-width:52ch}
.apr{font-variant-numeric:tabular-nums;font-weight:600;font-size:23px;white-space:nowrap}
.apr .from{font-weight:400;color:var(--muted);font-size:14px;margin-right:2px}
.apr span{font-weight:400;color:var(--muted);font-size:13px}
ul.afeat{margin:0;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:7px 24px}
ul.afeat li{font-size:14.2px;line-height:1.42;padding-left:16px;position:relative}
ul.afeat li::before{content:"";position:absolute;left:1px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.anote{margin-top:14px;padding-top:12px;border-top:1px solid var(--rule-strong);
  font-size:12.6px;color:var(--muted)}
.everyone{border:1px solid var(--rule-strong);border-radius:5px;background:var(--card);
  padding:23px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 30px}
.everyone .grp{min-width:0}
.everyone h4{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--accent);margin:0 0 8px}
.everyone ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.everyone li{font-size:14px;line-height:1.42;padding-left:16px;position:relative}
.everyone li::before{content:"";position:absolute;left:1px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--accent)}

/* ---- tables ---- */
.scroller{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:14.8px;min-width:400px}
th{text-align:left;font-weight:500;color:var(--muted);font-size:12.8px;padding:0 14px 8px 0;
   border-bottom:1px solid var(--rule-strong);white-space:nowrap}
th.n,td.n{text-align:right;font-variant-numeric:tabular-nums}
td{padding:11px 14px 11px 0;border-bottom:1px solid var(--rule);vertical-align:top}
tr:last-child td{border-bottom:0}
td .s{display:block;color:var(--muted);font-size:12.8px;margin-top:1px}
tr.sum td{border-bottom:0;border-top:1px solid var(--rule-strong);font-weight:600;padding-top:12px}

.perorder{margin:20px 0 0;color:var(--muted);font-size:13.8px;line-height:1.55;max-width:66ch}
.callout{background:var(--accent-wash);border-radius:4px;padding:18px 20px;margin:26px 0 0;
  font-size:15px;line-height:1.55;max-width:64ch}
.callout b{font-weight:600}
.callout + .callout{margin-top:12px}

/* ---- how ---- */
.how{display:grid;gap:20px}
.how .item{display:grid;grid-template-columns:20px 1fr;gap:13px;align-items:start}
.how .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:9px}
.how h3{font-size:15.5px;font-weight:600;margin:0 0 3px}
.how p{margin:0;color:var(--muted);max-width:58ch;font-size:14.5px}

.disc{font-size:14.2px;color:var(--muted);line-height:1.6}
.disc h3{color:var(--ink);font-size:15px;margin:21px 0 3px;font-weight:600}
.disc p{margin:0 0 4px;max-width:66ch}

.cta{margin-top:40px;display:flex;gap:11px;flex-wrap:wrap}
a.btn{display:inline-block;text-decoration:none;font-size:15px;padding:12px 25px;border-radius:3px;
  border:1px solid var(--rule-strong);color:var(--ink)}
a.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:500}
a.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.legal{margin-top:42px;padding-top:20px;border-top:1px solid var(--rule);
  font-size:12px;color:var(--faint);line-height:1.6;max-width:70ch}
.legal p{margin:0 0 9px}
.legal b{color:var(--muted);font-weight:600}

@media (max-width:620px){ .page{padding:32px 20px 70px} }
@media print{ .cta{display:none} body{background:#fff} }