@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#07090d;--card:#0d1118;--line:#202631;--text:#f5f7fa;--muted:#9ba4b3;--accent:#8b5cf6;--accent2:#a78bfa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.nav{height:76px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05)}.logo{font:800 25px Manrope,sans-serif;letter-spacing:-1.2px}.logo span{color:var(--accent2)}nav{display:flex;gap:32px;color:#aeb5c1;font-size:14px}.nav-cta{border:1px solid #303745;padding:10px 16px;border-radius:10px;font-size:14px;background:#0c1016}.hero{max-width:1180px;margin:auto;padding:100px 24px 70px;text-align:center;position:relative}.badge,.eyebrow{display:inline-flex;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:#b9a7ff}.badge{border:1px solid #29233c;background:#110d1b;padding:8px 12px;border-radius:999px;letter-spacing:.03em;text-transform:none;font-size:12px}.hero h1{font:800 clamp(48px,7vw,82px)/1.02 Manrope,sans-serif;letter-spacing:-4px;margin:25px 0 20px}.hero h1 em{font-style:normal;color:#a78bfa}.hero>p{max-width:670px;margin:auto;color:var(--muted);font-size:18px}.hero-actions{display:flex;justify-content:center;gap:12px;margin:32px 0 20px}.btn{display:inline-flex;gap:14px;align-items:center;justify-content:center;padding:13px 19px;border-radius:10px;font-weight:700;font-size:14px}.btn.primary{background:#f5f5f5;color:#080a0f}.btn.primary:hover{transform:translateY(-1px)}.btn.ghost{border:1px solid #303744;color:#d8dde6}.trust{font-size:12px;color:#737d8c}.trust span{color:#f5c451;letter-spacing:2px;margin-right:8px}.dashboard{max-width:1000px;margin:65px auto 0;border:1px solid #272e39;border-radius:18px;overflow:hidden;background:#0b0f15;box-shadow:0 35px 100px rgba(0,0,0,.5);text-align:left}.dash-top{height:38px;border-bottom:1px solid #242a34;display:flex;align-items:center;gap:6px;padding:0 14px}.dot{width:7px;height:7px;border-radius:50%;background:#3c4451}.dash-title{font-size:11px;color:#697281;margin-left:8px}.dash-body{display:flex;min-height:450px}aside{width:180px;border-right:1px solid #222934;padding:22px 12px}.side-logo{font:800 16px Manrope;margin:0 10px 25px}.side{padding:10px;border-radius:7px;color:#727c8b;font-size:12px;margin:3px 0}.side.active{background:#171c25;color:#fff}.side span{margin-left:7px}.dash-content{flex:1;padding:30px}.dash-heading{display:flex;justify-content:space-between;align-items:center}.dash-heading small{color:#7d8796;font-size:11px}.dash-heading h3{margin:3px 0 0;font:700 22px Manrope}.dash-heading button,.review button{border:1px solid #303744;background:#151a22;color:#fff;border-radius:7px;padding:8px 11px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.stats>div{border:1px solid #252c37;background:#0f141c;border-radius:10px;padding:16px}.stats small{display:block;color:#7d8796;font-size:10px}.stats strong{display:block;font:700 24px Manrope;margin:5px 0}.stats strong span{color:#f5c451;font-size:17px}.stats label{font-size:10px;color:#67c58b}.review{border:1px solid #252c37;background:#0f141c;border-radius:10px;padding:17px}.review-head{display:flex;align-items:center;gap:9px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#242b38;font-size:11px}.review-head strong{display:block;font-size:11px}.review-head small{color:#7d8796;font-size:9px}.status{margin-left:auto;font-size:9px;padding:4px 7px;border-radius:20px;background:#171d27;color:#9ea8b6}.review>p{font-size:12px;color:#bdc4ce}.ai{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #332d47;background:#15121e;border-radius:8px}.ai>span{color:#a78bfa}.ai div{flex:1}.ai strong,.ai small{display:block;font-size:10px}.ai small{color:#737d8c}.section{max-width:1180px;margin:auto;padding:120px 24px}.section h2{font:800 clamp(34px,5vw,55px)/1.08 Manrope;letter-spacing:-2px;margin:15px 0 55px}.section h2 span{color:#707987}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article{border:1px solid #202631;border-radius:14px;padding:28px;background:#0b0f15}.icon{width:40px;height:40px;border-radius:10px;background:#171225;color:#a78bfa;display:grid;place-items:center;margin-bottom:25px}.features h3,.steps h3{font:700 18px Manrope}.features p,.steps p,.pricing>p{color:var(--muted);font-size:14px}.how{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid #161b23}.steps{display:flex;flex-direction:column;gap:25px}.steps>div{border-left:1px solid #343b48;padding-left:22px}.steps b{color:#8e98a8;font-size:11px}.steps h3{margin:8px 0}.steps p{margin:0}.pricing{text-align:center;border-top:1px solid #161b23}.pricing h2{margin-bottom:8px}.price-card{max-width:760px;margin:45px auto 0;border:1px solid #343042;background:#100d18;border-radius:16px;padding:32px;text-align:left;display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.plan{color:#a78bfa;font-size:12px;font-weight:700}.price-card h3{font:800 38px Manrope;margin:10px 0}.price-card h3 small{font:400 13px DM Sans;color:#7e8794}.price-card p{color:var(--muted);font-size:13px}.price-card ul{list-style:none;margin:0;padding:0;color:#c9ced7;font-size:13px;line-height:2.3}.price-card .btn{grid-column:1/-1}.final-cta{margin:0 auto 100px;max-width:1180px;text-align:center;padding:90px 24px;border:1px solid #242a34;border-radius:20px;background:radial-gradient(circle at 50% 0,#171027,transparent 55%),#0b0f15}.final-cta h2{font:800 clamp(38px,5vw,60px)/1.05 Manrope;letter-spacing:-2px;margin:15px 0}.final-cta h2 span{color:#8e98a8}.final-cta p{color:var(--muted);margin-bottom:28px}footer{border-top:1px solid #171c23;max-width:1180px;margin:auto;padding:30px 24px;display:flex;align-items:center;justify-content:space-between;color:#697281;font-size:11px}footer div:last-child{display:flex;gap:20px}@media(max-width:800px){nav{display:none}.nav-cta{font-size:12px}.hero{padding-top:65px}.hero h1{letter-spacing:-2.5px}.hero-actions{flex-direction:column}.dashboard{margin-top:45px}.dash-body aside{display:none}.dash-content{padding:18px}.stats{grid-template-columns:1fr}.features,.how,.price-card{grid-template-columns:1fr}.section{padding:80px 20px}.price-card .btn{grid-column:auto}footer{flex-direction:column;gap:15px;text-align:center}}