/* KAR SYSTEM — главный сайт. Дизайн-система сайтов KAR: графит, песок, мята; Unbounded / Montserrat / Plex Mono (свободные шрифты). */
@font-face{font-family:Unbounded;font-weight:600;src:url(../fonts/unbounded-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0400-045F}
@font-face{font-family:Unbounded;font-weight:600;src:url(../fonts/unbounded-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2190-21FF}
@font-face{font-family:Unbounded;font-weight:700;src:url(../fonts/unbounded-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0400-045F}
@font-face{font-family:Unbounded;font-weight:700;src:url(../fonts/unbounded-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2190-21FF}
@font-face{font-family:Montserrat;font-weight:500;src:url(../fonts/montserrat-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0400-045F}
@font-face{font-family:Montserrat;font-weight:500;src:url(../fonts/montserrat-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-21FF}
@font-face{font-family:Montserrat;font-weight:600;src:url(../fonts/montserrat-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0400-045F}
@font-face{font-family:Montserrat;font-weight:600;src:url(../fonts/montserrat-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-21FF}
@font-face{font-family:Montserrat;font-weight:700;src:url(../fonts/montserrat-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0400-045F}
@font-face{font-family:Montserrat;font-weight:700;src:url(../fonts/montserrat-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-21FF}
@font-face{font-family:'Plex Mono';font-weight:400;src:url(../fonts/ibm-plex-mono-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0400-045F}
@font-face{font-family:'Plex Mono';font-weight:400;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-21FF}
@font-face{font-family:'Plex Mono';font-weight:500;src:url(../fonts/ibm-plex-mono-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0400-045F}
@font-face{font-family:'Plex Mono';font-weight:500;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-21FF}

:root{--graphite:#221F20;--graphite-2:#292627;--steel:#616C71;--grey:#B1B4BC;--sand:#E6E3E0;--salad:#DAF8D0;--mint:#79EFB3;--deep:#194138;
  --f-head:Unbounded,'Arial Black',sans-serif;--f-text:Montserrat,'Noto Sans Armenian',Arial,sans-serif;--f-mono:'Plex Mono',ui-monospace,monospace;
  --pad:clamp(16px,4vw,64px);--line:rgba(230,227,224,.16);--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--graphite);color:var(--sand);font:500 16px/1.65 var(--f-text);overflow-x:hidden}
img,svg{max-width:100%}
a{color:inherit}
.mono{font-family:var(--f-mono);font-weight:400}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
h1,h2,h3{font-family:var(--f-head);font-weight:700;line-height:1.12;margin:0;text-transform:uppercase;letter-spacing:.01em;overflow-wrap:anywhere}
h1{font-size:clamp(26px,5vw,60px)}
h2{font-size:clamp(21px,3vw,36px);margin-bottom:22px}
h3{font-size:clamp(15px,1.5vw,19px);font-weight:600;margin-bottom:10px}
p{margin:0 0 14px;max-width:70ch}
.kick{font:400 13px/1.4 var(--f-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--mint);margin:0 0 18px}
.lead{font-size:clamp(16px,1.6vw,19px);color:var(--sand);max-width:62ch}
.muted{color:var(--grey)}
section{padding:clamp(48px,7vw,96px) 0;border-top:1px solid var(--line)}
section.hero{border-top:0;padding-top:clamp(36px,6vw,80px)}
section.light{background:var(--sand);color:var(--graphite);--line:rgba(34,31,32,.16)}
section.light .kick{color:var(--deep)}
section.light .muted{color:#4b5156}
section.light .lead{color:var(--graphite)}

/* шапка */
.hdr{position:sticky;top:0;z-index:20;background:rgba(34,31,32,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px var(--pad);max-width:var(--max);margin:0 auto}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 15px var(--f-head);letter-spacing:.04em}
.logo svg{width:30px;height:30px;fill:var(--sand)}
.nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin-left:auto;font:400 13px var(--f-mono);text-transform:uppercase;letter-spacing:.08em}
.nav a{text-decoration:none;color:var(--grey);padding:6px 0}
.nav a:hover,.nav a[aria-current]{color:var(--mint)}
.lang{font:400 12px var(--f-mono);color:var(--grey)}
.lang a{text-decoration:none;padding:0 3px}.lang b{color:var(--mint)}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(230,227,224,.45);background:none;color:var(--sand);padding:12px 20px;font:600 13px var(--f-mono);text-transform:uppercase;letter-spacing:.1em;text-decoration:none;cursor:pointer;border-radius:0;min-height:44px}
.btn:hover{background:rgba(230,227,224,.08)}
.btn-fill{background:var(--mint);border-color:var(--mint);color:var(--graphite)}
.btn-fill:hover{background:#96F7C6}
.hdr .btn{padding:8px 14px;min-height:36px}
.row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* сетки и карточки */
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.grid.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.card{border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;background:var(--graphite-2)}
section.light .card{background:#F4F2EF}
.card p{font-size:15px;color:var(--grey)}
section.light .card p{color:#3E4441}
.card .mono{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mint);margin-bottom:10px}
section.light .card .mono{color:var(--deep)}
.card a.more{margin-top:auto;font:600 12px var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mint);text-decoration:none;padding-top:10px}
section.light .card a.more{color:var(--deep)}
.card a.more:hover{text-decoration:underline}
ul.tick{list-style:none;padding:0;margin:0 0 14px}
ul.tick li{position:relative;padding:5px 0 5px 22px;font-size:15px}
ul.tick li:before{content:"";position:absolute;left:0;top:14px;width:10px;height:2px;background:var(--mint)}
section.light ul.tick li:before{background:var(--deep)}
ol.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:0}
ol.steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}
ol.steps li:before{content:counter(s,decimal-leading-zero);font:500 14px var(--f-mono);color:var(--mint)}
section.light ol.steps li:before{color:var(--deep)}
ol.steps b{display:block}
ol.steps span{color:var(--grey);font-size:15px}
section.light ol.steps span{color:#3E4441}
.tiers{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.tier{border:1px solid var(--line);padding:22px;background:var(--graphite-2)}
.tier.mid{border-color:var(--mint)}
.tier .mono{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin-bottom:8px}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:500 12px var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mint)}
section.light th{color:var(--deep)}
.tbl{overflow-x:auto}
details{border-top:1px solid var(--line);padding:14px 0}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";font:500 20px var(--f-mono);color:var(--mint)}
section.light summary:after{color:var(--deep)}
details[open] summary:after{content:"–"}
details p{margin:12px 0 0;color:var(--grey);font-size:15px}
section.light details p{color:#3E4441}
.note{border-left:3px solid var(--mint);padding:10px 16px;background:rgba(121,239,179,.07);font-size:14px;color:var(--grey);margin:22px 0 0;max-width:80ch}
section.light .note{color:#3E4441;border-color:var(--deep);background:rgba(25,65,56,.07)}
.draft{background:#3a2f12;color:#f4dd9a;font:400 12px var(--f-mono);padding:8px var(--pad);text-align:center}
.split{display:grid;gap:34px;grid-template-columns:1fr 1fr;align-items:center}
.crumbs{font:400 12px var(--f-mono);color:var(--grey);margin-bottom:18px;text-transform:uppercase;letter-spacing:.1em}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--mint)}

/* SVG-схемы (собственные) */
.sv{width:100%;height:auto;display:block}
.sv text{font:400 11px var(--f-mono);fill:currentColor}
.sv .t2{font-size:10px;opacity:.7}
.sv .ln{stroke:currentColor;stroke-width:1.4;fill:none}
.sv .dash{stroke-dasharray:5 4;opacity:.75}
.sv .bx{stroke:currentColor;stroke-width:1.4;fill:none}
.sv .fm{fill:var(--mint);stroke:none}
.sv .fd{fill:var(--deep);stroke:none}
.sv .glow{stroke:var(--mint);stroke-width:2.2;fill:none}
section.light .sv .glow{stroke:var(--deep)}
.sv .ar{fill:currentColor}
.sv .on{fill:var(--graphite)}
.fig{border:1px solid var(--line);padding:14px;background:rgba(0,0,0,.12)}
section.light .fig{background:#fff}
.fig figcaption{font:400 12px var(--f-mono);color:var(--grey);margin-top:10px}
section.light .fig figcaption{color:#4b5156}
figure{margin:0}

/* форма */
form{display:grid;gap:14px;grid-template-columns:1fr 1fr;max-width:820px}
form .wide{grid-column:1/-1}
label{display:grid;gap:6px}
label>span{font:400 12px var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--grey)}
input,textarea,select{font:500 16px var(--f-text);background:var(--graphite-2);color:var(--sand);border:1px solid rgba(230,227,224,.3);padding:12px 14px;border-radius:0;width:100%;min-height:46px}
textarea{min-height:110px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:2px solid var(--mint);outline-offset:1px}
label.consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--grey)}
.consent input{width:20px;min-height:20px;margin-top:2px;flex:none}
.consent span{font:500 13px var(--f-text);text-transform:none;letter-spacing:0;color:var(--grey)}
.kar-send{color:var(--sand)}

footer{border-top:1px solid var(--line);padding:40px 0 60px;font-size:14px;color:var(--grey)}
footer .grid{margin-bottom:26px}
footer a{text-decoration:none}footer a:hover{color:var(--mint)}
footer h4{font:500 12px var(--f-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--mint);margin:0 0 10px}
footer li{list-style:none;padding:3px 0}footer ul{padding:0;margin:0}

/* политика */
.priv-doc{max-width:760px;margin:0 auto;padding:40px var(--pad) 80px}
.priv-doc h1{font-size:clamp(24px,4vw,40px);margin-bottom:20px}
.priv-doc h2{font-size:18px;margin:28px 0 10px}

@media (max-width:760px){
  .split{grid-template-columns:1fr}
  form{grid-template-columns:1fr}
  .nav{margin-left:0;width:100%;order:3;gap:2px 14px}
  .hdr-in{gap:8px}
  .hdr .btn{margin-left:auto}
  section{padding:44px 0}
  th,td{padding:8px;font-size:13px}
}