.nav-top{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:30}
.nav-top .in{max-width:1160px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;gap:22px}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;color:var(--primary)}.logo i{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#38bdf8);display:block}
.nav-top nav{display:flex;gap:20px;margin-left:20px;color:var(--muted);font-weight:600}.nav-top nav a:hover{color:var(--ink)}
.hero{background:linear-gradient(180deg,#eaf7f2,#f3f5f9);padding:70px 22px 50px;text-align:center}
.hero h1{font-size:46px;max-width:860px;margin:0 auto 14px;letter-spacing:-.02em}.hero p.lead{font-size:18px;color:var(--muted);max-width:720px;margin:0 auto 26px}
.sec{max-width:1160px;margin:0 auto;padding:54px 22px}.sec h2{font-size:30px;text-align:center;margin-bottom:8px}.sec .sub{text-align:center;color:var(--muted);margin-bottom:30px}
.feat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.feat .ic{width:40px;height:40px;border-radius:11px;background:#e3f5ea;display:grid;place-items:center;font-size:20px;margin-bottom:10px}.feat h3{margin-bottom:6px}
.step4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step4 .s{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.step4 .n{width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:8px}
.mock{max-width:900px;margin:36px auto 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 30px 70px rgba(11,27,43,.14);text-align:left}
footer.ft{background:var(--primary);color:#b6c2d1;padding:34px 22px;text-align:center;font-size:13px}footer.ft b{color:#fff}
.formwrap{max-width:760px;margin:0 auto;padding:30px 20px 60px}
.cbox{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-top:10px}.cbox input{margin-top:3px}
.err{color:var(--bad);font-size:12px;margin-top:3px;display:none}.bad .err{display:block}.bad .inp{border-color:var(--bad)}
@media(max-width:800px){.hero h1{font-size:32px}.step4{grid-template-columns:1fr}.nav-top nav{display:none}}