.bg-dots-pattern{background-image:radial-gradient(rgba(59,130,246,.3) 1px,transparent 0);background-size:30px 30px}.floating-shape{animation:float 8s ease-in-out infinite;background:linear-gradient(45deg,rgba(59,130,246,.1),rgba(14,165,233,.1));border-radius:50%;position:absolute}.floating-shape:first-child{animation-delay:0s;height:100px;left:10%;top:10%;width:100px}.floating-shape:nth-child(2){animation-delay:2s;height:150px;right:10%;top:60%;width:150px}.floating-shape:nth-child(3){animation-delay:4s;bottom:20%;height:80px;left:20%;width:80px}.floating-shape:nth-child(4){animation-delay:6s;height:120px;right:30%;top:30%;width:120px}.geometric-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}.geometric-shape{animation:spin-slow 30s linear infinite;border:1px solid rgba(99,102,241,.1);position:absolute}.geometric-shape:first-child{animation-delay:0s;border-color:rgba(59,130,246,.1);height:200px;left:5%;top:10%;transform:rotate(45deg);width:200px}.geometric-shape:nth-child(2){animation-delay:10s;border-color:rgba(14,165,233,.1);border-radius:30%;bottom:15%;height:150px;right:10%;width:150px}.geometric-shape:nth-child(3){animation-delay:20s;background:linear-gradient(45deg,rgba(14,165,233,.1),transparent);clip-path:polygon(50% 0,0 100%,100% 100%);height:100px;right:20%;top:50%;width:100px}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{background:#111827;color:#fff;line-height:1.6;overflow-x:hidden}.bg-mesh-gradient{background:radial-gradient(at 40% 20%,rgba(59,130,246,.3) 0,transparent 50%),radial-gradient(at 80% 0,rgba(14,165,233,.2) 0,transparent 50%),radial-gradient(at 0 50%,rgba(59,130,246,.2) 0,transparent 50%),radial-gradient(at 80% 50%,rgba(14,165,233,.3) 0,transparent 50%),radial-gradient(at 0 100%,rgba(59,130,246,.2) 0,transparent 50%),radial-gradient(at 80% 100%,rgba(14,165,233,.2) 0,transparent 50%),radial-gradient(at 0 0,rgba(59,130,246,.2) 0,transparent 50%);inset:0;position:fixed;z-index:-2}.bg-grid-pattern{background-image:linear-gradient(rgba(59,130,246,.1) 1px,transparent 0),linear-gradient(90deg,rgba(59,130,246,.1) 1px,transparent 0);background-size:50px 50px;inset:0;opacity:.2;position:fixed;z-index:-1}.glow-orb{animation:pulse-slow 6s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.6;position:absolute}.glow-orb-1{animation-delay:0s;background:radial-gradient(circle,rgba(59,130,246,.4) 0,transparent 70%);height:200px;left:15%;top:20%;width:200px}.glow-orb-2{animation-delay:3s;background:radial-gradient(circle,rgba(14,165,233,.3) 0,transparent 70%);bottom:20%;height:300px;right:15%;width:300px}.glow-orb-3{animation-delay:1.5s;background:radial-gradient(circle,rgba(59,130,246,.2) 0,transparent 70%);height:150px;left:60%;top:60%;width:150px}@keyframes pulse-slow{0%,to{opacity:.6}50%{opacity:.3}}@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)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.header{backdrop-filter:blur(12px);background:rgba(31,41,55,.8);border-bottom:1px solid rgba(55,65,81,.5);position:sticky;top:0;z-index:50}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.header-content,.logo{align-items:center;display:flex}.logo{gap:.5rem;text-decoration:none}.logo-icon{align-items:center;border-radius:8px;box-shadow:0 4px 12px rgba(59,130,246,.3);display:flex;height:32px;justify-content:center;width:32px}.logo-icon,.logo-text{background:linear-gradient(135deg,#3b82f6,#0ea5e9)}.logo-text{-webkit-background-clip:text;font-size:1.5rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text}.nav{align-items:center;display:flex;flex:1;gap:2rem;justify-content:center}.nav a{color:#d1d5db;position:relative;text-decoration:none;transition:color .3s}.nav a:hover{color:#fff}.nav a.active{color:#0ea5e9}.nav a.active:after{background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;right:0}.header-buttons{display:flex;gap:.75rem}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s}.btn-outline{background:transparent;border:1px solid #374151;color:#d1d5db}.btn-outline:hover{background:#374151;color:#fff}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 4px 12px rgba(14,165,233,.3);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 6px 20px rgba(14,165,233,.4);transform:translateY(-1px)}.container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:10}.hero{padding:5rem 0;text-align:center}.hero-badge{align-items:center;animation:fadeInUp .6s ease-out;backdrop-filter:blur(8px);background:rgba(31,41,55,.5);border:1px solid rgba(59,130,246,.2);border-radius:9999px;color:#d1d5db;display:inline-flex;font-size:.875rem;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem}.hero h1{animation:fadeInUp .6s ease-out .2s both;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-gradient-text{background:linear-gradient(135deg,#0ea5e9,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{animation:fadeInUp .6s ease-out .4s both;color:#d1d5db;font-size:1.25rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-buttons{animation:fadeInUp .6s ease-out .6s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.feature-section{padding:5rem 0;position:relative}.feature-section:nth-child(2n){backdrop-filter:blur(8px);background:rgba(31,41,55,.3)}.section-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-subtitle{color:#d1d5db;font-size:1.125rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.feature-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.feature-card{backdrop-filter:blur(12px);background:rgba(31,41,55,.5);border:1px solid #374151;border-radius:16px;overflow:hidden;padding:2rem;position:relative;transition:all .3s}.feature-card:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.feature-card:hover{border-color:#0ea5e9;box-shadow:0 20px 40px rgba(0,0,0,.3);transform:translateY(-4px)}.feature-icon{align-items:center;border-radius:16px;display:flex;height:60px;justify-content:center;margin-bottom:1.5rem;transition:transform .3s;width:60px}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-description{color:#d1d5db;line-height:1.6;margin-bottom:1.5rem}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{align-items:center;color:#d1d5db;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:.5rem}.feature-list li:before{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;content:"✓";display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:16px;justify-content:center;width:16px}.two-column{align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:5rem}.two-column.reverse{direction:rtl}.two-column.reverse>*{direction:ltr}.feature-content h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.feature-content p{color:#d1d5db;line-height:1.6;margin-bottom:1.5rem}.feature-visual{backdrop-filter:blur(12px);background:rgba(31,41,55,.5);border:1px solid #374151;border-radius:16px;overflow:hidden;padding:2rem;position:relative}.feature-visual:before{background:linear-gradient(45deg,rgba(59,130,246,.05),rgba(14,165,233,.05));bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.demo-container{backdrop-filter:blur(12px);background:rgba(31,41,55,.5);border:1px solid #374151;border-radius:16px;margin:3rem 0;overflow:hidden;padding:2rem;position:relative}.demo-header{align-items:center;border-bottom:1px solid #374151;display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.demo-dot{border-radius:50%;height:12px;width:12px}.demo-dot.red{background:#ef4444}.demo-dot.yellow{background:#f59e0b}.demo-dot.green{background:#10b981}.demo-content{color:#d1d5db;font-family:Monaco,Menlo,monospace;font-size:.875rem;line-height:1.6}.demo-highlight{color:#0ea5e9;font-weight:600}.stats-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:3rem 0}.stat-card{backdrop-filter:blur(12px);background:rgba(31,41,55,.5);border:1px solid #374151;border-radius:16px;padding:2rem;text-align:center;transition:all .3s}.stat-card:hover{border-color:#0ea5e9;transform:translateY(-2px)}.stat-number{background:linear-gradient(135deg,#0ea5e9,#3b82f6);-webkit-background-clip:text;font-size:2.5rem;font-weight:800;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:#9ca3af;font-size:.875rem}.cta-section{background:linear-gradient(135deg,rgba(14,165,233,.1),rgba(59,130,246,.1));border:1px solid rgba(14,165,233,.2);border-radius:24px;margin:5rem 0;padding:5rem 0;text-align:center}.cta-section h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-section p{color:#d1d5db;font-size:1.125rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.header-content .mobile-menu-button{background:transparent;border:none;cursor:pointer;display:none;margin-left:auto;padding:.5rem}.mobile-menu{backdrop-filter:blur(12px);background:rgba(31,41,55,.95);border-left:1px solid rgba(55,65,81,.5);height:100vh;max-width:320px;overflow-y:auto;padding:1.5rem;position:fixed;right:0;top:0;transition:transform .3s ease-in-out;width:80%;z-index:100}.mobile-menu,.mobile-menu.hidden{transform:translateX(100%)}.mobile-menu:not(.hidden){transform:translateX(0)}.mobile-menu-header{align-items:center;border-bottom:1px solid rgba(55,65,81,.5);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.mobile-menu-close{background:transparent;border:none;cursor:pointer;padding:.5rem}.mobile-nav{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.mobile-nav a{color:#d1d5db;font-size:1.125rem;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s}.mobile-nav a:hover{color:#fff}.mobile-nav a.active{color:#0ea5e9}.mobile-nav a.active:after{background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:2rem}.mobile-buttons{display:flex;flex-direction:column;gap:1rem}.mobile-buttons .btn{text-align:center;width:100%}.mobile-overlay{background:rgba(0,0,0,.5);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:50}.mobile-overlay.active{opacity:1;pointer-events:auto}@media (max-width:768px){.header-content{padding:1rem}.nav{display:none}.header-content .mobile-menu-button{display:block!important}.header-buttons .btn-outline{display:none}.hero h1{font-size:2.5rem}.two-column{gap:2rem}.feature-grid,.two-column{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.cta-buttons,.hero-buttons{align-items:center;flex-direction:column}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}.animate-slide-left{opacity:0;transform:translateX(-30px);transition:all .6s ease-out}.animate-slide-left.animated{opacity:1;transform:translateX(0)}.animate-slide-right{opacity:0;transform:translateX(30px);transition:all .6s ease-out}.animate-slide-right.animated{opacity:1;transform:translateX(0)}.interactive-demo{cursor:pointer;position:relative;transition:all .3s}.interactive-demo:hover{transform:scale(1.02)}.tooltip{background:rgba(0,0,0,.9);border-radius:8px;bottom:100%;color:#fff;font-size:.875rem;margin-bottom:.5rem;opacity:0;padding:.5rem 1rem;pointer-events:none;transition:opacity .3s;white-space:nowrap}.tooltip,.tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip:after{border:5px solid transparent;border-top-color:rgba(0,0,0,.9);content:"";top:100%}.interactive-demo:hover .tooltip{opacity:1}