:root{
  color-scheme:light;
  --cobalt:#1F3BFF;
  --cobalt-deep:#1229C7;
  --lime:#D9FF3F;
  --ink:#0C1030;
  --text:#2C3150;
  --muted:#5D6280;
  --line:#DFE2EE;
  --tint:#F1F3FA;
  --white:#FFFFFF;
  --display:'Unbounded','Arial Black',system-ui,sans-serif;
  --body:'Golos Text',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{background:var(--white);color:var(--text);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
ul,ol{list-style:none}
code{font:600 .92em ui-monospace,Menlo,Consolas,monospace;background:var(--tint);padding:2px 6px;border-radius:6px;color:var(--ink)}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:6px}
.wrap{max-width:1140px;margin:0 auto;padding:0 max(24px,env(safe-area-inset-left,0px))}
h1,h2,h3{color:var(--ink);font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.14}
h2{font-size:clamp(25px,3.4vw,38px);margin-bottom:32px}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border-radius:12px;font:600 15px/1 var(--body);text-decoration:none;white-space:nowrap;transition:transform .16s,background .16s}
.btn svg{width:16px;height:16px}
.btn:hover{transform:translateY(-2px)}
.btn-ink{background:var(--ink);color:var(--white)}
.btn-lime{background:var(--lime);color:var(--ink);min-height:54px;padding:0 26px;font-size:16px}
.btn-line{color:var(--white);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);min-height:54px;padding:0 26px;font-size:16px}
.btn-line:hover{background:rgba(255,255,255,.1)}

/* шапка */
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}
.nav-row{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}
.brand{display:flex;align-items:center;gap:10px;font:700 17px/1 var(--display);color:var(--ink);text-decoration:none}
.brand i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--cobalt);color:var(--lime);font-style:normal;font-size:18px}
.nav-links{display:flex;gap:4px;font-size:14.5px;color:var(--muted)}
.nav-links a,.nav-scroll a{padding:8px 11px;border-radius:9px;text-decoration:none}
.nav-links a:hover{color:var(--ink);background:var(--tint)}
.nav-links a[aria-current],.nav-scroll a[aria-current]{color:var(--cobalt);font-weight:600;background:#E9ECFF}
.nav-scroll{display:none}

/* первый экран */
.hero{background:var(--cobalt);color:var(--white);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center;padding-top:84px;padding-bottom:92px}
.hero-eyebrow{font-weight:600;font-size:14.5px;color:var(--lime);margin-bottom:20px}
.hero h1{color:var(--white);font-size:clamp(33px,5vw,60px);line-height:1.08}
.hero-lead{max-width:560px;margin-top:24px;font-size:clamp(16px,1.6vw,18.5px);line-height:1.55;color:#E3E7FF}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.chat{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.qmark{position:absolute;right:-30px;top:-120px;font:700 340px/1 var(--display);color:var(--cobalt-deep);z-index:0;user-select:none}
.msg{position:relative;z-index:1;align-self:flex-start;max-width:88%;padding:13px 17px;background:var(--white);color:var(--ink);border-radius:20px 20px 20px 6px;font-size:16px;line-height:1.35;box-shadow:0 14px 30px -18px rgba(5,10,70,.8)}
.msg small{display:block;margin-bottom:3px;font-size:12.5px;font-weight:600;color:var(--cobalt)}
.msg-me{align-self:flex-end;background:var(--lime);border-radius:20px 20px 6px 20px}
.msg-me small{color:#47551A}

/* блоки */
.band{padding:84px 0}
.band-tint{background:var(--tint)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;counter-reset:s}
.steps li{counter-increment:s;border-top:3px solid var(--ink);padding-top:18px}
.steps li::before{content:counter(s);display:block;font:700 44px/1 var(--display);color:var(--cobalt);margin-bottom:18px}
.steps b{display:block;color:var(--ink);font-size:19px;margin-bottom:7px}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.compare-card{background:var(--white);border-radius:22px;padding:32px}
.compare-card h3{font-size:20px;margin-bottom:18px}
.compare-card li{position:relative;padding:9px 0 9px 26px;border-top:1px solid var(--line)}
.compare-card li::before{content:"";position:absolute;left:2px;top:17px;width:11px;height:11px;border-radius:50%;background:var(--cobalt)}
.compare-paid{background:var(--ink);color:#D9DCF0}
.compare-paid h3{color:var(--lime)}
.compare-paid li{border-color:rgba(255,255,255,.18);color:var(--white)}
.compare-paid li::before{background:var(--lime)}
.compare-paid p{margin-top:14px;font-size:14.5px}

/* тарифы */
.prices{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;align-items:stretch}
.price{display:flex;flex-direction:column;padding:26px;border:1.5px solid var(--line);border-radius:22px}
.price small{min-height:40px;font-size:14px;line-height:1.4;color:var(--muted)}
.price b{margin-top:14px;font:700 clamp(36px,4.2vw,50px)/1 var(--display);color:var(--ink);white-space:nowrap}
.price span{margin-top:9px;font-weight:600;color:var(--ink)}
.price-main{background:var(--cobalt);border-color:var(--cobalt)}
.price-main small{color:#D9DEFF}
.price-main b{color:var(--lime)}
.price-main span{color:var(--white)}
.note{margin-top:20px;max-width:780px;font-size:15px;color:var(--muted)}
.note a{color:var(--cobalt)}
.cancel{margin-top:36px;padding-top:30px;border-top:1px solid var(--line)}
.cancel h3{font-size:20px;margin-bottom:16px}
.cancel ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 36px}
.cancel li{padding-left:20px;position:relative}
.cancel li::before{content:"—";position:absolute;left:0;color:var(--cobalt);font-weight:700}
.cancel a{color:var(--cobalt);font-weight:600}

/* вопросы */
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start}
.faq-wrap h2{margin-bottom:0}
.faq details{background:var(--white);border-radius:16px;margin-bottom:10px}
.faq summary{display:flex;justify-content:space-between;gap:16px;padding:18px 22px;color:var(--ink);font-weight:600;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:700 19px/1.2 var(--display);color:var(--cobalt)}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 22px 20px}
.faq a{color:var(--cobalt)}

/* список документов */
.doc-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 20px;gap:14px;align-items:center;padding:20px 4px;border-top:1px solid var(--line);text-decoration:none;transition:padding .16s,color .16s}
.doc-row:last-child{border-bottom:1px solid var(--line)}
.doc-row b{color:var(--ink);font-size:18px}
.doc-row span{color:var(--muted);font-size:15px}
.doc-row svg{width:18px;height:18px;color:var(--cobalt)}
.doc-row:hover{padding-left:12px}
.doc-row:hover b{color:var(--cobalt)}

/* страница документа */
.doc-hero{background:var(--tint);padding:40px 0 48px}
.back{display:inline-block;margin-bottom:26px;color:var(--cobalt);font-weight:600;font-size:15px;text-decoration:none}
.doc-eyebrow{font-size:14px;font-weight:600;color:var(--muted);margin-bottom:10px}
.doc-hero h1{font-size:clamp(19px,5.5vw,48px);overflow-wrap:break-word}
.doc-lead{max-width:720px;margin-top:14px;font-size:17px}
.doc-bot{margin-top:14px;font-size:15px;color:var(--muted)}
.doc-bot a{color:var(--cobalt);font-weight:600}
.doc-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;padding-top:52px;padding-bottom:84px}
.doc-grid-solo{grid-template-columns:minmax(0,1fr)}
.toc{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;font-size:14px;line-height:1.35}
.toc p{font-weight:700;color:var(--ink);margin-bottom:10px}
.toc a{display:block;padding:7px 0;color:var(--muted);text-decoration:none}
.toc a:hover{color:var(--cobalt)}
.law{max-width:760px;min-width:0}
.doc-grid-solo .law{max-width:none}
.law p{margin-bottom:13px}
.law a{color:var(--cobalt)}
.law-intro{font-size:17px;color:var(--ink)}
.law-block{margin-bottom:34px}
.law-h{font-family:var(--body);font-weight:700;font-size:21px;letter-spacing:-.01em;margin:0 0 14px;scroll-margin-top:90px}
.law-h .n{color:var(--cobalt)}
.law ul{margin:0 0 14px}
.law li{position:relative;padding:3px 0 3px 20px}
.law li::before{content:"—";position:absolute;left:0;color:var(--cobalt)}
.callout{margin:0 0 26px;padding:17px 20px;background:#E9ECFF;border-radius:14px;color:var(--ink)}
.table-wrap{overflow-x:auto;margin:6px 0 10px}
table{width:100%;min-width:420px;border-collapse:collapse;font-size:15px}
th{text-align:left;font-weight:600;color:var(--muted);font-size:13.5px}
th,td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
td.price{display:table-cell;padding:12px 12px 12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;font-weight:700;color:var(--ink);white-space:nowrap}
.next{position:relative;display:block;margin-top:44px;padding:20px 48px 20px 22px;background:var(--tint);border-radius:16px;color:var(--ink)!important;text-decoration:none}
.next small{display:block;color:var(--muted);font-size:13.5px}
.next b{font-size:18px}
.next svg{position:absolute;right:20px;top:50%;width:20px;height:20px;margin-top:-10px;color:var(--cobalt)}
.next:hover b{color:var(--cobalt)}

/* контакты */
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:10px}
.contact-card{display:flex;flex-direction:column;gap:5px;padding:24px;border:1.5px solid var(--line);border-radius:18px;min-width:0}
.contact-wide{grid-column:1/-1;background:var(--ink);border-color:var(--ink);color:#D9DCF0}
.contact-wide small{color:var(--lime)!important}
.contact-wide b{color:var(--white)!important}
.contact-card small{font-size:13.5px;font-weight:600;color:var(--muted)}
.contact-card b,.contact-card .big{font-size:19px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.contact-card .big{color:var(--cobalt);text-decoration:none}
.contact-card span{font-size:15px}

/* подвал */
.foot{background:var(--ink);color:#B5B9D3;font-size:14.5px}
.foot-row{display:flex;justify-content:space-between;gap:36px;padding-top:44px;padding-bottom:44px}
.foot-ip{color:var(--white);font-weight:600;font-size:16px;margin-bottom:6px}
.foot a{color:var(--white)}
.foot-copy{margin-top:12px}
.foot nav{display:flex;flex-direction:column;gap:6px;flex:none}
.foot nav a{text-decoration:none}
.foot nav a:hover{color:var(--lime)}

@media (max-width:980px){
  .nav-links{display:none}
  .nav-scroll{display:block;border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
  .nav-scroll .wrap{display:flex;gap:2px;width:max-content;max-width:none;padding-top:6px;padding-bottom:6px;font-size:14px;color:var(--muted)}
  html{scroll-padding-top:124px}
  .hero-grid{grid-template-columns:1fr;gap:44px;padding-top:56px;padding-bottom:64px}
  .qmark{font-size:240px;top:-70px;right:-10px}
  .doc-grid{grid-template-columns:minmax(0,1fr);gap:0;padding-top:36px}
  .toc{display:none}
  .faq-wrap{grid-template-columns:1fr;gap:26px}
}
@media (max-width:720px){
  .wrap{padding-left:16px;padding-right:16px}
  .nav-row{height:60px}
  .band{padding:60px 0}
  h2{margin-bottom:24px}
  .steps,.compare,.prices,.cancel ul{grid-template-columns:1fr}
  .steps{gap:26px}
  .price small{min-height:0}
  .btn-lime,.btn-line{flex:1 1 100%}
  .doc-row{grid-template-columns:minmax(0,1fr) 20px}
  .doc-row span{grid-column:1;grid-row:2;margin-top:-10px}
  .doc-row svg{grid-column:2;grid-row:1/3}
  .contact-grid{grid-template-columns:minmax(0,1fr)}
  .foot-row{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}