:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--accent-gradient:linear-gradient(135deg,#ff6b6b 0%,#ff8e53 100%);--text-dark:#0f172a;--text-gray:#475569;--text-light:#94a3b8;--bg-light:#f8fafc;--bg-white:#fff;--border:#e2e8f0;--radius-lg:24px;--radius-md:12px;--shadow-soft:0 10px 30px rgba(0,0,0,.04);--shadow-strong:0 20px 40px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;background-color:var(--bg-white);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 5%}section{padding:80px 0}.text-center{text-align:center}.section-tag{display:inline-block;padding:5px 15px;background:#f1f5f9;color:var(--primary);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;border-radius:50px;margin-bottom:20px}.section-title{font-size:2.5rem;font-weight:900;margin-bottom:20px;letter-spacing:-.02em;line-height:1.2}.section-subtitle{font-size:1.1rem;color:var(--text-gray);max-width:700px;margin:0 auto 50px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 5%;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px;font-size:1.6rem;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;text-decoration:none}.logo img{width:28px;height:28px;-webkit-text-fill-color:initial}.nav-right{display:flex;align-items:center;gap:20px}.lang-switch{display:flex;gap:8px;font-size:.8rem;font-weight:800;margin-right:5px;border-right:1px solid var(--border);padding-right:15px}.lang-switch a{text-decoration:none;color:var(--text-light);transition:.2s}.lang-switch a:hover,.lang-switch a.active{color:var(--primary)}.nav-link-login{text-decoration:none;color:var(--text-dark);font-weight:700;font-size:.9rem;transition:.2s}.nav-link-login:hover{color:var(--primary)}.btn-nav{background:var(--primary-gradient);color:#fff;padding:.6rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:.9rem;transition:transform .2s;white-space:nowrap}.btn-nav:hover{transform:scale(1.05)}.btn-nav:hover{background:linear-gradient(135deg,#7c6ee6 0%,#6a5fe0 100%)!important;color:#fff!important;filter:none!important}.hero{padding:140px 0 100px;background:radial-gradient(circle at top right,#f5f3ff,transparent);position:relative}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}.hero-text h1{font-size:3.8rem;line-height:1.1;font-weight:900;margin-bottom:25px;color:var(--text-dark)}.hero-text p{font-size:1.25rem;color:var(--text-gray);margin-bottom:35px}.hero-btns{display:flex;gap:15px;flex-wrap:wrap}.btn{display:inline-block;padding:1rem 2.2rem;border-radius:50px;font-weight:800;text-decoration:none;transition:all .3s;font-size:1rem;border:0;cursor:pointer;white-space:nowrap;text-align:center}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 10px 20px rgba(99,102,241,.2)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 25px rgba(99,102,241,.3)}.btn-secondary{background:#fff;color:var(--text-dark);border:2px solid var(--border)}.btn-secondary:hover{background:#fff;transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-soft)}.hero-image-wrapper{position:relative;display:flex;justify-content:center;width:100%;max-width:420px;margin:0 auto}.hero-image-wrapper img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-strong);transform:rotate(2deg);position:relative;z-index:2}.floating-icon{position:absolute;width:48px;height:48px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:var(--shadow-strong);z-index:3;animation:float 6s ease-in-out infinite}.f-icon-1{top:-20px;left:5%;animation-delay:0s}.f-icon-2{top:80px;right:-20px;animation-delay:1s}.f-icon-3{bottom:20px;left:-20px;animation-delay:2s}.f-icon-4{bottom:100px;right:5px;animation-delay:3.5s}.f-icon-5{top:45%;left:-40px;animation-delay:5s}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.examples-scroller{overflow:hidden;padding:40px 0;position:relative;background:var(--bg-light)}.examples-scroller::before,.examples-scroller::after{content:"";position:absolute;top:0;width:150px;height:100%;z-index:2;pointer-events:none}.examples-scroller::before{left:0;background:linear-gradient(to right,var(--bg-light),transparent)}.examples-scroller::after{right:0;background:linear-gradient(to left,var(--bg-light),transparent)}.scroller-inner{display:flex;gap:30px;width:max-content;animation:scroll 80s linear infinite}.scroller-inner:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 15px))}}.example-card{width:340px;background:#fff;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);transition:.4s ease;flex-shrink:0}.example-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-strong);border-color:var(--primary)}.example-img{height:160px;background-size:cover;background-position:center}.example-body{padding:20px}.example-body h4{margin-bottom:8px;font-weight:800;font-size:1.1rem}.example-body p{font-size:.9rem;color:var(--text-gray)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.f-card{padding:40px;border-radius:var(--radius-lg);background:var(--bg-light);transition:all .3s;border:1px solid transparent}.f-card:hover{transform:translateY(-10px);background:#fff;border-color:var(--border);box-shadow:var(--shadow-soft)}.f-icon{font-size:2.2rem;margin-bottom:20px;display:block}.marketing-impact{padding:100px 0;background:#fff}.impact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;align-items:center}.impact-text h2{font-size:2.8rem;font-weight:900;margin-bottom:20px;line-height:1.1}.impact-item{display:flex;gap:20px;margin-bottom:30px}.impact-check{width:40px;height:40px;background:#e0e7ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;font-weight:900}.impact-desc h4{font-weight:800;margin-bottom:5px;font-size:1.2rem}.impact-desc p{color:var(--text-gray)}.testimonials-section{background:var(--bg-light);padding:100px 0}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.testimonial-card{background:#fff;padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid var(--border);transition:transform .3s;height:100%;display:flex;flex-direction:column;justify-content:space-between}.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong)}.t-stars{color:#fbbf24;margin-bottom:15px;font-size:1.1rem}.t-text{font-size:1.05rem;color:var(--text-gray);margin-bottom:25px;line-height:1.7;font-style:italic}.t-author{display:flex;align-items:center;gap:15px}.t-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.1)}.t-meta h5{font-weight:800;color:var(--text-dark);font-size:1rem;margin-bottom:2px}.t-meta span{font-size:.85rem;color:var(--text-light);font-weight:600}.faq-section{background:var(--bg-white);padding-top:40px}.faq-container{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border);padding:20px 0;transition:.3s}.faq-question{font-weight:800;font-size:1.15rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text-dark)}.faq-question:hover{color:var(--primary)}.faq-answer{margin-top:15px;color:var(--text-gray);display:none;line-height:1.7;font-size:1rem}.faq-toggle-icon{font-size:1.4rem;font-weight:400;color:var(--text-light);transition:transform .3s}.how-it-works{background:#0f172a;color:#fff}.how-it-works .section-title{color:#fff}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{text-align:center}.step-num{width:50px;height:50px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:1.3rem;font-weight:900}.cta-section{background:var(--primary-gradient);color:#fff;padding:100px 0}.btn-white{background:#fff;color:var(--primary)}.btn-white:hover{background:#fff;transform:scale(1.05);box-shadow:0 10px 30px rgba(255,255,255,.2)}footer{background:#070b14;color:#64748b;padding:70px 0 40px}.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:60px;margin-bottom:50px}.footer-logo{color:#fff;font-size:1.4rem;font-weight:900;text-decoration:none;margin-bottom:20px;display:flex;align-items:center;gap:8px}.footer-logo img{width:24px;height:24px}.footer-col h4{color:#fff;margin-bottom:20px;font-size:1rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col a{color:inherit;text-decoration:none;transition:.2s;font-size:.95rem}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #1e293b;display:flex;justify-content:space-between;padding-top:30px;font-size:.85rem}@media(max-width:1024px){.hero-grid,.features-grid,.steps-grid,.impact-grid,.testimonials-grid{grid-template-columns:1fr}.hero-text h1{font-size:2.8rem}.hero-image-wrapper{order:-1;text-align:center;padding-bottom:50px;max-width:360px}.hero-text{text-align:center}.hero-btns{justify-content:center}.lang-switch{border:0;padding-right:0}.floating-icon{display:none}.section-title{font-size:2.2rem}}@media(max-width:480px){.hero-btns{flex-direction:column;width:100%}.btn{width:100%;padding:1rem 1.5rem}.section-title{font-size:1.8rem}.navbar{padding:1rem 5%}.logo{font-size:1.3rem}.nav-link-login{font-size:.85rem}.btn-nav{padding:.5rem 1.2rem;font-size:.8rem}}