:root{--bg-color:#050508;--bg-secondary:#0a0a0f;--text-main:#f0f0f5;--text-muted:#8b8b99;--accent:#6c5ce7;--accent-hover:#5a4bcf;--accent-glow:#6c5ce766;--success:#00b894;--card-bg:#ffffff05;--card-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}html{font-size:16px}.bg-orbs{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(120px);opacity:.3;border-radius:50%;animation:12s ease-in-out infinite alternate float;position:absolute}.orb-1{background:#6c5ce7;width:50vw;max-width:800px;height:50vw;max-height:800px;top:-10%;left:-10%}.orb-2{background:#00cec9;width:40vw;max-width:600px;height:40vw;max-height:600px;animation-delay:-5s;bottom:10%;right:-5%}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;border-bottom:1px solid var(--card-border);background:#050508cc;justify-content:space-between;align-items:center;width:100%;padding:20px 5%;display:flex;position:fixed;top:0}.logo{letter-spacing:-1px;align-items:center;gap:8px;font-size:1.8rem;font-weight:800;display:flex}.logo span{color:var(--accent)}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--text-muted);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-main)}.nav-actions{align-items:center;gap:15px;display:flex}.btn-login{color:var(--text-main);font-weight:600}.btn-primary{background:linear-gradient(135deg, var(--accent), #a29bfe);cursor:pointer;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 5px 15px var(--accent-glow);transform:translateY(-2px)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}section{width:100%;padding:140px 0}.section-title{text-align:center;margin-bottom:20px;font-size:2.8rem;font-weight:800}.section-subtitle{text-align:center;color:var(--text-muted);max-width:600px;margin:0 auto 80px;font-size:1.1rem}.hero{text-align:center;margin-top:80px;padding-top:80px;padding-bottom:80px}.hero h1{margin-bottom:25px;font-size:clamp(3rem,5vw,6rem);font-weight:800;line-height:1.1}.hero h1 span{background:linear-gradient(135deg,#00cec9,#6c5ce7);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero p{color:var(--text-muted);max-width:700px;margin:0 auto 60px;font-size:clamp(1.1rem,2vw,1.5rem)}.app-wrapper{text-align:left;background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;width:100%;max-width:900px;margin:0 auto;padding:40px;box-shadow:0 20px 40px #0006}.input-group{border:1px solid var(--card-border);background:#0006;border-radius:12px;flex-wrap:wrap;gap:10px;padding:8px;display:flex}.input-group input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:200px;padding:15px 20px;font-size:1.1rem}.input-group button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:15px 30px;font-weight:600;transition:all .2s}.input-group button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 15px var(--accent-glow)}.input-group button:disabled{opacity:.5}.status-text{text-align:center;color:var(--accent);height:20px;margin-top:15px;font-size:.9rem}.dashboard-results{border-top:1px solid var(--card-border);margin-top:40px;padding-top:30px;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dash-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.dash-head h2{font-size:clamp(1.5rem,3vw,2rem)}.badge{color:var(--success);background:#00b8941a;border:1px solid #00b8944d;border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:600}.grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;display:grid}.card{border:1px solid var(--card-border);background:#0000004d;border-radius:12px;padding:25px}.card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.9rem}.val-text{background:linear-gradient(135deg,#00b894,#55efc4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(2rem,4vw,3rem);font-weight:800}.social-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;list-style:none;display:grid}.social-list li{align-items:center;gap:10px;font-size:1rem;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot.av{background:#00b894;box-shadow:0 0 8px #00b894}.dot.tk{background:#d63031;box-shadow:0 0 8px #d63031}.trusted-by{border-bottom:1px solid var(--card-border);text-align:center;margin-bottom:60px;padding:100px 0}.trusted-by p{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;font-size:.9rem}.logo-grid{opacity:.5;filter:grayscale();flex-wrap:wrap;justify-content:center;gap:clamp(30px,5vw,80px);margin-top:30px;display:flex}.logo-grid span{font-size:clamp(1.2rem,2vw,1.8rem);font-weight:800}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;display:grid}.step-card{text-align:center;padding:20px;position:relative}.step-number{background:var(--card-bg);border:1px solid var(--card-border);width:70px;height:70px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 30px;font-size:1.8rem;font-weight:800;display:flex;box-shadow:0 10px 20px #0003}.step-card h3{margin-bottom:20px;font-size:1.6rem}.step-card p{color:var(--text-muted);line-height:1.7}.features-section{background:var(--bg-secondary)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;display:grid}.feature-card{background:var(--bg-color);border:1px solid var(--card-border);border-radius:20px;flex-direction:column;padding:50px 40px;transition:transform .3s;display:flex}.feature-card:hover{border-color:#ffffff1a;transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.feature-icon{width:60px;height:60px;color:var(--accent);background:#6c5ce71a;border-radius:15px;justify-content:center;align-items:center;margin-bottom:30px;display:flex}.feature-card h3{margin-bottom:20px;font-size:1.5rem}.feature-card p{color:var(--text-muted);flex:1;font-size:1.05rem}.deep-dive{flex-wrap:wrap;align-items:center;gap:clamp(40px,8vw,100px);padding:140px 0;display:flex}.deep-dive.reverse{flex-direction:row-reverse}.dive-text{flex:1;min-width:300px}.dive-text h2{margin-bottom:30px;font-size:clamp(2rem,3vw,3rem);line-height:1.2}.dive-text p{color:var(--text-muted);margin-bottom:40px;font-size:clamp(1rem,1.5vw,1.2rem)}.dive-list{list-style:none}.dive-list li{align-items:center;gap:20px;margin-bottom:20px;font-size:1.15rem;display:flex}.dive-list li:before{content:"✓";color:var(--success);background:#00b8941a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;display:flex}.dive-image{flex:1;justify-content:center;width:100%;min-width:300px;display:flex}.css-mockup{aspect-ratio:4/3;background:var(--bg-color);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;width:100%;max-width:600px;display:flex;overflow:hidden;box-shadow:0 30px 60px #00000080}.mockup-header{border-bottom:1px solid var(--card-border);background:#ffffff08;align-items:center;gap:15px;height:40px;padding:0 15px;display:flex}.mockup-dots{gap:6px;display:flex}.mockup-dots span{background:#4a4a55;border-radius:50%;width:10px;height:10px}.mockup-dots span:first-child{background:#d63031}.mockup-dots span:nth-child(2){background:#fdcb6e}.mockup-dots span:nth-child(3){background:#00b894}.mockup-url{color:#8b8b99;text-align:center;background:#0000004d;border-radius:6px;flex:1;margin-right:40px;padding:4px 15px;font-size:.7rem}.mockup-body{background:var(--bg-secondary);flex:1;display:flex}.mockup-sidebar{border-right:1px solid var(--card-border);background:#0003;flex-direction:column;align-items:center;gap:15px;width:60px;padding:15px 0;display:flex}.mockup-item{width:35px;height:35px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;display:flex}.mockup-item.active{color:var(--accent);background:#6c5ce733}.mockup-content{flex-direction:column;flex:1;gap:15px;padding:20px;display:flex}.mockup-content.full-width{padding:30px}.mockup-card-row{gap:15px;display:flex}.m-card{background:var(--bg-color);border:1px solid var(--card-border);border-radius:8px;flex:1;padding:15px}.m-card h4{color:var(--text-muted);text-transform:uppercase;margin-bottom:5px;font-size:.7rem}.m-card p{color:#fff;font-size:1.5rem;font-weight:800}.m-card.tall{height:120px;color:var(--accent);justify-content:center;align-items:center;display:flex}.mockup-graph{background:var(--bg-color);border:1px solid var(--card-border);color:var(--accent);opacity:.5;border-radius:8px;flex:1;justify-content:center;align-items:center;display:flex}.graph-icon{width:80px;height:80px}.css-mockup.dark-mode{background:#000;border-color:#6c5ce74d}.mockup-hero-stat{text-align:center;margin-bottom:20px}.mockup-hero-stat h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:1rem}.mockup-hero-stat p{color:#00b894;font-size:3rem;font-weight:800}.testimonials{background:var(--bg-secondary)}.test-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;display:grid}.test-card{background:var(--bg-color);border:1px solid var(--card-border);border-radius:20px;padding:50px 40px}.stars{color:#fdcb6e;margin-bottom:25px;font-size:1.3rem}.test-card p{color:#dcdce6;margin-bottom:40px;font-size:1.15rem;font-style:italic;line-height:1.7}.author{align-items:center;gap:20px;display:flex}.avatar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:50%;width:60px;height:60px}.author-info h4{font-size:1.15rem}.author-info span{color:var(--text-muted);font-size:.95rem}.pricing-section{text-align:center}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.price-card{background:var(--bg-secondary);border:1px solid var(--card-border);text-align:left;border-radius:24px;flex-direction:column;padding:50px 40px;display:flex;position:relative}.price-card.popular{border-color:var(--accent);z-index:10;background:#6c5ce70d;transform:scale(1.05);box-shadow:0 0 40px #6c5ce726}.popular-badge{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:6px 16px;font-size:.8rem;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.tier-name{color:var(--text-main);margin-bottom:15px;font-size:1.4rem;font-weight:600}.price{margin-bottom:30px;font-size:3.5rem;font-weight:800}.price span{color:var(--text-muted);font-size:1.2rem;font-weight:400}.price-card ul{flex:1;margin-bottom:40px;list-style:none}.price-card ul li{color:#dcdce6;align-items:center;gap:12px;margin-bottom:18px;font-size:1.05rem;display:flex}.price-card ul li:before{content:"✓";color:var(--success);background:#00b8941a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;font-weight:700;display:flex}.price-card button{cursor:pointer;border:1px solid var(--card-border);background:var(--card-bg);color:#fff;border-radius:12px;width:100%;padding:18px;font-size:1.1rem;font-weight:600;transition:all .3s}.price-card.popular button{background:linear-gradient(135deg, var(--accent), #a29bfe);box-shadow:0 10px 20px var(--accent-glow);border:none}.price-card button:hover{background:#ffffff1a}.price-card.popular button:hover{transform:translateY(-3px)}.faq-grid{flex-direction:column;gap:20px;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;border-radius:16px;transition:all .3s;overflow:hidden}.faq-item:hover{background:#ffffff08;border-color:#ffffff1a}.faq-header{justify-content:space-between;align-items:center;padding:25px 30px;display:flex}.faq-header h3{margin:0;font-size:1.2rem;font-weight:600}.faq-icon{color:var(--accent);transition:transform .3s}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-body{max-height:0;padding:0 30px;transition:max-height .4s,padding .4s;overflow:hidden}.faq-item.open .faq-body{max-height:300px;padding:0 30px 25px}.faq-body p{color:var(--text-muted);line-height:1.6}footer{border-top:1px solid var(--card-border);text-align:center;color:var(--text-muted);background:var(--bg-secondary);padding:80px 20px;font-size:1rem}footer .links{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:30px;display:flex}footer .links a:hover{color:#fff}.dash-layout{background:var(--bg-color);min-height:100vh;display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--card-border);flex-direction:column;width:280px;padding:40px 20px;transition:transform .3s;display:flex}.sidebar-logo{margin-bottom:50px;padding-left:10px;font-size:1.8rem;font-weight:800}.sidebar-logo span{color:var(--accent)}.nav-menu{flex-direction:column;flex:1;gap:10px;display:flex}.nav-item{color:var(--text-muted);border-radius:12px;align-items:center;gap:15px;padding:15px 20px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background:var(--card-bg);color:#fff}.nav-item.active{color:var(--accent);background:#6c5ce726;border:1px solid #6c5ce74d}.user-profile{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;align-items:center;gap:15px;margin-top:auto;padding:20px;display:flex}.user-avatar{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.user-info h4{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.user-info p{color:var(--text-muted);font-size:.8rem}.main-content{flex:1;width:100%;padding:50px;overflow-y:auto}.top-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.top-header h1{font-size:clamp(1.8rem,3vw,2.5rem)}.header-actions{flex-wrap:wrap;gap:15px;display:flex}.btn-outline{border:1px solid var(--card-border);background:var(--card-bg);color:#fff;cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 20px;transition:all .2s}.btn-outline:hover{background:#ffffff0d}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px;display:grid}.stat-card{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:16px;padding:30px}.stat-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-size:.95rem}.stat-value{font-size:clamp(2rem,3vw,2.8rem);font-weight:800}.stat-trend{color:var(--success);align-items:center;gap:5px;margin-top:10px;font-size:.9rem;display:flex}.stat-trend.negative{color:#d63031}.data-table-container{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:16px;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.data-table th{color:var(--text-muted);border-bottom:1px solid var(--card-border);background:#0003;padding:25px;font-weight:500}.data-table td{border-bottom:1px solid #ffffff05;padding:25px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:#ffffff03}@media (max-width:1024px){.price-card.popular{transform:none}.dash-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--card-border);width:100%;padding:20px}.nav-menu{flex-flow:wrap}.user-profile{display:none}.main-content{padding:20px}}@media (max-width:768px){.nav-links{display:none}.hero{padding-top:40px}.input-group{background:0 0;border:none;flex-direction:column;padding:0}.input-group input,.input-group button{border:1px solid var(--card-border);background:var(--card-bg);border-radius:12px;width:100%}.input-group button{padding:20px}.deep-dive,.deep-dive.reverse{flex-direction:column;gap:40px;padding:80px 0}.css-mockup{aspect-ratio:auto;height:300px}.mockup-sidebar{display:none}}@media (min-width:2560px){html{font-size:20px}.container{max-width:2000px}}