:root{--bg:#fff;--bg-soft:#f6f8fc;--fg:#0f172a;--muted:#5b6577;--primary:#2563eb;--primary-soft:#2563eb;--border:#e2e8f0;--radius:14px;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--snippet-bg:#111832;--snippet-border:#1f2a4a}:root[data-theme=dark]{--bg:#0b1020;--bg-soft:#111832;--fg:#e6e9f2;--muted:#9aa3b8;--primary:#2563eb;--primary-soft:#3b82f6;--border:#1f2a4a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1020;--bg-soft:#111832;--fg:#e6e9f2;--muted:#9aa3b8;--primary:#2563eb;--primary-soft:#3b82f6;--border:#1f2a4a}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;line-height:1.6}a{color:var(--primary-soft);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1040px;margin:0 auto;padding:0 1.5rem;overflow:hidden}.nav-bar{z-index:50;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}nav.wrap{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.logo{align-items:center;display:inline-flex}.logo img{width:auto;height:30px}.logo img.logo-dark{display:none}.logo img.logo-light,:root[data-theme=dark] .logo img.logo-dark{display:block}:root[data-theme=dark] .logo img.logo-light{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo img.logo-dark{display:block}:root:not([data-theme=light]) .logo img.logo-light{display:none}}nav .links{align-items:center;gap:1.5rem;display:flex}nav .links a{color:var(--muted);white-space:nowrap;font-size:.95rem}nav .links a:hover{color:var(--fg);text-decoration:none}@media (width<=640px){nav .links{gap:1rem}nav .links a[href^=\#]{display:none}}.gh-btn{border:1px solid var(--border);border-radius:8px;padding:.4rem .9rem;font-weight:500;color:var(--fg)!important}.gh-btn:hover{border-color:var(--primary)}.theme-toggle{border:1px solid var(--border);background:var(--bg-soft);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;width:52px;height:26px;padding:0;transition:border-color .2s;display:inline-flex;position:relative}.theme-toggle:hover{border-color:var(--muted)}.theme-toggle .icon{color:var(--muted);pointer-events:none;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.theme-toggle .icon.sun{left:6px}.theme-toggle .icon.moon{right:6px}.theme-toggle .knob{background:var(--primary);border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.theme-toggle[aria-checked=true] .knob{transform:translate(26px)}header.hero{text-align:center;padding:5rem 0 4rem}.hero h1{letter-spacing:-.03em;max-width:820px;margin:0 auto;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:800;line-height:1.12}.hero h1 em{color:var(--primary-soft);font-style:normal}.hero p.sub{color:var(--muted);max-width:640px;margin:1.5rem auto 0;font-size:1.2rem}.cta{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.25rem;display:flex}.cta-note{color:var(--muted);margin-top:1rem;font-size:.88rem}.btn{border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-block}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-soft);text-decoration:none}.btn.ghost{border:1px solid var(--border);color:var(--fg)}.btn.ghost:hover{border-color:var(--primary);text-decoration:none}.snippet{text-align:left;background:var(--snippet-bg);border:1px solid var(--snippet-border);border-radius:var(--radius);color:#e6e9f2;max-width:720px;margin:3rem auto 0;overflow:hidden}.snippet .bar{border-bottom:1px solid var(--snippet-border);color:#9aa3b8;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.8rem;display:flex}.snippet .dot{background:var(--snippet-border);border-radius:50%;width:10px;height:10px}.snippet pre{font-family:var(--mono);padding:1.1rem 1.25rem;font-size:.88rem;line-height:1.7;overflow-x:auto}.snippet code .c{color:#5b6b91}.snippet code .k{color:#7dd3fc}.snippet code .s{color:#a5b4fc}section{padding:4rem 0}section h2{letter-spacing:-.02em;text-align:center;margin-bottom:.75rem;font-size:1.9rem}section p.lead{color:var(--muted);text-align:center;max-width:620px;margin:0 auto 3rem}.grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=800px){.grid{grid-template-columns:1fr}}.card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.card h3{margin:.75rem 0 .4rem;font-size:1.05rem}.card p{color:var(--muted);font-size:.93rem}.icon-tile{background:#2563eb24;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}:root[data-theme=light] .icon-tile{background:#2563eb14}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .icon-tile{background:#2563eb14}}.icon-shape{background:var(--primary);width:14px;height:14px;display:block}.icon-shape.square{border-radius:4px}.icon-shape.circle{border-radius:50%}.icon-shape.diamond{transform:rotate(45deg)}.badge{border:1px solid var(--border);background:var(--bg-soft);color:var(--muted);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.375rem .875rem;font-size:.8rem;display:inline-flex}.badge .dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.compare{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.compare-row{grid-template-columns:1.2fr 1fr 1fr;align-items:center;padding:1rem 1.5rem;font-size:.9rem;display:grid}.compare-row+.compare-row{border-top:1px solid var(--border)}.compare-head{background:var(--bg-soft);color:var(--muted);font-size:.85rem;font-weight:700}.compare-label{color:var(--muted)}.compare-docsera{color:var(--fg);font-weight:600}.compare-hosted{color:var(--muted)}@media (width<=640px){.compare-row{grid-template-columns:1fr;gap:.25rem;padding:1rem 1.25rem}.compare-docsera:before{content:"Docsera: ";color:var(--muted);font-weight:400}.compare-hosted:before{content:"Managed: "}}.cta-card{text-align:center;background:var(--bg-soft);border:1px solid var(--border);border-radius:20px;max-width:820px;margin:0 auto;padding:3.5rem 2.5rem}.cta-card h2{letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.9rem}.cta-card p{color:var(--muted);margin-bottom:1.75rem}.steps{flex-direction:column;gap:1.5rem;max-width:680px;margin:0 auto;display:flex}.step{align-items:flex-start;gap:1.25rem;display:flex}.step-badge{background:var(--bg-soft);border:1px solid var(--border);height:2.2rem;color:var(--primary-soft);border-radius:50%;flex:0 0 2.2rem;justify-content:center;align-items:center;font-weight:700;display:flex}.step h3{margin-bottom:.2rem;font-size:1.05rem}.step p{color:var(--muted);font-size:.95rem}.step code{font-family:var(--mono);background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:.1em .4em;font-size:.85em}footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2rem;padding:2.5rem 0;font-size:.9rem;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero-in{animation:.6s cubic-bezier(.22,.9,.3,1) both fade-up;animation-delay:calc(var(--d,0) * .11s)}header.hero{position:relative}.glow{pointer-events:none;z-index:-1;background:radial-gradient(#2563eb29,#0000 65%);width:720px;height:520px;animation:14s ease-in-out infinite alternate glow-drift;position:absolute;top:-180px;left:50%;transform:translate(-50%)}@keyframes glow-drift{0%{transform:translate(-58%)scale(1)}to{transform:translate(-42%)scale(1.12)}}.js .reveal{opacity:0;transition:opacity .55s,transform .55s cubic-bezier(.22,.9,.3,1);transform:translateY(18px)}.js .reveal.visible{opacity:1;transform:none}.js .grid .card.reveal:nth-child(2){transition-delay:80ms}.js .grid .card.reveal:nth-child(3){transition-delay:.16s}.js .grid .card.reveal:nth-child(4){transition-delay:80ms}.js .grid .card.reveal:nth-child(5){transition-delay:.16s}.js .grid .card.reveal:nth-child(6){transition-delay:.24s}.js .steps .step.reveal:nth-child(2){transition-delay:.12s}.js .steps .step.reveal:nth-child(3){transition-delay:.24s}.card{transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 30px #00000029}.demo-shot{max-width:860px;margin:0 auto}.demo-shot img{border-radius:var(--radius);border:1px solid var(--border);width:100%;height:auto;display:block;box-shadow:0 18px 60px #00000040}.demo-cta{text-align:center;color:var(--muted);margin-top:1.5rem;font-size:.95rem}@media (prefers-reduced-motion:reduce){.hero-in,.glow{animation:none}.js .reveal{opacity:1;transition:none;transform:none}.card{transition:none}.card:hover{transform:none}}