@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.navbar{z-index:1000;transition:var(--transition);padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0e1ad9;padding:12px 0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.logo{align-items:center;gap:10px;font-size:1.4rem;font-weight:800;display:flex}.logo-icon{background:var(--gradient-accent);width:36px;height:36px;color:var(--bg-primary);border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;font-weight:900;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--transition);font-size:.9rem;font-weight:500;position:relative}.nav-links a:hover{color:var(--text-primary)}.nav-links a:after{content:"";background:var(--gradient-accent);border-radius:1px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.nav-cta{color:#000!important;padding:10px 24px!important;font-size:.85rem!important}.mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.mobile-toggle span{background:var(--text-primary);width:24px;height:2px;transition:var(--transition);border-radius:2px}.mobile-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.mobile-toggle{display:flex}.nav-links{background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;justify-content:center;gap:24px;width:280px;height:100vh;transition:right .4s;position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-links a{font-size:1.1rem}}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#3a8fb714 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-100px;right:-100px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#c4883f0f 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:-100px;left:-100px}.hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-badge{color:var(--accent);background:#3a8fb714;border:1px solid #3a8fb733;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.8rem;font-weight:500;animation:.6s fadeIn;display:inline-flex}.hero-badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-glow}.hero-title{margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.08;animation:.8s fadeInUp}.hero-title .gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:520px;margin-bottom:36px;font-size:1.15rem;line-height:1.7;animation:.8s .2s both fadeInUp}.hero-buttons{flex-wrap:wrap;gap:16px;animation:.8s .4s both fadeInUp;display:flex}.hero-stats{border-top:1px solid var(--border);gap:32px;margin-top:48px;padding-top:32px;animation:.8s .6s both fadeInUp;display:flex}.hero-stat-value{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.hero-stat-label{color:var(--text-muted);margin-top:4px;font-size:.8rem}.hero-visual{animation:1s .4s both fadeIn;position:relative}.hero-mockup{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-card), 0 0 80px #3a8fb70f;animation:6s ease-in-out infinite float;overflow:hidden}.mockup-bar{border-bottom:1px solid var(--border);background:#0006;align-items:center;gap:6px;padding:10px 14px;display:flex}.mockup-dot{border-radius:50%;width:8px;height:8px}.mockup-dot:first-child{background:#ff5f57}.mockup-dot:nth-child(2){background:#febc2e}.mockup-dot:nth-child(3){background:#28c840}.mockup-url{color:var(--text-muted);background:#ffffff0f;border-radius:6px;flex:1;align-items:center;gap:4px;margin-left:8px;padding:4px 12px;font-size:.68rem;display:flex}.mockup-lock{font-size:.55rem}.mockup-body{padding:20px}.mockup-nav{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.mockup-logo-placeholder{background:var(--gradient-accent);opacity:.7;border-radius:5px;width:70px;height:10px}.mockup-links{align-items:center;gap:10px;display:flex}.mockup-link{background:#ffffff14;border-radius:3px;width:32px;height:6px}.mockup-link-btn{background:var(--gradient-accent);opacity:.6;border-radius:8px;width:44px;height:16px}.mockup-hero-block{text-align:center;border-radius:var(--radius-md);background:linear-gradient(#3a8fb708 0%,#0000 100%);margin-bottom:16px;padding:18px 0}.mockup-headline{background:#ffffff2e;border-radius:6px;width:180px;height:12px;margin:0 auto 8px}.mockup-subheadline{background:#ffffff0f;border-radius:3px;width:130px;height:6px;margin:0 auto 16px}.mockup-btn-row{justify-content:center;gap:8px;display:flex}.mockup-btn-placeholder{background:var(--gradient-accent);opacity:.7;border-radius:10px;width:70px;height:20px}.mockup-btn-outline{border:1px solid #ffffff1f;border-radius:10px;width:70px;height:20px}.mockup-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mockup-card-rich{border:1px solid var(--border);background:#ffffff05;border-radius:8px;flex-direction:column;gap:8px;padding:12px 10px;display:flex}.mockup-card-icon{border-radius:6px;width:22px;height:22px}.mc-green{background:#3a8fb733}.mc-blue{background:#c4883f33}.mc-purple{background:#8b5cf633}.mockup-card-lines{flex-direction:column;gap:5px;display:flex}.mockup-card-line-title{background:#ffffff1f;border-radius:3px;width:70%;height:6px}.mockup-card-line-sub{background:#ffffff0d;border-radius:2px;width:90%;height:4px}.glass-card{-webkit-backdrop-filter:blur(16px);background:#141b2dd9;border:1px solid #ffffff14;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.hero-float-badge{border-radius:var(--radius-md);z-index:2;align-items:center;gap:10px;padding:12px 16px;font-size:.8rem;font-weight:500;display:flex;position:absolute}.hero-float-badge.top-badge{animation:5s ease-in-out 1s infinite float;top:-16px;right:-24px}.hero-float-badge.mid-badge{animation:6s ease-in-out .3s infinite float;top:50%;right:-40px;transform:translateY(-50%)}.hero-float-badge.bottom-badge{animation:5s ease-in-out .5s infinite float;bottom:24px;left:-28px}.float-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.float-icon.green{background:#3a8fb726}.float-icon.blue{background:#c4883f26}.float-icon.orange{background:#f59e0b26}.float-title{white-space:nowrap;font-size:.82rem;font-weight:600}.float-sub{color:var(--text-muted);white-space:nowrap;font-size:.68rem}.float-status-dot{background:#3a8fb7;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse-glow}.float-mini-chart{align-items:flex-end;gap:3px;height:24px;margin-left:4px;display:flex}.mini-bar{background:var(--gradient-accent);opacity:.7;border-radius:2px;width:4px;min-height:4px}@media (width<=968px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-subtitle{margin:0 auto 36px}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{display:none}}@media (width<=480px){.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{justify-content:center}.hero-stats{flex-direction:column;align-items:center;gap:16px}}.problem{background:var(--bg-secondary);position:relative;overflow:hidden}.problem:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.problem-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.problem-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);text-align:center;padding:0 32px 32px;position:relative;overflow:hidden}.problem-card:before{content:"";opacity:0;background:linear-gradient(90deg,#ff5f57,#ff8a60);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.problem-card:hover{border-color:#ff5f5733;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.problem-card:hover:before{opacity:1}.problem-mockup{border-radius:var(--radius-md);margin:24px -8px 20px;overflow:hidden}.pmock-invoice{border-radius:var(--radius-md);background:#ff5f570a;border:1px solid #ff5f571f;padding:14px;font-size:.7rem}.pmock-invoice-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.pmock-invoice-logo{background:#ffffff1a;border-radius:4px;width:40px;height:8px}.pmock-invoice-tag{color:var(--text-muted);letter-spacing:1px;font-size:.6rem;font-weight:700}.pmock-invoice-rows{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.pmock-row{color:var(--text-muted);justify-content:space-between;font-size:.65rem;display:flex}.pmock-total{border-top:1px dashed #ff5f574d;justify-content:space-between;align-items:center;padding-top:8px;font-size:.7rem;font-weight:700;display:flex}.pmock-total span:first-child{color:var(--text-muted)}.pmock-total-amount{color:#ff5f57;font-size:.85rem;font-weight:800}.pmock-dashboard{border-radius:var(--radius-md);background:#ff5f570a;border:1px solid #ff5f571f;padding:12px}.pmock-dash-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pmock-dash-title-bar{background:#ffffff1a;border-radius:3px;width:60px;height:6px}.pmock-error-badge{color:#ff5f57;background:#ff5f5733;border-radius:50px;padding:2px 8px;font-size:.55rem;font-weight:700}.pmock-alerts{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.pmock-alert{border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.6rem;display:flex}.pmock-alert.red{background:#ff5f5714;border:1px solid #ff5f5726}.pmock-alert.orange{background:#f59e0b14;border:1px solid #f59e0b26}.pmock-alert-icon{flex-shrink:0;font-size:.65rem}.pmock-alert.red .pmock-alert-icon{color:#ff5f57}.pmock-alert.orange .pmock-alert-icon{color:#f59e0b}.pmock-alert-line{background:#ffffff0f;border-radius:2px;flex:1;height:4px}.pmock-status-bar{align-items:center;gap:6px;display:flex}.pmock-status-dot{border-radius:50%;width:6px;height:6px}.red-dot{background:#ff5f57}.pmock-status-line{background:#ffffff0a;border-radius:2px;flex:1;height:4px}.pmock-editor{border-radius:var(--radius-md);background:#ff5f570a;border:1px solid #ff5f571f;overflow:hidden}.pmock-editor-bar{background:#0000004d;border-bottom:1px solid #ffffff0a;gap:2px;padding:6px 10px;display:flex}.pmock-tab{background:#ffffff0f;border-radius:2px;width:40px;height:5px}.pmock-tab.active{background:#ffffff1f}.pmock-code-lines{flex-direction:column;gap:6px;padding:10px;display:flex}.pmock-code-line{align-items:center;gap:8px;display:flex}.pmock-line-num{color:var(--text-muted);text-align:right;opacity:.5;width:12px;font-size:.55rem}.pmock-code-text{background:#ffffff0f;border-radius:2px;height:5px}.pmock-code-text.w40{width:40%}.pmock-code-text.w60{width:60%}.pmock-code-text.w80{width:80%}.pmock-cursor{color:#ff5f57;font-size:.7rem;font-weight:700;animation:1.2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.problem-icon{border-radius:var(--radius-md);background:#ff5f571a;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:1.4rem;display:flex}.problem-card h3{margin-bottom:10px;font-size:1.15rem;font-weight:700}.problem-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}@media (width<=768px){.problem-grid{grid-template-columns:1fr}}.solution{position:relative}.solution-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.solution-text{max-width:520px}.solution-text .section-title{margin-top:12px}.solution-points{flex-direction:column;gap:20px;margin-top:32px;display:flex}.solution-point{align-items:flex-start;gap:16px;display:flex}.solution-check{background:#3a8fb71f;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;margin-top:2px;display:flex}.solution-check svg{width:14px;height:14px;stroke:var(--accent)}.solution-point h4{margin-bottom:4px;font-size:1rem;font-weight:600}.solution-point p{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.solution-visual{position:relative}.solution-dashboard{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow), var(--shadow-card);padding:24px;position:relative;overflow:hidden}.solution-dashboard:before{content:"";background:var(--gradient-accent);width:60%;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.sdash-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.sdash-logo{align-items:center;gap:8px;display:flex}.sdash-logo-icon{background:var(--gradient-accent);width:24px;height:24px;color:var(--bg-primary);border-radius:6px;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex}.sdash-logo-text{color:var(--text-primary);font-size:.8rem;font-weight:700}.sdash-status-badge{color:var(--accent);background:#3a8fb714;border:1px solid #3a8fb733;border-radius:50px;align-items:center;gap:6px;padding:4px 12px;font-size:.65rem;font-weight:600;display:flex}.sdash-status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-glow}.sdash-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.sdash-stat-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;align-items:center;gap:10px;padding:14px 12px;display:flex}.sdash-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.green-bg{background:#3a8fb71f}.blue-bg{background:#c4883f1f}.yellow-bg{background:#f59e0b1f}.sdash-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.6rem}.sdash-stat-value{font-size:1.1rem;font-weight:800}.green-text{color:#3a8fb7}.blue-text{color:#c4883f}.yellow-text{color:#f59e0b}.sdash-perf{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;margin-bottom:16px;padding:14px}.sdash-perf-header{justify-content:space-between;margin-bottom:8px;display:flex}.sdash-perf-label{color:var(--text-muted);font-size:.7rem}.sdash-perf-value{color:var(--accent);font-size:.75rem;font-weight:700}.sdash-perf-bar{background:#ffffff0d;border-radius:3px;height:6px;overflow:hidden}.sdash-perf-fill{background:var(--gradient-accent);border-radius:3px;height:100%;transition:width 1s}.sdash-activity{flex-direction:column;gap:8px;display:flex}.sdash-activity-item{background:#ffffff03;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.sdash-activity-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.green-dot{background:#3a8fb7}.blue-dot{background:#c4883f}.sdash-activity-text{color:var(--text-secondary);flex:1;font-size:.72rem}.sdash-activity-time{color:var(--text-muted);font-size:.6rem}@media (width<=968px){.solution-content{text-align:center;grid-template-columns:1fr}.solution-text{max-width:100%}.solution-point{text-align:left}}.how-it-works{background:var(--bg-secondary);position:relative;overflow:hidden}.how-it-works:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.steps-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:56px;display:grid;position:relative}.steps-grid:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-blue), var(--accent));opacity:.15;height:2px;position:absolute;top:42px;left:15%;right:15%}.step-card{text-align:center;padding:0 8px;position:relative}.step-number{background:var(--gradient-accent);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:1.2rem;font-weight:800;display:flex;position:relative}.step-number:before{content:"";background:var(--bg-secondary);z-index:-1;border:2px solid #3a8fb74d;border-radius:50%;position:absolute;inset:-2px}.step-card h3{margin-bottom:10px;font-size:1.15rem;font-weight:700}.step-card p{color:var(--text-secondary);max-width:280px;margin:0 auto;font-size:.9rem;line-height:1.6}.step-mockup{margin-bottom:20px}.smock-wireframe{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;position:relative;overflow:hidden}.smock-wf-nav{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.smock-wf-logo{background:var(--gradient-accent);opacity:.5;border-radius:3px;width:40px;height:6px}.smock-wf-links{gap:6px;display:flex}.smock-wf-link{background:#ffffff14;border-radius:2px;width:20px;height:4px}.smock-wf-hero{text-align:center;border:1px dashed #3a8fb733;border-radius:8px;margin-bottom:10px;padding:12px 0}.smock-wf-title{background:#ffffff1f;border-radius:4px;width:80px;height:8px;margin:0 auto 6px}.smock-wf-sub{background:#ffffff0f;border-radius:2px;width:60px;height:4px;margin:0 auto 8px}.smock-wf-btn{background:var(--gradient-accent);opacity:.4;border-radius:6px;width:40px;height:12px;margin:0 auto}.smock-wf-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.smock-wf-block{border:1px dashed #ffffff0f;border-radius:4px;height:24px}.smock-design-cursor{animation:3s ease-in-out infinite float;position:absolute;bottom:28px;right:30px}.smock-terminal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.smock-term-bar{border-bottom:1px solid var(--border);background:#0006;align-items:center;gap:4px;padding:8px 10px;display:flex}.smock-term-dot{border-radius:50%;width:6px;height:6px}.smock-term-dot.r{background:#ff5f57}.smock-term-dot.y{background:#febc2e}.smock-term-dot.g{background:#28c840}.smock-term-title{color:var(--text-muted);margin-left:6px;font-size:.55rem}.smock-term-body{flex-direction:column;gap:5px;padding:12px;display:flex}.smock-term-line{color:var(--text-muted);align-items:center;gap:6px;font-family:Courier New,monospace;font-size:.62rem;display:flex}.smock-term-line.active{color:var(--text-primary)}.term-green{color:#3a8fb7;font-size:.7rem}.term-blue{color:#c4883f;font-size:.7rem}.smock-progress-bar{background:#ffffff0f;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.smock-progress-fill{background:var(--gradient-accent);border-radius:2px;width:75%;height:100%;animation:3s ease-in-out infinite deployProgress}@keyframes deployProgress{0%{width:0%}70%{width:75%}to{width:75%}}.smock-phone{background:var(--bg-card);border:2px solid #ffffff1a;border-radius:20px;width:120px;margin:0 auto;padding:4px;position:relative}.smock-phone-notch{background:#ffffff14;border-radius:2px;width:40px;height:4px;margin:6px auto 4px}.smock-phone-screen{background:var(--bg-primary);border-radius:14px;min-height:140px;padding:8px}.smock-ph-nav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.smock-ph-logo{background:var(--gradient-accent);opacity:.5;border-radius:2px;width:24px;height:4px}.smock-ph-menu{color:var(--text-muted);font-size:.5rem}.smock-ph-hero{text-align:center;margin-bottom:8px}.smock-ph-title{background:#ffffff26;border-radius:2px;width:60px;height:5px;margin:0 auto 4px}.smock-ph-sub{background:#ffffff0f;border-radius:1.5px;width:45px;height:3px;margin:0 auto 6px}.smock-ph-btn{background:var(--gradient-accent);opacity:.6;border-radius:5px;width:36px;height:10px;margin:0 auto}.smock-ph-cards{flex-direction:column;gap:4px;display:flex}.smock-ph-card{border:1px solid var(--border);border-radius:4px;height:16px}.smock-phone-bar{background:#ffffff1a;border-radius:1.5px;width:30px;height:3px;margin:6px auto}@media (width<=768px){.steps-grid{grid-template-columns:1fr;gap:48px}.steps-grid:before{display:none}}.features{position:relative}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);text-align:center;padding:0 28px 28px;position:relative;overflow:hidden}.feature-card:after{content:"";border-radius:var(--radius-lg);opacity:0;pointer-events:none;background:linear-gradient(135deg,#3a8fb708,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.feature-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.feature-card:hover:after{opacity:1}.feature-card h3{z-index:1;margin-bottom:8px;font-size:1.05rem;font-weight:700;position:relative}.feature-card p{color:var(--text-secondary);z-index:1;font-size:.88rem;line-height:1.6;position:relative}.feature-mockup-wrapper{z-index:1;margin:20px -6px 18px;position:relative}.fmock{border-radius:var(--radius-md);overflow:hidden}.fmock-homepage{background:var(--bg-primary);border:1px solid var(--border);padding:10px}.fmock-hp-nav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.fmock-hp-logo{background:var(--gradient-accent);opacity:.6;border-radius:3px;width:30px;height:5px}.fmock-hp-links{gap:5px;display:flex}.fmock-hp-links div{background:#ffffff14;border-radius:1.5px;width:16px;height:3px}.fmock-hp-banner{text-align:center;background:linear-gradient(135deg,#3a8fb70f 0%,#c4883f0a 100%);border-radius:8px;padding:14px 8px}.fmock-hp-title{background:#ffffff26;border-radius:3px;width:70%;height:6px;margin:0 auto 5px}.fmock-hp-sub{background:#ffffff0f;border-radius:2px;width:50%;height:4px;margin:0 auto 8px}.fmock-hp-cta{background:var(--gradient-accent);opacity:.5;border-radius:6px;width:40px;height:12px;margin:0 auto}.fmock-server{background:var(--bg-primary);border:1px solid var(--border);padding:12px}.fmock-server-row{align-items:center;gap:8px;padding:5px 0;display:flex}.fmock-server-row:not(:last-of-type){border-bottom:1px solid #ffffff08}.fmock-srv-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.fmock-srv-dot.green{background:#3a8fb7;box-shadow:0 0 6px #3a8fb766}.fmock-srv-label{color:var(--text-muted);flex:1;font-size:.62rem}.fmock-srv-status{color:var(--accent);font-size:.6rem;font-weight:600}.fmock-uptime-bar{background:#ffffff0d;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.fmock-uptime-fill{background:var(--gradient-accent);border-radius:2px;width:99.9%;height:100%}.fmock-update{text-align:center;background:#3a8fb70a;border:1px solid #3a8fb726;padding:16px}.fmock-update-icon{margin-bottom:6px}.fmock-update-text{color:var(--accent);margin-bottom:2px;font-size:.75rem;font-weight:700}.fmock-update-sub{color:var(--text-muted);font-size:.6rem}.fmock-mobile{justify-content:center;padding:4px 0;display:flex}.fmock-phone-frame{background:var(--bg-card);border:1.5px solid #ffffff1a;border-radius:12px;width:64px;padding:3px}.fmock-ph-notch{background:#ffffff0f;border-radius:2px;width:20px;height:3px;margin:3px auto}.fmock-ph-content{background:var(--bg-primary);border-radius:8px;min-height:70px;padding:6px}.fmock-ph-bar{background:var(--gradient-accent);opacity:.4;border-radius:2px;width:100%;height:3px;margin-bottom:6px}.fmock-ph-block{border:1px solid var(--border);background:#ffffff0a;border-radius:3px;width:100%;height:10px;margin-bottom:4px}.fmock-ph-block.short{width:70%}.fmock-ph-btn{background:var(--gradient-accent);opacity:.5;border-radius:4px;width:24px;height:8px}.fmock-ph-home{background:#ffffff14;border-radius:1px;width:14px;height:2px;margin:4px auto 2px}.fmock-whatsapp{background:var(--bg-primary);border:1px solid var(--border);padding:10px}.fmock-wa-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.fmock-wa-avatar{color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.55rem;font-weight:800;display:flex}.fmock-wa-name{font-size:.62rem;font-weight:600}.fmock-wa-online{color:#25d366;font-size:.5rem}.fmock-wa-messages{flex-direction:column;gap:4px;display:flex}.fmock-wa-msg{border-radius:8px;max-width:85%;padding:5px 8px;font-size:.58rem;line-height:1.3}.fmock-wa-msg.received{color:var(--text-secondary);background:#ffffff0d;border-bottom-left-radius:2px;align-self:flex-start}.fmock-wa-msg.sent{color:#25d366;background:#25d36626;border-bottom-right-radius:2px;align-self:flex-end}.fmock-support{background:var(--bg-primary);border:1px solid var(--border);padding:10px}.fmock-sp-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.fmock-sp-avatar{background:#3a8fb71a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;display:flex}.fmock-sp-name{font-size:.62rem;font-weight:600}.fmock-sp-status{color:var(--accent);align-items:center;gap:4px;font-size:.5rem;display:flex}.fmock-sp-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.fmock-sp-input{border:1px solid var(--border);background:#ffffff08;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;display:flex}.fmock-sp-input-text{color:var(--text-muted);flex:1;font-size:.55rem}.fmock-sp-send{color:var(--accent);font-size:.65rem;font-weight:700}@media (width<=968px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.features-grid{grid-template-columns:1fr}}.pricing{background:var(--bg-secondary);position:relative;overflow:hidden}.pricing:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.pricing-cards{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin-top:56px;margin-left:auto;margin-right:auto;display:grid}.pricing-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition);background:#141b2db3;padding:40px 32px;position:relative;overflow:hidden}.pricing-card.featured{border-color:var(--border-accent);box-shadow:var(--shadow-glow), 0 20px 60px #0006;background:#141b2dd9;transform:scale(1.02)}.pricing-card.featured:before{content:"";background:var(--gradient-accent);height:3px;position:absolute;top:0;left:0;right:0}.pricing-card.featured:after{content:"";pointer-events:none;background:radial-gradient(circle,#3a8fb70f 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-40px;right:-40px}.pricing-popular{background:var(--gradient-accent);color:var(--bg-primary);text-transform:uppercase;letter-spacing:1px;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#3a8fb7 0%,#c4883f 50%,#3a8fb7 100%);background-size:200%;-webkit-background-clip:text;background-clip:text;border:1px solid #3a8fb74d;border-radius:50px;padding:4px 12px;font-size:.65rem;font-weight:700;animation:3s linear infinite shimmer;position:absolute;top:16px;right:16px}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 16px 50px #0006}.pricing-card.featured:hover{transform:scale(1.02)translateY(-6px)}.pricing-plan-name{color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-size:.85rem;font-weight:600}.pricing-amount{margin-bottom:4px;font-size:3rem;font-weight:900;line-height:1}.pricing-amount .currency{vertical-align:top;margin-right:2px;font-size:1.5rem;font-weight:600}.pricing-period{color:var(--text-muted);margin-bottom:24px;font-size:.85rem}.pricing-desc{color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:28px;font-size:.9rem;line-height:1.5}.pricing-features{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.pricing-feature{color:var(--text-secondary);align-items:center;gap:10px;font-size:.88rem;display:flex}.pricing-feature-check{background:#3a8fb71f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.pricing-feature-check svg{width:10px;height:10px;stroke:var(--accent)}.pricing-card .btn{justify-content:center;width:100%}.pricing-note{text-align:center;color:var(--text-muted);margin-top:32px;font-size:.85rem}.pricing-note span{color:var(--accent);font-weight:600}@media (width<=680px){.pricing-cards{grid-template-columns:1fr}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-6px)}}.comparison{position:relative}.comparison-visuals{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:700px;margin:48px auto 40px;display:grid}.comp-visual-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:16px;overflow:hidden}.comp-visual-card.bad{border-color:#ff5f5733}.comp-visual-card.good{border-color:#3a8fb740;box-shadow:0 0 20px #3a8fb714}.comp-visual-label{text-align:center;margin-bottom:12px;font-size:.7rem;font-weight:700}.comp-vs{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:800;display:flex}.comp-mock-messy{flex-direction:column;gap:6px;display:flex}.messy-row{gap:4px;display:flex}.messy-block{border-radius:4px;flex:1;height:14px}.messy-block.wide{flex:2}.messy-block.red{background:#ff5f5726;border:1px solid #ff5f5733}.messy-block.orange{background:#f59e0b1f;border:1px solid #f59e0b2e}.messy-block.grey{border:1px solid var(--border);background:#ffffff08}.messy-alert{color:#ff5f57;background:#ff5f5714;border:1px solid #ff5f5726;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:.55rem;font-weight:600;display:flex}.comp-mock-clean{flex-direction:column;gap:8px;display:flex}.clean-header{justify-content:space-between;align-items:center;display:flex}.clean-logo{background:var(--gradient-accent);opacity:.6;border-radius:3px;width:28px;height:6px}.clean-status{color:var(--accent);align-items:center;gap:4px;font-size:.5rem;font-weight:600;display:flex}.clean-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.clean-stats{grid-template-columns:1fr 1fr;gap:6px;display:grid}.clean-stat{text-align:center;background:#3a8fb70a;border:1px solid #3a8fb71f;border-radius:6px;padding:6px}.clean-stat-val{color:var(--accent);font-size:.8rem;font-weight:800}.clean-stat-lbl{color:var(--text-muted);text-transform:uppercase;font-size:.45rem}.clean-bar-row{padding-top:2px}.clean-bar-bg{background:#ffffff0d;border-radius:2px;height:4px;overflow:hidden}.clean-bar-fill{background:var(--gradient-accent);border-radius:2px;width:98%;height:100%}.comparison-table{border-radius:var(--radius-xl);border:1px solid var(--border);max-width:800px;margin:0 auto;overflow:hidden}.comparison-header{background:var(--bg-card);border-bottom:1px solid var(--border);grid-template-columns:1.5fr 1fr 1fr;display:grid}.comparison-header-cell{padding:20px 24px;font-size:.9rem;font-weight:700}.comparison-header-cell:not(:first-child){text-align:center}.comparison-header-cell.traditional{color:var(--text-muted)}.comparison-header-cell.koi{color:var(--accent);background:#3a8fb70d}.comparison-row{border-bottom:1px solid var(--border);grid-template-columns:1.5fr 1fr 1fr;transition:background .2s;display:grid}.comparison-row:last-child{border-bottom:none}.comparison-row:hover{background:#ffffff03}.comparison-cell{color:var(--text-secondary);align-items:center;padding:16px 24px;font-size:.88rem;display:flex}.comparison-cell:not(:first-child){text-align:center;justify-content:center}.comparison-cell.koi-cell{background:#3a8fb705}@media (width<=600px){.comparison-visuals{grid-template-columns:1fr;gap:12px}.comp-vs{margin:0 auto}.comparison-header,.comparison-row{grid-template-columns:1.2fr 1fr 1fr}.comparison-cell,.comparison-header-cell{padding:12px 14px;font-size:.8rem}}.trust{background:var(--bg-secondary);position:relative;overflow:hidden}.trust:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.trust-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:56px;display:grid}.testimonial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:32px}.testimonial-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.testimonial-stars{gap:2px;margin-bottom:16px;display:flex}.testimonial-star{color:#f5c542;font-size:.9rem}.testimonial-text{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{background:var(--gradient-accent);width:40px;height:40px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.testimonial-name{font-size:.9rem;font-weight:600}.testimonial-role{color:var(--text-muted);font-size:.78rem}.trust-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;margin-top:56px;display:flex}.trust-badge{color:var(--text-muted);align-items:center;gap:10px;font-size:.85rem;font-weight:500;display:flex}.trust-badge-icon{font-size:1.2rem}@media (width<=640px){.trust-grid{grid-template-columns:1fr}.trust-badges{gap:24px}}.faq{position:relative}.faq-list{flex-direction:column;gap:12px;max-width:720px;margin:56px auto 0;display:flex}.faq-item{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);background:#141b2db3;overflow:hidden}.faq-item:hover{border-color:#3a8fb726;box-shadow:0 4px 20px #0003}.faq-item.open{border-color:var(--border-accent);background:#141b2de6;box-shadow:0 0 20px #3a8fb70f}.faq-question{cursor:pointer;color:var(--text-primary);text-align:left;width:100%;transition:var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 24px;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.faq-question:hover{color:var(--accent)}.faq-toggle{background:#3a8fb714;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .4s cubic-bezier(.4,0,.2,1),background .3s;display:flex}.faq-item.open .faq-toggle{background:#3a8fb72e;transform:rotate(45deg)}.faq-toggle svg{width:12px;height:12px;stroke:var(--accent)}.faq-answer{max-height:0;transition:max-height .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-item.open .faq-answer{max-height:300px}.faq-answer-inner{color:var(--text-secondary);padding:0 24px 20px;font-size:.9rem;line-height:1.7}.final-cta{position:relative;overflow:hidden}.final-cta-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;padding:80px 40px;position:relative;overflow:hidden}.final-cta-card:before{content:"";background:var(--gradient-accent);width:40%;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.final-cta-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#3a8fb714 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-80px;right:-80px}.final-cta-glow{pointer-events:none;background:radial-gradient(circle,#c4883f0f 0%,#0000 70%);width:350px;height:350px;position:absolute;bottom:-80px;left:-80px}.final-cta-glow2{pointer-events:none;background:radial-gradient(circle,#3a8fb70f 0%,#0000 70%);width:250px;height:250px;animation:4s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cta-particle{opacity:0;border-radius:50%;animation:8s ease-in-out infinite particleFloat;position:absolute}.cta-particle.p1{background:var(--accent);width:4px;height:4px;animation-delay:0s;top:20%;left:10%}.cta-particle.p2{background:var(--accent-blue);width:3px;height:3px;animation-delay:1.5s;top:70%;left:85%}.cta-particle.p3{background:var(--accent);width:5px;height:5px;animation-delay:3s;top:40%;right:15%}.cta-particle.p4{background:var(--accent-blue);width:3px;height:3px;animation-delay:4.5s;bottom:30%;left:25%}.cta-particle.p5{background:var(--accent);width:4px;height:4px;animation-delay:2s;top:60%;right:30%}.cta-particle.p6{background:var(--accent-blue);width:2px;height:2px;animation-delay:5s;top:15%;right:40%}@keyframes particleFloat{0%{opacity:0;transform:translateY(20px)scale(0)}20%{opacity:.6;transform:translateY(0)scale(1)}80%{opacity:.4;transform:translateY(-30px)scale(.8)}to{opacity:0;transform:translateY(-50px)scale(0)}}.cta-floating-mockup{width:120px;box-shadow:0 0 40px #3a8fb71a, var(--shadow-card);z-index:0;opacity:.6;background:#141b2de6;border:1px solid #3a8fb733;border-radius:10px;animation:6s ease-in-out infinite float;position:absolute;top:20px;right:40px;overflow:hidden}.cta-mock-bar{border-bottom:1px solid var(--border);background:#0006;gap:3px;padding:6px 8px;display:flex}.cta-mock-dot{background:#ffffff26;border-radius:50%;width:5px;height:5px}.cta-mock-body{padding:10px 8px}.cta-mock-line{background:#ffffff14;border-radius:2px;height:4px;margin-bottom:6px}.cta-mock-line.w70{width:70%}.cta-mock-line.w50{width:50%}.cta-mock-btn{background:var(--gradient-accent);opacity:.5;border-radius:5px;width:40px;height:10px}.final-cta-content{z-index:1;position:relative}.final-cta-title{margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.15}.final-cta-title .gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.final-cta-subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto 36px;font-size:1.1rem;line-height:1.7}.final-cta-btn{animation:3s infinite pulse-glow}.final-cta-note{color:var(--text-muted);margin-top:16px;font-size:.8rem}@media (width<=600px){.final-cta-card{padding:60px 24px}.cta-floating-mockup{display:none}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:60px 0 32px}.footer-content{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}.footer-brand .logo{margin-bottom:16px}.footer-tagline{color:var(--text-secondary);max-width:280px;font-size:.88rem;line-height:1.6}.footer-col h4{text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin-bottom:16px;font-size:.85rem;font-weight:700}.footer-col a{color:var(--text-secondary);padding:6px 0;font-size:.88rem;transition:color .2s;display:block}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:24px;font-size:.8rem;display:flex}.footer-socials{gap:12px;display:flex}.footer-social-link{background:var(--bg-card);border:1px solid var(--border);width:36px;height:36px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex}.footer-social-link:hover{border-color:var(--accent);background:#3a8fb714;transform:translateY(-2px)}@media (width<=768px){.footer-content{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}@media (width<=480px){.footer-content{grid-template-columns:1fr}}:root{--bg-primary:#0a0e1a;--bg-secondary:#0f1629;--bg-card:#141b2d;--bg-card-hover:#1a2340;--text-primary:#f0f2f5;--text-secondary:#8892a4;--text-muted:#5a6478;--accent:#3a8fb7;--accent-glow:#3a8fb740;--accent-blue:#c4883f;--accent-blue-glow:#c4883f40;--border:#ffffff0f;--border-accent:#3a8fb74d;--gradient-accent:linear-gradient(135deg, #3a8fb7, #c4883f);--gradient-bg:linear-gradient(180deg, #0a0e1a 0%, #0f1629 50%, #0a0e1a 100%);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-glow:0 0 30px #3a8fb726;--shadow-card:0 4px 24px #0000004d;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.section-label{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:.8rem;font-weight:600;display:block}.section-title{background:linear-gradient(135deg,#fff 0%,#8892a4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.1rem;line-height:1.7}.section-centered{text-align:center}.section-centered .section-subtitle{margin:0 auto}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-accent);color:#0a0e1a;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 8px 40px var(--accent-glow), 0 0 60px #3a8fb733;transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0}.btn-secondary:hover{border-color:var(--accent);background:#3a8fb70d;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow), 0 0 80px #3a8fb71a}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-in{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:translateY(40px)}.animate-in.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}