:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width:1200px;--nav-height:68px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--transition:.35s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg:#080b1a;--color-bg-alt:#0c1028;--color-surface:#ffffff0a;--color-surface-hover:#ffffff14;--color-border:#ffffff14;--color-accent:#00d4ff;--color-accent2:#7c3aed;--color-accent-grad:linear-gradient(135deg, #00d4ff, #7c3aed);--color-accent-grad2:linear-gradient(135deg, #06b6d4, #8b5cf6);--color-text:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-heading:#f1f5f9;--color-nav-bg:#080b1ad9;--color-card-bg:#ffffff08;--color-card-border:#ffffff0f;--color-card-hover:#ffffff0f;--color-hero-overlay:#080b1ab3;--color-section-light-bg:#ffffff05;--color-footer-bg:#050814;--color-input-bg:#ffffff0d;--color-input-border:#ffffff1a;--shadow-card:0 8px 32px #0000004d;--shadow-glow:0 0 40px #00d4ff26;--color-scope-icon-bg:#00d4ff1a}[data-theme=light]{--color-bg:#f8fafc;--color-bg-alt:#f1f5f9;--color-surface:#00000005;--color-surface-hover:#0000000a;--color-border:#00000014;--color-accent:#2563eb;--color-accent2:#7c3aed;--color-accent-grad:linear-gradient(135deg, #2563eb, #7c3aed);--color-accent-grad2:linear-gradient(135deg, #0284c7, #6366f1);--color-text:#1e293b;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-heading:#0f172a;--color-nav-bg:#f8fafcd9;--color-card-bg:#fff;--color-card-border:#0000000f;--color-card-hover:#f8fafc;--color-hero-overlay:#0f172a99;--color-section-light-bg:#fff;--color-footer-bg:#0f172a;--color-input-bg:#fff;--color-input-border:#0000001f;--shadow-card:0 4px 24px #0000000f;--shadow-glow:0 0 40px #2563eb1f;--color-scope-icon-bg:#2563eb14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);transition:background var(--transition), color var(--transition);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::selection{background:var(--color-accent);color:#fff}a{color:inherit;text-decoration:none}img,svg{vertical-align:middle;max-width:100%}.container{max-width:var(--max-width);z-index:1;margin:0 auto;padding:0 24px;position:relative}.navbar{height:var(--nav-height);z-index:1000;background:var(--color-nav-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transition:background var(--transition), border-color var(--transition);position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--max-width);align-items:center;gap:32px;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-logo{letter-spacing:-.5px;flex-shrink:0;font-size:22px;font-weight:700}.logo-text{color:var(--color-heading)}.logo-accent{background:var(--color-accent-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{gap:4px;margin-left:auto;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition);padding:8px 16px;font-size:14px;font-weight:500;position:relative}.nav-link:hover{color:var(--color-accent);background:var(--color-surface-hover)}.nav-link:after{content:"";background:var(--color-accent);width:60%;height:2px;transition:transform var(--transition);border-radius:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)scaleX(0)}.nav-link:hover:after{transform:translate(-50%)scaleX(1)}.theme-toggle{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-surface-hover)}.theme-toggle svg{width:20px;height:20px}[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon,[data-theme=light] .sun-icon{display:none}[data-theme=light] .moon-icon{display:block}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.mobile-menu-btn span{background:var(--color-text);width:24px;height:2px;transition:all var(--transition);border-radius:2px;display:block}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}#particleCanvas{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{background:var(--color-hero-overlay);z-index:1;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:800px;padding:0 24px;position:relative}.hero-badge{letter-spacing:.3px;background:var(--color-accent-grad);color:#fff;border-radius:100px;margin-bottom:24px;padding:6px 18px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #00d4ff40}.hero-title{letter-spacing:-3px;margin-bottom:20px;font-size:clamp(48px,10vw,88px);font-weight:800;line-height:1.05}.gradient-text{background:var(--color-accent-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--color-accent);letter-spacing:2px;margin-bottom:16px;font-size:clamp(16px,2vw,20px);font-weight:500}.hero-desc{color:var(--color-text-secondary);max-width:600px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:clamp(15px,1.5vw,18px)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer;border:none;justify-content:center;align-items:center;padding:14px 32px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--color-accent-grad);color:#fff;box-shadow:0 4px 20px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff66}.btn-outline{color:var(--color-text);border:1.5px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-surface-hover)}.btn-full{width:100%}.scroll-indicator{z-index:2;color:var(--color-text-muted);letter-spacing:2px;flex-direction:column;align-items:center;gap:8px;font-size:12px;animation:1s 1.5s both fadeInUp;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-arrow{border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);width:20px;height:20px;animation:2s ease-in-out infinite scrollBounce;transform:rotate(45deg)}@keyframes scrollBounce{0%,to{opacity:.5;transform:rotate(45deg)translateY(0)}50%{opacity:1;transform:rotate(45deg)translateY(6px)}}.section{padding:100px 0;position:relative;overflow:hidden}.section-dark{background:var(--color-bg);transition:background var(--transition)}.section-light{background:var(--color-section-light-bg);transition:background var(--transition)}.section-bg-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shape{filter:blur(80px);opacity:.15;border-radius:50%;position:absolute}.shape-1{background:var(--color-accent);width:500px;height:500px;animation:20s ease-in-out infinite floatShape;top:-200px;right:-100px}.shape-2{background:var(--color-accent2);width:400px;height:400px;animation:25s ease-in-out infinite reverse floatShape;bottom:-150px;left:-100px}.shape-3{background:var(--color-accent);width:450px;height:450px;animation:22s ease-in-out infinite floatShape;top:-150px;left:-150px}.shape-4{background:var(--color-accent2);width:350px;height:350px;animation:18s ease-in-out infinite reverse floatShape;bottom:-100px;right:-80px}@keyframes floatShape{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.05)}66%{transform:translate(-20px,30px)scale(.95)}}.section-header{text-align:center;margin-bottom:60px}.section-badge{letter-spacing:.5px;text-transform:uppercase;background:var(--color-scope-icon-bg);color:var(--color-accent);border:1px solid #00d4ff26;border-radius:100px;margin-bottom:16px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.section-title{letter-spacing:-1.5px;color:var(--color-heading);margin-bottom:16px;font-size:clamp(32px,4vw,48px);font-weight:700}.section-desc{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:17px;line-height:1.7}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.feature-card{perspective:1000px}.card-3d{background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);transition:all var(--transition);transform-style:preserve-3d;box-shadow:var(--shadow-card);padding:36px 28px;position:relative}.card-3d:hover{box-shadow:var(--shadow-glow), var(--shadow-card);background:var(--color-card-hover);border-color:#00d4ff4d;transform:translateY(-8px)rotateX(4deg)rotateY(-4deg)}.card-icon{border-radius:var(--radius-md);background:var(--color-accent-grad);color:#fff;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.card-icon svg{width:26px;height:26px}.card-3d h3{color:var(--color-heading);margin-bottom:10px;font-size:20px;font-weight:600}.card-3d p{color:var(--color-text-secondary);font-size:14.5px;line-height:1.7}.platform-showcase{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.platform-visual{justify-content:center;align-items:center;height:400px;display:flex;position:relative}.platform-center{background:var(--color-accent-grad);color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 0 40px #00d4ff4d}.platform-center svg{width:36px;height:36px}.floating-card{border-radius:var(--radius-md);background:var(--color-card-bg);border:1px solid var(--color-card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);color:var(--color-heading);z-index:1;white-space:nowrap;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:500;animation:6s ease-in-out infinite float;display:flex;position:absolute}.floating-card svg{width:20px;height:20px;color:var(--color-accent)}.card-1{animation-delay:0s;top:20%;left:0}.card-2{animation-delay:2s;top:55%;right:0}.card-3{animation-delay:4s;top:85%;left:15%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.platform-features{flex-direction:column;gap:24px;display:flex}.pf-item{border-radius:var(--radius-md);transition:all var(--transition);align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.pf-item:hover{background:var(--color-surface)}.pf-num{color:var(--color-accent);opacity:.6;flex-shrink:0;font-size:13px;font-weight:700;line-height:1.4}.pf-text h4{color:var(--color-heading);margin-bottom:4px;font-size:16px;font-weight:600}.pf-text p{color:var(--color-text-secondary);font-size:14px}.scope-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.scope-card{border-radius:var(--radius-md);background:var(--color-card-bg);border:1px solid var(--color-card-border);transition:all var(--transition);text-align:center;padding:28px 24px}.scope-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-glow);background:var(--color-card-hover);transform:translateY(-4px)}.scope-icon{border-radius:var(--radius-md);background:var(--color-scope-icon-bg);width:48px;height:48px;color:var(--color-accent);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.scope-icon svg{width:24px;height:24px}.scope-card h3{color:var(--color-heading);margin-bottom:6px;font-size:16px;font-weight:600}.scope-card p{color:var(--color-text-muted);font-size:13px;line-height:1.5}.contact-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}.contact-info{flex-direction:column;gap:24px;display:flex}.ci-item{align-items:flex-start;gap:16px;display:flex}.ci-icon{border-radius:var(--radius-md);background:var(--color-scope-icon-bg);width:44px;height:44px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ci-icon svg{width:22px;height:22px}.ci-item h4{color:var(--color-heading);margin-bottom:2px;font-size:14px;font-weight:600}.ci-item p{color:var(--color-text-secondary);font-size:14px}.contact-form{flex-direction:column;gap:16px;display:flex}.form-group input,.form-group textarea{border-radius:var(--radius-md);border:1px solid var(--color-input-border);background:var(--color-input-bg);width:100%;color:var(--color-text);font-size:14px;font-family:var(--font-sans);transition:all var(--transition);padding:14px 16px}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #00d4ff1a}.form-group textarea{resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.footer{background:var(--color-footer-bg);border-top:1px solid #ffffff0d;padding:50px 0 30px}.footer-inner{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.footer-brand p{color:var(--color-text-muted);margin-top:8px;font-size:14px}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--color-text-muted);transition:color var(--transition);font-size:14px}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{color:var(--color-text-muted);border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:20px;font-size:13px;display:flex}.animate-fade-up{opacity:0;animation:.8s forwards fadeUp;transform:translateY(30px)}.animate-fade-up:first-child{animation-delay:.1s}.animate-fade-up:nth-child(2){animation-delay:.3s}.animate-fade-up:nth-child(3){animation-delay:.5s}.animate-fade-up:nth-child(4){animation-delay:.7s}.animate-fade-up:nth-child(5){animation-delay:.9s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.feature-card[style*=--i\:0] .animate-on-scroll.visible,.feature-card:first-child.visible{transition-delay:50ms}.feature-card:nth-child(2).visible{transition-delay:.15s}.feature-card:nth-child(3).visible{transition-delay:.25s}.scope-card:first-child.visible{transition-delay:20ms}.scope-card:nth-child(2).visible{transition-delay:60ms}.scope-card:nth-child(3).visible{transition-delay:.1s}.scope-card:nth-child(4).visible{transition-delay:.14s}.scope-card:nth-child(5).visible{transition-delay:.18s}.scope-card:nth-child(6).visible{transition-delay:.22s}.scope-card:nth-child(7).visible{transition-delay:.26s}.scope-card:nth-child(8).visible{transition-delay:.3s}@media (width<=768px){.nav-links{display:none}.mobile-menu-btn{display:flex}.hero-title{letter-spacing:-1.5px}.section{padding:60px 0}.platform-showcase{grid-template-columns:1fr}.platform-visual{height:300px}.contact-grid{grid-template-columns:1fr}.footer-inner{text-align:center;flex-direction:column}.footer-links{justify-content:center}.footer-bottom{text-align:center;flex-direction:column}}@media (width<=480px){.feature-grid{grid-template-columns:1fr}.scope-grid{grid-template-columns:1fr 1fr}.scroll-indicator{display:none}}