:root{--bg:#0d1117;--hero-bg:#07090e;--surface:#161b22;--border:#30363d;--text:#e6edf3;--muted:#8b949e;--orange:#ff7700;--font-display:'Poppins',sans-serif;--font-body:'Inter',sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);padding:0 40px;display:flex;align-items:stretch;justify-content:space-between;gap:24px;flex-wrap:wrap}.logo-wrap{display:flex;align-items:center;gap:12px;padding:12px 0;flex-shrink:0}.logo-wrap img{height:48px;width:auto}.logo-name{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-0.02em;color:var(--text)}.logo-name strong{color:var(--orange);font-weight:600}.product-nav{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}.product-nav::-webkit-scrollbar{display:none}.product-nav a{display:inline-flex;align-items:center;padding:0 14px;font-size:0.825rem;font-weight:500;color:var(--muted);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:color 0.15s,border-color 0.15s}.product-nav a:hover{color:var(--text)}.product-nav a.active{color:var(--text);border-bottom-color:var(--orange)}main{flex:1;width:100%;display:flex;flex-direction:column}.hero{background:var(--hero-bg);padding:56px 40px 52px}.hero-inner{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.hero h1{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.75rem);font-weight:600;line-height:1.2;letter-spacing:-0.02em;color:var(--text)}.hero p{font-size:1.05rem;color:var(--muted);max-width:520px}.showcase{border-top:1px solid var(--border);padding:72px 40px;scroll-margin-top:74px}.showcase--alt{background:var(--surface)}.showcase-inner{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.showcase-head{display:flex;align-items:center;gap:16px}.showcase-title{display:flex;flex-direction:column;gap:2px}.showcase-title h2{font-family:var(--font-display);font-size:1.35rem;font-weight:600;line-height:1.2;letter-spacing:-0.01em}.showcase-sub{font-size:0.82rem;color:var(--muted)}.showcase-cta{margin-left:auto;white-space:nowrap}.showcase-desc{font-size:0.95rem;color:var(--muted);line-height:1.7;max-width:680px}.showcase-stats{display:flex;gap:36px;flex-wrap:wrap}.stat-pill{display:flex;flex-direction:column;gap:3px}.stat-val{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--orange);line-height:1.1}.stat-lbl{font-size:0.72rem;color:var(--muted)}.showcase-features{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px 32px}.showcase-features li{font-size:0.875rem;color:var(--muted);line-height:1.65;padding-left:14px;border-left:2px solid var(--border)}.showcase-features strong{display:block;color:var(--text);font-size:0.875rem;margin-bottom:3px}.variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}.variant-card{background:var(--surface);border:1px solid var(--border);border-left-width:3px;border-left-color:var(--variant-color,var(--border));border-radius:6px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.variant-card[data-db="mysql"]{--variant-color:#4479a1}.variant-card[data-db="postgres"]{--variant-color:#336791}.variant-card[data-db="sqlite"]{--variant-color:#2a8494}.variant-card[data-db="mongodb"]{--variant-color:#13aa52}.variant-card[data-db="sqlserver"]{--variant-color:#b52b35}.variant-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.variant-name{font-family:var(--font-display);font-size:0.9rem;font-weight:600;color:var(--text)}.variant-sub{font-size:0.75rem;color:var(--muted)}.card-icon{flex-shrink:0;width:44px;height:44px;background:var(--bg);border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center}.card-desc{font-size:0.875rem;color:var(--muted);line-height:1.65}.card-link{display:inline-block;font-size:0.85rem;font-weight:500;color:var(--orange);text-decoration:none;letter-spacing:0.01em;transition:opacity 0.15s ease}.card-link:hover{opacity:0.8}.card-badge{display:inline-flex;align-items:center;gap:7px;width:fit-content;font-size:0.75rem;font-weight:500;color:var(--muted);border:1px solid var(--border);border-radius:12px;padding:4px 12px;letter-spacing:0.03em}.card-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--border);flex-shrink:0}.variant-card .card-link,.variant-card .card-badge{margin-top:auto}.contact{background:var(--orange);padding:48px 40px 64px;text-align:center;color:#000;font-size:0.95rem;font-weight:500}.contact a{color:#000;text-decoration:underline;text-underline-offset:3px;transition:opacity 0.15s}.contact a:hover{opacity:0.65}footer{background:var(--bg);padding:20px 40px;font-size:0.75rem;color:var(--muted)}@media (max-width:700px){header{padding:0 20px;gap:0}.logo-wrap{width:100%;padding:14px 0 10px}.product-nav{width:100%;border-top:1px solid var(--border);overflow-x:auto}.product-nav a{padding:10px 12px}.hero{padding:40px 20px 36px}.showcase{padding:48px 20px}.contact{padding:40px 20px 48px}footer{padding:16px 20px}.showcase-head{flex-wrap:wrap}.showcase-cta{margin-left:0}.variant-grid{grid-template-columns:repeat(2,1fr)}}