*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}html.smooth-scroll{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#f1f5f9;background:#0f172a;min-height:100vh;overflow-x:hidden;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.gradient-text{background:linear-gradient(to right,#2563eb,#9333ea,#db2777);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}nav{position:sticky;top:0;z-index:50;width:100%;border-bottom:1px solid #334155;background:#1e293bf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{display:flex;height:4rem;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center}.nav-logo span{font-size:1.5rem;font-weight:700}.nav-menu{display:none;align-items:center;gap:2rem}.nav-menu a{font-size:.9375rem;font-weight:600;color:#e2e8f0;text-decoration:none;transition:color .3s ease}.nav-menu a:hover{color:#fff}.nav-menu a.active{color:#fff;position:relative}.nav-menu a.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:linear-gradient(90deg,#2563eb,#9333ea);border-radius:2px}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-actions button{font-size:.875rem;font-weight:500;color:#475569;background:none;border:none;cursor:pointer;transition:color .3s ease}.nav-actions button:hover{color:#1e293b}.btn-primary{background:#2563eb;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #2563eb33}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.btn-secondary{border:2px solid #475569;background:#fff;color:#1e293b;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.btn-secondary:hover{background:#f8fafc;border-color:#2563eb;color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative;overflow:hidden;padding:2rem 0}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');opacity:.4;pointer-events:none}.hero:after{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);pointer-events:none}.hero .container{position:relative;z-index:1;width:100%}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto}.hero-text{text-align:left}.hero-text h1{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-text p{font-size:1.25rem;color:#cbd5e1;margin-bottom:2rem;font-weight:400;line-height:1.6}.hero-image{position:relative;animation:float 6s ease-in-out infinite}.hero-image img{width:100%;height:auto;display:block;border-radius:1rem;box-shadow:0 20px 60px #0006}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:2rem}.hero-features{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;font-size:.875rem;color:#94a3b8;font-weight:500}.hero-features div{display:flex;align-items:center;gap:.5rem}.hero-features .check{color:#10b981}.stats{padding:4rem 0;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.stats h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.stats-rating{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.stats-rating .stars{color:#fbbf24}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:48rem;margin:0 auto}.stat-item{text-align:center}.stat-number{font-size:1.875rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem}.stat-label{color:#475569}.features{padding:5rem 0}.features h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem;text-align:center}.features p{font-size:1.25rem;color:#374151;text-align:center;max-width:42rem;margin:0 auto 4rem;font-weight:500}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{text-align:center;padding:1.5rem}.feature-icon{width:4rem;height:4rem;background:#3b82f61a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:#374151;text-align:left;font-weight:500}.about-section{padding:6rem 0;background:#1e293b;position:relative}.about-header-centered{text-align:center;max-width:50rem;margin:0 auto 4rem}.about-badge{display:inline-block;background:linear-gradient(135deg,#eff6ff,#f5f3ff);color:#2563eb;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.about-header-centered h2{font-size:2.5rem;font-weight:800;line-height:1.2;color:#f8fafc;margin-bottom:1.5rem;letter-spacing:-.02em}.about-description-centered{font-size:1.125rem;line-height:1.7;color:#cbd5e1;font-weight:400}.about-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto}.about-feature-card{background:#0f172a;border:1px solid #334155;border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease}.about-feature-card:hover{transform:translateY(-5px);border-color:#2563eb;box-shadow:0 10px 25px #2563eb33}.about-feature-card .feature-icon-box{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#2563eb;transition:all .3s ease;margin:0 auto 1.5rem}.about-feature-card:hover .feature-icon-box{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;transform:scale(1.1)}.about-feature-card h4{font-size:1.125rem;font-weight:600;color:#f8fafc;margin-bottom:.75rem}.about-feature-card p{font-size:.9375rem;color:#94a3b8;line-height:1.5;margin:0}.about-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.stat-card{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #334155;border-radius:1rem;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;border-color:#cbd5e1}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#2563eb,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1}.stat-label{font-size:.875rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 1024px){.about-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.about-section{padding:4rem 0}.about-header-centered h2{font-size:2rem}.about-features-grid{grid-template-columns:1fr}.about-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.about-header-centered h2{font-size:1.75rem}.about-description-centered{font-size:1rem}.about-stats-row{grid-template-columns:1fr}.stat-number{font-size:2rem}}.process-section{padding:6rem 0;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative}.process-header{text-align:center;margin-bottom:4rem}.process-header h2{font-size:2.5rem;font-weight:800;color:#f8fafc;margin-bottom:1rem;letter-spacing:-.02em}.process-header p{font-size:1.125rem;color:#cbd5e1;font-weight:500}.process-timeline{max-width:900px;margin:0 auto;position:relative}.process-step{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;position:relative;margin-bottom:.5rem}.process-step-number{width:5rem;height:5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #2563eb4d;transition:all .3s ease;position:relative;z-index:2}.process-step-number span{font-size:1.5rem;font-weight:800;color:#fff}.process-step:hover .process-step-number{transform:scale(1.1);box-shadow:0 15px 35px #2563eb66}.process-step-content{background:#1e293b;padding:2rem;border-radius:1rem;border:2px solid #334155;transition:all .3s ease;box-shadow:0 4px 6px #0000004d}.process-step:hover .process-step-content{border-color:#2563eb;box-shadow:0 10px 25px #2563eb26;transform:translate(5px)}.process-step-content h3{font-size:1.5rem;font-weight:700;color:#f8fafc;margin-bottom:.75rem}.process-step-content p{font-size:1rem;color:#94a3b8;line-height:1.6;margin:0}.process-step-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#2563eb;transition:all .3s ease}.process-step:hover .process-step-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;transform:rotate(10deg) scale(1.1)}.process-connector{width:3px;height:2rem;background:linear-gradient(180deg,#2563eb,#9333ea);margin:-1rem auto -1rem 2.5rem;opacity:.5;border-radius:2px}@media (max-width: 768px){.process-section{padding:4rem 0}.process-header h2{font-size:2rem}.process-step{grid-template-columns:1fr;gap:1.5rem;text-align:center}.process-step-number{width:4rem;height:4rem;margin:0 auto}.process-step-number span{font-size:1.25rem}.process-step-icon{width:3rem;height:3rem;margin:0 auto}.process-connector{display:none}.process-step:hover .process-step-content{transform:translateY(-5px)}}.products-section{padding:6rem 0;background:#1e293b}.products-header{text-align:center;margin-bottom:4rem}.products-header h2{font-size:2.5rem;font-weight:800;color:#f8fafc;margin-bottom:1rem;letter-spacing:-.02em}.products-header p{font-size:1.125rem;color:#cbd5e1;font-weight:500;max-width:600px;margin:0 auto}.products-grid{display:flex;justify-content:center;gap:2.5rem;max-width:1200px;margin:0 auto}.product-card{background:#0f172a;border-radius:1.25rem;overflow:hidden;box-shadow:0 1px 3px #0000004d,0 1px 2px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #334155;position:relative;max-width:420px;width:100%}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#9333ea,#db2777);opacity:0;transition:opacity .3s ease}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;border-color:#2563eb}.product-card:hover:before{opacity:1}.product-card-image{width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.product-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-content{padding:1.75rem}.product-title{font-size:1.375rem;font-weight:700;color:#f8fafc;margin-bottom:.75rem;line-height:1.3;letter-spacing:-.01em}.product-description{font-size:.9375rem;color:#94a3b8;line-height:1.6;margin-bottom:1.5rem;font-weight:400}.product-cta{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#2563eb;text-decoration:none;transition:all .2s ease;padding:.5rem 0}.product-cta svg{transition:transform .2s ease}.product-cta:hover{color:#1d4ed8;gap:.75rem}.product-cta:hover svg{transform:translate(3px)}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}}@media (max-width: 768px){.products-section{padding:4rem 0}.products-header h2{font-size:2rem}.products-header p{font-size:1rem}.products-grid{grid-template-columns:1fr;gap:1.5rem}.product-card-image{height:200px}.product-card-content{padding:1.5rem}}@media (max-width: 480px){.product-card-image{height:180px}.product-title{font-size:1.25rem}.product-description{font-size:.875rem}}.testimonials{padding:5rem 0;background:#f8fafc}.testimonials h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem;text-align:center}.testimonials p{font-size:1.25rem;color:#475569;text-align:center;max-width:42rem;margin:0 auto 4rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:72rem;margin:0 auto}.testimonial-card{background:#fff;padding:2rem;border-radius:.75rem;border:2px solid #e2e8f0;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.testimonial-rating{display:flex;align-items:center;gap:.25rem;margin-bottom:1rem}.testimonial-rating .stars{color:#fbbf24}.testimonial-text{color:#475569;margin-bottom:1rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:.75rem}.testimonial-avatar{width:2.5rem;height:2.5rem;background:#3b82f61a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.testimonial-info h4{font-weight:600;margin-bottom:.25rem}.testimonial-info p{font-size:.875rem;color:#475569;margin:0}.faq{padding:5rem 0;background:#0f172a}.faq h2{font-size:2.25rem;font-weight:700;margin-bottom:3rem;text-align:center;color:#f8fafc}.faq-table{max-width:70rem;margin:0 auto;background:#1e293b;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px #0000004d;border:1px solid #334155}.faq-row{display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid #334155}.faq-row:last-child{border-bottom:none}.faq-question-cell{padding:1.5rem 2rem;font-weight:600;color:#f8fafc;background:#0f172a;border-right:1px solid #334155}.faq-answer-cell{padding:1.5rem 2rem;color:#cbd5e1;line-height:1.6}@media (max-width: 768px){.faq-row{grid-template-columns:1fr}.faq-question-cell{border-right:none;border-bottom:1px solid #334155}}.cta{padding:5rem 0;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.1}.cta .container{position:relative;z-index:1}.cta h2{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.cta p{font-size:1.25rem;margin-bottom:2rem;max-width:42rem;margin-left:auto;margin-right:auto;opacity:.9}.cta-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:1.5rem}.cta .btn-primary{background:#fff;color:#1e293b;font-weight:700;box-shadow:0 4px 12px #0003}.cta .btn-primary:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cta .btn-secondary{border:2px solid rgba(255,255,255,.8);color:#fff;background:transparent;font-weight:600}.cta .btn-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.cta-note{font-size:.875rem;opacity:.75}.footer{background:linear-gradient(180deg,#0f172a,#1e293b);border-top:1px solid #1e293b;padding:4rem 0 2rem;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#2563eb,transparent)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-brand{margin-bottom:1rem}.footer-brand span{font-size:1.25rem;font-weight:700;color:#fff}.footer-description{font-size:.875rem;color:#94a3b8;line-height:1.6}.footer-section h4{font-weight:600;margin-bottom:1rem;color:#fff}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{font-size:.875rem;color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid #1e293b;padding-top:2rem;text-align:center;font-size:.875rem;color:#64748b}@media (min-width: 768px){.nav-menu{display:flex}.hero h1{font-size:3.75rem}.hero-buttons,.hero-features,.cta-buttons{flex-direction:row}}@media (min-width: 1024px){.hero h1{font-size:4rem}}.mobile-menu-toggle{display:block;background:none;border:none;cursor:pointer}@media (min-width: 768px){.mobile-menu-toggle{display:none}}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;gap:3rem}.hero-text{text-align:center}.hero-image{order:2}}@media (max-width: 768px){.hero{min-height:calc(100vh - 4rem)}.hero-text h1{font-size:2rem}.hero-text p{font-size:1rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#f3f4f6}.dark ::-webkit-scrollbar-track{background-color:#1f2937}::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:9999px}.dark ::-webkit-scrollbar-thumb{background-color:#4b5563}::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.dark ::-webkit-scrollbar-thumb:hover{background-color:#6b7280}