*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #07080d;--bg-surface: #0d0f16;--bg-card: #11131c;--bg-card-hover: #161924;--border: #1c1f2e;--border-light: #252840;--primary: #2563eb;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--accent: #06b6d4;--accent-light: #22d3ee;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--text: #c8cdd8;--text-muted: #6b7394;--text-heading: #eef0f6;--white: #ffffff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--section-pad: clamp(4rem, 8vw, 7rem) clamp(1rem, 4vw, 2rem);--container: 1160px;--ease: cubic-bezier(.22, 1, .36, 1);--duration: .5s}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text);line-height:1.7;font-size:16px;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:var(--primary-light);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-light)}ul{list-style:none}code,pre{font-family:var(--font-mono)}.container{max-width:var(--container);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.section{padding:var(--section-pad)}.section-narrow{max-width:800px;margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,4rem);letter-spacing:-.03em}h2{font-size:clamp(1.8rem,4vw,2.75rem);letter-spacing:-.02em;margin-bottom:1rem}h3{font-size:clamp(1.2rem,2.5vw,1.5rem)}.section-subtitle{font-size:clamp(1rem,1.8vw,1.2rem);color:var(--text-muted);max-width:640px;margin:0 auto 3rem;text-align:center;line-height:1.7}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;background:#2563eb1a;border:1px solid rgba(37,99,235,.25);border-radius:999px;font-size:.85rem;font-weight:500;color:var(--primary-light);margin-bottom:1.5rem}.badge svg{width:14px;height:14px}.highlight{color:var(--accent-light)}.text-gradient{background:linear-gradient(135deg,var(--primary-light),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.label{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:600;color:var(--accent);margin-bottom:.75rem}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:8px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .25s var(--ease);white-space:nowrap;font-family:var(--font-sans)}.btn-primary{background:var(--primary);color:var(--white);box-shadow:0 0 20px #2563eb40}.btn-primary:hover{background:var(--primary-light);box-shadow:0 0 30px #2563eb66;transform:translateY(-1px);color:var(--white)}.btn-secondary{background:transparent;color:var(--text-heading);border:1px solid var(--border-light)}.btn-secondary:hover{border-color:var(--primary-light);color:var(--primary-light);background:#2563eb0d}.btn-ghost{background:transparent;color:var(--text-muted);padding:.5rem 1rem}.btn-ghost:hover{color:var(--text-heading)}.btn svg{width:18px;height:18px}.btn-group{display:flex;gap:1rem;flex-wrap:wrap}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:.75rem 0;transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}.nav.scrolled{background:#07080dd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--border)}.nav-inner{max-width:var(--container);margin:0 auto;padding:0 clamp(1rem,4vw,2rem);display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.25rem;font-weight:800;color:var(--text-heading);display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.nav-logo:hover{color:var(--text-heading)}.nav-logo svg{width:28px;height:28px}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{font-size:.9rem;color:var(--text-muted);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-heading)}.nav-cta{display:flex;align-items:center;gap:1rem}.nav-mobile-toggle{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:.5rem}.nav-mobile-toggle svg{width:24px;height:24px}@media (max-width: 768px){.nav-links,.nav-cta .btn-secondary{display:none}.nav-mobile-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:1.5rem;gap:1rem}}.hero{padding:clamp(7rem,14vw,10rem) 0 clamp(4rem,8vw,6rem);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:900px;height:900px;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,rgba(6,182,212,.04) 40%,transparent 70%);pointer-events:none}.hero h1{margin-bottom:1.5rem;position:relative}.hero-description{font-size:clamp(1.05rem,1.8vw,1.2rem);color:var(--text);max-width:700px;margin:0 auto 2.5rem;line-height:1.8}.email-capture{display:flex;gap:.5rem;max-width:460px;margin:0 auto 1.5rem;position:relative}.email-capture input{flex:1;padding:.85rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-heading);font-size:.95rem;font-family:var(--font-sans);outline:none;transition:border-color .2s}.email-capture input::placeholder{color:var(--text-muted)}.email-capture input:focus{border-color:var(--primary)}.email-capture .btn{flex-shrink:0}.hero-links{display:flex;justify-content:center;gap:2rem;margin-top:1rem;font-size:.9rem}.hero-links a{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted)}.hero-links a:hover{color:var(--text-heading)}.hero-links svg{width:16px;height:16px}.trust-bar{display:flex;justify-content:center;align-items:center;gap:clamp(1.5rem,3vw,3rem);flex-wrap:wrap;margin-top:clamp(3rem,6vw,5rem);padding-top:2.5rem;border-top:1px solid var(--border)}.trust-bar-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:600;width:100%;text-align:center;margin-bottom:.5rem}.trust-bar-item{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem;font-weight:500}.trust-bar-item svg{width:24px;height:24px;opacity:.7}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:border-color .3s,transform .3s,box-shadow .3s}.card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;background:#2563eb1a;border:1px solid rgba(37,99,235,.15)}.card-icon svg{width:24px;height:24px;color:var(--primary-light)}.card-icon.accent{background:#06b6d41a;border-color:#06b6d426}.card-icon.accent svg{color:var(--accent)}.card-icon.green{background:#10b9811a;border-color:#10b98126}.card-icon.green svg{color:var(--green)}.card h3{margin-bottom:.5rem;font-size:1.15rem}.card p{color:var(--text-muted);font-size:.93rem;line-height:1.7}.stats-row{display:flex;justify-content:center;gap:clamp(2rem,5vw,4rem);flex-wrap:wrap;margin:3rem 0}.stat-item{text-align:center}.stat-value{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text-heading);letter-spacing:-.03em;line-height:1.1}.stat-value .text-gradient{background:linear-gradient(135deg,var(--primary-light),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.85rem;color:var(--text-muted);margin-top:.25rem;font-weight:500}.code-block{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.code-block-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:#0003}.code-dot{width:10px;height:10px;border-radius:50%;background:var(--border-light)}.code-dot:nth-child(1){background:#ff5f57}.code-dot:nth-child(2){background:#ffbd2e}.code-dot:nth-child(3){background:#28c840}.code-block-title{margin-left:.75rem;font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.code-block pre{padding:1.25rem;overflow-x:auto;font-size:.88rem;line-height:1.7;color:var(--text)}.code-block .token-comment{color:var(--text-muted)}.code-block .token-cmd{color:var(--accent-light)}.code-block .token-flag{color:var(--amber)}.code-block .token-string{color:var(--green)}.code-block .token-url{color:var(--primary-light)}.code-tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.code-tab{padding:.6rem 1.25rem;font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font-sans)}.code-tab:hover{color:var(--text-heading)}.code-tab.active{color:var(--primary-light);border-bottom-color:var(--primary-light)}.code-panel{display:none}.code-panel.active{display:block}.benchmark-section{background:var(--bg-surface)}.bench-chart{margin:2.5rem 0}.bench-row{display:grid;grid-template-columns:220px 1fr 80px;align-items:center;gap:1rem;margin-bottom:.75rem}@media (max-width: 640px){.bench-row{grid-template-columns:100px 1fr 60px}.bench-tag,.bench-tag-faucet{display:none}}.bench-label{font-size:.9rem;font-weight:600;color:var(--text-heading);text-align:right}.bench-bar-track{height:32px;background:var(--bg-card);border-radius:6px;overflow:hidden;position:relative}.bench-bar{height:100%;border-radius:6px;width:0;transition:width 1.2s var(--ease);position:relative}.bench-bar.faucet{background:linear-gradient(90deg,var(--primary),var(--accent))}.bench-bar.dreamfactory{background:var(--text-muted);opacity:.4}.bench-bar.postgrest{background:#8b5cf6;opacity:.6}.bench-bar.hasura{background:#f59e0b;opacity:.6}.bench-value{font-size:.88rem;font-weight:700;font-family:var(--font-mono);color:var(--text-heading)}.bench-row.animated .bench-bar{width:var(--bar-width)}.bench-note{font-size:.85rem;color:var(--text-muted);text-align:center;margin-top:1.5rem;font-style:italic}.bench-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}@media (max-width: 768px){.bench-cards{grid-template-columns:repeat(2,1fr)}}.bench-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.5rem;text-align:center}.bench-card.featured{border-color:var(--primary);box-shadow:0 0 20px #2563eb26}.bench-card .platform-name{font-size:.85rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.bench-card .platform-stat{font-size:2rem;font-weight:800;color:var(--text-heading);line-height:1.1}.bench-card.featured .platform-stat{color:var(--primary-light)}.bench-card .platform-detail{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.anim-container{width:100%;max-width:800px;margin:0 auto;position:relative}.anim-container svg{width:100%;height:auto}@keyframes dash-flow{to{stroke-dashoffset:-40}}.flow-line{stroke-dasharray:8,12;animation:dash-flow 1.5s linear infinite}.flow-line-slow{stroke-dasharray:6,14;animation:dash-flow 2.5s linear infinite}@keyframes subtle-glow{0%,to{filter:drop-shadow(0 0 6px rgba(37,99,235,.3))}50%{filter:drop-shadow(0 0 12px rgba(37,99,235,.5))}}.glow{animation:subtle-glow 3s ease-in-out infinite}@keyframes water-drop{0%{transform:translateY(-10px);opacity:0}20%{opacity:1}to{transform:translateY(50px);opacity:0}}.water-drop{animation:water-drop 2s ease-in infinite}.water-drop:nth-child(2){animation-delay:.6s}.water-drop:nth-child(3){animation-delay:1.2s}@keyframes particle-flow{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(var(--flow-distance, 600px));opacity:0}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.comparison-table th,.comparison-table td{padding:.85rem 1.25rem;text-align:left;border-bottom:1px solid var(--border)}.comparison-table thead th{background:#0000004d;font-weight:700;color:var(--text-heading);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.comparison-table thead th:first-child{border-radius:12px 0 0}.comparison-table thead th:last-child{border-radius:0 12px 0 0}.comparison-table thead th.highlight-col{background:#2563eb26;color:var(--primary-light)}.comparison-table tbody td:first-child{font-weight:600;color:var(--text-heading)}.comparison-table tbody td.highlight-col{background:#2563eb0d}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table .check{color:var(--green);font-weight:700}.comparison-table .cross{color:var(--text-muted)}.comparison-table .partial{color:var(--amber)}@media (max-width: 768px){.comparison-table{font-size:.8rem}.comparison-table th,.comparison-table td{padding:.6rem .75rem}}.use-case-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;display:flex;flex-direction:column}.use-case-icon{font-size:2rem;margin-bottom:1rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#2563eb14;border:1px solid rgba(37,99,235,.12)}.use-case-card h3{margin-bottom:.5rem}.use-case-card p{color:var(--text-muted);font-size:.92rem;line-height:1.7;flex:1}.use-case-tag{display:inline-block;padding:.2rem .6rem;background:#2563eb1a;border-radius:4px;font-size:.75rem;color:var(--primary-light);font-weight:600;margin-top:1rem}.before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:stretch}@media (max-width: 768px){.before-after{grid-template-columns:1fr;gap:1rem}.before-after-divider{display:none}}.before-panel,.after-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem}.after-panel{border-color:var(--primary);box-shadow:0 0 30px #2563eb1a}.before-after-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:1rem}.before-panel .before-after-label{color:var(--red)}.after-panel .before-after-label{color:var(--green)}.before-after-divider{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-muted)}.arch-list{display:flex;flex-direction:column;gap:.5rem}.arch-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:6px;font-size:.88rem;font-weight:500}.before-panel .arch-item{background:#ef44440f;color:var(--text-muted)}.after-panel .arch-item{background:#10b9810f;color:var(--text)}.arch-item svg{width:16px;height:16px;flex-shrink:0}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;align-items:start}@media (max-width: 1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:2rem;display:flex;flex-direction:column}.pricing-card.featured{border-color:var(--primary);box-shadow:0 0 40px #2563eb26;position:relative}.pricing-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:.3rem 1rem;background:var(--primary);color:var(--white);border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pricing-tier{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700;margin-bottom:.75rem}.pricing-price{font-size:2.5rem;font-weight:800;color:var(--text-heading);line-height:1.1;margin-bottom:.25rem}.pricing-price span{font-size:1rem;font-weight:500;color:var(--text-muted)}.pricing-desc{font-size:.88rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.pricing-features{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem;flex:1}.pricing-feature{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;color:var(--text)}.pricing-feature svg{width:16px;height:16px;color:var(--green);flex-shrink:0;margin-top:3px}.pricing-card .btn{width:100%;justify-content:center}.cta-section{text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);pointer-events:none}.cta-section h2{position:relative;margin-bottom:1rem}.cta-section p{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem;position:relative}.footer{border-top:1px solid var(--border);padding:4rem 0 2rem;background:var(--bg-surface)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}.footer-brand p{color:var(--text-muted);font-size:.9rem;line-height:1.7;margin-top:1rem;max-width:320px}.footer-col h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-heading);margin-bottom:1rem}.footer-col a{display:block;color:var(--text-muted);font-size:.9rem;padding:.25rem 0;transition:color .2s}.footer-col a:hover{color:var(--text-heading)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-muted);flex-wrap:wrap;gap:1rem}.footer-social{display:flex;gap:1rem}.footer-social a{color:var(--text-muted)}.footer-social a:hover{color:var(--text-heading)}.footer-social svg{width:20px;height:20px}.arch-diagram{width:100%;max-width:900px;margin:3rem auto}.arch-diagram svg{width:100%;height:auto}.arch-node-label{font-family:var(--font-sans);font-size:11px;font-weight:600;fill:var(--text)}.arch-node-icon{fill:none;stroke-width:1.5}.flow-diagram{width:100%;max-width:900px;margin:3rem auto;overflow:hidden}@keyframes flow-particle{0%{offset-distance:0%;opacity:0}5%{opacity:1}95%{opacity:1}to{offset-distance:100%;opacity:0}}.wave-divider{width:100%;height:60px;position:relative;overflow:hidden}.wave-divider svg{position:absolute;bottom:0;width:100%;height:100%}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem;color:var(--text-muted);font-size:.8rem}.scroll-indicator svg{width:20px;height:20px;animation:bounce-down 2s ease-in-out infinite}.golden-anchor{font-size:1.15rem;line-height:1.8;color:var(--text);max-width:720px;margin:0 auto;text-align:center;font-weight:500}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.quickstart-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 768px){.quickstart-grid{grid-template-columns:1fr}}.quickstart-steps{display:flex;flex-direction:column;gap:1.5rem}.quickstart-step{display:flex;gap:1rem;align-items:flex-start}.step-number{width:32px;height:32px;border-radius:8px;background:#2563eb26;color:var(--primary-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.step-content h3{font-size:1.05rem;margin-bottom:.25rem}.step-content p{color:var(--text-muted);font-size:.9rem}.perf-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:clamp(2rem,4vw,3rem);margin:2.5rem 0;position:relative;overflow:hidden}.perf-hero:before{content:"";position:absolute;top:-50%;left:-20%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(37,99,235,.06),transparent 70%);pointer-events:none}.perf-hero-main{display:flex;align-items:center;gap:clamp(1.5rem,4vw,3rem);margin-bottom:2rem;position:relative}.perf-hero-number{flex-shrink:0}.perf-num-value{font-size:clamp(3.5rem,8vw,5.5rem);font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--primary-light),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.perf-hero-context{display:flex;flex-direction:column;gap:.5rem}.perf-hero-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--accent)}.perf-hero-detail{font-size:1rem;color:var(--text);line-height:1.7}@media (max-width: 640px){.perf-hero-main{flex-direction:column;text-align:center}}.perf-hero-comparisons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;position:relative}.perf-compare-item{display:flex;flex-direction:column;gap:.35rem}.perf-compare-bar{height:28px;background:#ffffff08;border-radius:6px;overflow:hidden;position:relative}.perf-compare-fill{height:100%;border-radius:6px;width:var(--bar-pct);transition:width 1.5s var(--ease)}.faucet-fill{background:linear-gradient(90deg,var(--primary),var(--accent))}.df-fill{background:var(--text-muted);opacity:.35}.perf-compare-meta{display:flex;justify-content:space-between;font-size:.82rem}.perf-compare-name{font-weight:600;color:var(--text-muted)}.perf-compare-item.winner .perf-compare-name{color:var(--primary-light)}.perf-compare-val{font-family:var(--font-mono);font-weight:700;color:var(--text-heading)}.perf-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:8px;font-size:.9rem;color:var(--green);position:relative}.perf-hero-badge strong{color:var(--green)}.perf-wins{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2.5rem 0}@media (max-width: 768px){.perf-wins{grid-template-columns:1fr}}.perf-win-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:2rem;text-align:center;transition:border-color .3s,transform .3s}.perf-win-card:hover{transform:translateY(-2px);border-color:var(--border-light)}.perf-win-card.featured{border-color:var(--primary);box-shadow:0 0 30px #2563eb1f}.perf-win-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;background:#2563eb1a;border:1px solid rgba(37,99,235,.15)}.perf-win-icon svg{width:24px;height:24px;color:var(--primary-light)}.perf-win-icon.accent{background:#06b6d41a;border-color:#06b6d426}.perf-win-icon.accent svg{color:var(--accent)}.perf-win-icon.green-icon{background:#10b9811a;border-color:#10b98126}.perf-win-icon.green-icon svg{color:var(--green)}.perf-win-number{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;color:var(--text-heading);letter-spacing:-.04em;line-height:1;margin-bottom:.25rem}.perf-win-number.good{color:var(--green)}.perf-win-label{font-size:.9rem;font-weight:700;color:var(--text-heading);margin-bottom:.75rem}.perf-win-detail{font-size:.88rem;color:var(--text-muted);line-height:1.6}.stress-visual{margin:3.5rem 0}.stress-race{display:flex;flex-direction:column;gap:1.25rem}.stress-lane{display:grid;grid-template-columns:200px 1fr 140px;align-items:center;gap:1rem}@media (max-width: 768px){.stress-lane{grid-template-columns:1fr;gap:.5rem}}.stress-lane-label{display:flex;align-items:center;gap:.75rem}.stress-name{font-size:.9rem;font-weight:600;color:var(--text-heading)}.faucet-accent{color:var(--primary-light)!important}.stress-badge{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.good-badge{background:#10b98126;color:var(--green)}.warn-badge{background:#f59e0b26;color:var(--amber)}.bad-badge{background:#ef444426;color:var(--red)}.stress-track{height:24px;background:#ffffff05;border-radius:6px;position:relative;overflow:hidden}.stress-bar-before{position:absolute;top:0;left:0;height:100%;width:var(--before-width);background:#ffffff0a;border-radius:6px}.stress-bar-after{position:absolute;top:0;left:0;height:100%;border-radius:6px;width:0;transition:width 1.5s var(--ease)}.stress-visual.visible .stress-bar-after{width:var(--after-width)}.faucet-bar{background:linear-gradient(90deg,var(--primary),var(--accent))}.hasura-bar{background:var(--amber);opacity:.5}.postgrest-bar{background:#8b5cf6;opacity:.5}.df-bar{background:var(--text-muted);opacity:.25}.stress-nums{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-family:var(--font-mono);color:var(--text-muted);font-weight:500}.good-text{color:var(--green);font-weight:700}.warn-text{color:var(--amber);font-weight:600}.bad-text{color:var(--red);font-weight:600}.stress-callout{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem 1.5rem;background:#06b6d40d;border:1px solid rgba(6,182,212,.12);border-radius:10px;font-size:.9rem;color:var(--text);line-height:1.6}.stress-callout svg{flex-shrink:0;margin-top:2px}.stress-callout strong{color:var(--red)}.footprint-visual{margin:3.5rem 0}.footprint-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;align-items:end}@media (max-width: 768px){.footprint-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.footprint-grid{grid-template-columns:1fr}}.footprint-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.footprint-card.faucet-highlight{border-color:var(--primary);box-shadow:0 0 20px #2563eb1a}.footprint-size-visual{display:flex;align-items:flex-end;gap:.25rem;margin-bottom:.5rem}.footprint-circle{width:var(--circle-size);height:var(--circle-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:calc(var(--circle-size) * .28);color:var(--text-heading);border:2px solid var(--border-light);transition:transform .3s var(--ease)}.faucet-highlight .footprint-circle{border-color:var(--primary);background:#2563eb14;color:var(--primary-light)}.footprint-unit{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.footprint-name{font-weight:700;font-size:.9rem;color:var(--text-heading)}.footprint-meta{font-size:.8rem;color:var(--text-muted)}.footprint-deps{font-size:.75rem;color:var(--text-muted);font-style:italic}.faucet-highlight .footprint-deps{color:var(--green);font-style:normal;font-weight:600}.throughput-section{margin:3.5rem 0}.throughput-context{display:flex;flex-direction:column;gap:.6rem;margin-top:1.5rem;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.throughput-context-item{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;color:var(--text-muted);line-height:1.6}.throughput-context-item svg{flex-shrink:0;margin-top:3px}.throughput-context-item strong{color:var(--text-heading)}.bench-tag{font-size:.65rem;font-weight:500;color:var(--text-muted);opacity:.6;display:block;margin-top:1px;white-space:nowrap}.bench-tag-faucet{font-size:.65rem;font-weight:600;color:var(--primary-light);opacity:.7;display:block;margin-top:1px;white-space:nowrap}.icon-inline{width:1em;height:1em;vertical-align:-.125em}.connector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}@media (max-width: 1024px){.connector-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.connector-grid{grid-template-columns:1fr}}.connector-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.75rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .3s,transform .3s,box-shadow .3s}.connector-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.connector-header{display:flex;align-items:center;gap:1rem}.connector-header h3{font-size:1.15rem;margin:0;line-height:1.2}.connector-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.connector-icon svg{width:28px;height:28px}.connector-icon.pg{background:#3367911f;border:1px solid rgba(51,103,145,.2)}.connector-icon.mysql{background:#00758f1f;border:1px solid rgba(0,117,143,.2)}.connector-icon.mariadb{background:#c0765a1f;border:1px solid rgba(192,118,90,.2)}.connector-icon.mssql{background:#cc29271f;border:1px solid rgba(204,41,39,.2)}.connector-icon.sqlite{background:#003b571f;border:1px solid rgba(0,59,87,.2)}.connector-icon.snowflake{background:#29b5e81f;border:1px solid rgba(41,181,232,.2)}.connector-version-badge{display:inline-block;padding:.15rem .6rem;background:#2563eb1f;border:1px solid rgba(37,99,235,.2);border-radius:999px;font-size:.72rem;font-weight:700;color:var(--primary-light);letter-spacing:.02em}.connector-versions{display:flex;flex-wrap:wrap;gap:.35rem}.connector-ver-tag{padding:.15rem .5rem;background:#ffffff08;border:1px solid var(--border);border-radius:4px;font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);font-weight:500}.connector-ver-tag.cloud-tag{background:#29b5e814;border-color:#29b5e826;color:var(--accent)}.connector-features{display:flex;flex-direction:column;gap:.4rem}.connector-feat{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text)}.connector-feat svg{width:14px;height:14px;flex-shrink:0;color:var(--green)}.connector-feat.note{color:var(--text-muted);font-style:italic}.connector-feat.note svg{color:var(--amber)}.connector-cloud{display:flex;flex-wrap:wrap;gap:.35rem;padding-top:.5rem;border-top:1px solid var(--border)}.connector-cloud-tag{padding:.15rem .5rem;background:#06b6d40f;border:1px solid rgba(6,182,212,.1);border-radius:4px;font-size:.7rem;font-weight:600;color:var(--accent)}.connector-driver{display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem;border-top:1px solid var(--border)}.connector-driver code{font-size:.8rem;color:var(--primary-light);font-weight:600}.connector-driver span{font-size:.72rem;color:var(--text-muted)}.connector-example{margin:2rem 0}.connector-seo-text{margin-top:2rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.connector-seo-text p{font-size:.88rem;color:var(--text-muted);line-height:1.8}.connector-seo-text strong{color:var(--text);font-weight:600}.bg-surface{background:var(--bg-surface)}.bg-primary{background:var(--bg-primary)}