:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,var(--bg),#fff 42%);color:#111827}a{color:inherit}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(20px,5vw,72px);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 86%,white);backdrop-filter:blur(18px);z-index:2;border-bottom:1px solid rgba(17,24,39,.08)}.brand{font-weight:760;text-decoration:none}.site-header nav{display:flex;gap:18px;font-size:14px}.site-header nav a{text-decoration:none;color:#374151}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.72fr);gap:clamp(28px,5vw,76px);padding:clamp(52px,8vw,108px) clamp(20px,5vw,72px) clamp(44px,7vw,88px);align-items:center;min-height:76vh}.hero h1{font-size:clamp(42px,6vw,84px);line-height:.95;margin:0;max-width:980px;letter-spacing:0}.lede,.dek{font-size:clamp(18px,2vw,23px);line-height:1.55;color:#374151;max-width:760px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:800}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button,.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;text-decoration:none;font-weight:720}.button{background:var(--accent);color:white}.ghost{border:1px solid rgba(17,24,39,.16);background:white}.panel{border:1px solid rgba(17,24,39,.1);background:white;padding:26px;border-radius:8px;box-shadow:0 24px 80px rgba(17,24,39,.08)}.panel small{display:block;margin-top:10px;color:#4b5563;line-height:1.45;overflow-wrap:anywhere}.panel-kicker{text-transform:uppercase;font-size:12px;color:#6b7280;font-weight:800}.panel code,.install code,.skill-page code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1020;color:#f9fafb;border-radius:8px;padding:18px;font-size:15px}.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.signal-grid span{background:color-mix(in srgb,var(--secondary) 20%,white);border:1px solid color-mix(in srgb,var(--secondary) 45%,white);padding:10px;border-radius:6px;text-align:center;font-weight:700;font-size:13px}.band,.articles,.install,.article-index,.skill-page,.simple-page{padding:clamp(44px,7vw,86px) clamp(20px,5vw,72px)}.section-head,.simple-page{max-width:760px}.section-head{margin-bottom:24px}.section-head h2,.install h2{font-size:clamp(30px,4vw,52px);line-height:1.05;margin:0}.simple-page h1{font-size:clamp(40px,6vw,76px);line-height:1;margin:0 0 22px}.simple-page p{font-size:18px;line-height:1.75;color:#374151}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.use-card{background:white;border:1px solid rgba(17,24,39,.1);border-radius:8px;padding:22px}.use-card span{color:var(--accent);font-weight:850}.use-card h3{font-size:21px;margin:12px 0}.use-card p{color:#4b5563;line-height:1.55}.install{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,.6fr);gap:32px;background:color-mix(in srgb,var(--accent) 7%,white);align-items:center}.article-list{display:grid;gap:12px;max-width:900px}.article-list a{display:flex;justify-content:space-between;gap:18px;text-decoration:none;background:white;border:1px solid rgba(17,24,39,.1);border-radius:8px;padding:18px}.article-list span{color:#6b7280}.article-page{padding:30px clamp(20px,5vw,72px) 80px}.crumb{display:flex;gap:10px;font-size:14px;color:#6b7280;margin-bottom:30px}.longform{max-width:880px;margin:auto}.longform h1,.article-index h1,.skill-page h1{font-size:clamp(40px,6vw,76px);line-height:1;margin:0 0 18px}.longform h2{font-size:30px;margin-top:42px}.longform p{font-size:18px;line-height:1.78;color:#374151}.longform strong{color:#111827}.longform em{color:color-mix(in srgb,var(--accent) 82%,#111827);font-style:italic}.longform table{width:100%;border-collapse:collapse;margin:28px 0;background:white;border:1px solid rgba(17,24,39,.12);border-radius:8px;overflow:hidden;display:table}.longform th,.longform td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid rgba(17,24,39,.08);line-height:1.5}.longform th{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#111827;background:color-mix(in srgb,var(--secondary) 18%,white)}.longform tr:last-child td{border-bottom:0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px clamp(20px,5vw,72px);border-top:1px solid rgba(17,24,39,.1);color:#6b7280;flex-wrap:wrap}footer nav{display:flex;gap:16px}footer a{text-decoration:none;color:#374151}@media(max-width:840px){.hero,.install{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.article-list a{display:block}.site-header{position:static;align-items:flex-start}.site-header nav{flex-wrap:wrap}.hero h1{font-size:44px}.longform{max-width:100%;overflow-wrap:anywhere}.longform table{display:block;overflow-x:auto;white-space:normal}}