/* FOLD keynote system for secondary pages (disclosure, press).
   Same design language as the home page, at a quieter volume: one accent, the weight ladder
   300/400/600/700, 17px body at 1.47, negative tracking on display sizes, no decorative chrome. */
:root{
  --ink:#1d1d1f;--ink-2:#333333;--muted:#7a7a7a;
  --white:#ffffff;--paper:#f5f5f7;--pearl:#fafafc;
  --line:#e0e0e0;--divider:#f0f0f0;
  --coral:#FF5A2E;--coral-ink:#D9451F;
  --shadow-product:rgba(0,0,0,.22) 3px 5px 30px 0;
  --r-sm:8px;--r-md:11px;--r-lg:18px;--r-pill:9999px;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Geist","Inter",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.022em;-webkit-font-smoothing:antialiased;font-optical-sizing:auto}
a{color:var(--coral-ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ink)}
.wrap{max-width:780px;margin:0 auto;padding:32px 20px 90px}
.wide{max-width:1080px}
.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:56px;min-height:44px}
.top .brand svg{height:18px;width:auto;display:block}
.top .back{font-size:12px;font-weight:400;letter-spacing:-.01em;color:var(--muted);text-decoration:none}
.top .back:hover{color:var(--ink)}
.kicker{font-size:14px;font-weight:600;line-height:1.29;letter-spacing:-.016em;color:var(--coral-ink);margin:0 0 12px}
h1{font-size:clamp(34px,6vw,56px);line-height:1.07;letter-spacing:-.028em;font-weight:600;margin:0 0 14px;text-wrap:balance}
h2{font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-.022em;font-weight:600;margin:44px 0 10px;text-wrap:balance}
h3{font-size:21px;line-height:1.19;letter-spacing:-.018em;margin:26px 0 6px;font-weight:600}
.meta{color:var(--muted);font-size:14px;line-height:1.43;letter-spacing:-.016em;margin:0 0 30px}
.lede{font-size:clamp(21px,1.9vw,28px);color:var(--ink-2);line-height:1.19;letter-spacing:-.005em;font-weight:400;margin:0 0 30px}
p{margin:0 0 14px}
ul,ol{padding-left:22px;margin:0 0 14px}
li{margin:6px 0}
code{font-family:var(--mono);font-size:13.5px;letter-spacing:0;overflow-wrap:anywhere;background:var(--paper);padding:2px 6px;border-radius:var(--r-sm);color:var(--ink-2)}
pre{background:var(--paper);border-radius:var(--r-md);padding:16px 18px;overflow:auto;font-family:var(--mono);font-size:13px;line-height:1.5;letter-spacing:0}
.box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;margin:22px 0}
.box.warn{border-color:#F3C8BC;background:#FFF4F0}
table{width:100%;border-collapse:collapse;font-size:17px;margin:8px 0 20px}
th,td{text-align:left;padding:12px 0;border-top:1px solid var(--divider);vertical-align:top}
th{font-weight:600;color:var(--coral-ink);font-size:14px;letter-spacing:-.016em;width:170px;padding-right:16px}
tr:last-child td,tr:last-child th{border-bottom:1px solid var(--divider)}
.tw{overflow-x:auto}
img{max-width:100%;display:block;border-radius:var(--r-lg)}
/* the system's only shadow: imagery resting on a surface */
.grid figure img{box-shadow:var(--shadow-product)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:16px 0 26px}
.grid figure{margin:0}
.grid figcaption{font-size:14px;line-height:1.43;letter-spacing:-.016em;color:var(--muted);margin-top:8px}
/* the pill radius is the action signal; scale(.95) is the system press */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 22px;border-radius:var(--r-pill);font-weight:400;font-size:17px;letter-spacing:-.022em;text-decoration:none;border:1px solid var(--coral);color:var(--coral-ink);background:transparent;transition:transform 100ms ease-out;-webkit-tap-highlight-color:transparent}
.btn:hover{color:var(--coral-ink)}
.btn:active{transform:scale(.95)}
.btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}
.btn.primary:hover{color:#fff}
hr{border:0;border-top:1px solid var(--divider);margin:40px 0}
blockquote{margin:18px 0;padding-left:18px;border-left:3px solid var(--coral);color:var(--ink-2)}
footer{color:var(--muted);font-size:12px;margin-top:60px;line-height:1.5;letter-spacing:-.01em}
:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.btn:active{transform:none;opacity:.6}}
@media (prefers-contrast:more){:root{--muted:#55555a;--ink-2:#1d1d1f;--line:#8a8a8f;--divider:#8a8a8f}.btn{border-width:2px}}