*{box-sizing:border-box;margin:0;padding:0}body{background:var(--db-bg,#0a0a0a);color:var(--db-text,#ededed)}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 1.5rem}.hero{text-align:center;padding:5rem 0 3rem}.hero h1{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:3.25rem;font-weight:800;line-height:1.1}.hero h1 em{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-sub{color:var(--db-text-muted,#888);max-width:600px;margin:0 auto 2rem;font-size:1.2rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.hero-code{background:var(--db-surface,#141414);border:1px solid var(--db-border,#2a2a2a);color:var(--db-text-muted,#888);border-radius:.5rem;padding:.75rem 1.25rem;font-family:monospace;font-size:.85rem;display:inline-block}.hero-code .hl{color:#a78bfa}.screenshot-section{padding:3rem 0}.screenshot-tabs{flex-wrap:wrap;justify-content:center;gap:.25rem;margin-bottom:1rem;display:flex}.screenshot-tabs .db-btn--sm.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000}.screenshot-desc{text-align:center;margin-bottom:1.5rem}.screenshot-desc p{color:var(--db-text-muted,#888);max-width:640px;margin:0 auto;font-size:.92rem;line-height:1.5}.screenshot-frame{border:1px solid var(--db-border,#2a2a2a);background:var(--db-surface,#141414);border-radius:.75rem;overflow:hidden}.screenshot-frame img{width:100%;height:auto;display:block}.section{padding:4rem 0}.section-head{text-align:center;margin-bottom:2.5rem}.section-head h2{margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.section-head p{color:var(--db-text-muted,#888);max-width:540px;margin:0 auto;font-size:1.05rem}.feature-card{padding:1.5rem}.feature-card h3{margin-bottom:.4rem;font-size:1rem;font-weight:600}.feature-card p{color:var(--db-text-muted,#888);font-size:.9rem;line-height:1.5}.step-num{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:inline-flex}.arch-box{text-align:center;color:var(--db-text-muted,#888);padding:1.5rem;font-family:monospace;font-size:.85rem;line-height:2}.arch-box strong{color:var(--db-text,#ededed)}.cta{text-align:center;padding:4rem 0 5rem}.cta h2{margin-bottom:.75rem;font-size:2rem;font-weight:700}.cta p{color:var(--db-text-muted,#888);margin-bottom:1.5rem;font-size:1.05rem}.site-footer{border-top:1px solid var(--db-border,#2a2a2a);text-align:center;color:var(--db-text-muted,#888);padding:1.5rem 0;font-size:.85rem}.site-footer a{color:#a78bfa}.nav-hamburger{margin-left:auto;display:none!important}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:1100;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar{background:var(--db-bg,#0a0a0a);border-left:1px solid var(--db-border,#2a2a2a);z-index:1200;flex-direction:column;width:280px;max-width:80vw;height:100dvh;transition:transform .3s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.sidebar.open{transform:translate(0)}.sidebar-header{border-bottom:1px solid var(--db-border,#2a2a2a);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.sidebar-brand{align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.sidebar-nav{flex-direction:column;flex:1;padding:.5rem 0;display:flex}.sidebar-nav a{color:var(--db-text-muted,#888);align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.95rem;transition:color .15s,background .15s;display:flex}.sidebar-nav a:hover,.sidebar-nav a:focus-visible{color:var(--db-text,#ededed);background:var(--db-surface,#141414)}.sidebar-divider{border:none;border-top:1px solid var(--db-border,#2a2a2a);margin:.25rem 1.25rem}@media (max-width:768px){.wrap{padding:0 1rem}.nav-desktop{display:none!important}.nav-hamburger{display:flex!important}.hero{padding:3rem 0 2rem}.hero h1{font-size:1.75rem}.hero-sub{margin-bottom:1.5rem;font-size:.95rem}.hero-code{display:none}.section{padding:2.5rem 0}.section-head{margin-bottom:1.5rem}.section-head h2{font-size:1.3rem}.section-head p{font-size:.9rem}.screenshot-section{padding:2rem 0}.screenshot-tabs{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.screenshot-tabs .db-btn--sm{width:100%;padding:.35rem .25rem;font-size:.72rem}.screenshot-desc p{font-size:.85rem}.db-grid--2,.db-grid--3,.db-grid--4{grid-template-columns:1fr!important}.feature-card{padding:1.25rem}.cta{padding:2.5rem 0 3rem}.cta h2{font-size:1.4rem}.cta p{font-size:.9rem}.site-footer p{font-size:.8rem}}