*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f6fb;--surface:#fff;--surface2:#eef1f8;--border:#dde3f0;--text:#0f1c3a;--text-secondary:#4a5675;--text-muted:#8592ad;--primary:#3b5bdb;--primary-dark:#2f4ac2;--primary-light:#eef1ff;--accent:#7048e8;--accent-light:#f0ebff;--success:#0ca678;--warning:#f59f00;--danger:#e03131;--shadow-sm:0 1px 3px rgba(15,28,58,.07);--shadow:0 4px 16px rgba(15,28,58,.09);--shadow-lg:0 12px 40px rgba(15,28,58,.13);--radius:12px;--radius-sm:8px;--radius-lg:20px;--nav-height:68px}[data-theme=dark]{--bg:#0b1120;--surface:#111827;--surface2:#1a2235;--border:#1f2d47;--text:#e8edf8;--text-secondary:#8faecf;--text-muted:#4e6080;--primary:#4c6ef5;--primary-dark:#3b5bdb;--primary-light:#1a2147;--accent:#845ef7;--accent-light:#1e1535;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 12px 40px rgba(0,0,0,.5)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.6;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}nav{align-items:center;display:flex;height:var(--nav-height);left:0;padding:0 5%;position:fixed;right:0;top:0;transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s;transition:background .3s,box-shadow .3s,backdrop-filter .3s;transition:background .3s,box-shadow .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s;z-index:1000}nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface);box-shadow:var(--shadow)}.nav-inner{gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.logo,.nav-inner{align-items:center;display:flex}.logo{color:var(--primary);font-size:1.35rem;font-weight:800;gap:10px;letter-spacing:-.5px}.logo-icon{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:9px;color:#fff;font-size:.85rem;font-weight:900;height:36px;justify-content:center;width:36px}.logo-icon,.nav-links{align-items:center;display:flex}.nav-links{gap:2px;list-style:none}.nav-links a{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:7px 14px;transition:background .2s,color .2s}.nav-links a:hover{background:var(--primary-light);color:var(--primary)}.nav-actions{gap:10px}.btn-theme,.nav-actions{align-items:center;display:flex}.btn-theme{background:var(--surface);border:1.5px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:.9rem;height:36px;justify-content:center;transition:background .2s,color .2s;width:36px}.btn-theme:hover{background:var(--primary-light);color:var(--primary)}.btn-demo{background:var(--primary);border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;padding:9px 20px;transition:background .2s,transform .15s}.btn-demo:hover{background:var(--primary-dark);transform:translateY(-1px)}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px;padding:4px}.hamburger span{background:var(--text);border-radius:2px;display:block;height:2.5px;transition:.3s;width:22px}#hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:calc(var(--nav-height) + 60px) 5% 80px;position:relative;text-align:center}.hero-bg{background:linear-gradient(135deg,#f0f4ff,#faf5ff 50%,#f0f9ff);inset:0;position:absolute;z-index:0}[data-theme=dark] .hero-bg{background:linear-gradient(135deg,#0b1120,#110f25 50%,#0a1520)}.hero-orb{animation:float 7s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.55;position:absolute}.orb1{background:radial-gradient(circle,#6d90fa55,transparent);height:500px;right:-80px;top:-100px;width:500px}.orb2{animation-delay:-3.5s;background:radial-gradient(circle,#845ef766,transparent);bottom:-50px;height:350px;left:-60px;width:350px}.orb3{animation-delay:-1.5s;background:radial-gradient(circle,#38d9a944,transparent);height:250px;left:30%;top:40%;width:250px}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.hero-grid{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:50px 50px;inset:0;opacity:.3;position:absolute}.hero-content{max-width:820px;position:relative;z-index:1}.hero-badge{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:40px;box-shadow:var(--shadow-sm);color:var(--primary);display:inline-flex;font-size:.8rem;font-weight:600;gap:7px;margin-bottom:28px;padding:6px 16px}.hero-badge i{animation:pulse 1.8s infinite;color:var(--success);font-size:.65rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{color:var(--text);font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900;letter-spacing:-1.5px;line-height:1.1;margin-bottom:22px}.hero-title .gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);font-size:1.15rem;font-weight:400;margin:0 auto 38px;max-width:560px}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:60px}.btn-primary{align-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:40px;box-shadow:0 6px 22px rgba(59,91,219,.35);color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:8px;padding:14px 28px;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 10px 30px rgba(59,91,219,.45);transform:translateY(-2px)}.btn-outline{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:40px;color:var(--text);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:13px 28px;transition:border-color .2s,background .2s,transform .2s}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.hero-stats{display:flex;flex-wrap:wrap;gap:48px;justify-content:center}.stat-item{text-align:center}.stat-number{color:var(--text);display:block;font-size:2rem;font-weight:900;letter-spacing:-1px}.stat-label{color:var(--text-muted);font-size:.78rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}section{padding:90px 5%}.section-inner{margin:0 auto;max-width:1200px}.section-tag{background:var(--primary-light);border-radius:40px;color:var(--primary);display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.5px;margin-bottom:14px;padding:5px 14px;text-transform:uppercase}.section-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:14px}.section-sub{color:var(--text-secondary);font-size:1.05rem;max-width:560px}.section-header{margin-bottom:56px}.section-header.center{text-align:center}.section-header.center .section-sub{margin:0 auto}#features{background:var(--surface)}.features-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.feature-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;padding:26px 22px;position:relative;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:before{background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s}.feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-icon{align-items:center;background:var(--primary-light);border-radius:12px;color:var(--primary);display:flex;font-size:1.15rem;height:46px;justify-content:center;margin-bottom:16px;transition:background .25s;width:46px}.feature-card:hover .feature-icon{background:var(--primary);color:#fff}.feature-title{font-size:.95rem;font-weight:700;margin-bottom:7px}.feature-desc{color:var(--text-secondary);font-size:.83rem;line-height:1.55}#howitworks{background:var(--bg)}.steps{display:flex;flex-wrap:nowrap;gap:0;position:relative}.steps:before{background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:2px;left:10%;position:absolute;top:40px;width:80%;z-index:0}.step{flex:1;padding:0 16px;position:relative;text-align:center;z-index:1}.step-num{align-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;box-shadow:0 8px 22px rgba(59,91,219,.35);color:#fff;display:flex;font-size:1.5rem;font-weight:900;height:80px;justify-content:center;margin:0 auto 22px;transition:transform .3s;width:80px}.step:hover .step-num{transform:scale(1.1)}.step-icon-inner{font-size:1.3rem}.step-title{font-size:1rem;font-weight:700;margin-bottom:8px}.step-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.55}#dashboard{background:var(--surface)}.dash-wrapper{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transform:perspective(1200px) rotateX(3deg);transition:transform .4s}.dash-wrapper:hover{transform:perspective(1200px) rotateX(0deg)}.dash-topbar{align-items:center;background:var(--primary);display:flex;gap:8px;padding:10px 18px}.dot{border-radius:50%;height:12px;width:12px}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.dash-topbar-title{color:hsla(0,0%,100%,.7);font-size:.78rem;margin-left:8px}.dash-body{display:flex;min-height:460px}.dash-sidebar{background:#0f1c3a;flex-shrink:0;padding:20px 0;width:200px}[data-theme=dark] .dash-sidebar{background:#080e1d}.sidebar-logo{border-bottom:1px solid hsla(0,0%,100%,.08);color:#fff;font-size:.95rem;font-weight:800;letter-spacing:-.3px;padding:0 18px 20px}.sidebar-logo span{color:#6d90fa}.sidebar-nav{padding:14px 10px}.sidebar-nav a{align-items:center;border-radius:7px;color:hsla(0,0%,100%,.55);display:flex;font-size:.8rem;font-weight:500;gap:9px;margin-bottom:2px;padding:8px 10px;transition:background .2s,color .2s}.sidebar-nav a.active,.sidebar-nav a:hover{background:rgba(109,144,250,.15);color:#6d90fa}.sidebar-nav a i{width:14px}.dash-main{flex:1;overflow:hidden;padding:22px}.dash-stats{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.stat-card-label{color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.4px;margin-bottom:5px;text-transform:uppercase}.stat-card-val{color:var(--text);font-size:1.35rem;font-weight:800}.stat-card-sub{color:var(--success);font-size:.72rem;margin-top:3px}.dash-charts{display:grid;gap:14px;grid-template-columns:1.8fr 1fr}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}.chart-title{color:var(--text);font-size:.8rem;font-weight:700;margin-bottom:12px}.mini-table{border-collapse:collapse;font-size:.75rem;width:100%}.mini-table th{color:var(--text-muted);font-weight:600;letter-spacing:.4px;padding:5px 8px;text-align:left;text-transform:uppercase}.mini-table td,.mini-table th{border-bottom:1px solid var(--border)}.mini-table td{color:var(--text-secondary);padding:7px 8px}.badge{border-radius:20px;display:inline-block;font-size:.68rem;font-weight:600;padding:2px 8px}.badge-green{background:#d3f9d8;color:#2f9e44}.badge-blue{background:#dbe4ff;color:#3b5bdb}.badge-yellow{background:#fff3bf;color:#e67700}[data-theme=dark] .badge-green{background:#1a3d25;color:#69db7c}[data-theme=dark] .badge-blue{background:#1a2147;color:#748ffc}[data-theme=dark] .badge-yellow{background:#3d2e00;color:#ffd43b}#pricing{background:var(--bg)}.pricing-grid{display:flex;gap:24px;justify-content:center}.pricing-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:34px 30px;position:relative;transition:transform .25s,box-shadow .25s}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.pricing-card.featured{border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,91,219,.12)}.popular-badge{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;left:50%;padding:4px 18px;position:absolute;top:-14px;transform:translateX(-50%);white-space:nowrap}.plan-name{color:var(--text-muted);font-size:.9rem;font-weight:700;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.plan-price{color:var(--text);font-size:2.6rem;font-weight:900;letter-spacing:-2px;line-height:1;margin-bottom:6px}.plan-price sup{font-size:1.1rem;font-weight:700;letter-spacing:0;margin-top:10px;vertical-align:top}.plan-price sub{color:var(--text-muted);font-size:.8rem;font-weight:500;letter-spacing:0}.plan-tagline{color:var(--text-secondary);font-size:.83rem;margin-bottom:24px}.plan-divider{background:var(--border);height:1px;margin-bottom:22px}.plan-features{display:flex;flex-direction:column;gap:10px;list-style:none;margin-bottom:28px}.plan-features li{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:.85rem;gap:9px}.plan-features li i{color:var(--success);flex-shrink:0;margin-top:2px}.plan-features li.disabled{color:var(--text-muted)}.plan-features li.disabled i{color:var(--border)}.btn-plan{background:transparent;border:2px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:.9rem;font-weight:700;padding:13px;transition:.2s;width:100%}.btn-plan:hover{border-color:var(--primary);color:var(--primary)}.featured .btn-plan{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:transparent;color:#fff}.featured .btn-plan:hover{opacity:.9;transform:translateY(-1px)}.pricing-footer{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:40px;text-align:center}.pricing-footer-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:500;gap:7px}.pricing-footer-item i{color:var(--success)}#cta{background:linear-gradient(135deg,var(--primary),var(--accent));padding:90px 5%}.cta-inner{margin:0 auto;max-width:680px;text-align:center}.cta-title{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-1px;margin-bottom:16px}.cta-sub{color:hsla(0,0%,100%,.8);font-size:1.05rem;margin-bottom:38px}.cta-form{display:flex;gap:10px;justify-content:center;margin:0 auto;max-width:460px}.cta-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.15);border:none;border-radius:40px;color:#fff;flex:1;font-family:inherit;font-size:.9rem;outline:none;padding:14px 18px}.cta-input::-moz-placeholder{color:hsla(0,0%,100%,.6)}.cta-input::placeholder{color:hsla(0,0%,100%,.6)}.cta-input:focus{background:hsla(0,0%,100%,.22)}.btn-cta{background:#fff;border:none;border-radius:40px;color:var(--primary);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:700;padding:14px 24px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.btn-cta:hover{box-shadow:0 8px 22px rgba(0,0,0,.2);transform:translateY(-2px)}footer{background:#0b1225;color:hsla(0,0%,100%,.6);padding:56px 5% 30px}[data-theme=dark] footer{background:#060b17}.footer-inner{margin:0 auto;max-width:1200px}.footer-top{border-bottom:1px solid hsla(0,0%,100%,.08);display:grid;gap:48px;grid-template-columns:1.5fr repeat(3,1fr);margin-bottom:28px;padding-bottom:40px}.footer-brand .logo{color:#fff;margin-bottom:14px}.footer-brand p{font-size:.83rem;line-height:1.65}.footer-col h4{color:#fff;font-size:.88rem;font-weight:700;margin-bottom:16px}.footer-col ul{display:flex;flex-direction:column;gap:10px;list-style:none}.footer-col ul li a{font-size:.83rem;transition:color .2s}.footer-col ul li a:hover{color:#fff}.footer-bottom{align-items:center;display:flex;flex-wrap:wrap;font-size:.78rem;gap:12px;justify-content:space-between}.footer-bottom a{color:hsla(0,0%,100%,.5)}.footer-bottom a:hover{color:#fff}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.mobile-nav{background:var(--surface);border-bottom:1.5px solid var(--border);box-shadow:var(--shadow);display:none;flex-direction:column;gap:4px;left:0;padding:16px 5%;position:fixed;right:0;top:var(--nav-height);z-index:999}.mobile-nav.open{display:flex}.mobile-nav a{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.92rem;font-weight:500;padding:11px 14px;transition:background .2s}.mobile-nav a:hover{background:var(--primary-light);color:var(--primary)}@media (max-width:1024px){.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-charts{grid-template-columns:1fr}.dash-sidebar{width:160px}.footer-top{gap:32px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav-links{display:none}.hamburger{display:flex}.hero-stats{gap:28px}.features-grid{grid-template-columns:1fr 1fr}.steps{flex-direction:column;gap:32px}.steps:before{display:none}.pricing-grid{grid-template-columns:1fr;margin:0 auto;max-width:420px}.dash-sidebar{display:none}.dash-stats{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr}.footer-bottom{text-align:center}.cta-form,.footer-bottom{flex-direction:column}}@media (max-width:480px){.features-grid{grid-template-columns:1fr}.hero-title{font-size:2.2rem}}