@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--bg-color:#09090b;--bg-gradient:radial-gradient(circle at 50% -20%, #2e1065, #09090b 80%);--text-main:#f8fafc;--text-muted:#94a3b8;--accent-color:#d946ef;--accent-gradient:linear-gradient(135deg, #d946ef, #8b5cf6);--accent-glow:0 0 40px #d946ef66;--card-bg:#ffffff08;--card-border:#ffffff14;--card-hover-border:#d946ef66;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-main);width:100%;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.header-sticky{z-index:1000;-webkit-backdrop-filter:blur(24px);background:#ffffff05;border-bottom:1px solid #ffffff14;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;padding:24px 0;display:flex}.navbar-logo{font-family:var(--font-heading);letter-spacing:-.5px;align-items:center;gap:8px;font-size:24px;font-weight:800;display:flex}.navbar-logo span{color:var(--accent-color)}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition);font-size:15px;font-weight:500}.nav-link:hover{color:var(--text-main)}.btn-primary{background:var(--accent-gradient);color:#fff;transition:var(--transition);border-radius:50px;padding:12px 24px;font-size:15px;font-weight:600;box-shadow:0 4px 14px #0006}.btn-primary:hover{box-shadow:var(--accent-glow);transform:translateY(-2px)}.btn-secondary{color:#fff;border:1px solid var(--card-border);transition:var(--transition);background:#ffffff0d;border-radius:50px;padding:12px 24px;font-size:15px;font-weight:600}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.hero{text-align:center;flex-direction:column;align-items:center;padding:120px 0 80px;display:flex}.hero-badge{color:var(--accent-color);background:#d946ef1a;border:1px solid #d946ef4d;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;display:inline-flex}.hero h1{letter-spacing:-2px;max-width:900px;margin-bottom:24px;font-size:clamp(48px,8vw,80px)}.hero p{color:var(--text-muted);max-width:600px;margin-bottom:40px;font-size:clamp(18px,2vw,22px)}.hero-cta{justify-content:center;gap:16px;display:flex}.dashboard-mockup{border:1px solid var(--card-border);width:100%;max-width:1000px;height:500px;box-shadow:0 25px 50px -12px #00000080, var(--accent-glow);background:#18181b;border-radius:20px;justify-content:center;align-items:center;margin-top:60px;display:flex;position:relative;overflow:hidden}.dashboard-mockup:before{content:"";border-bottom:1px solid var(--card-border);background:#ffffff05;height:40px;position:absolute;top:0;left:0;right:0}.mockup-dots{gap:8px;display:flex;position:absolute;top:15px;left:20px}.mockup-dot{background:var(--card-border);border-radius:50%;width:10px;height:10px}.mockup-dot:first-child{background:#ef4444}.mockup-dot:nth-child(2){background:#f59e0b}.mockup-dot:nth-child(3){background:#10b981}.features{padding:100px 0}.section-header{text-align:center;margin-bottom:64px}.section-header h2{margin-bottom:16px;font-size:40px}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:18px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);transition:var(--transition);border-radius:20px;padding:32px;position:relative;overflow:hidden}.feature-card:hover{border-color:var(--card-hover-border);transform:translateY(-5px);box-shadow:0 10px 30px #0003}.feature-icon{width:50px;height:50px;color:var(--accent-color);background:#d946ef1a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-card h3{margin-bottom:12px;font-size:22px}.feature-card p{color:var(--text-muted);font-size:15px}.stats{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);background:#0003;padding:80px 0}.stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.stat-item h3{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:56px;font-weight:800}.stat-item p{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:16px;font-weight:500}.cta{text-align:center;padding:120px 0}.cta-box{border:1px solid var(--card-hover-border);background:linear-gradient(#d946ef1a 0%,#0000 100%);border-radius:30px;max-width:800px;margin:0 auto;padding:80px 40px;position:relative}.cta h2{margin-bottom:24px;font-size:48px}.cta p{color:var(--text-muted);margin-bottom:40px;font-size:20px}.flow-section{padding:100px 0 60px}.flow-container{scrollbar-width:thin;justify-content:center;align-items:flex-start;gap:0;padding:40px 0;display:flex;overflow-x:auto}.flow-step-wrapper{align-items:center;display:flex}.flow-step{flex-direction:column;align-items:center;gap:12px;width:100px;display:flex}.flow-circle{background:var(--card-bg);border:1px solid var(--card-border);width:48px;height:48px;transition:var(--transition);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.flow-circle.highlight{border-color:var(--accent-color);color:#fff;box-shadow:var(--accent-glow);background:#d946ef1a}.flow-badge{width:20px;height:20px;color:var(--text-muted);background:#18181b;border:2px solid #09090b;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.flow-badge.highlight{background:var(--accent-color);color:#fff}.flow-text{text-align:center}.flow-label{color:var(--text-muted);font-size:12px;font-weight:600;line-height:1.3}.flow-label.highlight{color:#fff}.flow-sub{color:#94a3b899;margin-top:4px;font-size:11px;line-height:1.3}.flow-connector{align-items:center;margin:0 4px 48px;display:flex}.connector-line{background:var(--card-border);width:24px;height:1px}.connector-arrow{width:8px;height:12px;fill:var(--card-border)}.pricing{padding:100px 0}.billing-toggle{justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.billing-toggle span{color:var(--text-muted);transition:var(--transition);font-size:15px;position:relative}.billing-toggle span.active{color:var(--text-main);font-weight:600}.toggle-switch{background:var(--card-border);width:56px;height:32px;transition:var(--transition);border-radius:50px;position:relative}.toggle-switch.on{background:var(--accent-gradient)}.toggle-knob{width:24px;height:24px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:4px;left:4px}.toggle-switch.on .toggle-knob{transform:translate(24px)}.save-badge{color:#34d399;white-space:nowrap;background:#10b98133;border-radius:50px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:60px;display:grid}.pricing-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;flex-direction:column;padding:40px 32px;display:flex;position:relative}.pricing-card.popular{border-color:var(--card-hover-border);background:#d946ef0d;transform:scale(1.02)}.popular-badge{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-glow);border-radius:50px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:16px;font-size:24px}.price{margin-bottom:16px}.price .currency{vertical-align:top;color:var(--text-muted);font-size:24px;font-weight:600}.price .amount{color:var(--text-main);font-size:48px;font-weight:800;line-height:1}.price .period{color:var(--text-muted);font-size:16px}.plan-desc{color:var(--text-muted);min-height:42px;margin-bottom:32px;font-size:14px}.plan-features{flex:1;margin-bottom:40px;list-style:none}.plan-features li{align-items:center;gap:12px;margin-bottom:16px;font-size:14px;display:flex}.plan-features li svg{color:#34d399;flex-shrink:0}.w-full{width:100%}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-color);border:1px solid var(--card-border);width:100%;max-width:500px;max-height:90vh;box-shadow:0 25px 50px -12px #00000080, var(--accent-glow);opacity:0;border-radius:24px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) .1s forwards modalIn;overflow-y:auto;transform:scale(.95)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:0 0;margin:16px 0}.modal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#fff3}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.modal-header h3{margin-bottom:8px;font-size:24px}.modal-header p{color:var(--text-muted);font-size:14px}.close-btn{color:var(--text-muted);width:32px;height:32px;transition:var(--transition);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.close-btn:hover{color:#fff;background:#ffffff1a}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-field,.textarea-field{border:1px solid var(--card-border);color:#fff;width:100%;transition:var(--transition);background:#0000004d;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:15px}.input-field:focus,.textarea-field:focus{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);outline:none}.textarea-field{resize:vertical;min-height:120px}.toast-container{border:1px solid var(--card-border);color:#fff;z-index:1000;opacity:0;background:#18181b;border-radius:12px;align-items:center;gap:12px;padding:12px 20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 10px 25px #00000080}.toast-container.show{opacity:1;transform:translate(-50%)translateY(0)}.toast-container.error{border-left:3px solid #ef4444}.toast-container.success{border-left:3px solid #22c55e}@keyframes fadeIn{to{opacity:1}}@keyframes modalIn{to{opacity:1;transform:scale(1)}}.footer{border-top:1px solid var(--card-border);color:var(--text-muted);padding:60px 0 30px}.footer-top{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.footer-bottom{justify-content:space-between;align-items:center;font-size:14px;display:flex}.footer-links{gap:24px;display:flex}.footer-link:hover{color:var(--text-main)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (width<=768px){.container{padding:0 16px}.hide-mobile,.nav-links{display:none}.stats-grid{grid-template-columns:1fr;gap:40px}.hero h1{letter-spacing:-1px;font-size:32px;line-height:1.2}.hero p{padding:0;font-size:15px}.dashboard-mockup{height:auto;min-height:300px;margin-top:24px}.cta h2{font-size:26px}.navbar{padding:16px 0}.navbar .btn-secondary{display:none}.navbar .btn-primary{padding:8px 12px;font-size:13px;gap:4px!important}.hero{padding:60px 0 32px}.hero-cta{flex-direction:column;align-items:center;gap:10px;width:100%;padding:0}.hero-cta button{justify-content:center;width:100%;max-width:280px;padding:12px 20px!important;font-size:15px!important}.mockup-main-flex{flex-direction:column!important;display:flex!important}.mockup-sidebar{display:none!important}.mockup-content-wrap{padding:12px!important;overflow-y:visible!important}.mockup-stats-grid,.mockup-setup-grid{grid-template-columns:1fr!important;gap:10px!important}.mockup-setup-grid>div{padding:10px!important}.flow-container{grid-template-columns:repeat(2,1fr);justify-items:center;gap:32px 12px;padding:24px 0;display:grid}.flow-line{display:none}.flow-step-wrapper{flex:none;justify-content:center;width:100%}.flow-step{text-align:center;flex-direction:column;gap:8px;width:100%;max-width:120px}.flow-circle{width:36px;height:36px}.flow-badge{width:18px;height:18px;font-size:9px;top:-4px;right:-4px}.flow-label{font-size:10px}.flow-sub{font-size:9px}.features-grid,.pricing-grid{grid-template-columns:1fr;gap:16px}.pricing-card{padding:32px 20px}.pricing-card.popular{transform:none}.modal-content{border-radius:16px;width:calc(100% - 20px);margin:10px;padding:24px 16px}.footer-top{text-align:center;flex-direction:column;align-items:center;gap:20px}.footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:12px}.footer-links{flex-wrap:wrap;justify-content:center;gap:10px}.save-badge{margin-top:8px;margin-left:0;display:inline-block;position:relative;top:auto;bottom:auto;left:auto;transform:none}}@media (width<=480px){.hero h1{font-size:28px}.flow-container{grid-template-columns:1fr;row-gap:24px}.flow-step{max-width:200px}}