:root{--lm-brand:#0051ff;--lm-on-brand:#fff;--lm-brand-hover:color-mix(in srgb, var(--lm-brand) 85%, black);--lm-accent-light:var(--lm-brand);--lm-accent-dark:color-mix(in srgb, var(--lm-brand) 40%, white);--lm-accent-soft-light:color-mix(in srgb, var(--lm-brand) 7%, white);--lm-accent-soft-dark:color-mix(in srgb, var(--lm-brand) 22%, #151820);--lm-accent-strong-light:color-mix(in srgb, var(--lm-brand) 75%, black);--lm-accent-strong-dark:color-mix(in srgb, var(--lm-brand) 20%, white);--lm-accent:var(--lm-accent-light);--lm-accent-soft:var(--lm-accent-soft-light);--lm-accent-strong:var(--lm-accent-strong-light);--lm-code-api-light:#9a4300;--lm-code-api-dark:#ffaf70;--lm-code-api:var(--lm-code-api-light);--lm-code-bg-light:#fafcfb;--lm-code-bg-dark:#111914;--lm-code-ink-light:#111;--lm-code-ink-dark:#e5e5e5;--lm-code-muted-light:#666;--lm-code-muted-dark:#aaa;--lm-code-bg:var(--lm-code-bg-light);--lm-code-ink:var(--lm-code-ink-light);--lm-code-muted:var(--lm-code-muted-light);--lm-code-font:ui-monospace, "SFMono-Regular", Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lm-accent:var(--lm-accent-dark);--lm-accent-soft:var(--lm-accent-soft-dark);--lm-accent-strong:var(--lm-accent-strong-dark);--lm-code-api:var(--lm-code-api-dark);--lm-code-bg:var(--lm-code-bg-dark);--lm-code-ink:var(--lm-code-ink-dark);--lm-code-muted:var(--lm-code-muted-dark)}}:root[data-theme=dark]{--lm-accent:var(--lm-accent-dark);--lm-accent-soft:var(--lm-accent-soft-dark);--lm-accent-strong:var(--lm-accent-strong-dark);--lm-code-api:var(--lm-code-api-dark);--lm-code-bg:var(--lm-code-bg-dark);--lm-code-ink:var(--lm-code-ink-dark);--lm-code-muted:var(--lm-code-muted-dark)}body.home{flex-direction:column;min-height:100dvh;display:flex}.home>header,.home>main,.home>footer{width:100%;margin-block:0}.home>header,.home>footer{flex-shrink:0}.home>main{flex:1 0 auto}:root:has(body.home){scrollbar-gutter:stable}:root{color:#172326;font-synthesis:none;color-scheme:light dark;--muted:#536164;--line:#d8e0de;--accent:var(--lm-accent);background:#f6f8f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.22em}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1160px;margin:auto;padding-inline:32px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:96px;display:flex}.brand{letter-spacing:-2px;font-size:30px;font-weight:800;text-decoration:none}.brand span{color:var(--accent)}nav{gap:28px;display:flex}nav a{font-size:15px;text-decoration:none}nav a:hover{text-decoration:underline}.hero{max-width:830px;padding:100px 0 88px}.eyebrow{letter-spacing:.13em;color:var(--accent);font-size:12px;font-weight:700}h1{letter-spacing:-.055em;margin:28px 0;font-size:clamp(52px,7.6vw,96px);line-height:1.03}p{line-height:1.65}.intro{color:var(--muted);max-width:670px;font-size:21px}.actions{align-items:center;gap:26px;margin:32px 0;display:flex}.button{background:var(--lm-brand);color:var(--lm-on-brand);border-radius:8px;padding:14px 22px;font-weight:650;text-decoration:none}.secondary{font-weight:600}.languages{color:var(--muted);font-size:14px}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:42px;padding:38px 0;display:grid}.principles span{color:var(--accent);font:13px monospace}h2{letter-spacing:-.025em;font-size:22px}.principles p,.next p{color:var(--muted)}.next{max-width:640px;padding:60px 0 80px}.next a{font-weight:600}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:24px;padding-block:26px;font-size:13px;display:flex}footer span{margin-right:auto}.skip{color:#172326;z-index:10;background:#fff;padding:12px;position:fixed;top:-100px;left:10px}.skip:focus{top:10px}@media (prefers-color-scheme:dark){:root{color:#e5eeeb;--muted:#a7b9b4;--line:#30413d;background:#101a1c}}@media (width<=640px){header,main,footer{padding-inline:22px}header{height:78px}nav{gap:16px}.hero{padding:64px 0 52px}.intro{font-size:18px}.principles{grid-template-columns:1fr;gap:20px}.actions{flex-direction:column;align-items:flex-start;gap:20px}footer{gap:16px}}
