:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-glow: rgba(99, 102, 241, .15);--secondary: #8b5cf6;--secondary-dark: #7c3aed;--secondary-glow: rgba(139, 92, 246, .15);--bg: #f8fafc;--card: #ffffff;--border: #e2e8f0;--text: #0f172a;--text-muted: #475569;--transition: all .4s cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;min-height:100vh}.bg-gradient{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:linear-gradient(transparent,var(--bg)),radial-gradient(circle at 50% -20%,#e0e7ff 0%,var(--bg) 80%)}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1.5;background-image:linear-gradient(rgba(99,102,241,.04) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(99,102,241,.04) 1.5px,transparent 1.5px);background-size:40px 40px;mask-image:radial-gradient(circle at 50% 30%,black,transparent 85%);-webkit-mask-image:radial-gradient(circle at 50% 30%,black,transparent 85%);pointer-events:none}.bg-shimmer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1.4;background:radial-gradient(circle at var(--shimmer-x, 50%) var(--shimmer-y, 50%),rgba(99,102,241,.07) 0%,transparent 50%);pointer-events:none;transition:background .5s ease}.bg-glow{position:fixed;width:80vw;height:80vw;border-radius:50%;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);z-index:-1;filter:blur(100px);opacity:.3;pointer-events:none}.glow-1{top:-20%;right:-20%;animation:drift 20s infinite alternate}.glow-2{bottom:-20%;left:-20%;animation:drift 25s infinite alternate-reverse}@keyframes drift{0%{transform:translate(0)}to{transform:translate(10%,10%)}}header{width:100%;padding:20px 5%;display:flex;justify-content:center;position:fixed;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid var(--border)}.nav-content{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:12px}.logo-box{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #6366f14d;overflow:hidden}.logo-svg{width:24px;height:24px;color:var(--primary)}.brand-name{font-size:22px;font-weight:900;letter-spacing:-.5px;background:linear-gradient(to right,var(--text),var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero{padding:160px 5% 60px;max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:60px;min-height:80vh}.hero-text{flex:1;text-align:left}.hero h1{font-size:clamp(40px,6vw,64px);font-weight:900;line-height:1.1;margin-bottom:24px;letter-spacing:-2px}.hero h1 span{display:block;color:var(--primary);text-shadow:0 0 30px var(--primary-glow)}.hero p{font-size:20px;color:var(--text-muted);margin-bottom:40px;max-width:500px}.hero-mockup{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.slider-container{width:100%;max-width:320px;aspect-ratio:9 / 16;position:relative;overflow:hidden;border-radius:20px;box-shadow:0 30px 60px #0000001a;background:transparent;border:none;animation:float 6s ease-in-out infinite}.slider-wrapper{display:flex;height:100%;transition:transform .8s cubic-bezier(.65,0,.35,1)}.slide{width:16.666%;height:100%;flex-shrink:0}.slide img{width:100%;height:100%;object-fit:contain;display:block}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.dot{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease}.dot.active{background:var(--primary);width:24px;border-radius:4px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.btn-group{display:flex;gap:16px}.btn-primary{background:var(--text);color:#fff;padding:16px 32px;border-radius:20px;text-decoration:none;font-weight:700;font-size:16px;transition:var(--transition);display:inline-flex;align-items:center;gap:12px;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden;border:none;cursor:pointer}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.btn-primary:hover:after{left:100%}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px var(--primary-glow);background:var(--primary)}.lang-switcher{display:flex;align-items:center;gap:4px;background:#00000008;padding:4px;border-radius:12px;border:1px solid var(--border);margin-right:12px}.lang-btn{padding:6px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.lang-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.features-section{padding:100px 5% 40px;max-width:1200px;margin:0 auto}.feature-item{display:flex;align-items:center;gap:80px;margin-bottom:120px}.feature-item:nth-child(2n){flex-direction:row-reverse}.feature-content{flex:1;text-align:left}.feature-image{flex:1;display:flex;justify-content:center;align-items:center;border-radius:40px;padding:40px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00000003;max-width:480px}.feature-image img{width:100%;max-width:300px;height:auto;border-radius:16px;border:none;filter:drop-shadow(0 15px 30px rgba(0,0,0,.1));transition:var(--transition)}.feature-item:hover .feature-image img{transform:scale(1.05) translateY(-10px)}.feature-item:nth-child(1) .feature-image{background:#e0e7ff}.feature-item:nth-child(2) .feature-image{background:#fae8ff}.feature-item:nth-child(3) .feature-image{background:#f0fdf4}.feature-item:nth-child(4) .feature-image{background:#fff7ed}.feature-item:nth-child(5) .feature-image{background:#eff6ff}.feature-item:nth-child(6) .feature-image{background:#fdf2f8}.feature-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary);color:#fff;border-radius:12px;font-weight:900;font-size:20px;margin-bottom:24px;box-shadow:0 8px 20px var(--primary-glow)}.feature-content h3{font-size:42px;font-weight:800;margin-bottom:20px;color:var(--text);letter-spacing:-1px}.feature-content p{font-size:18px;color:var(--text-muted);margin-bottom:30px;line-height:1.8}.feature-tags{display:flex;gap:12px;flex-wrap:wrap}.tag{background:#fff;border:1px solid var(--border);padding:8px 16px;border-radius:100px;font-size:14px;font-weight:600;color:var(--text-muted)}.floating-cta{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);z-index:99;width:90%;max-width:400px;transition:var(--transition)}.floating-cta.visible{transform:translate(-50%) translateY(0)}footer{padding:60px 5%;text-align:center;border-top:1px solid var(--border);margin-top:40px}.footer-content{max-width:1200px;margin:0 auto}.footer-logo{margin-bottom:30px;opacity:.8}.legal-links{margin:30px 0;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.legal-links a{color:var(--text-muted);text-decoration:none;font-size:14px;transition:color .2s}.legal-links a:hover{color:var(--primary)}.copyright{color:var(--text-muted);font-size:13px;opacity:.6}@media(max-width:1024px){header{padding:15px 4%}.hero{flex-direction:column;text-align:center;padding-top:140px;gap:40px}.hero-text{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-text p{margin:0 auto 30px}.btn-group{justify-content:center}.feature-item,.feature-item:nth-child(2n){flex-direction:column;align-items:center;gap:40px}.feature-content{text-align:center;display:flex;flex-direction:column;align-items:center}.feature-badge{margin:0 auto 24px}.feature-tags{justify-content:center}.feature-image{max-width:100%;width:100%}.floating-cta{display:block}}@media(max-width:640px){.hero h1{font-size:38px}.btn-group{flex-direction:column;width:100%}.btn-primary{width:100%;justify-content:center}.feature-content h3{font-size:30px}.lang-switcher{display:none}}@media(min-width:1025px){.floating-cta{display:none}}