:root{--bg-canvas:#f4f6f4;--bg-surface:#fff;--bg-inset:#e9efec;--text-primary:#16302b;--text-secondary:#475853;--text-tertiary:#86938d;--border-subtle:#e2e8e4;--border-strong:#bcc7c1;--surface-dark:#13322d;--surface-dark-2:#1c4239;--emerald:#1a8474;--emerald-bright:#2fae98;--emerald-glow:#59cbb5;--accent-primary:#1a8474;--accent-surface:#e3f2ee;--accent-border:#bfe2da;--text-on-dark:#eef3f0;--muted-on-dark:#eef3f0a8;--border-on-dark:#eef3f029;--surface-on-dark:#eef3f012;--sun:#f2d06a;--amber:#e0a63f;--clay-pink:#de8a6a;--clay-orange:#e0a63f;--clay-blue:#4f93a6;--status-ok:#1a8474;--status-warn:#c78a1f;--status-bad:#c0453b;--shadow-sm:0 1px 2px #13322d0d, 0 2px 10px #13322d12;--shadow-md:0 18px 48px -20px #13322d38;--shadow-lg:0 40px 80px -32px #13322d42;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--maxw:1160px}[data-theme=moss]{--accent-primary:#1a8474;--accent-surface:#e3f2ee;--accent-border:#bfe2da}[data-theme=slate]{--accent-primary:#2f7d8c;--accent-surface:#e5f0f2;--accent-border:#c2dbe0}[data-theme=terracotta]{--accent-primary:#b57d1e;--accent-surface:#f7eed6;--accent-border:#ecdcae}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans), -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}img,svg{display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0}p{margin:0}button,input{font-family:inherit;font-size:1rem}h1,h2,h3,h4{text-wrap:balance;letter-spacing:-.02em;font-weight:600;font-family:var(--font-display), var(--font-sans), sans-serif;color:var(--text-primary);margin:0}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:4px}.mono{font-family:var(--font-mono), ui-monospace, monospace}.section-inner{max-width:var(--maxw);margin:0 auto;padding:0 32px}.section-inner.narrow{max-width:760px}.section{padding:116px 0}@media (max-width:720px){.section{padding:76px 0}.section-inner{padding:0 20px}}.eyebrow{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-primary);align-items:center;gap:8px;margin:0 0 18px;font-size:.72rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--accent-primary);border-radius:50%;width:6px;height:6px}.eyebrow.center{justify-content:center;display:flex}.eyebrow--on-dark{color:var(--text-on-dark)}.eyebrow--on-dark:before{background:currentColor}h1{letter-spacing:-.03em;font-size:clamp(2.7rem,5.6vw,4.3rem);line-height:1.02}h2{max-width:18ch;font-size:clamp(2rem,3.8vw,2.9rem);line-height:1.08}.center h2,h2.center{text-align:center;max-width:24ch;margin-inline:auto}.lede{color:var(--text-secondary);max-width:48ch;margin-top:20px;font-size:1.14rem;line-height:1.62}.lede.center{text-align:center;margin-inline:auto}.two-col{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}@media (max-width:900px){.two-col{grid-template-columns:1fr;gap:44px}}.deviceFrame{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-surface);box-shadow:var(--shadow-md);overflow:hidden}.deviceFrame.onDark{background:var(--surface-on-dark);border-color:var(--border-on-dark);box-shadow:none}.deviceFrameBar{border-bottom:1px solid var(--border-subtle);background:var(--bg-canvas);align-items:center;gap:7px;padding:12px 15px;display:flex}.deviceFrame.onDark .deviceFrameBar{border-bottom-color:var(--border-on-dark);background:#f1f1ef08}.deviceFrameDot{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.deviceFrame.onDark .deviceFrameDot{background:var(--border-on-dark)}.deviceFramePath{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.01em;color:var(--text-tertiary);margin-left:8px;font-size:.68rem}.deviceFrame.onDark .deviceFramePath{color:var(--muted-on-dark)}.deviceFrameBody{padding:22px}.statusBadge{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:3px 9px;font-size:.62rem;font-weight:600;display:inline-flex}.statusBadge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.statusBadge.ok{color:var(--status-ok);background:color-mix(in srgb, var(--status-ok) 12%, transparent)}.statusBadge.warn{color:var(--status-warn);background:color-mix(in srgb, var(--status-warn) 14%, transparent)}.statusBadge.bad{color:var(--status-bad);background:color-mix(in srgb, var(--status-bad) 12%, transparent)}.statusBadge.muted{color:var(--text-tertiary);background:var(--bg-inset)}html[data-intro=skip] .intro-overlay{display:none!important}