:root{--bg-main: hsl(218, 28%, 8%);--bg-card: hsl(218, 28%, 12%);--bg-card-hover: hsl(218, 28%, 15%);--border-color: rgba(255, 255, 255, .06);--glass-bg: rgba(12, 21, 33, .75);--glass-border: rgba(255, 255, 255, .08);--primary: hsl(145, 75%, 45%);--primary-hover: hsl(145, 75%, 38%);--primary-glow: rgba(46, 213, 115, .35);--accent: hsl(28, 70%, 50%);--accent-hover: hsl(28, 70%, 43%);--accent-glow: rgba(213, 115, 46, .3);--text-primary: hsl(210, 40%, 96%);--text-secondary: hsl(210, 20%, 75%);--text-muted: hsl(210, 10%, 55%);--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--transition-fast: .25s ease;--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--shadow-premium: 0 15px 35px rgba(0, 0, 0, .4);--radius-lg: 18px;--radius-md: 12px}body.light-theme{--bg-main: hsl(210, 20%, 98%);--bg-card: hsl(0, 0%, 100%);--bg-card-hover: hsl(210, 20%, 96%);--border-color: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .1);--text-primary: hsl(218, 28%, 12%);--text-secondary: hsl(218, 20%, 20%);--text-muted: hsl(218, 15%, 38%);--primary: hsl(145, 65%, 22%);--primary-hover: hsl(145, 65%, 16%);--primary-glow: rgba(10, 60, 30, .15);--accent: hsl(28, 70%, 35%);--accent-hover: hsl(28, 70%, 30%);--accent-glow: rgba(100, 50, 15, .15);--shadow-premium: 0 15px 35px rgba(0, 0, 0, .05)}body.light-theme h1,body.light-theme h2,body.light-theme h3,body.light-theme h4,body.light-theme .section-header h2,body.light-theme .tab-pane-text h3{background:none!important;-webkit-text-fill-color:initial!important;color:var(--primary)!important}body.light-theme p{color:var(--text-secondary)}body.light-theme .btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--primary),hsl(145,65%,18%));box-shadow:0 4px 15px var(--primary-glow)}body.light-theme .btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),hsl(145,65%,14%))}body.light-theme .btn-secondary{background-color:#eaedf1;color:var(--primary);border:1px solid rgba(0,0,0,.15)}body.light-theme .btn-secondary:hover{background-color:#dae0e7}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}img{max-width:100%;height:auto;display:block}strong{color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:600;font-size:.95rem;padding:12px 24px;border-radius:var(--radius-md);border:none;cursor:pointer;text-decoration:none;transition:var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--primary),hsl(145,80%,40%));color:#090c10;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow);background:linear-gradient(135deg,var(--primary-hover),hsl(145,80%,35%))}.btn-secondary{background-color:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#ffffff1a;transform:translateY(-2px)}.btn-lg{padding:16px 36px;font-size:1.1rem;border-radius:var(--radius-lg)}.btn-block{width:100%}.badge-promotion{display:inline-flex;align-items:center;gap:8px;background-color:#d5732e26;border:1px solid rgba(213,115,46,.3);color:var(--accent);font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:50px;margin-bottom:20px}.pulse-icon{width:8px;height:8px;background-color:var(--accent);border-radius:50%;display:inline-block;animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 10px var(--accent)}to{transform:scale(.9);opacity:.6}}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;margin-bottom:15px;background:linear-gradient(120deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header p{font-size:1.15rem;color:var(--text-secondary);max-width:650px;margin:0 auto}@media (max-width: 991px){.section-header h2{font-size:2rem}.hero-wrapper{grid-template-columns:1fr;gap:40px;text-align:center;padding-top:40px}.hero-content h1{font-size:2.8rem}.hero-ctas{align-items:center}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);transition:var(--transition-fast)}.navbar-wrapper{height:80px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-heading);font-weight:800;font-size:1.4rem;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:10px}.logo-img{width:40px;height:40px;object-fit:contain;border-radius:6px}.theme-toggle{background-color:#ffffff0a;border:1px solid var(--border-color);width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;color:var(--text-primary);transition:var(--transition-fast);outline:none;padding:0}.theme-toggle:hover{background-color:#ffffff1a;transform:scale(1.05)}body.light-theme .theme-toggle{background-color:#0000000d;color:var(--text-primary)}body.light-theme .theme-toggle:hover{background-color:#0000001a}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--transition-fast)}.nav-links a:hover{color:var(--primary)}.nav-right{display:flex;align-items:center;gap:16px}.nav-actions{display:flex;gap:16px}.menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer}.menu-toggle span{display:block;width:26px;height:3px;background-color:var(--text-primary);border-radius:3px;transition:var(--transition-fast)}@media (max-width: 991px){.navbar-wrapper{height:70px}}@media (max-width: 768px){.menu-toggle{display:flex}.nav-links{display:none;position:absolute;top:70px;left:0;width:100%;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);flex-direction:column;padding:24px;gap:16px;text-align:center}.nav-links.active{display:flex}.nav-actions{display:none}}.hero-section{padding-top:160px;padding-bottom:100px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(46,213,115,.1) 0%,transparent 70%);z-index:0;pointer-events:none}.hero-section:after{content:"";position:absolute;bottom:-150px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(213,115,46,.08) 0%,transparent 70%);z-index:0;pointer-events:none}.hero-wrapper{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-content h1{font-size:3.5rem;line-height:1.15;margin-bottom:24px;background:linear-gradient(135deg,#FFF 40%,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content h1 span{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:40px;max-width:550px}.hero-ctas{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.cta-subtitle{font-size:.85rem;color:var(--text-muted)}.visual-frame{position:relative;border-radius:var(--radius-lg);background-color:var(--bg-card);border:1px solid var(--border-color);padding:12px;box-shadow:var(--shadow-premium);transition:var(--transition-smooth);width:100%;max-width:680px;margin:0 auto}.visual-frame:hover{transform:translateY(-5px);border-color:#ffffff1f}.screen-mockup{border-radius:var(--radius-md);width:100%;border:1px solid rgba(255,255,255,.05)}.visual-glow{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,#2ed5731a,#d5732e1a);filter:blur(20px);z-index:-1;opacity:.8}@media (max-width: 991px){.hero-wrapper{grid-template-columns:1fr;gap:40px;text-align:center;padding-top:40px}.hero-content h1{font-size:2.8rem}.hero-ctas{align-items:center}}.problem-section{padding:100px 0;background-color:#121821;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.problem-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px 30px;transition:var(--transition-fast)}.problem-card:hover{transform:translateY(-8px);background-color:var(--bg-card-hover);border-color:#ffffff1a}.card-icon{font-size:2.5rem;margin-bottom:24px}.problem-card h3{font-size:1.4rem;margin-bottom:16px;color:var(--text-primary)}.problem-card p{color:var(--text-secondary);font-size:.95rem}body.light-theme .problem-section{background-color:#bac4b4;border-color:#00000014}body.light-theme .problem-card{border-color:#0000000f;box-shadow:0 10px 30px #00000008}@media (max-width: 991px){.problem-grid{grid-template-columns:1fr;gap:24px}}.features-tabs-section{padding:100px 0;background-color:#0b0e14}.tabs-control{display:flex;justify-content:center;gap:16px;margin-bottom:50px}.tab-btn{font-family:var(--font-heading);font-weight:600;font-size:1rem;padding:14px 28px;border-radius:50px;border:1px solid var(--border-color);background-color:#ffffff08;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.tab-btn:hover{color:var(--text-primary);background-color:#ffffff14}.tab-btn.active{background-color:var(--primary);color:#090c10;border-color:var(--primary);box-shadow:0 4px 15px var(--primary-glow)}.tab-pane{display:none}.tab-pane.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-pane-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:50px;box-shadow:var(--shadow-premium)}.tab-pane-text h3{font-size:2rem;margin-bottom:20px}.tab-pane-text p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:30px}body.light-theme .features-tabs-section{background-color:#bac4b4;border-color:#00000014}body.light-theme .tab-pane-grid{border-color:#0000000f;box-shadow:0 10px 30px #00000008}body.light-theme .tab-btn{background-color:#e3e8ed;color:var(--text-secondary);border-color:#00000026}body.light-theme .tab-btn:hover{background-color:#d4dbe2;color:var(--text-primary)}body.light-theme .tab-btn.active{background-color:var(--primary);color:#fff!important;border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}@media (max-width: 991px){.tab-pane-grid{grid-template-columns:1fr;gap:40px;padding:30px}}@media (max-width: 768px){.tabs-control{flex-direction:column;gap:12px;align-items:stretch}.tab-btn{width:100%;text-align:center}}.chat-demo-box{width:100%;max-width:420px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;box-shadow:0 10px 25px #0003}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.mini-stat{background-color:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column}.mini-stat span{font-size:.75rem;color:var(--text-muted)}.mini-stat strong{font-size:1.25rem;margin-top:4px;color:var(--accent)}.mini-stat.green strong{color:var(--primary)}.dummy-chart-lines{display:flex;align-items:flex-end;justify-content:space-around;height:120px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.chart-bar{width:40px;background:linear-gradient(to top,var(--primary),var(--accent));border-radius:4px 4px 0 0}.todo-demo-box{width:100%;max-width:420px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;box-shadow:0 10px 25px #0003}.todo-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-color)}.todo-item:last-child{border-bottom:none}.todo-item .checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--primary)}.todo-item.checked span:nth-child(2){text-decoration:line-through;color:var(--text-muted)}.tag{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px;margin-left:auto}.tag-success{background-color:#2ed57326;color:var(--primary)}.tag-warning{background-color:#d5732e26;color:var(--accent)}.tag-danger{background-color:#ff475726;color:#ff4757}.ia-chat-box{width:100%;max-width:420px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 25px #0003;overflow:hidden;display:flex;flex-direction:column;height:280px}.chat-header{background-color:var(--bg-card);padding:12px 20px;font-weight:600;font-size:.9rem;border-bottom:1px solid var(--border-color)}.chat-messages{flex-grow:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.msg{max-width:85%;padding:10px 14px;border-radius:12px;font-size:.85rem;line-height:1.4}.msg.user{background-color:#ffffff0d;color:var(--text-primary);align-self:flex-end;border-bottom-right-radius:2px}.msg.bot{background-color:#2ed5731a;color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:2px;border-left:3px solid var(--primary)}.chat-input-area{padding:12px 16px;background-color:var(--bg-card);border-top:1px solid var(--border-color);display:flex;gap:10px}.chat-input-area input{flex-grow:1;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;padding:6px 12px;color:var(--text-primary);font-size:.8rem}.chat-send{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.9rem}.portal-feature-section{padding:100px 0}.portal-wrapper{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.portal-content h2{font-size:2.5rem;line-height:1.2;margin-bottom:24px;background:linear-gradient(135deg,#FFF,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portal-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:30px}.feature-list{list-style:none;display:flex;flex-direction:column;gap:18px}.feature-list li{position:relative;padding-left:28px;font-size:1rem;color:var(--text-secondary)}.feature-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--primary);font-weight:700;font-size:1.1rem}@media (max-width: 991px){.portal-wrapper{grid-template-columns:1fr;gap:40px}}.roles-section{padding:100px 0}.roles-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.role-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;text-align:center;transition:var(--transition-fast)}.role-card:hover{border-color:#ffffff26;background-color:var(--bg-card-hover);transform:scale(1.02)}.role-card h3{font-size:1.15rem;color:var(--text-primary);margin-bottom:12px}.role-card p{font-size:.85rem;color:var(--text-secondary)}body.light-theme .role-card h3{color:var(--primary)}@media (max-width: 991px){.roles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.roles-grid{grid-template-columns:1fr}}.pricing-section{padding:100px 0;background-color:#121821;border-top:1px solid var(--border-color)}.pricing-card-wrapper{display:flex;justify-content:center;align-items:center}.pricing-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:50px 40px;width:100%;max-width:550px;position:relative;transition:var(--transition-fast)}.pricing-card.recommended{border-color:var(--primary);box-shadow:0 20px 45px #2ed5731a}.pricing-card:hover{transform:translateY(-5px)}.card-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent),hsl(28,80%,45%));color:#fff;font-size:.75rem;font-weight:700;padding:6px 16px;border-radius:50px;white-space:nowrap;box-shadow:0 4px 12px var(--accent-glow)}.pricing-card h3{font-size:1.8rem;margin-bottom:8px;text-align:center}.pricing-card .description{color:var(--text-secondary);text-align:center;font-size:.95rem;margin-bottom:30px}.price-box{background-color:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;text-align:center;margin-bottom:30px}.price-box .old-price{font-size:.9rem;text-decoration:line-through;color:var(--text-muted);display:block;margin-bottom:6px}.price-box .new-price-wrapper{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.price-box .new-price-wrapper .currency{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.price-box .new-price-wrapper .price{font-size:3rem;font-weight:800;line-height:1;color:var(--primary)}.price-box .new-price-wrapper .period{font-size:.95rem;color:var(--text-secondary)}.price-box .price-note{font-size:.8rem;color:var(--accent);font-weight:600}.pricing-features{list-style:none;display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:40px}.pricing-features li{font-size:.95rem;color:var(--text-secondary);display:flex;align-items:center;gap:12px}.pricing-features li strong{color:var(--text-primary)}.pricing-features li:before{content:"✓";color:var(--primary);font-weight:700;font-size:1.1rem}.pricing-cta-box{text-align:center}.trial-text{font-size:.8rem;color:var(--text-muted);margin-top:12px}body.light-theme .pricing-section{background-color:#bac4b4;border-color:#00000014}body.light-theme .pricing-card{background-color:var(--bg-card);border:2px solid rgba(0,0,0,.1);box-shadow:0 15px 40px #0000000d}body.light-theme .pricing-card.recommended{border-color:var(--primary);background:linear-gradient(180deg,var(--bg-card) 0%,hsl(210,20%,97%) 100%)}body.light-theme .price-box{background-color:#edf0f3;border-color:#00000014}body.light-theme .price-box .old-price{color:var(--text-muted)}body.light-theme .price-box .new-price-wrapper .price{color:var(--primary)}body.light-theme .price-box .price-note{color:var(--accent)}body.light-theme .pricing-features li:before{color:var(--primary)}@media (max-width: 991px){.pricing-features{grid-template-columns:1fr}}.faq-section{padding:100px 0}.faq-accordion{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-fast)}.faq-question{width:100%;background:none;border:none;padding:22px 28px;text-align:left;font-family:var(--font-heading);font-weight:600;font-size:1.1rem;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-question:after{content:"+";font-size:1.5rem;font-weight:300;color:var(--primary);transition:var(--transition-fast)}.faq-item.active .faq-question:after{transform:rotate(45deg);color:var(--accent)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1);background-color:#0000001a}.faq-answer p{padding:0 28px 24px;color:var(--text-secondary);font-size:.95rem;line-height:1.6}body.light-theme .faq-item{background-color:var(--bg-card);border-color:#0000001a}body.light-theme .faq-answer{background-color:#f0f2f5}.footer{background-color:#0b0e14;border-top:1px solid var(--border-color);padding-top:80px;padding-bottom:40px}.footer-wrapper{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;margin-bottom:50px}.footer-brand .logo{margin-bottom:16px;display:flex;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none;font-family:var(--font-heading);font-weight:700;font-size:1.3rem}.footer-brand .logo-img{width:32px;height:32px}.footer-brand p{color:var(--text-secondary);font-size:.9rem;max-width:350px}.footer h4{color:var(--text-primary);margin-bottom:20px;font-size:1.05rem}.footer-links,.footer-legal{display:flex;flex-direction:column}.footer-links a,.footer-legal a{color:var(--text-muted);text-decoration:none;font-size:.9rem;margin-bottom:12px;transition:var(--transition-fast)}.footer-links a:hover,.footer-legal a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:30px;text-align:center}.footer-bottom p{font-size:.85rem;color:var(--text-muted)}body.light-theme .footer{background-color:#edf0f3;border-top:1px solid rgba(0,0,0,.1)}body.light-theme .footer h4{color:var(--primary)}@media (max-width: 768px){.footer-wrapper{grid-template-columns:1fr;gap:40px}}