#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-base);pointer-events:none;transform-origin:0 0}#canvas-container canvas{display:block;width:100vw!important;height:100vh!important}.content-wrapper{position:relative;z-index:var(--z-above)}.nav{position:fixed;top:0;left:0;right:0;padding:clamp(.75rem,2vw,1.5rem) clamp(1rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;z-index:var(--z-overlay);transition:all var(--transition-normal)}.nav.scrolled{background:rgba(10,10,15,.95);backdrop-filter:blur(20px);padding-top:clamp(.5rem,1vw,.75rem);padding-bottom:clamp(.5rem,1vw,.75rem)}.nav-logo{font-family:var(--font-heading);font-size:clamp(.9rem, 2vw, 1.25rem);font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:clamp(.5rem,1.5vw,1rem);white-space:nowrap}.nav-logo:hover{color:var(--color-text-primary)}.nav-logo .logo-img{width:clamp(28px,5vw,40px);height:clamp(28px,5vw,40px);border-radius:var(--radius-sm);object-fit:contain}.nav-links{display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem);list-style:none}.nav-links a{color:var(--color-text-secondary);font-size:clamp(.85rem, 1.2vw, 1rem);font-weight:500;text-transform:uppercase;letter-spacing:.1em;position:relative;padding:var(--space-sm) 0;transition:color var(--transition-normal)}.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-normal)}.nav-links a.active,.nav-links a:hover{color:var(--color-text-primary)}.nav-links a.active::after,.nav-links a:hover::after{width:100%}.nav-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:var(--space-sm)}.nav-toggle span{width:24px;height:2px;background:var(--color-text-primary);transition:all var(--transition-normal)}.section{min-height:clamp(60vh,80vh,90vh);padding:clamp(3rem,8vw,6rem) clamp(1rem,5vw,4rem);display:flex;align-items:center;position:relative}.section-compact{min-height:auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,5vw,4rem)}.section-content{max-width:min(1200px,95vw);margin:0 auto;width:100%}.section-header{margin-bottom:clamp(1.5rem,4vw,3rem)}.section-header p{margin-top:clamp(.5rem,1vw,1rem)}.section-divider{width:100%;height:clamp(5rem,10vw,8rem);background:0 0}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(4rem,10vw,6rem) clamp(1rem,5vw,4rem) clamp(3rem,8vw,5rem);padding-top:clamp(6rem,12vw,10rem)}.hero-title{opacity:0;transform:translateY(50px)}.hero-subtitle{font-size:clamp(.875rem, 1.5vw, 1.1rem);color:var(--color-primary);text-transform:uppercase;letter-spacing:clamp(.15em, .5vw, .3em);margin-bottom:clamp(.5rem,2vw,1rem);opacity:0;transform:translateY(30px)}.hero-description{max-width:min(600px,90vw);margin:clamp(.5rem,2vw,1.5rem) auto;opacity:0;transform:translateY(30px)}.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,2vw,1.5rem);margin-top:clamp(1rem,3vw,2rem);opacity:0;transform:translateY(30px)}.split-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:clamp(2rem,5vw,4rem);align-items:center}.card{background:var(--color-bg-secondary);border:1px solid rgba(0,168,255,.1);border-radius:var(--radius-lg);padding:clamp(1.25rem,3vw,2rem);transition:all var(--transition-normal);opacity:0;transform:translateY(30px)}.card:hover{border-color:rgba(0,168,255,.3);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-icon{font-size:clamp(1.5rem, 3vw, 2rem);margin-bottom:var(--space-sm)}.card h3{margin-bottom:var(--space-xs);font-size:clamp(1.25rem, 2vw, 1.5rem)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(1rem,2vw,1.5rem)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,45%),1fr));gap:clamp(1rem,3vw,2rem);text-align:center}.stat-item{opacity:0;transform:translateY(30px)}.stat-value{font-family:var(--font-heading);font-size:clamp(2rem, 5vw, 4rem);color:var(--color-primary);font-weight:700}.stat-label{font-size:clamp(.8rem, 1.2vw, 1rem);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-top:var(--space-xs)}.feature-list{margin-top:var(--space-lg);list-style:none}.feature-list li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-md);color:var(--color-text-secondary)}.feature-list li::before{content:'✓';position:absolute;left:0;color:var(--color-primary);font-weight:700}.footer{position:relative;z-index:var(--z-above);background:var(--color-bg-secondary);padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem);border-top:1px solid rgba(0,168,255,.1)}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:clamp(1.5rem,3vw,2.5rem)}.footer-section h4{font-size:clamp(.8rem, 1.2vw, .95rem);margin-bottom:clamp(.75rem,2vw,1.25rem);color:var(--color-primary)}.footer-links{list-style:none}.footer-links li{margin-bottom:clamp(.25rem,.5vw,.5rem)}.footer-links a{color:var(--color-text-muted);font-size:clamp(.7rem, 1vw, .85rem);transition:color var(--transition-normal)}.footer-links a:hover{color:var(--color-text-primary)}.scroll-indicator{position:absolute;bottom:var(--space-xl);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;opacity:0;animation:fadeIn 1s ease forwards 2s}.scroll-indicator::after{content:'';width:1px;height:40px;background:linear-gradient(to bottom,var(--color-primary),transparent);animation:scrollPulse 2s ease infinite}@keyframes fadeIn{to{opacity:1}}@keyframes scrollPulse{0%,100%{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@media (max-width:1024px){.nav-links{gap:clamp(.75rem,2vw,1.5rem)}}@media (max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(10,10,15,.98);padding:1.5rem;gap:1rem;border-top:1px solid rgba(0,168,255,.1)}.nav-links.open{display:flex}.nav-toggle{display:flex}.hero-cta{flex-direction:column;width:100%;max-width:300px}.hero-cta .btn{width:100%}}@media (max-width:480px){.nav-logo span{font-size:.65rem}.stats-grid.large{grid-template-columns:repeat(2,1fr)}}