:root{--bg-dark:#0a0a0f;--bg-nav:#0a0a0ff2;--bg-dim:#ffffff08;--bg-dim-hover:#ffffff0f;--text-main:#e8e8f0;--text-white:#fff;--text-muted:#ffffff80;--primary:#7c6df0;--primary-hover:#6a5ce0;--primary-alpha:#7c6df01f;--primary-border:#7c6df04d;--border-subtle:#ffffff14;--font-family:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-dark);color:var(--text-main)}a{color:inherit;text-decoration:none}.btn-ghost{color:#fff;cursor:pointer;background:0 0;border:.5px solid #fff3;border-radius:8px;padding:8px 20px;font-size:14px;transition:all .2s}.btn-ghost:hover{background:#ffffff0f}.btn-primary{background:var(--primary);color:#fff;step-cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary:hover{background:var(--primary-hover)}.glass-card{background:var(--bg-dim);border:.5px solid var(--border-subtle);border-radius:16px;padding:28px;transition:border-color .2s}.glass-card:hover{border-color:var(--primary-border)}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0a0a0ff2;border-bottom:.5px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 60px;display:flex;position:sticky;top:0}.nav-logo{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:600}.nav-logo span{color:#7c6df0}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{color:#fff9;font-size:14px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.dashboard-container{flex-direction:column;min-height:100vh;display:flex}.hero{text-align:center;max-width:900px;margin:0 auto;padding:100px 60px 80px}.hero-badge{color:#a89ff5;background:#7c6df01f;border:.5px solid #7c6df04d;border-radius:20px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 16px;font-size:13px;display:inline-flex}.hero-badge-dot{background:#7c6df0;border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-1.5px;color:#fff;margin-bottom:20px;font-size:58px;font-weight:700;line-height:1.1}.hero h1 span{color:#7c6df0}.hero p{color:#ffffff80;max-width:600px;margin:0 auto 40px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-hero{cursor:pointer;border-radius:10px;padding:14px 32px;font-size:15px;font-weight:500;transition:all .2s}.btn-hero-primary{color:#fff;background:#7c6df0;border:none}.btn-hero-primary:hover{background:#6a5ce0;transform:translateY(-1px)}.btn-hero-secondary{color:#fff;background:0 0;border:.5px solid #fff3}.btn-hero-secondary:hover{background:#ffffff0f}.stats{border-top:.5px solid #ffffff0f;border-bottom:.5px solid #ffffff0f;flex-wrap:wrap;justify-content:center;gap:60px;padding:40px 60px;display:flex}.stat{text-align:center}.stat-num{color:#fff;font-size:32px;font-weight:700}.stat-label{color:#fff6;margin-top:4px;font-size:13px}.section{max-width:1200px;margin:0 auto;padding:80px 60px}.section-tag{color:#7c6df0;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:600}.section-title{color:#fff;letter-spacing:-1px;margin-bottom:16px;font-size:38px;font-weight:700}.section-sub{color:#ffffff80;max-width:500px;margin-bottom:56px;font-size:16px;line-height:1.7}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.feature-card{background:#ffffff08;border:.5px solid #ffffff14;border-radius:16px;padding:28px;transition:border-color .2s}.feature-card:hover{border-color:#7c6df04d}.feature-icon{background:#7c6df01f;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;display:flex}.feature-icon svg{stroke:#7c6df0;fill:none;stroke-width:1.5px;width:22px;height:22px}.feature-card h3{color:#fff;margin-bottom:10px;font-size:16px;font-weight:600}.feature-card p{color:#ffffff80;font-size:14px;line-height:1.7}.how-section{background:#ffffff05;padding:80px 60px}.how-inner{max-width:1200px;margin:0 auto}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin-top:56px;display:grid;position:relative}.step{padding:0 32px;position:relative}.step:not(:last-child):after{content:"";background:#ffffff1a;width:.5px;height:60px;position:absolute;top:22px;right:0}.step-num{color:#7c6df0;background:#7c6df01f;border:.5px solid #7c6df04d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;font-size:16px;font-weight:700;display:flex}.step h3{color:#fff;margin-bottom:10px;font-size:15px;font-weight:600}.step p{color:#ffffff73;font-size:13px;line-height:1.7}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:56px;display:grid}.plan-card{background:#ffffff08;border:.5px solid #ffffff14;border-radius:16px;padding:32px}.plan-card.featured{background:#7c6df014;border-color:#7c6df066;position:relative}.plan-badge{color:#fff;white-space:nowrap;background:#7c6df0;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-name{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:14px;font-weight:600}.plan-price{color:#fff;margin-bottom:4px;font-size:44px;font-weight:700}.plan-price span{color:#fff6;font-size:16px;font-weight:400}.plan-desc{color:#fff6;border-bottom:.5px solid #ffffff14;margin-bottom:28px;padding-bottom:28px;font-size:13px}.plan-features{flex-direction:column;gap:12px;margin-bottom:28px;list-style:none;display:flex}.plan-features li{color:#fff9;align-items:center;gap:10px;font-size:13px;display:flex}.check{background:#7c6df033;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.check svg{stroke:#7c6df0;fill:none;stroke-width:2.5px;width:9px;height:9px}.plan-btn{cursor:pointer;border-radius:10px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.plan-btn-outline{color:#fff;background:0 0;border:.5px solid #ffffff26}.plan-btn-outline:hover{background:#ffffff0f}.plan-btn-filled{color:#fff;background:#7c6df0;border:none}.plan-btn-filled:hover{background:#6a5ce0}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:56px;display:grid}.testimonial-card{background:#ffffff08;border:.5px solid #ffffff14;border-radius:16px;padding:28px}.testimonial-stars{gap:4px;margin-bottom:16px;display:flex}.star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#f59e0b;width:14px;height:14px}.testimonial-card p{color:#fff9;margin-bottom:24px;font-size:14px;line-height:1.8}.testimonial-author{align-items:center;gap:12px;display:flex}.avatar{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.author-info{font-size:13px}.author-name{color:#fff;font-weight:500}.author-role{color:#fff6;margin-top:2px}.cta-section{text-align:center;padding:100px 60px}.cta-inner{max-width:600px;margin:0 auto}.cta-inner h2{color:#fff;letter-spacing:-1px;margin-bottom:16px;font-size:44px;font-weight:700}.cta-inner p{color:#ffffff80;margin-bottom:36px;font-size:16px;line-height:1.7}.cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}footer{border-top:.5px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:40px 60px;display:flex}.footer-logo{color:#fff;font-size:16px;font-weight:600}.footer-logo span{color:#7c6df0}.footer-links{gap:24px;display:flex}.footer-links a{color:#fff6;font-size:13px;text-decoration:none}.footer-links a:hover{color:#ffffffb3}.footer-copy{color:#ffffff4d;font-size:13px}.demo-section{max-width:1200px;margin:0 auto;padding:80px 60px}.demo-container{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.demo-text .section-tag{margin-bottom:12px}.demo-chat{background:#ffffff08;border:.5px solid #ffffff14;border-radius:16px;padding:24px}.chat-header{border-bottom:.5px solid #ffffff0f;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex}.chat-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.chat-title{color:#fff9;font-size:13px;font-weight:500}.chat-messages{flex-direction:column;gap:14px;display:flex}.msg{border-radius:10px;max-width:85%;padding:12px 16px;font-size:13px;line-height:1.6}.msg-user{color:#fffc;background:#7c6df026;border:.5px solid #7c6df033;align-self:flex-end}.msg-ai{color:#ffffffb3;background:#ffffff0d;border:.5px solid #ffffff14;align-self:flex-start}.msg-ai strong{color:#fff}@media (max-width:768px){.navbar{padding:16px 24px}.nav-links{display:none}.hero{padding:60px 24px}.hero h1{font-size:36px}.stats{gap:32px;padding:32px 24px}.section,.demo-section,.how-section,.cta-section{padding:60px 24px}footer{flex-direction:column;align-items:flex-start;padding:32px 24px}.demo-container{grid-template-columns:1fr}.step:not(:last-child):after{display:none}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-opacity{0%,to{opacity:.35}50%{opacity:.75}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes nav-slide{0%{opacity:1;width:0%}40%{opacity:1;width:55%}80%{opacity:1;width:88%}to{opacity:1;width:100%}}@keyframes nav-fade-out{0%{opacity:1}to{opacity:0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:6px;animation:1.6s ease-in-out infinite skeleton-shimmer}