@charset "UTF-8";
@font-face{font-family:Manrope;font-style:normal;font-weight:400 750;font-display:optional;src:url('/assets/fonts/manrope-ru-latin-d3735fefca.woff2') format('woff2')}
@font-face{font-family:"Manrope Fallback";font-style:normal;font-weight:400 500;src:local('Arial'),local('ArialMT');size-adjust:101.3097%;ascent-override:105.2219%;descent-override:29.6122%;line-gap-override:0%}
@font-face{font-family:"Manrope Fallback";font-style:normal;font-weight:501 750;src:local('Arial Bold'),local('Arial-BoldMT');size-adjust:98.1296%;ascent-override:108.6319%;descent-override:30.5718%;line-gap-override:0%}
:root{--ink:#162c46;--muted:#617083;--line:#dfe5ea;--blue:#1e60d5;--blue-hover:#154cae;--navy:#17385b;--mint:#d9f5c3;--paper:#f6f8fa;--white:#fff;--radius:16px;--font:Manrope,"Manrope Fallback","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
button,input,select,textarea{font:inherit}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
button,a,summary{touch-action:manipulation}
button,summary{cursor:pointer}
button:disabled{cursor:default}
:focus-visible{outline:3px solid #dd8500;outline-offset:4px}
input:focus-visible,select:focus-visible{outline-offset:2px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:650;line-height:1.2;letter-spacing:-.03em}
h1{font-size:clamp(34px,4vw,52px);margin-bottom:20px}
h2{font-size:1.875rem}
h3{font-size:1.4375rem}
p{margin-bottom:18px}
small,.small{font-size:.875rem;line-height:1.55}
.container{width:min(1240px,calc(100% - 64px));margin:auto}
.skip{position:absolute;top:-100px;left:20px;padding:14px 20px;background:white;z-index:40}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
input:not([type=checkbox]),select{width:100%;min-width:0;border:1px solid #cbd5df;border-radius:9px;background:white;color:var(--ink);padding:12px;min-height:48px;font-size:1rem}
input::placeholder{color:#7a8897}
input::-webkit-inner-spin-button{opacity:1}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:12px 17px;border-radius:9px;border:1px solid transparent;line-height:1.35;font-size:.875rem;font-weight:600;text-align:center;text-decoration:none}
.button:hover{text-decoration:none}
.primary{background:var(--blue);color:white}
.primary:hover{background:var(--blue-hover)}
.secondary{background:white;border-color:#bfcbd7;color:var(--ink)}
.secondary:hover{background:#edf3f8}
.check{display:flex;align-items:center;gap:10px;font-size:.875rem;padding:12px 0 4px}
.check input{accent-color:var(--blue);width:19px;height:19px;margin:0;flex-shrink:0}
.brand{display:inline-flex;align-items:baseline;white-space:nowrap;color:var(--ink);font-family:var(--font);font-size:1.875rem;font-weight:750;letter-spacing:-.075em;line-height:1.08}
.brand:hover{text-decoration:none}
.brand-light{font-weight:550;color:#315f9c}
.brand-dot{color:var(--blue);font-weight:750;letter-spacing:0}
.eyebrow{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:17px}
.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin:0 5px 1px 0}
.lead{font-size:1.125rem;line-height:1.65;color:var(--muted);max-width:730px}
.catalog-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:40px 0 30px}
.catalog-intro:not(.home-intro){align-items:flex-start;padding:20px 0 24px}
.catalog-intro:not(.home-intro) .lead{max-width:690px}
.catalog-intro:not(.home-intro) .intro-tool{align-self:auto;min-height:174px}
.catalog-intro:not(.home-intro) .tool-heading{padding:8px 0}
.catalog-intro h1{line-height:1.06;font-weight:600;letter-spacing:-.045em}
.catalog-intro h1 em{font-style:normal;color:var(--blue)}
.catalog-intro .lead{margin-bottom:0}
.intro-tool{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;background:var(--navy);color:white;border-radius:var(--radius);width:305px;padding:23px 25px;flex-shrink:0}
.intro-tool:hover{text-decoration:none;background:#21496e}
.tool-top{display:flex;justify-content:space-between;color:#d4e3ee;font-size:.8125rem}
.tool-top>span{font-size:1.25rem;color:var(--mint)}
.tool-heading{font-size:1.625rem;letter-spacing:-.03em;line-height:1.25;padding:16px 0}
.tool-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.875rem}
.round-arrow{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:var(--mint);color:var(--navy);display:grid;place-items:center;font-size:1.4375rem}
.topic-nav{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 24px;margin:0 0 28px;border-bottom:1px solid var(--line)}
.topic-nav a{display:inline-flex;align-items:center;min-height:44px;color:#42566c;padding:10px 17px;border:1px solid var(--line);border-radius:9px;font-size:.875rem;background:white;white-space:nowrap}
.topic-nav a.active{background:var(--ink);color:white;border-color:var(--ink)}
.topic-nav a:hover{text-decoration:none;border-color:#839bb4}
