:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#17223a;background:#fff;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}.nav{height:76px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:23px;font-weight:850;letter-spacing:-.8px}.logo{display:inline-grid;place-items:center;background:#6651f6;color:white;width:33px;height:33px;border-radius:9px;margin-right:5px}.nav nav{display:flex;gap:26px;font-size:14px;color:#43506a}.hero{background:#0b1427;color:#fff;padding:90px 0 100px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px}.eyebrow{color:#9e93ff;font-size:12px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(45px,5.3vw,76px);line-height:1.09;letter-spacing:-3px;margin:22px 0}.hero h1 span{color:#9486ff}.hero p{color:#c2cad9;font-size:17px;line-height:1.8;max-width:530px}.btn{display:inline-flex;background:#6954f6;color:#fff;padding:17px 25px;border-radius:11px;font-weight:750;margin-top:18px;box-shadow:0 8px 25px #4637bd35}.btn:hover{background:#5843e8}.btn.disabled{background:#4d5670;cursor:not-allowed}.hero .micro{font-size:12px;color:#9da9bd;margin-top:12px}.preview{background:#fff;color:#17223a;border-radius:22px;padding:24px;box-shadow:0 26px 70px #02071780;transform:rotate(1deg)}.preview-top{display:flex;justify-content:space-between;font-size:10px;font-weight:800;color:#6454d8;border-bottom:1px solid #e9ebf1;padding-bottom:15px}.preview h3{font-size:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats>div{background:#f5f5ff;border-radius:10px;padding:12px}.stats strong{display:block;font-size:23px}.stats small,.task small{display:block;font-size:11px;color:#77829b;margin-top:5px}.task{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:22px;font-size:12px}.pill{border-radius:20px;padding:7px 9px;background:#eaf1ff;color:#3362a9;font-size:10px}.pill.purple{background:#f0eaff;color:#7d48c1}.pill.green{background:#e6f7ed;color:#248252}.bar{height:7px;border-radius:10px;background:#ecedf5;margin-top:9px;overflow:hidden}.bar i{display:block;background:#745ef6;height:100%;border-radius:10px}.preview .demo{text-align:right;color:#9098a9;font-size:10px;margin:16px 0 0}.section{padding-top:92px;padding-bottom:92px}.center{text-align:center;margin-bottom:38px}.center h2,.download-panel h2{font-size:clamp(28px,3.5vw,43px);letter-spacing:-1.5px;margin:12px 0}.center p{color:#68758d}.eyebrow.light{color:#6554db}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{border:1px solid #e6e8ef;padding:27px;border-radius:16px}.cards article span{display:grid;place-items:center;background:#f0edff;color:#6451dc;width:44px;height:44px;border-radius:12px;font-size:24px}.cards h3,.steps h3{font-size:17px}.cards p,.steps p{color:#6e7a90;line-height:1.7;font-size:14px}.pale{background:#f7f8fc}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{background:white;padding:30px;border-radius:15px}.steps article span{color:#6b54e8;font-weight:850;font-size:26px}.download-panel{background:#101a30;color:#fff;padding:55px;border-radius:24px;text-align:center}.download-panel>p{color:#bfc9d9;line-height:1.7}.guide{max-width:750px;margin:45px auto 0;text-align:left;background:#1a2943;padding:26px 32px;border-radius:15px}.guide h3{margin-top:0}.guide li{padding:8px 0;line-height:1.65;color:#e1e6f0}.privacy-note{font-size:12px;line-height:1.6;color:#b8c4d7}.notice{background:#2b3650;padding:16px;border-radius:10px}.soon{display:inline-block;margin-top:20px;padding:14px 25px;border:1px solid #6855e9;border-radius:10px;color:#b6aaff;font-weight:750}footer{background:#090f1e;color:#abb6c8}.foot{display:flex;justify-content:space-between;gap:20px;padding:32px 0;font-size:13px}.foot b{color:white;font-size:18px}@media(max-width:760px){.nav{height:68px}.nav nav{gap:12px;font-size:12px}.nav nav a:nth-child(2){display:none}.hero{padding:65px 0}.hero-grid{grid-template-columns:1fr;gap:50px}.hero h1{letter-spacing:-2px}.preview{transform:none}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.download-panel{padding:35px 20px}.guide{padding:22px}.section{padding-top:65px;padding-bottom:65px}}@media(max-width:480px){.cards{grid-template-columns:1fr}.foot{flex-direction:column}.nav nav{gap:10px}.brand{font-size:20px}}
