:root{--i:#15122b;--m:#5b5776;--l:#e7e4f2;--s:#f7f6fc;--v:#7c3ac8;--d:#3a2f8a;--a:#e07a54}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--i);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}.w{max-width:1060px;margin:0 auto;padding:0 24px}.n{max-width:750px}
header{position:sticky;top:0;z-index:9;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--l)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px;max-width:1060px;margin:0 auto;padding:0 24px}
.b{display:flex;align-items:center;gap:9px;font-weight:700;font-size:19px;text-decoration:none;letter-spacing:-.02em}
.nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.nav ul a{color:var(--m);text-decoration:none;font-size:15px}
@media(max-width:760px){.nav ul{display:none}}
.hero{padding:86px 0 70px;background:radial-gradient(900px 400px at 12% -10%,rgba(124,58,200,.14),transparent 60%),radial-gradient(700px 340px at 92% 0,rgba(224,122,84,.13),transparent 60%)}
.e{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--v);font-weight:700;margin:0 0 16px}
h1{margin:0 0 18px;font-size:clamp(33px,5vw,52px);line-height:1.08;letter-spacing:-.03em;max-width:16ch}
.ld{margin:0 0 30px;font-size:19px;color:var(--m);max-width:58ch}
.btn{display:inline-block;padding:13px 24px;border-radius:12px;text-decoration:none;font-weight:600;font-size:15px;margin-right:10px}
.p{background:linear-gradient(135deg,var(--d),var(--v));color:#fff}.g{border:1px solid var(--l)}
section{padding:70px 0;border-top:1px solid var(--l)}
h2{margin:0 0 12px;font-size:clamp(25px,3vw,32px);letter-spacing:-.02em}
.sb{margin:0 0 38px;color:var(--m);max-width:62ch;font-size:17px}
.gr{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(262px,1fr))}
.c{background:var(--s);border:1px solid var(--l);border-radius:16px;padding:25px}
.c h3{margin:0 0 8px;font-size:17px}.c p{margin:0;color:var(--m);font-size:15px}
.ic{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;margin-bottom:15px;background:linear-gradient(135deg,var(--d),var(--v));color:#fff;font-weight:700;font-size:15px}
ol.st{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(262px,1fr))}
ol.st li{counter-increment:s;border:1px solid var(--l);border-radius:16px;padding:25px}
ol.st li::before{content:counter(s);display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--a);color:#fff;font-weight:700;font-size:14px;margin-bottom:14px}
ol.st h3{margin:0 0 8px;font-size:17px}ol.st p{margin:0;color:var(--m);font-size:15px}
.ch{display:flex;gap:11px;flex-wrap:wrap}
.chip{border:1px solid var(--l);border-radius:99px;padding:9px 18px;font-size:15px;font-weight:600}
.chip span{color:var(--m);font-weight:400}
.dt{background:var(--s)}.dt ul{margin:0;padding-left:20px;color:var(--m);max-width:70ch}.dt li{margin-bottom:10px}
main.doc{padding:54px 0 80px}main.doc h1{font-size:34px;max-width:none}
.up{color:var(--m);margin:0 0 38px;font-size:15px}
main.doc h2{font-size:20px;margin:38px 0 11px}
main.doc p,main.doc li{color:#2c2846}main.doc ul{padding-left:20px}main.doc li{margin-bottom:8px}
main.doc a{color:var(--v)}
.nt{background:var(--s);border:1px solid var(--l);border-radius:14px;padding:19px 21px;margin:26px 0}
footer{border-top:1px solid var(--l);padding:38px 0 58px;color:var(--m);font-size:14.5px}
footer a{color:var(--m);text-decoration:none;margin-right:22px}