.hero-container{width:100%;max-width:1200px;margin:0 auto;padding:80px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.badge-container{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;justify-content:center}.badge{background-color:#f5f5f4;padding:6px 12px;border-radius:16px;border:1px solid #e7e5e4;font-size:14px;font-weight:500;color:#292524}.hero-title{font-size:56px;font-weight:700;color:#292524;margin-bottom:16px;line-height:1.2}.hero-subtitle{font-size:24px;font-weight:400;color:#57534e;margin-bottom:32px;line-height:1.5;max-width:700px}.hero-tagline{font-size:18px;color:#78716c;margin-top:16px;font-style:italic}@media (max-width: 768px){.hero-container{padding:60px 24px}.hero-title{font-size:40px}.hero-subtitle{font-size:18px}}.features-container{width:100%;max-width:1200px;margin:0 auto;padding:60px 24px}.features-title{font-size:36px;font-weight:700;color:#292524;margin-bottom:48px;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.feature-card{background-color:#fff;padding:32px;border-radius:12px;border:1px solid #e7e5e4;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.feature-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.feature-icon{font-size:40px;margin-bottom:16px}.feature-title{font-size:20px;font-weight:600;color:#292524;margin-bottom:12px}.feature-description{font-size:16px;color:#57534e;line-height:1.6;margin-bottom:12px}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.feature-list li{font-size:14px;color:#78716c;line-height:1.5}.feature-list li:before{content:"• ";margin-right:8px}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}}.copy-button{position:absolute;top:12px;right:12px;background-color:#059669;color:#fff;padding:6px 12px;border-radius:6px;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.copy-button:hover{background-color:#047857}.install-container{width:100%;max-width:1200px;margin:0 auto;padding:60px 24px;background-color:#fff}.install-title{font-size:36px;font-weight:700;color:#292524;margin-bottom:16px;text-align:center}.install-subtitle{font-size:18px;color:#57534e;margin-bottom:40px;text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.platform-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:32px}.platform-tab{padding:12px 20px;border-radius:8px;background-color:#f5f5f4;border:1px solid #e7e5e4;font-size:14px;font-weight:500;color:#292524;cursor:pointer;transition:all .2s ease}.platform-tab:hover{background-color:#e7e5e4}.platform-tab.active{background-color:#059669;border-color:#059669;color:#fff}.config-container{background-color:#fafaf9;padding:24px;border-radius:12px;border:1px solid #e7e5e4;display:flex;flex-direction:column;gap:24px}.config-section{display:flex;flex-direction:column;gap:12px}.config-title{font-size:18px;font-weight:600;color:#292524}.config-description{font-size:14px;color:#57534e;line-height:1.6}.code-block{position:relative;background-color:#292524;padding:16px;border-radius:8px;overflow:auto}.code-block pre{margin:0;padding:0;background:transparent}.code-block code{background:transparent;padding:0}.install-button{display:inline-block;background-color:#059669;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;text-align:center;transition:background-color .2s ease}.install-button:hover{background-color:#047857;text-decoration:none}.demo-container{width:100%;max-width:1200px;margin:0 auto;padding:60px 24px}.demo-title{font-size:36px;font-weight:700;color:#292524;margin-bottom:16px;text-align:center}.demo-subtitle{font-size:18px;color:#57534e;margin-bottom:40px;text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.demo-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.demo-tab{padding:12px 20px;border-radius:8px;background-color:#f5f5f4;border:1px solid #e7e5e4;font-size:14px;font-weight:500;color:#292524;cursor:pointer;transition:all .2s ease}.demo-tab:hover{background-color:#e7e5e4}.demo-tab.active{background-color:#059669;border-color:#059669;color:#fff}.form-container{background-color:#fff;padding:32px;border-radius:12px;border:1px solid #e7e5e4;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:20px}.warning{background-color:#fef3c7;padding:16px;border-radius:8px;border:1px solid #fbbf24}.warning p{font-size:13px;color:#78350f;line-height:1.5;margin:0}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:14px;font-weight:600;color:#292524}.form-field input,.form-field textarea,.form-field select{width:100%;padding:12px;font-size:14px;border:1px solid #e7e5e4;border-radius:8px;font-family:inherit;outline:none;transition:border-color .2s ease}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#059669}.form-field textarea{resize:vertical;min-height:120px}.form-field select{background-color:#fff;cursor:pointer}.submit-button{background-color:#059669;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background-color:#047857}.submit-button:disabled{background-color:#d6d3d1;cursor:not-allowed}.response-container{background-color:#f5f5f4;padding:20px;border-radius:8px;border:1px solid #e7e5e4;font-size:14px;color:#292524;line-height:1.6;white-space:pre-wrap;overflow-x:auto}.response-container.error{background-color:#fee2e2;border-color:#ef4444;color:#991b1b}.why-container{width:100%;max-width:1200px;margin:0 auto;padding:60px 24px;background-color:#fff}.why-title{font-size:36px;font-weight:700;color:#292524;margin-bottom:48px;text-align:center}.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:48px}.benefit-card{display:flex;flex-direction:column;gap:16px}.benefit-title{font-size:24px;font-weight:600;color:#059669;margin-bottom:8px}.benefit-items{display:flex;flex-direction:column;gap:16px}.benefit-item{display:flex;flex-direction:column;gap:4px}.benefit-item strong{font-size:16px;font-weight:600;color:#292524}.benefit-item p{font-size:14px;color:#57534e;line-height:1.6;margin:0}.stats-container{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;margin-top:48px}.stat-card{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-number{font-size:48px;font-weight:700;color:#059669}.stat-label{font-size:14px;color:#57534e;text-align:center}@media (max-width: 768px){.benefit-grid{grid-template-columns:1fr}}.metrics{padding:3rem 1rem;background:#0b0f17;color:#e6edf3}.metrics__container{max-width:1000px;margin:0 auto}.metrics__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.metrics__meta{display:flex;gap:.75rem;align-items:center;font-size:.875rem;color:#9da7b3}.metrics__badge{padding:.2rem .5rem;border-radius:6px;background:#1a2433;text-transform:uppercase;font-weight:600;letter-spacing:.02em}.metrics__badge--database{background:#16351a;color:#9cf7a1}.metrics__badge--memory{background:#2c2433;color:#e6ccff}.metrics__time{opacity:.8}.metrics__loading,.metrics__error{padding:1rem;background:#111827;border:1px solid #1f2937;border-radius:8px}.metrics__error{color:#fecaca;border-color:#7f1d1d;background:#1f1313}.metrics__kpis{display:flex;gap:1rem;margin-bottom:1rem}.metrics__kpi{background:#0f172a;border:1px solid #1f2937;border-radius:8px;padding:1rem;min-width:160px}.metrics__kpi-value{font-size:1.75rem;font-weight:700}.metrics__kpi-label{font-size:.875rem;color:#9da7b3}.metrics__table{display:grid;grid-template-columns:1fr 120px 120px 120px;gap:.5rem}.metrics__row{display:contents}.metrics__row--head>div{font-weight:700;color:#c7d2fe}.metrics__row--empty{grid-column:1 / -1;padding:1rem;color:#9da7b3}.metrics__tool{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.metrics__num{text-align:right}.metrics__num--success{color:#9cf7a1}.metrics__num--error{color:#fecaca}.footer-container{width:100%;background-color:#292524;padding:48px 24px;margin-top:60px}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.footer-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px}.footer-section{display:flex;flex-direction:column;gap:16px}.footer-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}.footer-link{font-size:14px;color:#a8a29e;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#059669}.footer-text{font-size:14px;color:#a8a29e;line-height:1.6;margin:0}.footer-bottom{padding-top:32px;border-top:1px solid #44403c;display:flex;flex-direction:column;gap:16px;align-items:center}.footer-copyright{font-size:14px;color:#78716c;text-align:center;margin:0}@media (max-width: 768px){.footer-top{grid-template-columns:1fr;gap:32px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafaf9;color:#292524}.app{width:100%;min-height:100vh;background-color:#fafaf9}code{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;background-color:#f5f5f4;padding:2px 6px;border-radius:4px;font-size:.9em}pre{background-color:#292524;color:#fafaf9;padding:16px;border-radius:8px;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:14px;line-height:1.5}pre code{background-color:transparent;padding:0;color:inherit}a{color:#059669;text-decoration:none;transition:color .2s ease}a:hover{color:#047857;text-decoration:underline}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.5}