:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f6f7;--surface:#fff;--surface-2:#f1f1f3;--surface-3:#e5e5e9;--line:#0f0f161a;--ink:#17181c;--ink-2:#51545d;--ink-3:#63666f;--accent:#3f7d5e;--accent-text:#2d6a4d;--accent-soft:#3f7d5e1f;--on-ink:#fff;--code-bg:#101114;--code-ink:#ececf0;--shadow:0 1px 2px #0f0f160f, 0 18px 50px -18px #0f0f1647;--radius:16px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, system-ui, sans-serif;--mono:"SF Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1013;--surface:#1a1b20;--surface-2:#212228;--surface-3:#2b2c33;--line:#ffffff17;--ink:#ececf0;--ink-2:#a8aab3;--ink-3:#8f919b;--accent:#6fae92;--accent-text:#86c2a6;--accent-soft:#6fae9229;--on-ink:#0f1013;--code-bg:#0b0b0e;--shadow:0 1px 2px #0006, 0 18px 50px -18px #000000b3}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem;font-size:106.25%}body{background:var(--bg);color:var(--ink);font:400 1rem/1.6 var(--font);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;margin:0}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;margin:0;line-height:1.15}h1{font-size:clamp(2.1rem,5.2vw,3.5rem);font-weight:750}h2{font-size:clamp(1.55rem,3vw,2.15rem);font-weight:700}h3{font-size:1.1rem;font-weight:650}p{margin:0}a{color:var(--accent-text);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}code,kbd{font-family:var(--mono);background:var(--surface-2);border-radius:6px;padding:.1em .38em;font-size:.88em}kbd{border:1px solid var(--line)}ul,ol{margin:0;padding:0}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 75%, transparent);outline-offset:2px;border-radius:6px}main:focus{outline:none}.skip-link{z-index:100;background:var(--ink);color:var(--on-ink);border-radius:8px;padding:.5rem .9rem;text-decoration:none;position:absolute;top:-4rem;left:.75rem}.skip-link:focus{top:.75rem}.container{width:min(100% - 2.5rem,70rem);margin-inline:auto}.narrow{width:min(100% - 2.5rem,46rem)}.center{text-align:center}.muted{color:var(--ink-3);font-size:.92rem}.btn{min-height:2.75rem;font:600 .97rem/1 var(--font);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;text-decoration:none;transition:opacity .15s,background-color .15s;display:inline-flex}.btn-primary{background:var(--ink);color:var(--on-ink)}.btn-primary:hover{opacity:.88;text-decoration:none}.btn-secondary{background:var(--surface-3);color:var(--ink)}.btn-secondary:hover{background:var(--line);text-decoration:none}.btn-sm{min-height:2.35rem;padding:0 1rem;font-size:.9rem}.btn-lg{min-height:3.2rem;padding:0 1.6rem;font-size:1.02rem}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{align-items:center;gap:1.5rem;min-height:4rem;display:flex}.header-logo{color:inherit;text-decoration:none}.header-nav{gap:1.4rem;margin-left:auto;display:flex}.header-nav a{color:var(--ink-2);font-size:.95rem;font-weight:500;text-decoration:none}.header-nav a:hover{color:var(--ink)}.logo{align-items:center;gap:.55rem;display:inline-flex}.logo-mark{width:1.85rem;height:1.85rem}.logo-lg .logo-mark{width:2.6rem;height:2.6rem}.logo-bg{fill:var(--accent)}.logo-bar{fill:var(--on-ink-logo,#fff)}@media (prefers-color-scheme:dark){.logo-bar{fill:#0d1712}}.logo-word{letter-spacing:-.03em;color:var(--ink);font-size:1.15rem;font-weight:700}.logo-db{color:var(--accent-text)}.hero{background:radial-gradient(60rem 28rem at 15% -10%, var(--accent-soft), transparent 70%), var(--bg);padding:clamp(3rem,8vw,6rem) 0 clamp(2.5rem,6vw,4.5rem)}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);margin-bottom:1rem;font-size:.82rem;font-weight:650;display:inline-block}.lead{color:var(--ink-2);max-width:40rem;margin-top:1.25rem;font-size:1.15rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.hero-badges{color:var(--ink-2);flex-wrap:wrap;gap:.5rem 1.1rem;margin-top:1.75rem;font-size:.92rem;list-style:none;display:flex}.hero-badges li:before{content:"✓";color:var(--accent-text);margin-right:.4rem;font-weight:700}.mock{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;font-size:.88rem;overflow:hidden}.mock-bar{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:center;gap:.4rem;padding:.8rem 1rem;display:flex}.mock-bar span{background:var(--surface-3);border-radius:50%;width:.65rem;height:.65rem}.mock-bar strong{font-family:var(--mono);margin-left:.7rem;font-weight:600}.mock-bar em{color:var(--accent-text);background:var(--accent-soft);border-radius:99px;margin-left:auto;padding:.12rem .6rem;font-size:.78rem;font-style:normal}.mock-tabs{color:var(--ink-3);gap:1.1rem;padding:.75rem 1rem 0;display:flex}.mock-tabs b{color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:.55rem;font-weight:600}.mock-rows{margin:0;padding:.5rem 1rem .75rem}.mock-rows div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.mock-rows div:last-child{border-bottom:0}.mock-rows dt{color:var(--ink-3)}.mock-rows dd{font-family:var(--mono);word-break:break-all;text-align:right;margin:0}.mock-term{background:var(--code-bg);color:var(--code-ink);font:.8rem/1.6 var(--mono);white-space:pre;margin:0;padding:1rem;overflow-x:auto}.mock-term em{color:#86c2a6;font-style:normal}.section{padding:clamp(3rem,7vw,5.5rem) 0}.section-alt{background:var(--surface);border-block:1px solid var(--line)}.section-lead{color:var(--ink-2);max-width:42rem;margin-top:.8rem;font-size:1.1rem}.center .section-lead{margin-inline:auto}.section-lead.left{margin-bottom:1.5rem}.grid{gap:1.1rem;margin-top:2.25rem;list-style:none;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}.section-alt .card{background:var(--bg)}.card h3{margin-top:1rem}.card p{color:var(--ink-2);margin-top:.5rem;font-size:.95rem;line-height:1.55}.card-icon{background:var(--accent-soft);width:2.6rem;height:2.6rem;color:var(--accent-text);border-radius:12px;place-items:center;display:grid}.steps{counter-reset:none;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2.5rem;list-style:none;display:grid}.step-n{background:var(--ink);width:2.4rem;height:2.4rem;color:var(--on-ink);border-radius:50%;place-items:center;margin-bottom:1rem;font-weight:700;display:grid}.steps p{color:var(--ink-2);margin-top:.45rem;font-size:.95rem}.hero-grid>*,.split>*,.how-code>*,.limits dl>*{min-width:0}.how-code{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.5rem;display:grid}.center .btn,p.center{margin-top:2rem}.split{grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);display:grid}.chips{flex-wrap:wrap;gap:.6rem;list-style:none;display:flex}.chips li{background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:.4rem 1rem;font-size:.95rem;font-weight:550}.templates{gap:.6rem;list-style:none;display:grid}.templates li{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:.75rem 1rem;display:flex}.templates span{color:var(--ink-2);font-size:.92rem}.limits{gap:1.25rem;margin-top:2rem;display:grid}.limits dl{grid-template-columns:repeat(4,1fr);gap:1rem;margin:0;display:grid}.limits dl div{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem}.limits dt{color:var(--ink-3);font-size:.88rem}.limits dd{margin:.3rem 0 0;font-size:1.05rem;font-weight:650}.limits>p{color:var(--ink-2);max-width:50rem}.plain-list{color:var(--ink-2);gap:.75rem;margin-bottom:1rem;list-style:none;display:grid}.faq{gap:.7rem;margin-top:2rem;display:grid}.faq details{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:0 1.2rem}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:1rem 0;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--ink-3);font-size:1.3rem;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--ink-2);padding-bottom:1.1rem}.cta{background:radial-gradient(50rem 20rem at 50% 120%, var(--accent-soft), transparent 70%);padding:clamp(3rem,7vw,5rem) 0}.cta .btn{margin-top:1.75rem}.code{position:relative}.code pre{background:var(--code-bg);color:var(--code-ink);font:.84rem/1.65 var(--mono);border-radius:12px;margin:0;padding:1rem 5.5rem 1rem 1.1rem;overflow-x:auto}.code code{font-size:inherit;white-space:pre;background:0 0;padding:0}.code-copy{color:#ececf0;font:500 .78rem var(--font);cursor:pointer;background:#ffffff1a;border:0;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .6rem;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.code-copy:hover{background:#fff3}.prose{max-width:50rem;padding:clamp(2rem,5vw,3.5rem) 0 clamp(3rem,7vw,5rem)}.prose h1{font-size:clamp(1.9rem,4.2vw,2.8rem)}.prose h2{margin-top:2.75rem;font-size:1.55rem}.prose h3{margin-top:1.75rem}.prose p,.prose li,.prose dd{color:var(--ink-2)}.prose p,.prose ul,.prose ol,.prose .code,.prose .table-wrap,.prose dl{margin-top:.9rem}.prose ul{gap:.45rem;padding-left:1.3rem;display:grid}.prose strong{color:var(--ink)}.prose .lead{margin-top:1rem}.crumbs{color:var(--ink-3);margin-bottom:1.25rem;font-size:.9rem}.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:1.5rem;padding:1rem 1.25rem}.toc ol{columns:2;gap:.25rem 2rem;padding-left:1.2rem;display:grid}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}.qa dt{margin-top:1.1rem;font-weight:650}.qa dd{margin:.2rem 0 0}.table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);color:var(--ink-2);padding:.7rem .9rem}thead th{color:var(--ink);background:var(--surface-2)}tbody th{color:var(--ink);font-weight:600;font-family:var(--mono);font-size:.88rem}tr:last-child th,tr:last-child td{border-bottom:0}.legal-links{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.25rem}.not-found{padding-block:clamp(4rem,12vw,8rem)}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding-top:3rem}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;display:grid}.footer-brand p{color:var(--ink-2);max-width:20rem;margin-top:.9rem;font-size:.95rem}.site-footer h2{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.8rem;font-size:.82rem}.site-footer ul{gap:.5rem;list-style:none;display:grid}.site-footer li a{color:var(--ink-2);font-size:.95rem;text-decoration:none}.site-footer li a:hover{color:var(--ink);text-decoration:underline}.footer-legal{border-top:1px solid var(--line);color:var(--ink-3);gap:.35rem;margin-top:2.5rem;padding:1.25rem 0 2rem;font-size:.88rem;display:grid}@media (width<=62rem){.grid-4,.steps,.limits dl{grid-template-columns:repeat(2,1fr)}}@media (width<=48rem){.hero-grid,.split,.how-code{grid-template-columns:1fr}.header-nav{display:none}.header-inner .btn{margin-left:auto}.footer-grid{grid-template-columns:1fr 1fr}.toc ol{columns:1}}@media (width<=34rem){.grid-4,.steps,.limits dl,.footer-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}