:root{
    --ground:#f4f6f2; --surface:#ffffff; --surface-2:#eef1ec;
    --ink:#1b241f; --ink-soft:#586761; --line:#dde3dc;
    --accent:#0f766e; --accent-2:#0b5f58; --accent-soft:#0f766e14;
    --safe:#2f9e5f; --safe-bg:#e5f4ea; --safe-ink:#1c6b3f;
    --warn:#bd831b; --warn-bg:#f8efd6; --warn-ink:#8a5f10;
    --stop:#cf5136; --stop-bg:#f8e2db; --stop-ink:#9c3620;
    --shadow:0 1px 2px #1b241f0d, 0 6px 22px #1b241f0a;
    --mono:ui-monospace,"SF Mono","Cascadia Code",Consolas,monospace;
    --sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  }
  @media (prefers-color-scheme:dark){:root{
    --ground:#0f1518; --surface:#161e21; --surface-2:#1d272a;
    --ink:#e9efe9; --ink-soft:#9aa8a2; --line:#293538;
    --accent:#4fd1c5; --accent-2:#6fe0d5; --accent-soft:#4fd1c518;
    --safe:#54bd82; --safe-bg:#14271d; --safe-ink:#7fd8a2;
    --warn:#d9a441; --warn-bg:#2a2012; --warn-ink:#e6bd6f;
    --stop:#e0755b; --stop-bg:#2c1912; --stop-ink:#f0a08b;
    --shadow:0 1px 2px #0006, 0 8px 26px #0004;
  }}
  :root[data-theme="light"]{
    --ground:#f4f6f2; --surface:#ffffff; --surface-2:#eef1ec;
    --ink:#1b241f; --ink-soft:#586761; --line:#dde3dc;
    --accent:#0f766e; --accent-2:#0b5f58; --accent-soft:#0f766e14;
    --safe:#2f9e5f; --safe-bg:#e5f4ea; --safe-ink:#1c6b3f;
    --warn:#bd831b; --warn-bg:#f8efd6; --warn-ink:#8a5f10;
    --stop:#cf5136; --stop-bg:#f8e2db; --stop-ink:#9c3620;
    --shadow:0 1px 2px #1b241f0d, 0 6px 22px #1b241f0a;
  }
  :root[data-theme="dark"]{
    --ground:#0f1518; --surface:#161e21; --surface-2:#1d272a;
    --ink:#e9efe9; --ink-soft:#9aa8a2; --line:#293538;
    --accent:#4fd1c5; --accent-2:#6fe0d5; --accent-soft:#4fd1c518;
    --safe:#54bd82; --safe-bg:#14271d; --safe-ink:#7fd8a2;
    --warn:#d9a441; --warn-bg:#2a2012; --warn-ink:#e6bd6f;
    --stop:#e0755b; --stop-bg:#2c1912; --stop-ink:#f0a08b;
    --shadow:0 1px 2px #0006, 0 8px 26px #0004;
  }
  *{box-sizing:border-box} html,body{margin:0}
  body{background:var(--ground);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}
  .page{max-width:760px;margin:0 auto;padding:clamp(20px,4vw,44px) clamp(16px,4vw,30px) 76px}
  .eyebrow{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
  h1{font-size:clamp(30px,6.4vw,52px);line-height:1.03;font-weight:800;letter-spacing:-.022em;margin:.3em 0 .18em;text-wrap:balance}
  .lede{font-size:clamp(16px,2.5vw,19px);color:var(--ink-soft);max-width:60ch;margin:0}
  .lede b{color:var(--ink)}
  section{margin-top:clamp(36px,5.5vw,56px)}
  h2{font-size:clamp(19px,3.4vw,25px);font-weight:760;letter-spacing:-.015em;margin:0 0 4px;text-wrap:balance}
  h2 .n{font-family:var(--mono);font-size:.62em;color:var(--accent);font-weight:700;margin-right:10px}
  .say{font-size:14px;color:var(--ink-soft);margin:0 0 18px;max-width:62ch}

  .why{display:flex;flex-direction:column;gap:12px}
  .trap{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--stop);border-radius:13px;
    padding:16px 18px;box-shadow:var(--shadow)}
  .trap h3{margin:0 0 4px;font-size:17px;font-weight:720;display:flex;align-items:center;gap:9px}
  .trap p{margin:0;font-size:14.5px;color:var(--ink-soft)}
  .trap .fig{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--stop);font-weight:700}
  .trap.soft{border-left-color:var(--warn)} .trap.soft h3 .fig{color:var(--warn)}

  .steps{display:flex;flex-direction:column;gap:13px;counter-reset:s}
  .step{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;background:var(--surface);
    border:1px solid var(--line);border-radius:13px;padding:17px 18px;box-shadow:var(--shadow)}
  .step::before{counter-increment:s;content:counter(s);font-family:var(--mono);font-weight:700;font-size:16px;
    color:var(--accent);background:var(--accent-soft);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}
  .step h3{margin:0 0 5px;font-size:16.5px;font-weight:680}
  .step p{margin:0;font-size:14.5px;color:var(--ink-soft)}
  .step p + p{margin-top:8px}
  .step .win{color:var(--safe-ink);font-weight:600}

  .swaps{width:100%;border-collapse:collapse;font-size:14px;overflow:hidden;border-radius:12px;
    box-shadow:var(--shadow);background:var(--surface)}
  .swaps th,.swaps td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
  .swaps thead th{background:var(--surface-2);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
  .swaps tr:last-child td{border-bottom:0}
  .swaps .from{color:var(--stop-ink);font-weight:600} .swaps .to{color:var(--safe-ink);font-weight:600}
  .swaps td small{color:var(--ink-soft);font-weight:400;font-family:var(--mono);font-variant-numeric:tabular-nums}
  .tablewrap{overflow-x:auto}

  .bignum{display:flex;gap:18px;align-items:center;background:var(--accent-soft);border:1px solid var(--line);
    border-radius:15px;padding:20px 22px;margin-top:8px}
  .bignum .v{font-family:var(--mono);font-weight:700;font-size:clamp(34px,9vw,54px);color:var(--accent);line-height:1;letter-spacing:-.02em}
  .bignum p{margin:0;font-size:15px;color:var(--ink-soft)} .bignum p b{color:var(--ink)}

  .week{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  @media(max-width:560px){.week{grid-template-columns:1fr}}
  .day{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:13px 15px;box-shadow:var(--shadow)}
  .day .d{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:3px}
  .day p{margin:0;font-size:14px;color:var(--ink-soft)}

  .pull{border-left:3px solid var(--accent);padding:4px 0 4px 18px;margin:22px 0;font-size:18px;
    font-weight:600;color:var(--ink);text-wrap:balance}

  footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-soft);display:flex;flex-direction:column;gap:9px}
  footer b{color:var(--ink)}
  .cta{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:650;
    font-size:14px;padding:11px 18px;border-radius:10px;text-decoration:none;margin-top:4px;align-self:flex-start}
  @media (prefers-reduced-motion:no-preference){
    .rise{opacity:0;transform:translateY(10px);animation:r .6s cubic-bezier(.2,.7,.2,1) forwards}
    @keyframes r{to{opacity:1;transform:none}}
  }
.page-u01{border-color:var(--accent)}
.page-u02{margin-top:6px}