:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#232437;background:#fdfcfb;line-height:1.6;--brand:#6254d8;--dark:#232437;--muted:#707386;--line:#e9e7ee;--soft:#f3f1ff;--good:#16885c;--warn:#a5640a;--bad:#c13b4b}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{text-decoration:none;color:inherit}header{height:76px;max-width:1240px;padding:0 30px;margin:auto;display:flex;align-items:center;gap:12px}.brand{margin-right:auto;font-size:19px;font-weight:800;letter-spacing:-.04em}.brand i{font-style:normal;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--brand);color:#fff;margin-right:7px;font-size:18px}nav{display:flex;gap:25px;margin-right:20px}nav button,.plain{font-size:14px;color:#57596a}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:12px 18px;background:var(--brand);color:#fff;border-radius:11px;font-weight:750;font-size:14px;box-shadow:0 8px 20px #6254d82b;transition:.18s}.button:hover{background:#5041c4;transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.compact{padding:9px 15px;background:#252538}.button.outline{background:#fff;color:var(--dark);border:1px solid var(--line);box-shadow:none}.wide{width:100%;margin-top:14px}main{min-height:calc(100vh - 152px)}.hero{max-width:1170px;margin:auto;padding:88px 30px 80px;min-height:585px;display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:86px}.kicker{color:var(--brand);font-size:13px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}.hero h1,.form h1,.dashboard h1,.result h1{font-size:clamp(38px,5vw,63px);line-height:1.1;letter-spacing:-.067em;margin:0 0 22px}.hero em{font-style:normal;color:var(--brand)}.lead{font-size:18px;color:var(--muted);margin:0 0 28px;max-width:550px}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.meta,.fine{font-size:12px;color:#9294a1;margin-top:18px}.mock{height:340px;position:relative;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #e5e2ee;box-shadow:0 26px 70px #382c6e20;transform:rotate(2deg)}.bar{height:44px;background:#f5f4f9;display:flex;align-items:center;gap:6px;padding:0 15px}.bar i{width:8px;height:8px;background:#d5d1df;border-radius:50%}.bar span{font-size:10px;background:#fff;color:#9994a5;padding:5px 11px;border-radius:5px;flex:1;text-align:center;margin-left:7px}.page{height:296px;padding:42px;background:linear-gradient(135deg,#eeeaff,#fff 57%,#e4faef)}.page p{font-weight:750;color:var(--brand)}.page h2{font-size:31px;line-height:1.18;letter-spacing:-.06em}.page button{padding:8px 13px;background:var(--dark);color:#fff;border-radius:7px;font-size:11px}.mock aside{position:absolute;right:17px;bottom:18px;background:#fff;border:1px solid #d5eddf;border-radius:10px;padding:9px 12px;color:var(--good);font-size:12px;font-weight:700;box-shadow:0 8px 20px #0001}.section{max-width:1170px;padding:85px 30px;margin:auto}.section h2,.promise h2{font-size:36px;line-height:1.2;letter-spacing:-.05em;margin:0 0 38px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps article{padding:25px 20px 10px 0;margin-right:20px}.steps article+article{border-left:1px solid var(--line);padding-left:21px}.steps b{font-size:13px;color:#bbb7c9}.steps h3{font-size:17px;margin:34px 0 8px}.steps p,.promise p{color:var(--muted);font-size:14px;margin:0}.promise{max-width:1170px;margin:10px auto 100px;border-radius:24px;background:var(--soft);padding:58px 64px;display:grid;grid-template-columns:1.1fr .8fr;gap:70px}.promise h2{margin-bottom:14px}.checklist{padding:15px 25px;background:#fff;border-radius:16px;align-self:center;box-shadow:0 10px 30px #30265d0c}.checklist p{padding:11px 0;border-bottom:1px solid #efedf5;color:#424354;font-weight:600}.checklist p:last-child{border:0}.form{max-width:620px;margin:auto;padding:70px 28px 105px}.form h1{font-size:45px}.form label:not(.agreement):not(.drop){display:grid;gap:7px;font-size:13px;font-weight:700;margin:24px 0}.form input:not([type=checkbox]){border:1px solid #dedce6;padding:13px 14px;border-radius:11px;background:#fff;outline-color:var(--brand)}.drop{height:210px;border:1.5px dashed #c7c2dd;border-radius:16px;background:#fbfaff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-align:center}.drop.selected,.drop:hover{background:#f5f2ff;border-color:var(--brand)}.drop input{display:none}.drop i{font-style:normal;width:40px;height:40px;display:grid;place-items:center;background:#ebe6ff;color:var(--brand);border-radius:12px;font-size:22px}.drop small{color:var(--muted)}.agreement{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:12px;margin-top:16px}.agreement input{margin-top:3px}.agreement a{color:var(--brand)}.notice{font-size:13px;color:#a45f00;padding:9px 12px;background:#fff5e7;border-radius:9px}.center{text-align:center;padding-top:130px}.spinner{width:34px;height:34px;margin:auto;border:3px solid #ded9f5;border-top-color:var(--brand);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.report{max-width:1040px;margin:auto;padding:70px 28px 100px}.result{display:flex;gap:17px;padding:27px 30px;border-radius:18px;margin-bottom:39px}.result>span{width:37px;height:37px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:900;font-size:21px}.result.good{background:#edf9f3;color:var(--good)}.result.warn{background:#fff6e8;color:var(--warn)}.result.bad{background:#fff0f1;color:var(--bad)}.result .kicker{color:inherit;margin-bottom:3px}.result h1{font-size:30px;margin-bottom:7px}.result p:last-child{color:#535565;margin:0}.grid{display:grid;grid-template-columns:1fr 280px;gap:40px}.grid h2{margin-top:0;font-size:20px}.finding{border-top:1px solid var(--line);padding:20px 0}.finding h3{font-size:15px;margin:7px 0}.finding p{margin:5px 0;color:var(--muted);font-size:14px}.finding b{font-size:10px;letter-spacing:.08em}.finding .critical,.finding .high{color:var(--bad)}.finding .medium{color:var(--warn)}.finding .low,.finding .info{color:var(--good)}.grid aside{height:max-content;border-radius:16px;background:#f5f3ff;padding:22px}.grid aside h3{margin-top:0}.grid aside p:not(.fine){font-size:14px;color:var(--muted)}.done{text-align:center}.done>span{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#e8f8ef;color:var(--good);font-size:32px;margin:0 auto 20px}.done .url{padding:12px;background:#f3f1ff;border-radius:11px;font-weight:700;overflow-wrap:anywhere}.done img{width:145px;margin:14px}.done .actions{justify-content:center}.dashboard{max-width:1040px;margin:auto;padding:66px 28px 105px}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dashboard h1{font-size:40px;margin:0}.sites{border:1px solid var(--line);background:#fff;border-radius:16px}.sites article{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid var(--line)}.sites article:last-child{border-bottom:0}.sites i,.empty>i{font-style:normal;background:#eeeaff;color:var(--brand);border-radius:11px;padding:10px;font-weight:800}.sites h3,.sites p{margin:0}.sites p{font-size:13px;color:var(--muted)}.sites .plain{margin-left:auto}.empty{text-align:center;border:1px dashed #d2cede;border-radius:18px;padding:65px 20px}.empty>i{display:grid;place-items:center;width:44px;height:44px;margin:auto}.empty h2{margin:14px 0 4px}.empty p{color:var(--muted);margin-top:0}footer{border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;padding:35px max(30px,calc((100vw - 1180px)/2));color:var(--muted);font-size:12px}footer .brand{margin-right:auto;color:var(--dark)}@media(max-width:760px){header{height:64px;padding:0 18px}header nav,header>.plain{display:none}.hero{display:block;min-height:auto;padding:65px 22px}.hero h1{font-size:47px}.mock{margin:54px 7px 0;height:286px}.page{height:242px;padding:28px}.section{padding:60px 22px}.section h2,.promise h2{font-size:30px}.steps{grid-template-columns:1fr 1fr}.steps article{margin-right:10px}.steps article+article{padding-left:12px}.steps article:nth-child(3){border-left:0;padding-left:0}.promise{display:block;margin:0 18px 70px;padding:36px 28px}.checklist{margin-top:28px}.form{padding:52px 22px 80px}.form h1{font-size:37px}.report{padding:42px 18px 80px}.result{padding:20px}.result h1{font-size:25px}.grid{grid-template-columns:1fr;gap:24px}.dashboard{padding:45px 20px 80px}.dashboard h1{font-size:34px}.dash-head{align-items:flex-start;gap:12px}.dash-head .button{font-size:12px;padding:10px}footer{padding:25px 18px}footer span{display:none}}