*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:#1a1a1a;overflow-x:hidden;background:#0a0a0f}.navbar{position:fixed;top:0;width:100%;z-index:1000;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.logo{display:flex;align-items:center;gap:.5rem}.logo-image{width:40px;height:40px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%236f42c1;stop-opacity:1" /><stop offset="100%" style="stop-color:%234c1d95;stop-opacity:1" /></linearGradient><linearGradient id="xGrad" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%23ffd93d;stop-opacity:1" /><stop offset="50%" style="stop-color:%23ff6b6b;stop-opacity:1" /><stop offset="100%" style="stop-color:%23d63384;stop-opacity:1" /></linearGradient></defs><rect width="100" height="100" rx="12" fill="url(%23bgGrad)"/><path d="M25 25 L75 75 M75 25 L25 75" stroke="url(%23xGrad)" stroke-width="8" stroke-linecap="round"/></svg>') center/contain no-repeat;transition:all .3s ease}.logo-text{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#ffd93d,#ff6b6b,#d63384);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.logo:hover .logo-image{transform:scale(1.1) rotate(5deg)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-links a:hover{color:#667eea}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.nav-links a:hover:after{width:100%}.cta-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#667eea1a,#0a0a0f 70%);overflow:hidden}.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 1000 1000"><defs><pattern id="grid" width="50" height="50" patternUnits="userSpaceOnUse"><path d="M 50 0 L 0 0 0 50" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>') center/cover;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}.hero-content{text-align:center;max-width:900px;padding:0 2rem;position:relative;z-index:2}.hero-badge{display:inline-block;background:#667eea1a;border:1px solid rgba(102,126,234,.3);color:#667eea;padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:2rem;animation:glow 2s ease-in-out infinite alternate}.hero-logo{width:200px;height:200px;margin:0 auto 3rem;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><defs><linearGradient id="heroGrad1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:%23ff6b6b;stop-opacity:1" /><stop offset="50%" style="stop-color:%23d63384;stop-opacity:1" /><stop offset="100%" style="stop-color:%236f42c1;stop-opacity:1" /></linearGradient><linearGradient id="heroGrad2" x1="0%" y1="100%" x2="100%" y2="0%"><stop offset="0%" style="stop-color:%23ffd93d;stop-opacity:1" /><stop offset="50%" style="stop-color:%23ff6b6b;stop-opacity:1" /><stop offset="100%" style="stop-color:%23d63384;stop-opacity:1" /></linearGradient></defs><rect width="400" height="400" fill="transparent"/><circle cx="100" cy="100" r="15" fill="%236f42c1" opacity="0.8"/><circle cx="300" cy="80" r="12" fill="%23d63384" opacity="0.6"/><circle cx="350" cy="320" r="18" fill="%23ff6b6b" opacity="0.7"/><path d="M60 120 L340 120 L340 160 L320 200 L80 200 L60 160 Z" fill="url(%23heroGrad1)" transform="rotate(45 200 200)"/><path d="M120 60 L120 340 L160 340 L200 320 L200 80 L160 60 Z" fill="url(%23heroGrad2)" transform="rotate(45 200 200)"/><circle cx="200" cy="100" r="25" fill="none" stroke="%236f42c1" stroke-width="4" opacity="0.8"/><circle cx="200" cy="300" r="25" fill="none" stroke="%236f42c1" stroke-width="4" opacity="0.8"/></svg>') center/contain no-repeat;animation:heroLogoFloat 6s ease-in-out infinite,heroLogoGlow 3s ease-in-out infinite alternate}@keyframes heroLogoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes heroLogoGlow{0%{filter:drop-shadow(0 0 20px rgba(255,107,107,.5))}to{filter:drop-shadow(0 0 40px rgba(214,51,132,.8))}}.hero h1{font-size:clamp(3rem,8vw,6rem);font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.02em}@keyframes glow{0%{box-shadow:0 0 20px #667eea4d}to{box-shadow:0 0 30px #667eea80}}.hero .highlight{background:linear-gradient(135deg,#ffd93d,#ff6b6b,#d63384);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;color:#a0a0a0;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px #667eea66}.btn-secondary{background:#ffffff0d;color:#fff;padding:1rem 2rem;border:2px solid rgba(255,255,255,.1);border-radius:12px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:#667eea80;transform:translateY(-3px)}.stats{padding:6rem 2rem;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;text-align:center}.stat-item{background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem 2rem;transition:all .3s ease}.stat-item:hover{transform:translateY(-10px);border-color:#667eea4d;box-shadow:0 20px 40px #0003}.stat-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#ffd93d,#ff6b6b,#d63384);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:#a0a0a0;font-weight:600;font-size:1.1rem}.solutions{padding:8rem 2rem;background:#0a0a0f}.solutions-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:6rem}.section-header h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#fff;margin-bottom:1rem;letter-spacing:-.02em}.section-header p{font-size:1.25rem;color:#a0a0a0;max-width:600px;margin:0 auto}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}.solution-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;transition:all .4s ease;position:relative;overflow:hidden}.solution-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .4s ease}.solution-card:hover:before{transform:scaleX(1)}.solution-card:hover{transform:translateY(-10px);border-color:#667eea4d;box-shadow:0 30px 60px #0000004d}.solution-icon{width:80px;height:80px;background:linear-gradient(135deg,#ffd93d,#ff6b6b,#d63384);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;font-size:2rem;box-shadow:0 10px 30px #ff6b6b4d;transition:all .3s ease}.solution-card:hover .solution-icon{transform:scale(1.1);box-shadow:0 15px 40px #d6338466}.solution-card h3{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1rem}.solution-card .url{background:linear-gradient(135deg,#ffd93d,#ff6b6b,#d63384);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:.9rem;font-weight:600;margin-bottom:1.5rem}.solution-card p{color:#a0a0a0;line-height:1.7;margin-bottom:2rem}.solution-link{color:#667eea;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.solution-link:hover{color:#fff;transform:translate(5px)}.cta-section{padding:8rem 2rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);text-align:center}.cta-container{max-width:800px;margin:0 auto}.cta-section h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#fff;margin-bottom:1.5rem;letter-spacing:-.02em}.cta-section p{font-size:1.25rem;color:#a0a0a0;margin-bottom:3rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.contact{padding:8rem 2rem;background:#0a0a0f}.contact-container{max-width:1200px;margin:0 auto;text-align:center}.contact h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#fff;margin-bottom:1.5rem;letter-spacing:-.02em}.contact p{font-size:1.25rem;color:#a0a0a0;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:4rem}.contact-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem 2rem;transition:all .3s ease}.contact-card:hover{transform:translateY(-10px);border-color:#667eea4d;box-shadow:0 20px 40px #0003}.contact-icon{font-size:3rem;margin-bottom:1.5rem;color:#667eea}.contact-card h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.contact-card p{color:#a0a0a0;font-size:1.1rem}.footer{background:#050508;padding:4rem 2rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-container{max-width:1200px;margin:0 auto;text-align:center}.footer-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.footer-logo-image{width:200px;height:auto;max-height:100px;-o-object-fit:contain;object-fit:contain;transition:all .3s ease}.footer p{color:#666;margin-bottom:2rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.footer-links a{color:#a0a0a0;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#667eea}.copyright{color:#666;font-size:.9rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.nav-links{display:none}.solutions-grid{grid-template-columns:1fr}.hero-buttons,.cta-buttons{flex-direction:column;align-items:center}}html{scroll-behavior:smooth}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slideInUp .8s ease-out}