:root{--black:#1a1a1a;--ink:#111;--fg:#1d1d1f;--muted:#6e6e73;--gray:#f5f5f7;--line:#e3e3e8;--white:#fff;--dtext:#f0f0fa;--dmuted:#a1a1a6;--pink:#e5007e;--green:#00b377;--purple:#7c3aed;--r:22px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:Inter,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--fg);background:#fff;line-height:1.55;font-size:17px;letter-spacing:-.011em;-webkit-font-smoothing:antialiased}a{color:#0b0b0b}img{max-width:100%}.wrap{max-width:1080px;margin:0 auto;padding:0 28px}.narrow{max-width:760px}h1,h2,h3{letter-spacing:-.03em;line-height:1.08;font-weight:650}h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:0 0 14px}.label,.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:600;color:var(--muted)}.label i{display:inline-block;width:18px;height:2px;vertical-align:middle;margin-right:10px;background:var(--purple)}header.site{position:sticky;top:0;z-index:20;background:#1a1a1ae6;backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;max-width:1180px}.logo{color:#fff;text-decoration:none;font-weight:700;font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}.logo span{color:var(--dmuted);font-weight:500}nav.main{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none}nav.main::-webkit-scrollbar{display:none}nav.main a{color:#f0f0fad1;text-decoration:none;font-size:.78rem;white-space:nowrap;letter-spacing:.01em}nav.main a:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:12px 24px;border-radius:980px;text-decoration:none;font-weight:500;font-size:1rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s;font-family:inherit;letter-spacing:-.01em}.btn:hover{background:#2a2a2d;border-color:#2a2a2d}.btn.ghost{background:transparent;color:var(--ink);border-color:#c7c7cc}.btn.ghost:hover{border-color:var(--ink)}.dark .btn,.btn.light{background:#fff;color:#000;border-color:#fff}.dark .btn:hover,.btn.light:hover{background:#e8e8ed;border-color:#e8e8ed}.dark .btn.ghost{background:transparent;color:#fff;border-color:#ffffff73}.dark .btn.ghost:hover{border-color:#fff;background:transparent}.btn.pink,.btn.green{background:var(--ink);border-color:var(--ink);color:#fff}section{padding:64px 0}.dark{background:#1a1a1a;color:var(--dtext)}.dark h1,.dark h2,.dark h3{color:#fff}.dark p,.dark .label{color:var(--dmuted)}.gray{background:var(--gray)}.hero{padding:96px 0 72px}.hero h1{font-size:clamp(2.4rem,6vw,4.2rem);margin:0 0 18px;letter-spacing:-.045em}.lead,.hero p.lead{font-size:1.25rem;color:var(--muted);max-width:640px;line-height:1.45}.dark .lead{color:var(--dmuted)}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{display:block;background:#fff;border-radius:var(--r);padding:30px;text-decoration:none;color:inherit;border:1px solid var(--line);transition:transform .3s,box-shadow .3s}.gray .card{border-color:transparent}a.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px #1a1a1a40}.card h3{margin:0 0 8px;font-size:1.2rem}.card p{margin:0;color:var(--muted);font-size:.95rem}.tag{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;font-weight:600;color:var(--purple);margin-bottom:12px}.signup{text-align:center}.signup form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:28px auto 0;max-width:520px}.signup input{flex:1;min-width:230px;padding:13px 20px;border-radius:980px;border:1px solid #c7c7cc;font-size:1rem;font-family:inherit;background:#fff}.signup input:focus{outline:none;border-color:#000}.dark .signup input{background:#262626;border-color:#333;color:#fff}.dark .signup input:focus{border-color:#fff}.note{font-size:.78rem;color:var(--muted);margin-top:14px}.callout{border-left:2px solid var(--purple);background:var(--gray);padding:14px 18px;border-radius:12px;margin:22px 0}.prose{font-size:1.05rem}.prose h2{margin-top:2.6rem;font-size:1.75rem}.prose pre{background:#111;color:#f0f0fa;padding:18px;border-radius:14px;overflow:auto;font-size:.88rem;white-space:pre-wrap}.prose code{background:var(--gray);padding:1px 6px;border-radius:6px;font-size:.9em}.prose pre code{background:none;padding:0}.meta{color:var(--muted);font-size:.88rem}footer.site{background:var(--gray);color:var(--muted);font-size:.78rem;padding:34px 0;border-top:1px solid var(--line)}footer.site .cols{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer.site a{color:var(--fg);text-decoration:none}footer.site a:hover{text-decoration:underline}footer.site strong{color:var(--fg);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}@media(max-width:700px){section{padding:76px 0}.hero{padding:64px 0 48px}.card{padding:24px}.wrap{padding:0 22px}header.site .wrap{flex-wrap:wrap;gap:6px 18px;padding-top:10px;padding-bottom:10px}nav.main{gap:18px;width:100%}}