/* СоцАгент · документы (оферта, политика) — стиль в пару к лендингу */

@font-face{
  font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;
  src:url('/nunito-cyr.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;
  src:url('/nunito-lat.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --blue:#2563EB;
  --blue-deep:#1D4ED8;
  --blue-soft:#DBEAFE;
  --surface:#EFF6FF;
  --ink:#1E2A44;
  --body:#53627F;
  --line:#E3EAF6;
  --navy:#101D35;
  --white:#FFFFFF;
}

*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'Nunito',-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:16.5px;line-height:1.7;color:var(--body);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* шапка */
.top{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);
}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:var(--ink)}
.logo:hover{text-decoration:none}
.logo b{font-weight:800}
.logo-mark{
  width:38px;height:38px;border-radius:12px;background:var(--blue);
  display:flex;align-items:center;justify-content:center;flex:none;
}
.logo span{color:var(--blue)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:800;color:var(--white);
  background:var(--blue);border:none;border-radius:14px;
  padding:11px 22px;white-space:nowrap;
  transition:background .15s,box-shadow .15s;
}
.btn:hover{background:var(--blue-deep);text-decoration:none;box-shadow:0 6px 16px rgba(37,99,235,.25)}
.btn-ghost{background:transparent;color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue-soft)}
.btn-ghost:hover{background:var(--surface);box-shadow:inset 0 0 0 2px var(--blue)}

/* документ */
.doc{max-width:800px;padding-top:48px;padding-bottom:80px}
.doc h1{
  color:var(--ink);font-weight:800;line-height:1.2;text-wrap:balance;
  font-size:clamp(28px,4vw,38px);margin-bottom:14px;
}
.updated{
  display:inline-block;background:var(--surface);color:var(--blue);
  font-size:13.5px;font-weight:800;border-radius:10px;
  padding:5px 14px;margin-bottom:28px;
}
.doc h2{
  color:var(--ink);font-weight:800;font-size:21px;line-height:1.3;
  margin:40px 0 12px;padding-top:24px;border-top:1px solid var(--line);
}
.doc p{margin-bottom:12px}
.doc ul{margin:0 0 14px;padding-left:0;list-style:none}
.doc li{position:relative;padding-left:26px;margin-bottom:8px}
.doc li::before{
  content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;
  border-radius:50%;background:var(--blue-soft);box-shadow:inset 0 0 0 2px var(--blue);
}
.doc b{color:var(--ink);font-weight:800}
.doc .req{
  background:var(--surface);border-radius:16px;padding:20px 24px;margin-top:8px;
}

/* футер */
footer{background:var(--navy);color:#B9C6DE;padding:32px 0;font-size:14.5px}
footer .cols{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
footer a{color:#B9C6DE}
footer a:hover{color:var(--white)}

@media (max-width:700px){
  .doc{padding-top:32px;padding-bottom:56px}
  .top .wrap{height:64px}
}