*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:1.2;margin-bottom:var(--space-4);color:var(--text-primary)}h1{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:var(--weight-bold)}h2{font-size:clamp(2rem, 4vw, 3rem)}h3{font-size:clamp(1.5rem, 3vw, 2rem)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.navbar{background:var(--bg-primary);box-shadow:var(--shadow-md);position:fixed;top:0;width:100%;z-index:var(--z-fixed);border-bottom:1px solid var(--border-light)}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo a{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--brand-primary);text-decoration:none;display:flex;align-items:center}.logo-img{height:40px;width:auto;max-width:280px;object-fit:contain;filter:brightness(1)}.nav-menu{display:flex;align-items:center;gap:var(--space-8)}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:var(--weight-medium);transition:var(--transition-base);position:relative;font-size:var(--text-base)}.nav-link.active,.nav-link:hover{color:var(--brand-primary)}.nav-link.active::after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--tech-green);border-radius:var(--radius-full)}.nav-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-primary);box-shadow:var(--shadow-xl);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:var(--space-4) 0;min-width:250px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-base);z-index:var(--z-dropdown)}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link{display:block;padding:var(--space-3) var(--space-6);color:var(--text-secondary);text-decoration:none;transition:var(--transition-base);font-size:var(--text-sm)}.dropdown-link.active,.dropdown-link:hover{background-color:var(--bg-secondary);color:var(--brand-primary)}.dropdown-link.active{font-weight:var(--weight-medium);background:linear-gradient(90deg,var(--bg-secondary) 0,transparent 100%);border-left:3px solid var(--tech-green)}.nav-toggle{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background-color:var(--text-primary);margin:3px 0;transition:var(--transition-base);border-radius:var(--radius-full)}.hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-dark) 0,var(--neutral-800) 100%);color:var(--text-inverse);overflow:hidden;position:relative}.hero::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--tech-green) 0,var(--tech-blue) 50%,var(--tech-orange) 100%)}.hero-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-content{z-index:2}.hero-title{color:var(--text-inverse);margin-bottom:var(--space-6)}.hero-subtitle{font-size:var(--text-xl);color:var(--neutral-300);margin-bottom:var(--space-8);line-height:1.6}.hero-cta{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-image{position:relative}.hero-image::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid var(--tech-green);border-radius:var(--radius-xl);opacity:.3;z-index:-1}.hero-image img{width:90%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl)}.btn{display:inline-block;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);text-decoration:none;font-weight:var(--weight-semibold);text-align:center;transition:var(--transition-base);border:none;cursor:pointer;font-size:var(--text-base);font-family:var(--font-primary);position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.btn:hover::before{left:100%}.btn-primary{background:var(--brand-primary);color:var(--text-inverse);border:2px solid var(--brand-primary)}.btn-primary:hover{background:var(--brand-primary-light);border-color:var(--brand-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-secondary{background:0 0;color:var(--text-inverse);border:2px solid var(--text-inverse)}.btn-secondary:hover{background:var(--text-inverse);color:var(--brand-primary);border-color:var(--text-inverse)}.btn-large{padding:var(--space-5) var(--space-10);font-size:var(--text-lg)}.contact-btn{margin-left:1rem}.section-title{text-align:center;margin-bottom:var(--space-12);color:var(--text-primary);position:relative}.section-title::after{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,var(--tech-green),var(--tech-blue));margin:var(--space-4) auto 0;border-radius:var(--radius-full)}.solutions{padding:80px 0;background:var(--bg-secondary)}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.solution-card{background:var(--bg-primary);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition-base);border:1px solid var(--border-light);position:relative;overflow:hidden}.solution-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--tech-green),var(--tech-blue));transform:scaleX(0);transform-origin:left;transition:var(--transition-base)}.solution-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.solution-card:hover::before{transform:scaleX(1)}.solution-icon{width:60px;height:60px;background:var(--brand-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);position:relative}.solution-icon::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--tech-green),var(--tech-blue));border-radius:var(--radius-xl);z-index:-1;opacity:0;transition:var(--transition-base)}.solution-card:hover .solution-icon::after{opacity:1}.solution-icon img{width:30px;height:30px;filter:brightness(0) invert(1)}.solution-title{color:var(--text-primary);margin-bottom:var(--space-4);font-weight:var(--weight-semibold)}.solution-description{color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.6}.solution-link{color:var(--brand-primary);text-decoration:none;font-weight:var(--weight-semibold);transition:var(--transition-base);position:relative;display:inline-flex;align-items:center;gap:var(--space-2)}.solution-link::after{content:'→';transition:var(--transition-base)}.solution-link:hover{color:var(--tech-green)}.solution-link:hover::after{transform:translateX(4px)}.social-proof{padding:80px 0;background:var(--bg-dark);color:var(--text-inverse);position:relative}.social-proof::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--tech-green) 0,var(--tech-blue) 50%,var(--tech-orange) 100%)}.social-proof .section-title{color:var(--text-inverse)}.social-proof .section-title::after{background:linear-gradient(90deg,var(--tech-orange),var(--tech-green))}.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8);text-align:center}.proof-item{padding:var(--space-8);position:relative;border-radius:var(--radius-lg);background:rgba(255,255,255,.05);backdrop-filter:blur(10px);transition:var(--transition-base)}.proof-item::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:30px;height:3px;background:var(--tech-green);border-radius:var(--radius-full)}.proof-item:hover{background:rgba(255,255,255,.08);transform:translateY(-5px)}.proof-number{font-size:var(--text-5xl);font-weight:var(--weight-bold);color:var(--tech-green);margin-bottom:var(--space-2);font-family:var(--font-mono)}.proof-text{font-size:var(--text-lg);color:var(--neutral-300);font-weight:var(--weight-medium)}.cta-section{padding:80px 0;background:linear-gradient(135deg,var(--bg-dark) 0,var(--neutral-800) 100%);color:var(--text-inverse);text-align:center;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--tech-green),var(--tech-blue),var(--tech-orange))}.cta-section::after{content:'</>';position:absolute;top:20px;right:20px;font-family:var(--font-mono);font-size:8rem;color:rgba(255,255,255,.03);font-weight:var(--weight-bold);pointer-events:none}.cta-title{color:var(--text-inverse);margin-bottom:var(--space-4);position:relative}.cta-text{font-size:var(--text-xl);color:var(--neutral-300);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}.footer{background:var(--neutral-900);color:var(--text-inverse);padding:60px 0 20px;position:relative}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--tech-green),var(--tech-blue),var(--tech-orange))}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-bottom:var(--space-8)}.footer-title{color:var(--text-inverse);margin-bottom:var(--space-4);font-weight:var(--weight-bold);position:relative}.footer-title::after{content:'';display:block;width:30px;height:2px;background:var(--tech-green);margin-top:var(--space-2);border-radius:var(--radius-full)}.footer-subtitle{color:var(--text-inverse);margin-bottom:var(--space-4);font-weight:var(--weight-semibold)}.footer-text{color:var(--neutral-400);margin-bottom:var(--space-2);line-height:1.6}.footer-text a{color:var(--neutral-300);text-decoration:none;transition:var(--transition-base)}.footer-text a:hover{color:var(--tech-green)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:var(--neutral-400);text-decoration:none;transition:var(--transition-base);position:relative;padding-left:var(--space-4)}.footer-links a::before{content:'›';position:absolute;left:0;color:var(--tech-green);transition:var(--transition-base)}.footer-links a:hover{color:var(--text-inverse);padding-left:var(--space-5)}.footer-links a:hover::before{transform:translateX(2px)}.footer-bottom{border-top:1px solid var(--neutral-700);padding-top:var(--space-8);text-align:center;color:var(--neutral-400);position:relative}.footer-bottom::before{content:'</>';position:absolute;left:50%;top:-15px;transform:translateX(-50%);background:var(--neutral-900);padding:0 var(--space-4);font-family:var(--font-mono);color:var(--tech-green);font-size:var(--text-lg)}@media (max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--bg-primary);width:100%;text-align:center;transition:var(--transition-base);box-shadow:var(--shadow-xl);padding:var(--space-8) 0;border-top:1px solid var(--border-light)}.nav-menu.active{left:0}.nav-toggle{display:flex}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-cta{justify-content:center}.solutions-grid{grid-template-columns:1fr}.proof-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr;text-align:center}}@media (max-width:480px){.container{padding:0 .5rem}.hero{padding:100px 0 60px}.cta-section,.social-proof,.solutions{padding:60px 0}.btn{padding:.875rem 1.5rem;font-size:.9rem}.btn-large{padding:1rem 2rem;font-size:1rem}.proof-grid{grid-template-columns:1fr}}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.loading{opacity:.6;pointer-events:none}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.btn:focus,.nav-link:focus,.solution-link:focus{outline:2px solid #000000;outline-offset:2px}@media print{.cta-section,.footer,.hero-cta,.navbar{display:none}.hero{background:0 0;color:#000}.hero-subtitle,.hero-title{color:#000}}