:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f5f8;--surface:#fff;--surface-soft:#f3eef4;--ink:#1d1c1d;--muted:#5e5a62;--muted-soft:#8a8590;--line:#e7dde8;--line-soft:#f0e9f1;--aubergine:#4a154b;--aubergine-strong:#3a0f3b;--purple:#611f69;--purple-soft:#f3e9f4;--blue:#2d9fd1;--green:#1f9d6b;--yellow:#d99a13;--red:#d61f56;--code-bg:#1c1320;--code-ink:#efe6f2;--shadow-sm:0 1px 2px #1d1c1d0d;--shadow:0 22px 56px -28px #4a154b73;--radius:12px;--radius-sm:9px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Yu Gothic UI", Meiryo, system-ui, sans-serif;--mono:ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;font-family:var(--font)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.7}a{color:var(--purple);text-underline-offset:.18em;text-decoration-thickness:1px}code{font-family:var(--mono);background:var(--surface-soft);border:1px solid var(--line);color:var(--aubergine);border-radius:6px;padding:.08em .4em;font-size:.88em}::selection{background:#4a154b29}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:#f7f5f8db;position:sticky;top:0}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;width:min(1140px,100% - 40px);min-height:66px;margin:0 auto;padding:10px 0;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:11px;font-size:17px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(140deg, var(--aubergine), var(--purple));color:#fff;letter-spacing:-.02em;width:32px;height:32px;box-shadow:var(--shadow-sm);border-radius:9px;place-items:center;font-size:13px;font-weight:800;display:grid;position:relative}.nav-links{flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:14.5px;display:flex}.nav-links a{min-height:44px;color:var(--muted);align-items:center;font-weight:550;text-decoration:none;display:inline-flex}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--aubergine)}.language-link{border:1px solid var(--line);background:var(--surface);color:var(--aubergine);border-radius:999px;padding:7px 13px;font-weight:650}.language-link:hover{border-color:var(--purple)}.hero{grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);align-items:center;gap:48px;width:min(1140px,100% - 40px);margin:0 auto;padding:76px 0 60px;display:grid}.eyebrow{color:var(--aubergine);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font-size:12.5px;font-weight:750;display:inline-flex}.eyebrow .brand-dots{gap:4px;display:inline-flex}.eyebrow .brand-dots i{border-radius:50%;width:7px;height:7px;display:block}.eyebrow .brand-dots i:first-child{background:var(--red)}.eyebrow .brand-dots i:nth-child(2){background:var(--green)}.eyebrow .brand-dots i:nth-child(3){background:var(--yellow)}.eyebrow .brand-dots i:nth-child(4){background:var(--blue)}h1,h2,h3{letter-spacing:-.015em;line-height:1.18}h1{max-width:16ch;margin:0;font-size:clamp(34px,5vw,52px);font-weight:800}.hero .lead{max-width:44ch;color:var(--muted);margin:22px 0 0;font-size:clamp(16px,1.6vw,19px)}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid var(--aubergine);border-radius:var(--radius-sm);background:var(--aubergine);color:#fff;justify-content:center;align-items:center;min-height:46px;padding:10px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s,background .15s,box-shadow .15s;display:inline-flex}.button:hover{background:var(--aubergine-strong);box-shadow:var(--shadow)}.button:active{transform:translateY(1px)}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--aubergine)}.button.secondary:hover{border-color:var(--purple);background:var(--surface);box-shadow:none}.proof-row{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.proof-chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:550}.workspace-visual{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.window-bar{border-bottom:1px solid var(--line);background:linear-gradient(var(--surface), #fbf8fc);align-items:center;gap:10px;padding:12px 15px;display:flex}.window-bar .lights{gap:6px;display:inline-flex}.window-bar .lights i{background:var(--line);border-radius:50%;width:11px;height:11px;display:block}.window-bar .win-title{color:var(--muted);align-items:center;gap:7px;margin-left:4px;font-size:12.5px;display:inline-flex}.window-bar .win-title b{color:var(--ink);font-weight:700}.window-bar .win-hash{color:var(--muted-soft)}.thread-screenshot{width:100%;height:auto;display:block}.section{padding:68px 0}.section.alt{background:var(--surface);border-top:1px solid var(--line)}.section-inner{width:min(1140px,100% - 40px);margin:0 auto}.section-heading{gap:14px;max-width:60ch;margin-bottom:34px;display:grid}.section-heading h1{max-width:none}.section-heading h2{margin:0;font-size:clamp(26px,3.2vw,36px);font-weight:800}.section-heading p{color:var(--muted);margin:0;font-size:17px}.section-heading .eyebrow{margin-bottom:4px}.grid-3,.grid-2{gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:24px;transition:border-color .15s,transform .15s}.card:hover{transform:translateY(-2px)}.card h2,.card h3{margin:0 0 9px;font-size:18.5px;font-weight:750}.card p{color:var(--muted);margin:0;font-size:15px}.card p+.code{margin-top:14px}.tag{letter-spacing:.03em;text-transform:uppercase;color:var(--purple);align-items:center;gap:7px;margin-bottom:14px;font-size:12px;font-weight:750;display:inline-flex}.tag:before{content:"";background:var(--purple);border-radius:3px;width:9px;height:9px;display:block}.tag.t-blue{color:#1c7ba6}.tag.t-blue:before{background:var(--blue)}.tag.t-green{color:#15784f}.tag.t-green:before{background:var(--green)}.tag.t-yellow{color:#9a6c0a}.tag.t-yellow:before{background:var(--yellow)}.tag.t-red{color:#ac1746}.tag.t-red:before{background:var(--red)}.steps{counter-reset:steps;gap:14px;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);counter-increment:steps;grid-template-columns:44px 1fr;align-items:start;gap:16px;padding:20px;display:grid}.step:before{content:counter(steps);background:linear-gradient(140deg, var(--aubergine), var(--purple));color:#fff;border-radius:9px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:grid}.step h3{margin:4px 0 0;font-size:18px;font-weight:750}.step p{color:var(--muted);margin:7px 0 0;font-size:15px}.code{border-radius:var(--radius-sm);background:var(--code-bg);color:var(--code-ink);font-family:var(--mono);white-space:pre;border:1px solid #ffffff0f;margin:14px 0 0;padding:16px 18px;font-size:13.5px;line-height:1.65;overflow-x:auto}.notice{border:1px solid #f0e2c3;border-left:4px solid var(--yellow);border-radius:var(--radius-sm);color:#5c4410;background:#fdf8ec;gap:13px;padding:18px 20px;font-size:15.5px;display:flex}.notice:before{content:"";background:var(--yellow);border-radius:50%;flex:none;width:8px;height:8px;margin-top:9px}.footer{border-top:1px solid var(--line);background:var(--surface);padding:32px 0}.footer-inner{width:min(1140px,100% - 40px);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 18px;margin:0 auto;font-size:14px;display:flex}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.footer-links a{min-height:44px;color:var(--muted);align-items:center;text-decoration:none;display:inline-flex}.footer-links a:hover{color:var(--aubergine)}@media (width<=880px){.hero{grid-template-columns:1fr;gap:36px;padding:48px 0 52px}.grid-3,.grid-2{grid-template-columns:1fr}.section{padding:52px 0}}@media (width<=480px){.nav{min-height:0}.step{grid-template-columns:1fr;gap:10px}.step:before{width:32px;height:32px;font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.card{transition:none}.card:hover,.button:active{transform:none}}