:root{--primary:#6C5DD3;--primary-dark:#5b4cc4;--primary-light:#8B80F8;--secondary:#FF754C;--secondary-dark:#e8633d;--accent:#FFA2C0;--bg-body:#F9FAFB;--bg-card:#FFFFFF;--bg-dark:#1F1D2B;--bg-dark-card:#252836;--text-main:#11142D;--text-muted:#808191;--text-light:#FFFFFF;--border:#E4E4E4;--border-light:#F0F0F0;--gradient-primary:linear-gradient(135deg,#6C5DD3 0%,#8B80F8 100%);--gradient-glow:radial-gradient(circle at center,rgba(108,93,211,0.15) 0%,rgba(255,255,255,0) 70%);--shadow-sm:0px 4px 10px rgba(0,0,0,0.03);--shadow-md:0px 10px 30px rgba(0,0,0,0.05);--shadow-lg:0px 20px 50px rgba(108,93,211,0.15);--shadow-hover:0px 20px 40px rgba(108,93,211,0.2);--container-width:1200px;--header-height:80px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:999px;--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:'Plus Jakarta Sans','Inter',sans-serif;background-color:var(--bg-body);color:var(--text-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-main)}h1{font-size:3.5rem;letter-spacing:-0.02em}h2{font-size:2.5rem;letter-spacing:-0.01em}h3{font-size:1.5rem}p{color:var(--text-muted);font-size:1.125rem}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative;overflow-x:hidden;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);border:none;gap:10px}.btn-primary{background:var(--primary);color:white;box-shadow:0 10px 20px rgba(108,93,211,0.2)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-secondary{background:white;color:var(--text-main);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.badge{display:inline-block;padding:6px 16px;background:rgba(108,93,211,0.1);color:var(--primary);border-radius:var(--radius-full);font-weight:600;font-size:0.875rem;margin-bottom:20px}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background:rgba(255,255,255,0.8);backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid rgba(0,0,0,0.05);display:flex;align-items:center}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-container{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-text{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.5rem;color:var(--text-main);letter-spacing:-0.03em}.nav-links{display:flex;gap:40px}.nav-link{font-weight:500;font-size:1rem;color:var(--text-muted)}.nav-link:hover{color:var(--primary)}.hero{padding-top:calc(var(--header-height) + 80px);padding-bottom:100px;overflow:hidden;position:relative;width:100%}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text{max-width:600px}.hero-image{position:relative;z-index:1}.hero-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:float 6s ease-in-out infinite}.hero-bg-blob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:100vw;height:100%;background:var(--gradient-glow);z-index:-1;filter:blur(80px);pointer-events:none}.hero-stats{display:flex;gap:30px;margin-top:40px;padding-top:30px;border-top:1px solid var(--border-light)}.stat-item strong{display:block;font-size:1.5rem;color:var(--text-main)}.stat-item span{font-size:0.875rem;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.feature-card{background:var(--bg-card);padding:40px;border-radius:var(--radius-md);border:1px solid var(--border-light);transition:var(--transition);display:flex;flex-direction:column;align-items:flex-start}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:rgba(108,93,211,0.3)}.feature-icon{width:60px;height:60px;background:rgba(108,93,211,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem;margin-bottom:24px}.steps-container{display:flex;flex-direction:column;gap:100px;margin-top:80px}.step-item{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.step-item.reverse{direction:rtl}.step-item.reverse .step-content{direction:ltr}.step-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition)}.step-item:hover .step-image img{transform:scale(1.02);box-shadow:var(--shadow-lg)}.step-number{width:40px;height:40px;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:20px}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.pricing-card{background:var(--bg-card);padding:40px;border-radius:var(--radius-lg);border:1px solid var(--border-light);position:relative;transition:var(--transition)}.pricing-card.featured{border:2px solid var(--primary);box-shadow:var(--shadow-lg);transform:scale(1.05);z-index:1}.pricing-card:hover{transform:translateY(-10px)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-10px)}.price{font-size:3rem;font-weight:800;color:var(--text-main);margin:20px 0}.price span{font-size:1rem;font-weight:500;color:var(--text-muted)}.features-list{margin:30px 0}.features-list li{margin-bottom:12px;display:flex;align-items:center;gap:10px;color:var(--text-muted)}.features-list li i{color:var(--primary)}.faq-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:16px;overflow:hidden;transition:var(--transition)}.faq-item:hover{border-color:rgba(108,93,211,0.3);box-shadow:var(--shadow-sm)}.faq-item.active{border-color:var(--primary);box-shadow:var(--shadow-md)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;cursor:pointer;font-weight:600;font-size:1.1rem;color:var(--text-main);transition:var(--transition)}.faq-question:hover{color:var(--primary)}.faq-question i{color:var(--primary);font-size:0.9rem;transition:transform 0.3s ease}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer p{padding:0 28px 24px;color:var(--text-muted);line-height:1.7}.footer{background:var(--bg-dark);color:var(--text-light);padding:80px 0 40px;margin-top:0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}.footer-brand p{color:#808191;margin-top:20px}.footer-col h4{color:white;margin-bottom:24px}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:#808191}.footer-col ul li a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:40px;text-align:center;color:#808191}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-20px)}100%{transform:translateY(0px)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 0.8s ease-out forwards}@media (max-width:1024px){:root{--container-width:90%}h1{font-size:2.5rem}.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{margin:0 auto}.hero-stats{justify-content:center}.steps-container{gap:60px}.step-item{grid-template-columns:1fr;gap:40px}.step-item.reverse{direction:ltr}.pricing-cards{grid-template-columns:1fr;max-width:500px;margin:60px auto 0}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-10px)}}@media (max-width:768px){.nav-links{display:none}.features-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:40px}}