:root{
  /* mist backdrop (recipe 1 ice lavender; tokens.md lists the other five) */
  --mist:#C8D6DF; --mist-1:#CCDDE7; --mist-2:#9CADC1; --mist-3:#F8FAFE;
  /* surfaces */
  --frame:rgba(255,255,255,.55); --frame-rim:rgba(255,255,255,.9); --frame-in:#F2F5F7;
  --card:#FFFFFF; --card-2:#F4F6F8; --frost:rgba(255,255,255,.62); --frost-rim:rgba(255,255,255,.7);
  --line:#ECEEF0;
  /* ink */
  --ink:#17191C; --ink-2:#5E636B; --ink-3:#9CA1A9; --ink-4:#D5D8DD; --dark:#1C1D20;
  --up:#22B26B; --down:#F04438;
  /* the one accent: blue #3B8FF5 | green #1FA971 | warm #F26A1B */
  --accent:#0EA5DC; --accent-rgb:14,165,220; --accent-2:#8EC2FF; --on-accent:#FFFFFF;
  /* depth */
  --shadow:0 1px 2px rgba(16,24,40,.04),0 10px 28px rgba(16,24,40,.06);
  --shadow-frame:0 30px 80px rgba(40,52,70,.10);
  --glow:0 8px 20px rgba(var(--accent-rgb),.30);
  --blur:blur(20px) saturate(140%);
  /* type + shape */
  --font-display:"Inter Tight","Inter",system-ui,sans-serif;
  --font-body:"Inter",system-ui,sans-serif;
  --r-frame:36px; --r-card:20px; --r-tile:14px; --r-control:999px; --r-pill:999px; --r-phone:55px;
  /* platform aliases */
  --p-bg:var(--mist); --p-surface:var(--card); --p-surface-2:var(--card-2); --p-line:var(--line);
  --p-ink:var(--ink); --p-ink-2:var(--ink-2); --p-ink-3:var(--ink-3);
  --p-accent:var(--accent); --p-on-accent:var(--on-accent);
  --p-r-card:var(--r-card); --p-r-control:var(--r-control); --p-r-pill:var(--r-pill);
  --p-font-display:var(--font-display); --p-font-body:var(--font-body);
}
*{box-sizing:border-box}
html,body{margin:0;color:var(--ink);font:400 14px/1.4 var(--font-body);-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}
body{min-height:100vh;background:radial-gradient(70% 65% at 10% 0%,var(--mist-3),transparent 78%),radial-gradient(65% 80% at 100% 100%,var(--mist-2),transparent 78%),var(--mist);font-size:16px;line-height:1.7}header,main,footer{position:relative;max-width:1000px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:32px 24px;gap:20px}a{color:#28536b;text-underline-offset:4px}nav{display:flex;gap:6px;flex-wrap:wrap}nav a{padding:8px 14px;border-radius:999px;text-decoration:none;background:#ffffff80}nav a[aria-current]{background:#fff}.brand{font-size:25px;color:var(--ink);text-decoration:none;letter-spacing:-1px}main{padding:46px 52px 52px;background:#ffffffd9;border:1px solid #fff;border-radius:36px;box-shadow:var(--shadow-frame);backdrop-filter:blur(20px)}h1,h2,h3{font-weight:500;line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(36px,6vw,64px);max-width:760px;margin:18px 0 28px}h2{font-size:26px;margin:36px 0 14px}p{max-width:760px;color:#485762}small,.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#536775}.lead{font-size:21px;max-width:650px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:36px 0}.card{padding:24px;background:white;border-radius:20px;box-shadow:var(--shadow)}.card h2{margin:0 0 15px;font-size:23px}.card p{margin:0}.note{padding:20px 24px;background:#e8f0f5;border-radius:20px}.button{display:inline-block;background:#1c1d20;color:white;padding:12px 22px;border-radius:999px;text-decoration:none}.swirl{position:fixed;left:-180px;bottom:0;width:900px;max-width:100%;height:auto;pointer-events:none;opacity:.6}footer{padding:28px 24px 40px;color:#425565;font-size:13px}a:focus-visible{outline:3px solid #16799d;outline-offset:4px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column;padding:22px}main{margin:0 12px;padding:26px 24px;border-radius:26px}.grid{grid-template-columns:1fr}h1{font-size:40px}.lead{font-size:18px}nav a{padding:6px 11px}}