:root{--bg:#f6f1e7;--card:#fffdf8;--ink:#2a1d17;--soft:#6b5a50;--line:#e6dccb;--brick:#c0492b;--brick2:#9c3820;--em:#1f8a5b;--ochre:#d99a2b;--r:14px;--hf:"Commissioner",system-ui,sans-serif;--bf:"Fira Sans",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--bf)}
img{max-width:100%;height:auto;display:block}
a{color:var(--brick2);text-underline-offset:3px}
h1,h2,h3{font-family:var(--hf);line-height:1.2;margin:0 0 .6em}
h1{font-size:clamp(28px,4.4vw,46px);font-weight:800;letter-spacing:-.01em}
h2{font-size:clamp(22px,2.6vw,29px);font-weight:700;margin-top:2.2em;scroll-margin-top:80px}
h2::before{content:"";display:block;width:42px;height:4px;border-radius:2px;background:var(--brick);margin-bottom:12px}
h3{font-size:18px}
p{margin:0 0 1em}
.tz-in{max-width:1180px;margin:0 auto;padding:0 16px}
.tz-small{font-size:14px;color:var(--soft)}

/* шапка */
.tz-top{background:var(--ink);color:#fff;position:sticky;top:0;z-index:20}
.tz-top__row{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:16px}
.tz-logo img{height:40px;width:auto}
.tz-menu summary{list-style:none;cursor:pointer;width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 9px;border:1px solid #5a463b;border-radius:10px}
.tz-menu summary::-webkit-details-marker{display:none}
.tz-menu summary span{display:block;height:2px;background:#fff;border-radius:1px}
.tz-menu nav{position:absolute;left:0;right:0;top:62px;background:var(--ink);border-top:1px solid #4a382f;padding:8px 16px 16px}
.tz-menu ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.tz-menu a{display:block;color:#f3e9dc;text-decoration:none;padding:9px 10px;border-radius:8px;font:500 15px var(--hf)}
.tz-menu a:hover,.tz-menu a[aria-current]{background:#4a382f;color:#fff}
@media(min-width:1000px){
 .tz-menu summary{display:none}
 .tz-menu nav{position:static;display:block;background:none;border:0;padding:0}
 .tz-menu ul{display:flex;gap:2px}
 .tz-menu a{padding:8px 10px;font-size:14px}
}

/* hero */
.tz-hero{background:linear-gradient(180deg,#efe6d6,var(--bg));border-bottom:1px solid var(--line);padding:28px 0 30px}
.tz-hero__grid{display:grid;gap:24px;align-items:center}
.tz-hero__grid>*{min-width:0}
@media(min-width:900px){.tz-hero__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.tz-hero__grid--solo{grid-template-columns:minmax(0,1fr)}}
.tz-hero--home{padding:40px 0 26px}
.tz-kicker{display:inline-block;font:600 13px var(--hf);letter-spacing:.06em;text-transform:uppercase;color:var(--brick2);background:#f7dccf;padding:4px 10px;border-radius:99px}
.tz-lead{font-size:18px;color:#4a3a31;max-width:62ch}
.tz-upd{font-size:14px;color:var(--soft)}
.tz-pic{width:100%;border-radius:var(--r)}
.tz-crumbs{font-size:14px;color:var(--soft);margin-bottom:12px;display:flex;gap:8px;flex-wrap:wrap}
.tz-stats{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tz-stats li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px;color:var(--soft)}
.tz-stats b{display:block;font:800 24px var(--hf);color:var(--brick)}
@media(min-width:800px){.tz-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}

.tz-btn{display:inline-block;background:var(--brick);color:#fff;text-decoration:none;font:600 15px var(--hf);padding:10px 16px;border-radius:10px;white-space:nowrap}
.tz-btn:hover{background:var(--brick2)}
.tz-btn--big{font-size:17px;padding:13px 22px}
.tz-link{font:600 14px var(--hf)}

/* колонки */
.tz-home{max-width:900px;padding-bottom:40px}
.tz-cols{display:grid;gap:8px;padding-bottom:40px}
.tz-cols>*{min-width:0}
.tz-side{margin-top:18px}
@media(min-width:960px){
 .tz-cols{grid-template-columns:minmax(0,1fr) 270px;gap:40px}
 .tz-side{order:2;position:sticky;top:80px;align-self:start;max-height:calc(100vh - 100px);overflow:auto}
 .tz-main{order:1}
}
.tz-toc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px}
.tz-toc summary{font:700 15px var(--hf);cursor:pointer}
.tz-toc ol{margin:10px 0 0;padding-left:20px;font-size:14px}
.tz-toc li{margin:4px 0}
.tz-toc a{color:var(--ink);text-decoration:none}
.tz-toc a:hover{color:var(--brick)}
.tz-sib{display:none}
@media(min-width:960px){.tz-sib{display:block;margin-top:14px;font-size:14px}.tz-sib p{font:700 14px var(--hf);margin:0 0 6px}.tz-sib ul{list-style:none;margin:0;padding:0}.tz-sib li{border-top:1px dashed var(--line)}.tz-sib a{display:block;padding:6px 0;text-decoration:none}}

/* лестница */
.tz-ladder{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.tz-rung{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px 12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.tz-rung__n{grid-row:span 2;font:800 22px var(--hf);color:var(--ochre);text-align:center}
.tz-rung__bar{grid-column:1/-1;position:relative;height:26px;background:#f0e7d8;border-radius:6px;overflow:hidden}
.tz-rung__bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--em),#35b07a);border-radius:6px}
.tz-rung__bar b{position:relative;display:block;text-align:right;padding-right:8px;font:800 15px/26px var(--hf);color:var(--ink)}
.tz-rung__bonus{grid-column:1/-1;font-size:15px}
.tz-rung__bonus small{display:block;color:var(--soft);font-size:13px}
.tz-rung__act{grid-column:1/-1;display:flex;gap:14px;align-items:center;justify-content:space-between}
@media(min-width:760px){
 .tz-rung{grid-template-columns:34px 130px minmax(0,1fr) minmax(0,1.1fr) auto}
 .tz-rung__n{grid-row:auto}
 .tz-rung__bar,.tz-rung__bonus,.tz-rung__act{grid-column:auto}
}
.tz-plate{display:inline-block;justify-self:start;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;font:800 15px var(--hf);padding:6px 12px;border-radius:8px;letter-spacing:.01em}
.tz-plate--lg{font-size:22px;padding:10px 18px}

/* подборка */
.tz-pick{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:12px}
@media(min-width:700px){.tz-pick{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tz-pick li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column}
.tz-pick p{margin:8px 0 0;font-size:15px}
.tz-pick__top{display:flex;justify-content:space-between;align-items:center}
.tz-mark{font:800 18px var(--hf);color:var(--em);border:2px solid var(--em);border-radius:8px;padding:0 8px}
.tz-pick__note{color:var(--soft)}
.tz-pick__act{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:center}

/* таблицы */
.tz-wide{overflow-x:auto;margin:0 0 1em}
.tz-tbl{width:100%;border-collapse:collapse;font-size:15px;background:var(--card);border-radius:var(--r);overflow:hidden}
.tz-tbl th,.tz-tbl td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tz-tbl thead th{background:var(--ink);color:#fff;font:600 14px var(--hf)}
.tz-tbl tbody th a{font-weight:600}
@media(max-width:759px){
 .tz-tbl thead{display:none}
 .tz-tbl,.tz-tbl tbody,.tz-tbl tr,.tz-tbl th,.tz-tbl td{display:block;width:100%}
 .tz-tbl{background:none}
 .tz-tbl tr{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
 .tz-tbl tbody th{background:#f1e6d6;font-family:var(--hf)}
 .tz-tbl td{display:flex;justify-content:space-between;gap:12px;text-align:right}
 .tz-tbl td::before{content:attr(data-l);color:var(--soft);text-align:left;flex:0 0 45%}
 .tz-tbl td:last-child{border-bottom:0}
}

/* веса */
.tz-w{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.tz-w li{position:relative;display:flex;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px;overflow:hidden;font-size:15px}
.tz-w i{position:absolute;left:0;bottom:0;height:4px;background:var(--ochre)}
.tz-w b{font-family:var(--hf);color:var(--brick)}
.tz-formula{font-size:15px;background:#f1e6d6;border-left:4px solid var(--ochre);padding:10px 14px;border-radius:0 10px 10px 0}

/* блоки */
.tz-cards{list-style:none;margin:0 0 1em;padding:0;display:grid;gap:12px}
@media(min-width:700px){.tz-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tz-cards li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-size:15px}
.tz-cards b{display:block;font:700 16px var(--hf);margin-bottom:4px;color:var(--brick2)}
.tz-list{padding-left:22px}
.tz-list li{margin:6px 0}
.tz-warn{list-style:none;margin:0 0 1em;padding:0;display:grid;gap:10px}
.tz-warn li{background:#fbe9e3;border:1px solid #f0c8b9;border-radius:12px;padding:12px 14px 12px 44px;position:relative;font-size:15px}
.tz-warn li::before{content:"!";position:absolute;left:12px;top:12px;width:22px;height:22px;border-radius:50%;background:var(--brick);color:#fff;font:800 14px/22px var(--hf);text-align:center}
.tz-steps{counter-reset:s;list-style:none;margin:0 0 1em;padding:0}
.tz-steps li{counter-increment:s;position:relative;padding:4px 0 14px 46px;border-left:2px dashed var(--line);margin-left:15px;padding-left:30px}
.tz-steps li::before{content:counter(s);position:absolute;left:-16px;top:0;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font:700 14px/30px var(--hf);text-align:center}
.tz-steps li:last-child{border-color:transparent}
.tz-terms{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0 0 1em}
.tz-terms dt{font:700 16px var(--hf);color:var(--brick2);margin-top:10px}
.tz-terms dd{margin:2px 0 0;padding-bottom:10px;border-bottom:1px solid var(--line)}
@media(min-width:700px){.tz-terms{grid-template-columns:140px minmax(0,1fr)}.tz-terms dt,.tz-terms dd{padding:10px 0;margin:0;border-bottom:1px solid var(--line)}}
.tz-hubs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:760px){.tz-hubs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tz-hubs a{display:block;height:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink)}
.tz-hubs a:hover{border-color:var(--brick)}
.tz-hubs b{display:block;font:700 16px var(--hf);color:var(--brick2)}
.tz-hubs span{font-size:14px;color:var(--soft)}
.tz-calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:var(--ink);color:#fff;border-radius:var(--r);padding:16px;margin:0 0 1em}
.tz-calc p{margin:0;background:#3c2a22;border-radius:10px;padding:8px 12px}
.tz-calc span{display:block;font-size:13px;color:#d6c3b3}
.tz-calc b{font:700 17px var(--hf);color:#ffd28a}
@media(min-width:760px){.tz-calc{grid-template-columns:repeat(5,minmax(0,1fr))}}
.tz-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 1em}
@media(min-width:760px){.tz-kv{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tz-kv--3{grid-template-columns:minmax(0,1fr)}
@media(min-width:760px){.tz-kv--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tz-kv div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.tz-kv span{display:block;font-size:13px;color:var(--soft)}
.tz-kv b{font:700 16px var(--hf)}
.tz-kv small{display:block;font-size:14px;color:var(--soft);margin-top:4px}
.tz-pm{display:grid;gap:12px;margin:0 0 1em}
@media(min-width:700px){.tz-pm{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tz-pm>div{border-radius:var(--r);padding:14px 16px}
.tz-pm ul{margin:0;padding-left:20px;font-size:15px}
.tz-pm__p{background:#e3f3ea;border:1px solid #b9dfc9}
.tz-pm__p h3{color:var(--em)}
.tz-pm__m{background:#fbe9e3;border:1px solid #f0c8b9}
.tz-pm__m h3{color:var(--brick2)}
.tz-why{padding-left:22px}
.tz-why li{margin:8px 0}

/* бренд */
.tz-pass{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-top:22px;display:grid;gap:10px}
.tz-pass__pts{margin:0}
.tz-pass__pts b{font:800 40px/1 var(--hf);color:var(--em)}
.tz-pass__pts span{color:var(--soft);margin-left:6px}
.tz-pass dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;margin:0;font-size:15px}
.tz-pass dt{color:var(--soft)}
.tz-pass dd{margin:0;font-weight:500}
.tz-pass .tz-btn{justify-self:start}
@media(min-width:760px){.tz-pass{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center}}
.tz-fit{list-style:none;padding:0;display:grid;gap:8px}
.tz-fit li{background:var(--card);border-left:4px solid var(--ochre);border-radius:0 10px 10px 0;padding:10px 14px;font-size:15px}
.tz-stack{display:flex;height:30px;border-radius:8px;overflow:hidden;background:#efe6d6;margin:0 0 12px}
.tz-stack__pay{background:#1f8a5b}.tz-stack__bon{background:#d99a2b}.tz-stack__sup{background:#c0492b}.tz-stack__uz{background:#2f6f9f}.tz-stack__app{background:#7a5a9c}
.tz-legend{list-style:none;margin:0 0 1em;padding:0;display:grid;gap:8px;font-size:15px}
.tz-legend small{color:var(--soft)}
.tz-dot{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:-1px}
.tz-riv{list-style:none;padding:0;display:grid;gap:10px}
.tz-riv li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:15px}

/* FAQ */
.tz-q{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:0 0 8px}
.tz-q summary{cursor:pointer;padding:12px 44px 12px 14px;font:600 16px var(--hf);position:relative;list-style:none}
.tz-q summary::-webkit-details-marker{display:none}
.tz-q summary::after{content:"+";position:absolute;right:16px;top:8px;font:700 22px var(--hf);color:var(--brick)}
.tz-q[open] summary::after{content:"–"}
.tz-q p{padding:0 14px 12px;margin:0}

/* футер */
.tz-foot{background:var(--ink);color:#e9ddd0;padding:34px 0 24px;font-size:15px}
.tz-foot a{color:#ffc9a8}
.tz-foot__cols{display:grid;gap:20px}
@media(min-width:800px){.tz-foot__cols{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.tz-foot h3{color:#fff;font-size:15px}
.tz-foot ul{list-style:none;margin:0;padding:0}
.tz-foot li{margin:4px 0}
.tz-foot img{height:40px;width:auto;margin-bottom:10px}
.tz-foot .tz-small{color:#c2b2a4}
.tz-age{margin-top:20px;border-top:1px solid #4a382f;padding-top:16px}
.tz-age b{display:inline-block;background:var(--brick);color:#fff;border-radius:6px;padding:0 8px;margin-right:6px;font-family:var(--hf)}