*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#17142b;background:#fff}a{text-decoration:none;color:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);z-index:10;border-bottom:1px solid #eee}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#6c2cff,#00b8ff);color:#fff;box-shadow:0 8px 24px #6c2cff35}.topbar nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}.topbar nav a:hover{color:#6c2cff}.btn{border:0;border-radius:12px;padding:11px 18px;font-weight:750;cursor:pointer;font-size:14px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#6c2cff,#9a4dff);box-shadow:0 10px 25px #6c2cff30}.btn-outline{background:#fff;border:1px solid #ddd}.btn-soft{background:#f2edff;color:#5b22db}.btn-lg{padding:15px 22px;font-size:15px}.white{background:#fff;color:#5b22db}.menu{display:none;border:0;background:none;font-size:24px}.hero{padding:90px 7% 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;background:radial-gradient(circle at 85% 25%,#d9f5ff 0,#fff 30%),radial-gradient(circle at 10% 20%,#eee2ff 0,#fff 30%)}.pill,.eyebrow{display:inline-block;color:#6527df;font-weight:800;font-size:12px;letter-spacing:1px}.pill{padding:9px 13px;background:#f0eaff;border-radius:99px;letter-spacing:0}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-3px;margin:18px 0}.hero h1 span{background:linear-gradient(90deg,#6c2cff,#00a8e8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.7;color:#67627a;max-width:620px}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust{font-size:12px;color:#858096}.trust span{color:#17b878}.hero-card{background:linear-gradient(145deg,#fff,#f7f3ff);border:1px solid #e5defb;border-radius:25px;padding:25px;box-shadow:0 30px 80px #4920a51c;transform:rotate(1deg)}.card-top{display:flex;justify-content:space-between;font-weight:800;margin-bottom:25px}.live{color:#13a66c;font-size:11px}.campaign{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:14px;box-shadow:0 8px 25px #25114b0b}.avatar{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ffb347)}.campaign small,.metric-row small{display:block;color:#898398;margin-top:4px}.campaign strong{margin-left:auto}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.metric-row div{padding:15px;background:#fff;border-radius:14px}.chart{height:120px;display:flex;align-items:end;gap:7px;padding:15px;background:#fff;border-radius:16px}.chart i{display:block;flex:1;background:linear-gradient(#6c2cff,#b68cff);border-radius:8px 8px 2px 2px}.chart i:nth-child(1){height:35%}.chart i:nth-child(2){height:50%}.chart i:nth-child(3){height:42%}.chart i:nth-child(4){height:66%}.chart i:nth-child(5){height:55%}.chart i:nth-child(6){height:78%}.chart i:nth-child(7){height:69%}.chart i:nth-child(8){height:88%}.chart i:nth-child(9){height:75%}.chart i:nth-child(10){height:96%}.section{padding:90px 7%}.section-head{text-align:center;max-width:760px;margin:0 auto 50px}.section h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px;margin:10px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature,.price-card,.step{border:1px solid #ebe7f3;border-radius:20px;padding:25px;background:#fff;box-shadow:0 10px 30px #22113b08}.feature{min-height:220px}.icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:23px}.purple{background:#eee7ff}.blue{background:#e4f7ff}.orange{background:#fff0dc}.green{background:#e5faef}.feature p,.step p,.price-card p{color:#777185;line-height:1.65}.tinted{background:#f8f6ff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step b{font-size:42px;color:#7a38ef}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:auto}.price-card{position:relative}.price-card.popular{border:2px solid #7a38ef;box-shadow:0 20px 50px #7a38ef1a}.popular-tag{position:absolute;right:18px;top:18px;background:#7a38ef;color:#fff;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:800}.price{font-size:44px;font-weight:850;margin:15px 0}.price-card ul{padding-left:18px;line-height:2.1;color:#5f596d}.full{width:100%}.cta{margin:0 7% 80px;padding:55px 6%;border-radius:28px;background:linear-gradient(120deg,#5921dc,#8c36ef 55%,#00a8e8);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 25px 60px #6127d82e}.cta .eyebrow{color:#dcd0ff}.cta h2{font-size:42px;margin:10px 0}.cta p{opacity:.85}.modal{display:none;position:fixed;inset:0;background:#15102b99;backdrop-filter:blur(7px);z-index:20;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-box{background:#fff;border-radius:22px;padding:30px;max-width:480px;width:100%;position:relative;box-shadow:0 30px 100px #0003}.close{position:absolute;right:18px;top:14px;border:0;background:#f1eef7;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.modal-box input,.modal-box select,.modal-box textarea{width:100%;margin:7px 0;padding:13px;border:1px solid #ddd7e8;border-radius:11px;font:inherit}.modal-box textarea{min-height:100px;resize:vertical}footer{padding:50px 7%;border-top:1px solid #eee;color:#777185}footer p{margin:12px 0 6px}footer small{color:#999}.light{color:#e0d3ff}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.grid{grid-template-columns:repeat(2,1fr)}.pricing{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.topbar nav{display:none}.menu{display:block}.topbar nav.open{display:flex;position:absolute;top:76px;left:0;right:0;padding:20px;background:#fff;flex-direction:column;border-bottom:1px solid #eee}.cta{flex-direction:column;align-items:flex-start}.hero-card{transform:none}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{padding-left:5%;padding-right:5%}.section{padding-left:5%;padding-right:5%}.cta{margin-left:5%;margin-right:5%}.hero h1{letter-spacing:-2px}.hero-actions{flex-direction:column}.btn-lg{width:100%}}