/* Стили лендинга Квади: темы, шрифты, сетка блоков, форма заявки и движение. */
:root{
  color-scheme:light;
  --bg:#f1f3f6; --ink:#101318; --dim:#5b6470; --white:#ffffff; --line:#dde1e7; --focus:#5b8def;
  --on-ink:#ffffff; --ink-hover:#2a3140; --card-hover:#ffffff; --soft:#3a424d; --lead:#2f3742; --line-strong:#c3cad4;
  --cta-bg:#101318; --cta-line:transparent; --shadow:#10131914; --shadow-hover:#10131918;
  --t0:#ffd9cf; --i0:#6b2a17; --t1:#ffeab0; --i1:#5e4300; --t2:#d6e4ff; --i2:#18356d; --t3:#cdeedd; --i3:#14513a; --t4:#e6d9ff; --i4:#3d2878; --t5:#ffd6e6; --i5:#6d1c3e;
  --display:'Montserrat','Arial Black',sans-serif; --body:'Manrope',system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0e1115; --ink:#eef1f5; --dim:#9aa5b1; --white:#171b21; --line:#262c34; --focus:#7aa6ff;
    --on-ink:#101318; --ink-hover:#ffffff; --card-hover:#1d222a; --soft:#c3cad4; --lead:#d3d9e1; --line-strong:#3a424d;
    --cta-bg:#171b21; --cta-line:#262c34; --shadow:#00000066; --shadow-hover:#00000080;
    --t0:#3d2219; --i0:#ffd9cf; --t1:#3a2f10; --i1:#ffeab0; --t2:#18284a; --i2:#d6e4ff; --t3:#153a2b; --i3:#cdeedd; --t4:#2b2150; --i4:#e6d9ff; --t5:#4a1d33; --i5:#ffd6e6;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
    --bg:#0e1115; --ink:#eef1f5; --dim:#9aa5b1; --white:#171b21; --line:#262c34; --focus:#7aa6ff;
    --on-ink:#101318; --ink-hover:#ffffff; --card-hover:#1d222a; --soft:#c3cad4; --lead:#d3d9e1; --line-strong:#3a424d;
    --cta-bg:#171b21; --cta-line:#262c34; --shadow:#00000066; --shadow-hover:#00000080;
    --t0:#3d2219; --i0:#ffd9cf; --t1:#3a2f10; --i1:#ffeab0; --t2:#18284a; --i2:#d6e4ff; --t3:#153a2b; --i3:#cdeedd; --t4:#2b2150; --i4:#e6d9ff; --t5:#4a1d33; --i5:#ffd6e6;
    color-scheme:dark;
}
@font-face{font-family:'Montserrat';font-weight:800;font-style:normal;font-display:swap;src:url(fonts/montserrat-800-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-weight:800;font-style:normal;font-display:swap;src:url(fonts/montserrat-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-weight:400 700;font-style:normal;font-display:swap;src:url(fonts/manrope-variable-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-weight:400 700;font-style:normal;font-display:swap;src:url(fonts/manrope-variable-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.notice{margin:0;color:#c9f2dd;font-size:15px;line-height:1.45;max-width:none}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);overflow-x:clip}
button{font:inherit;color:inherit}
a{color:inherit}
.pad{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.wrap{max-width:1320px;margin:0 auto}
.nav{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid transparent;transition:border-color .2s;padding-top:env(safe-area-inset-top,0px)}
.nav.scrolled{border-color:var(--line)}
.nav .in{display:flex;align-items:center;gap:28px;height:72px}
.logo{display:flex;align-items:center;gap:10px;font:800 24px var(--display);letter-spacing:-.04em;text-decoration:none}
.logo svg{width:36px;height:36px}
.nav ul{display:flex;gap:26px;list-style:none;margin:0 auto 0 12px;padding:0}
.nav a.l{text-decoration:none;font-weight:600;font-size:15px;color:var(--lead)}
.nav a.l:hover{color:var(--ink);text-decoration:underline;text-underline-offset:6px}
.btn{border:0;border-radius:14px;height:50px;padding:0 28px;font:700 16px var(--body);cursor:pointer;background:var(--ink);color:var(--on-ink);transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-2px);background:var(--ink-hover)}
.btn.sm{height:42px;padding:0 20px;font-size:15px;white-space:nowrap}
.btn.light{background:var(--white);color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.btn.light:hover{background:var(--card-hover)}
.btn:focus-visible,summary:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.04em;text-wrap:balance}
h1{font-size:clamp(40px,5.6vw,84px);line-height:1;font-weight:800}
h2{font-size:clamp(32px,4.4vw,60px);line-height:1.04;font-weight:800}
h3{font-size:22px;line-height:1.15;font-weight:800}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding-block:56px 80px}
.hero p.lead{font-size:clamp(18px,1.7vw,23px);color:var(--lead);max-width:34rem;margin:26px 0 34px}
.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.abbr{letter-spacing:.015em}
.collage{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-self:center}
.t{border-radius:28px;padding:28px;display:grid;gap:14px;align-content:start;min-height:0;min-width:0;box-shadow:0 18px 40px var(--shadow);transition:transform .25s}
.t:hover{transform:translateY(-4px) rotate(0)}
.t b{font:800 clamp(24px,2.2vw,30px)/1.05 var(--display);letter-spacing:-.04em;overflow-wrap:anywhere}
.t small{font-size:17px;line-height:1.45;opacity:.92}
.t1{background:var(--t0);color:var(--i0);transform:rotate(-1.2deg)}
.t2{background:var(--t2);color:var(--i2);transform:rotate(1.2deg)}
.t3{background:var(--t3);color:var(--i3);transform:rotate(1deg)}
.t4{background:var(--t4);color:var(--i4);transform:rotate(-1deg)}
section.s{padding-block:84px}
.eyebrow{font:700 14px var(--body);color:var(--dim);margin-bottom:14px}
.lead2{font-size:clamp(18px,1.6vw,22px);color:var(--lead);max-width:40rem;margin-top:18px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.card{border-radius:28px;padding:30px;display:grid;gap:12px;align-content:start;min-width:0}
.card p{margin:0;font-size:17px}
.card .big{font:800 56px/1 var(--display);letter-spacing:-.05em;opacity:.35}
.qs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.qs .t b{font-size:clamp(22px,2vw,27px)}

.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.feat .card{background:var(--white);box-shadow:0 0 0 1px var(--line)}
.feat svg{width:52px;height:52px;margin-bottom:10px}
.tag{justify-self:start;font:700 12px var(--body);padding:3px 10px;border-radius:99px}
.tag.ok{background:var(--t3);color:var(--i3)}
.tag.soon{background:var(--t1);color:var(--i1)}
.rgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.rgrid .pt:nth-child(7){grid-column:span 2}
.pt{border-radius:26px;padding:28px 26px 30px;display:grid;gap:10px;align-content:start;min-width:0}
.pt .n{font:700 14px var(--body);opacity:.65}
.pt h3{font-size:var(--fs,26px)}
.pt p{margin:0;font-size:16.5px;line-height:1.55}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;counter-reset:s}
.step{background:var(--white);border-radius:28px;padding:30px;box-shadow:0 0 0 1px var(--line);display:grid;grid-template-columns:auto 1fr;gap:16px 14px;align-items:center;align-content:start}
.step .no{width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--on-ink);display:grid;place-items:center;font:800 20px var(--display)}
.step p{grid-column:1/-1;margin:0;color:var(--soft)}
.step h3{margin:0}
.faq{margin:40px auto 0;display:grid;gap:12px;max-width:960px}details{background:var(--white);border-radius:20px;box-shadow:0 0 0 1px var(--line)}
summary{cursor:pointer;list-style:none;padding:22px 26px;font:700 19px var(--body);display:flex;justify-content:space-between;gap:20px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:28px;line-height:1;color:var(--dim);transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0;padding:0 26px 24px;color:var(--soft)}
.cta{background:var(--cta-bg);box-shadow:0 0 0 1px var(--cta-line);color:#fff;border-radius:40px;padding:clamp(32px,5vw,72px);display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.cta h2{color:#fff}
.cta p{color:#c5cbd4;margin:18px 0 0;max-width:30rem}
form{display:grid;gap:16px}
label{display:grid;gap:6px;font-weight:700;font-size:15px}
label span{font-weight:400;color:#aeb6c1;font-size:14px}
input[type=text],textarea{font:inherit;color:#101318;background:#fff;border:2px solid transparent;border-radius:14px;padding:14px 16px}
input[type=text]:focus,textarea:focus{border-color:var(--focus);outline:0}
.chk{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:14px;color:#c5cbd4}
.btn.yel{background:#ffeab0;color:#5e4300}
.btn.yel:hover{background:#ffdf8f}
footer{padding-block:20px 56px;color:var(--dim);font-size:15px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px;padding-top:40px;border-top:1px solid var(--line)}
.fbrand .logo{font-size:22px;color:var(--ink)}.fbrand .logo svg{width:30px;height:30px}
.fbrand p{margin:14px 0 0;max-width:44ch;line-height:1.55}
.fcol{display:grid;gap:10px;align-content:start}
.fcol b{font:800 13px var(--body);color:var(--ink);letter-spacing:.02em}
.fcol a{color:var(--dim);text-decoration:none}.fcol a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.rv{opacity:1}
.js .rv.pre{opacity:0;transform:translateY(26px)}
.js .rv{transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1),translate .25s ease,box-shadow .25s ease,rotate .25s ease;transition-delay:calc(var(--d,0)*70ms),calc(var(--d,0)*70ms),0s,0s,0s}
@media (max-width:1080px){
  .hero{grid-template-columns:1fr}.collage{max-width:620px}
  .feat{grid-template-columns:1fr 1fr}.cta{grid-template-columns:1fr}
}
@media (max-width:760px){
  .nav ul{display:none}.nav .in{justify-content:space-between}
  .nav .btn.sm{padding:0 14px;font-size:14px}.act{gap:8px}
  .three,.steps,.feat,.qs{grid-template-columns:1fr}
  .collage{gap:12px;max-width:none}
  .t{padding:18px}.t b{font-size:21px;overflow-wrap:normal}.t small{font-size:14.5px}
  section.s{padding-block:56px}
  .fgrid{grid-template-columns:1fr 1fr;gap:28px}.fbrand{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.js .rv.pre{opacity:1;transform:none}}
.hero p.lead{margin-bottom:22px}
.pts{list-style:none;margin:0 0 32px;padding:0;display:flex;gap:10px 24px;flex-wrap:wrap;font:700 16px var(--body)}
.pts li{display:flex;align-items:center;gap:9px}
.pts li::before{content:"";width:10px;height:10px;border-radius:50%;background:#ff7a59;flex:none}
.pts li:nth-child(2)::before{background:#ffc83d}
.pts li:nth-child(3)::before{background:#3fbf8a}

.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px;align-items:stretch}
.pstack{display:grid;gap:18px;grid-template-rows:repeat(3,1fr)}
.pc{background:var(--white);box-shadow:0 0 0 1px var(--line);border-radius:26px;padding:28px 26px 30px;display:grid;gap:10px;align-content:start;min-width:0}
.pc h3{font-size:clamp(21px,1.9vw,26px)}
.pc p{margin:0;font-size:16.5px;line-height:1.55;color:var(--soft)}
@media (max-width:1080px){.rgrid{grid-template-columns:1fr 1fr}.pgrid{grid-template-columns:1fr}}
@media (max-width:760px){.rgrid,.pgrid{grid-template-columns:1fr}.rgrid .pt:nth-child(7){grid-column:auto}}
.pbig{background:var(--t4);color:var(--i4);border-radius:30px;padding:clamp(26px,3vw,40px);display:grid;gap:16px;align-content:start;min-width:0}
.pbig h3{font:800 clamp(26px,2.6vw,36px)/1.1 var(--display);letter-spacing:-.03em}
.pbig p{margin:0;font-size:17px;line-height:1.55}
.pbig .plead{font-weight:700;margin-top:4px}
.pbig .pnote{margin-top:4px;font-size:14px;opacity:.8}
.pbig .pnote a{color:inherit;text-underline-offset:3px}
.plist{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:10px}
.plist li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.5}
.plist li::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--i4);margin-top:.5em}
.ctl{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px;max-width:34rem}
.ctl li{position:relative;display:flex;gap:12px;align-items:flex-start;color:#c5cbd4;font-size:15.5px;line-height:1.5}
.ctl li:not(:last-child)::before{content:"";position:absolute;left:5px;top:calc(.4em + 12px);bottom:calc(-14px - .4em);width:2px;background:#3a424d}
.ctl li i{position:relative;z-index:1;flex:none;width:12px;height:12px;border-radius:50%;margin-top:.4em;background:var(--cta-bg);box-shadow:inset 0 0 0 2px #6b7480}
.ctl li i.on{background:#cdeedd;box-shadow:0 0 0 0 rgba(205,238,221,.6);animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(205,238,221,.6)}70%{box-shadow:0 0 0 9px rgba(205,238,221,0)}100%{box-shadow:0 0 0 0 rgba(205,238,221,0)}}
@media (prefers-reduced-motion:reduce){.ctl li i.on{animation:none}}
.ctl b{color:#fff}
.achievement{display:flex;gap:16px;align-items:center;margin:26px 0 24px;max-width:34rem;background:#ffeab0;color:#5e4300;border-radius:24px;padding:16px 20px}
.achievement svg{flex:none;width:92px;height:92px}
.achievement div{display:grid;gap:2px}
.achievement b{font:800 17px var(--display);letter-spacing:-.02em}
.achievement span{font-size:14.5px;line-height:1.45}
fieldset{border:0;margin:0;padding:0;display:grid;gap:12px}
legend{padding:0;margin-bottom:12px;font-weight:700;font-size:15px}
legend span{display:block;font-weight:400;color:#aeb6c1;font-size:14px;margin-top:2px}
.topic{display:grid;gap:8px}
.tf{font-size:15px;padding:11px 14px;resize:none;display:block;width:100%}
.tf[hidden]{display:none}
.chk input{appearance:none;-webkit-appearance:none;flex:none;display:grid;place-content:center;width:22px;height:22px;margin:0;border-radius:7px;border:2px solid #6b7480;background:transparent;cursor:pointer;transition:background .15s,border-color .15s}
.chk input::after{content:"";width:10px;height:5px;border-left:3px solid #5e4300;border-bottom:3px solid #5e4300;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .12s}
.chk input:checked{background:#ffc83d;border-color:#ffc83d}
.chk input:checked::after{transform:translateY(-1px) rotate(-45deg) scale(1)}
.chk input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
fieldset .chk{font-size:16px;color:#fff;align-items:center}
.consents{display:grid;gap:14px;margin-top:6px;padding-top:20px;border-top:1px solid #262c34}
.chk.consent{align-items:flex-start}
.cta .err{margin:-8px 0 0;max-width:none;color:#ff9b8a;font-size:14px;line-height:1.4}
.cta .consents .err{margin:-8px 0 0 34px}
.bad{border-color:#ff8a7a!important}
.chk.consent input{margin-top:1px}
.ctl b{color:#fff}

@keyframes rise{from{opacity:0;translate:0 22px}}
@keyframes pop{from{opacity:0;scale:.92;translate:0 16px}}
@keyframes fade{from{opacity:0;translate:0 -6px}}
.hero h1{animation:rise .7s cubic-bezier(.2,.8,.2,1) backwards}
.hero .lead{animation:rise .7s .08s cubic-bezier(.2,.8,.2,1) backwards}
.hero .pts{animation:rise .7s .16s cubic-bezier(.2,.8,.2,1) backwards}
.hero .row{animation:rise .7s .24s cubic-bezier(.2,.8,.2,1) backwards}
.collage .t{animation:pop .7s cubic-bezier(.2,.8,.2,1) backwards}
.collage .t1{animation-delay:.15s}.collage .t2{animation-delay:.25s}.collage .t3{animation-delay:.35s}.collage .t4{animation-delay:.45s}
.nav a.l{position:relative;text-decoration:none}
.nav a.l::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.nav a.l:hover{text-decoration:none}.nav a.l:hover::after{transform:scaleX(1)}
.logo svg{transition:rotate .35s cubic-bezier(.3,1.6,.5,1),scale .35s cubic-bezier(.3,1.6,.5,1)}
.logo:hover svg{rotate:-8deg;scale:1.08}
.btn:active{transform:translateY(0)}
.btn:disabled{opacity:.6;cursor:progress;transform:none}
.pc:hover,.pt:hover,.step:hover,.feat .card:hover,.pbig:hover{translate:0 -4px;box-shadow:0 16px 34px var(--shadow-hover)}
.pc:hover,.step:hover,.feat .card:hover{box-shadow:0 0 0 1px var(--line),0 16px 34px var(--shadow)}
.step .no{transition:rotate .3s cubic-bezier(.3,1.6,.5,1),scale .3s cubic-bezier(.3,1.6,.5,1)}
.step:hover .no{rotate:-8deg;scale:1.1}
.feat .card svg{transition:translate .3s ease,scale .3s ease}
.feat .card:hover svg{translate:0 -3px;scale:1.08}
details{transition:box-shadow .2s}
details:hover{box-shadow:0 0 0 1px var(--line-strong)}
details[open]>p{animation:fade .3s ease}
.achievement svg{transition:rotate .35s cubic-bezier(.3,1.6,.5,1),scale .35s cubic-bezier(.3,1.6,.5,1)}
.achievement:hover svg{rotate:-6deg;scale:1.06}
.chk{cursor:pointer}.chk:hover input:not(:checked){border-color:#aeb6c1}
input[type=text],textarea{transition:border-color .15s,box-shadow .15s}
input[type=text]:focus,textarea:focus{box-shadow:0 0 0 4px #5b8def40}
.fcol a{transition:color .15s}
@media (max-width:760px){
  .cta{padding:28px 20px}
  .cta>div{min-width:0}
  input[type=text],textarea{width:100%;max-width:100%}
  .achievement{max-width:100%;gap:12px;padding:14px 16px}
  .achievement svg{width:68px;height:68px}
  .achievement b{font-size:15px}
  .achievement span{font-size:13.5px}
  .achievement div{min-width:0}
  .feat .card{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;padding:22px 24px}
  .feat .card svg{grid-column:1;width:36px;height:36px;margin:0}
  .feat .card h3{grid-column:2}
  .feat .card p{grid-column:1/-1}
}

.rgrid .pt:nth-child(1){--r:-1.2deg}.rgrid .pt:nth-child(2){--r:1deg}.rgrid .pt:nth-child(3){--r:-.8deg}.rgrid .pt:nth-child(4){--r:1.2deg}.rgrid .pt:nth-child(5){--r:-1deg}.rgrid .pt:nth-child(6){--r:.9deg}.rgrid .pt:nth-child(7){--r:-1.1deg}
.pt{rotate:var(--r,0deg)}.pt:hover{rotate:0deg}
@media (max-width:760px){.pt{rotate:calc(var(--r,0deg)*.6)}}
.act{display:flex;align-items:center;gap:10px}
.tt{width:42px;height:42px;padding:0;border:0;border-radius:12px;background:var(--white);box-shadow:0 0 0 1px var(--line);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .15s}
.tt:hover{background:var(--card-hover);transform:translateY(-2px)}
.tt:active{transform:translateY(0)}
.tt:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.tt svg{grid-area:1/1;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:rotate .4s cubic-bezier(.3,1.6,.5,1),scale .3s ease,opacity .2s}
.tt .sun{opacity:0;scale:.4;rotate:-90deg}
.tt .moon{opacity:1}
:root[data-theme="dark"] .tt .sun{opacity:1;scale:1;rotate:0deg}
:root[data-theme="dark"] .tt .moon{opacity:0;scale:.4;rotate:90deg}
body{transition:background-color .3s,color .3s}
@media (hover:none){.pc:hover,.pt:hover,.step:hover,.feat .card:hover,.pbig:hover{translate:none}}
.cta .legal-note{margin:0;max-width:none;font-size:14px;color:#aeb6c1}
.cta .consent a,.cta .legal-note a,.cta .notice a,.cta > div > p a{color:#ffeab0;text-underline-offset:3px}
.doc-back{margin-left:auto;font-weight:600;font-size:15px;color:var(--lead);text-decoration:none}
.doc-back:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.doc{max-width:820px;padding-block:48px 72px;font-variant-numeric:tabular-nums}
.dochead{margin-bottom:36px;text-align:center}
.dochead .kind{margin:0 0 10px;font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--dim)}
.dochead h1{font-size:clamp(24px,3.4vw,34px);line-height:1.2;letter-spacing:-.02em;text-transform:none}
.dochead .meta{margin:14px 0 0;color:var(--dim);font-size:15px}
.doc .sec{margin:36px 0 14px;font-size:clamp(18px,2vw,21px);line-height:1.3;letter-spacing:-.01em}
.doc .sec .no{margin-right:6px}
.doc .appendix{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.cl{display:grid;grid-template-columns:48px 1fr;gap:0 8px;margin:0 0 12px}
.cl .no{color:var(--dim);font-size:16px;line-height:1.7}
.doc p{margin:0;font-size:16.5px;line-height:1.7;color:var(--soft)}
.doc a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
.sub{display:grid;gap:6px;margin:8px 0 0;padding:0 0 0 4px;list-style:none;counter-reset:sub}
.sub li{display:grid;grid-template-columns:28px 1fr;font-size:16.5px;line-height:1.65;color:var(--soft);counter-increment:sub}
.sub li::before{content:counter(sub,cyrillic-lower) ")";color:var(--dim)}
.doc table{width:100%;margin:8px 0 20px;border-collapse:collapse;font-size:15px}
.doc th,.doc td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.5}
.doc th{background:var(--white);color:var(--ink);font-weight:700}
.doc td{color:var(--soft)}
.doc table.terms th{width:30%;font-weight:700}
.doc table.data{display:block;overflow-x:auto}
.docnav{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:28px;border-top:1px solid var(--line)}
.docnav a{color:var(--dim);text-decoration:none}
.docnav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media (max-width:560px){.cl{grid-template-columns:40px 1fr}.doc table.terms th{width:36%}}
@media print{.nav,.docnav,.doc-back{display:none}body{background:#fff;color:#000}.doc{max-width:none;padding:0}.doc p,.sub li,.doc td,.doc th{color:#000;background:#fff}}
.notfound{display:grid;justify-items:start;gap:18px;padding-block:96px 120px;max-width:640px}
.notfound .code{margin:0;font:800 clamp(88px,16vw,168px)/.9 var(--display);letter-spacing:-.06em;background:linear-gradient(90deg,#ff7a59 0 25%,#ffc83d 25% 50%,#5b8def 50% 75%,#3fbf8a 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.notfound h1{font-size:clamp(30px,4.4vw,48px)}
.notfound .lead{margin:0;max-width:34rem;color:var(--lead);font-size:19px}