@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;line-height:1.6;color:#374151;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s;font-size:1rem}.btn-primary{background:#3b82f6;color:#fff;box-shadow:0 4px 14px #3b82f666}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f699}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb}.btn-ghost{background:transparent;color:#6b7280;border:none}.btn-ghost:hover{background:#f3f4f6;color:#111827}.btn-large{padding:1rem 2rem;font-size:1.125rem}.card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e5e7eb;transition:all .3s}.card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.code-block{background:#1f2937;color:#f9fafb;border-radius:.75rem;padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.875rem;overflow-x:auto}.code-block pre{margin:0;line-height:1.6;color:#e5e7eb;font-family:JetBrains Mono,monospace;font-size:.875rem}.code-keyword{color:#569cd6;font-weight:500}.code-string{color:#ce9178}.code-number{color:#b5cea8}.code-comment{color:#6a9955;font-style:italic}.code-type{color:#4ec9b0;font-weight:500}.code-field{color:#9cdcfe;font-weight:500}.code-block pre code{color:#e5e7eb}.floating-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;padding:1rem;display:flex;align-items:center;gap:.75rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,#eff6ff80,#faf5ff80);z-index:-1}.hero-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#111827}.hero-subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.hero-stats{display:flex;gap:2rem;margin-bottom:2rem}.stat{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:#3b82f6}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.section{padding:6rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3rem;font-weight:700;color:#111827;margin-bottom:1rem}.section-subtitle{font-size:1.25rem;color:#6b7280;max-width:600px;margin:0 auto}.features{background:#f9fafb;padding:6rem 0}.features-container{max-width:1200px;margin:0 auto;padding:0 1rem}.features-header{text-align:center;margin-bottom:4rem}.features-title{font-size:3rem;font-weight:700;color:#111827;margin-bottom:1rem}.features-subtitle{font-size:1.25rem;color:#6b7280;max-width:48rem;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a;transition:all .3s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000026}.feature-icon{width:3rem;height:3rem;background:#eff6ff;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#3b82f6}.feature-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1rem}.feature-description{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.feature-highlights{display:flex;flex-direction:column;gap:.5rem}.feature-highlight{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.feature-highlight-dot{width:.375rem;height:.375rem;background:#3b82f6;border-radius:50%}.pricing{padding:6rem 0}.pricing-container{max-width:1200px;margin:0 auto;padding:0 1rem}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-title{font-size:3rem;font-weight:700;color:#111827;margin-bottom:1rem}.pricing-subtitle{font-size:1.25rem;color:#6b7280;max-width:48rem;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.pricing-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a;border:2px solid transparent;transition:all .3s;position:relative}.pricing-card.featured{border-color:#3b82f6;transform:scale(1.05)}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000026}.pricing-badge{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);background:#3b82f6;color:#fff;padding:.25rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500}.pricing-header-card{text-align:center;margin-bottom:2rem}.pricing-name{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.pricing-description{color:#6b7280}.pricing-price{text-align:center;margin-bottom:2rem}.pricing-amount{font-size:3rem;font-weight:700;color:#111827}.pricing-period{color:#6b7280;font-size:1rem}.pricing-features{margin-bottom:2rem}.pricing-feature{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:#6b7280}.pricing-feature-icon{color:#10b981;width:1.25rem;height:1.25rem}.cta{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;text-align:center;padding:6rem 0}.cta-container{max-width:1200px;margin:0 auto;padding:0 1rem}.cta-header{margin-bottom:4rem}.cta-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1.25rem;opacity:.9;max-width:48rem;margin:0 auto}.cta-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.cta-stat{text-align:center}.cta-stat-number{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.cta-stat-label{font-size:.875rem;opacity:.8}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-white{background:#fff;color:#3b82f6}.btn-white:hover{background:#f3f4f6}.btn-outline-white{background:transparent;color:#fff;border:2px solid white}.btn-outline-white:hover{background:#fff;color:#3b82f6}.footer{background:#111827;color:#d1d5db;padding:4rem 0 2rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-brand-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-brand-icon{font-size:1.875rem}.footer-brand-text{font-size:1.5rem;font-weight:700;color:#fff}.footer-brand-description{color:#9ca3af;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer-section h4{color:#fff;font-weight:600;margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#9ca3af;text-decoration:none;transition:color .2s;font-size:.875rem}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid #374151;padding-top:2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;color:#9ca3af;font-size:.875rem}.footer-social{display:flex;gap:1.5rem}.footer-social a{color:#9ca3af;transition:color .2s}.footer-social a:hover{color:#fff}.footer-social svg{width:1.25rem;height:1.25rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s}.navbar-scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 6px #0000001a;border-bottom:1px solid #e5e7eb}.navbar-transparent{background:transparent}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1rem}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:4rem}.navbar-logo{display:flex;align-items:center;gap:.75rem}.navbar-logo-icon{font-size:1.5rem}.navbar-logo-text{font-size:1.25rem;font-weight:700;color:#3b82f6}.navbar-desktop-nav,.navbar-desktop-buttons{display:none}.navbar-mobile-button{display:block;padding:.5rem;border-radius:.5rem;color:#6b7280;transition:all .2s}.navbar-mobile-button:hover{color:#111827;background:#f3f4f6}.navbar-mobile-menu{background:#fff;border-top:1px solid #e5e7eb}.navbar-mobile-menu-content{padding:.5rem .5rem .75rem}.navbar-mobile-link{display:block;padding:.5rem .75rem;color:#6b7280;font-weight:500;border-radius:.5rem;transition:all .2s;text-decoration:none}.navbar-mobile-link:hover{color:#3b82f6;background:#f9fafb}.navbar-mobile-buttons{padding-top:1rem}.navbar-mobile-buttons .btn{width:100%;justify-content:center;margin-bottom:.5rem}@keyframes bounce-slow{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@media (min-width: 768px){.navbar-desktop-nav{display:flex;align-items:center;gap:2rem}.navbar-desktop-buttons{display:flex;align-items:center;gap:1rem}.navbar-mobile-button{display:none}}.examples{padding:6rem 0}.examples-container{max-width:1200px;margin:0 auto;padding:0 1rem}.examples-header{text-align:center;margin-bottom:4rem}.examples-title{font-size:3rem;font-weight:700;color:#111827;margin-bottom:1rem}.examples-subtitle{font-size:1.25rem;color:#6b7280;max-width:48rem;margin:0 auto}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}.example-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:all .3s}.example-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000026}.example-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.example-title-row{display:flex;align-items:center;justify-content:space-between}.example-title{font-size:1.25rem;font-weight:700;color:#111827}.example-tag{padding:.25rem .75rem;background:#eff6ff;color:#3b82f6;border-radius:9999px;font-size:.875rem;font-weight:500}.example-code{padding:1.5rem;background:#f9fafb}.example-code pre{font-size:.875rem;color:#374151;overflow-x:auto;margin:0}.how-it-works{padding:6rem 0;background:#f9fafb}.how-it-works-container{max-width:1200px;margin:0 auto;padding:0 1rem}.how-it-works-header{text-align:center;margin-bottom:4rem}.how-it-works-title{font-size:3rem;font-weight:700;color:#111827;margin-bottom:1rem}.how-it-works-subtitle{font-size:1.25rem;color:#6b7280;max-width:48rem;margin:0 auto}.how-it-works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.step-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a;text-align:center;transition:all .3s}.step-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000026}.step-number{width:3rem;height:3rem;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 1.5rem}.step-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1rem}.step-description{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.step-features{text-align:left}.step-feature{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#6b7280;font-size:.875rem}.step-feature-icon{color:#10b981;width:1rem;height:1rem}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-actions{justify-content:center}.features-grid,.pricing-grid,.footer-content{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.hero-title,.section-title,.cta-title{font-size:2rem}}.__SHOW_OVERLAYS__ *{outline:none!important}