/* Общий стиль baǵam. Правится здесь, страницы держат только свои дополнения. */

/*
THESIS: вердикт как шоу — тёмная сцена, крупные цифры, всё живое; отказ от «отчётного» лендинга.
OWN-WORLD: ночной зелёно-чёрный --bg, зелёный --lime единственный бренд-акцент, золото --vio для «дороже медианы», вердиктные green/amber/red только внутри данных.
TYPE: Unbounded — только для крика (h1, вердикт, большие цифры, финальные призывы); заголовки секций и карточек — Onest 600; подписи — строчными, без капса.
SURFACES: приподнятые панели (--panel + --sh1), радиусы по шкале --r1/--r2/--r3, а не одна «плита» на всё.
MOTIF: ночная Алма-Ата под Алатау — в герое и в финальном призыве («сцена»).
STORY: увидел вопрос → вставил ссылку → цифры ожили → поделился.
FIRST VIEWPORT: плавающая шапка-капсула, заголовок, строка ввода, панорама города, районы.
FINISH: unreviewed and undocumented is unfinished.
*/
*{margin:0;padding:0;box-sizing:border-box}
/* hidden должен прятать: у блоков с собственным display (.rwarn, .rextra и т.п.)
   правило класса перебивает браузерное [hidden]{display:none} — без этого пустые
   плашки предупреждений и истории цены висят на карточке как пустые полосы. */
[hidden]{display:none!important}
:root{--bg:#0A100C;--ink:#F1F2EB;--dim:#8FA093;--lime:#3ADC7C;--vio:#E9B44C;--panel:#101711;--line:#1F2A21;
--good:#4ADE80;--warn:#FBBF24;--bad:#F87171;
--onl:#06130B;--limeink:#3ADC7C;--violink:#E9B44C;--navbg:rgba(10,16,12,.92);
--soft:rgba(255,255,255,.05);--hover:rgba(255,255,255,.035);--track:#1A241D;--faint:#2E3B32;
--field:#16201A;--field2:#0C1410;--fieldbd:#1F2A21;--sbar:#33413A;
--goldbg:#1A1509;--goldbd:#33290F;--goldsoft:#332A12;--limesoft:rgba(58,220,124,.07);
--pbg:#1E2A22;--pbd:#2C3C31;--pink:#B9C7BB;--phov:#25332B;--pbd2:#42594A;
--shadow:rgba(0,0,0,.7);
--panel2:#141E17;--edge:rgba(255,255,255,.05);
--r1:10px;--r2:16px;--r3:24px;
--sh1:inset 0 1px 0 var(--edge),0 1px 2px rgba(0,0,0,.3),0 18px 40px -26px rgba(0,0,0,.75)}
html[data-theme=light]{--bg:#F1F4EC;--ink:#0E1712;--dim:#57665B;--lime:#25B96A;--vio:#D79A21;--panel:#FBFCF8;--line:#D8E0D1;
--good:#12894B;--warn:#A9720B;--bad:#C0392B;
--onl:#06130B;--limeink:#0E7A46;--violink:#8A6410;--navbg:rgba(241,244,236,.92);
--soft:rgba(14,23,18,.055);--hover:rgba(14,23,18,.04);--track:#E2E8DC;--faint:#C3CDBF;
--field:#FFFFFF;--field2:#FFFFFF;--fieldbd:#D8E0D1;--sbar:#C2CDBD;
--goldbg:#FBF3E0;--goldbd:#EAD8AC;--goldsoft:#EFE0B8;--limesoft:rgba(18,137,75,.09);
--pbg:#EFF3EA;--pbd:#D8E0D1;--pink:#415045;--phov:#E6ECE0;--pbd2:#B9C7BB;
--shadow:rgba(24,44,32,.22);
--panel2:#FFFFFF;--edge:rgba(255,255,255,.9);
--sh1:inset 0 1px 0 var(--edge),0 1px 2px rgba(24,44,32,.06),0 14px 34px -22px rgba(24,44,32,.28)}
/* ---- переключатель темы ---- */
.thbtn{appearance:none;order:2;width:40px;height:40px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--dim);cursor:pointer;transition:color .25s,border-color .25s,background-color .25s}
.thbtn:hover{color:var(--ink);border-color:var(--limeink)}
.thbtn svg{width:19px;height:19px}
.thbtn .ts{display:none}
html[data-theme=light] .thbtn .ts{display:block}
html[data-theme=light] .thbtn .tm{display:none}
.mth{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;appearance:none;background:transparent;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.mth b{font-weight:600}
html.tma nav,html.tma .ftop,html.tma .skip{display:none}
html.tma .hero{padding-top:34px}
html.tma .phero{padding-top:34px}
html.tma body{padding-bottom:20px}
html{scrollbar-color:var(--sbar) var(--bg);scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:Onest,OnestFB,sans-serif}
::selection{background:var(--lime);color:var(--onl)}
.progress{position:fixed;top:0;left:0;height:2px;background:var(--lime);width:0;z-index:60;transform-origin:left}
.hero{overflow:clip}
.wrap{max-width:1280px;margin:0 auto;padding:0 36px}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:12px 20px 0;pointer-events:none}
nav .nrow{pointer-events:auto;max-width:1240px;height:60px;padding:0 10px 0 22px;border:1px solid var(--line);border-radius:18px;background:var(--navbg);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:var(--sh1)}
.nrow{display:flex;align-items:center;gap:30px}
.logo{display:inline-block;font-family:Unbounded,UnboundedFB,sans-serif;font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--ink);text-decoration:none;transition:opacity .25s,transform .18s cubic-bezier(.2,.7,.2,1);-webkit-tap-highlight-color:transparent}
.logo:active{transform:scale(.92);transition-duration:.08s}
.logo:hover{opacity:.72}
.logo span{color:var(--lime)}
.menu{display:flex;gap:4px;font-size:14.5px;font-weight:500;color:var(--dim)}
.menu a{position:relative;cursor:pointer;text-decoration:none;color:inherit;transition:color .2s,background-color .2s;padding:8px 13px;border-radius:10px}
.menu a:hover{color:var(--ink);background:var(--hover)}
.menu .on{color:var(--ink);background:var(--soft)}
.tgbtn{margin-left:auto;order:1;position:relative;display:inline-flex;align-items:center;gap:0;height:40px;padding:0 14px;border-radius:12px;background:var(--lime);color:var(--onl);font-size:14px;font-weight:600;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:background-color .2s}
.tgbtn:hover,.tgbtn:focus-visible{background:color-mix(in oklab,var(--lime) 86%,#fff)}
.tgn{margin-right:10px}
.tghw{display:grid;grid-template-columns:0fr;opacity:0;transition:grid-template-columns .42s cubic-bezier(.4,0,.2,1),opacity .28s ease}
.tgbtn:hover .tghw,.tgbtn:focus-visible .tghw{grid-template-columns:1fr;opacity:1}
.tgh{overflow:hidden;font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:12.5px;font-weight:500;color:inherit;opacity:.72;padding-right:10px}
.tgbtn svg{width:20px;height:20px;margin-right:-2px;display:block;flex:none;transition:transform .42s cubic-bezier(.4,0,.2,1)}
.tgbtn:hover svg,.tgbtn:focus-visible svg{transform:translate(2px,-2px)}
/* HERO */
.hero{padding:164px 0 0;position:relative}
.hero>.wrap{position:relative;z-index:2}
.ridge{display:none}
.cityband{margin-top:-36px;position:relative;z-index:1;height:clamp(300px,36vw,500px);overflow:clip}
.cityband .skyline{width:100%;height:130%;display:block;will-change:transform}
.cityfade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--bg) 0%,transparent 12%,transparent 72%,color-mix(in srgb,var(--bg) 70%,transparent) 88%,var(--bg) 100%)}
h1{font-family:Unbounded,UnboundedFB,sans-serif;font-weight:700;font-size:clamp(31px,8.2vw,92px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}
h1 .l2{display:block;color:var(--dim)}
h1 .l2 em{font-style:normal;color:var(--lime)}
h1 .l3{display:block}
.herorow{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-top:44px;flex-wrap:wrap}
.mono{font-family:'Data','JetBrains Mono',DataFB,monospace}
.lede{max-width:450px}
.ledetag{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:8px;display:flex;align-items:center;gap:9px}
.ledetag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px var(--limesoft);flex:none}
.lede p{font-size:16.5px;line-height:1.6;color:var(--dim);text-wrap:pretty}
.lede p b{color:var(--ink);font-weight:600}
.inbar{display:flex;align-items:center;gap:10px;background:var(--field);border:1px solid var(--fieldbd);border-radius:99px;padding:7px 7px 7px 24px;min-width:min(560px,100%);box-shadow:var(--sh1);transition:border-color .25s,box-shadow .25s}
.inbar:focus-within{border-color:color-mix(in srgb,var(--lime) 55%,transparent);box-shadow:var(--sh1),0 0 0 4px var(--limesoft)}
.inbar input{flex:1;background:transparent;border:0;outline:0;color:var(--ink);font:400 15px Onest,OnestFB,sans-serif;min-width:0;text-overflow:ellipsis}
.inbar input::placeholder{color:var(--dim)}
.gobtn{background:var(--lime);color:var(--onl);border:0;border-radius:99px;font:600 15px Onest,OnestFB,sans-serif;padding:16px 28px;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.28);transition:background-color .2s,scale .12s ease}
.gobtn:hover{background:color-mix(in oklab,var(--lime) 86%,#fff)}

.gobtn i{font-style:normal;display:inline-block;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
/* TICKER */
.dband{position:relative;z-index:2;margin-top:-24px;padding:0}
.nw{white-space:nowrap}
.shead{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px 28px;margin:0 0 30px;position:relative}
.shl{max-width:720px}
.shttl{font-family:Onest,OnestFB,sans-serif;font-weight:600;font-size:clamp(28px,3.2vw,42px);line-height:1.08;letter-spacing:-.032em;color:var(--ink);margin:0;text-wrap:balance}
.shsub{font-size:16.5px;line-height:1.5;color:var(--dim);margin:10px 0 0;max-width:62ch;text-wrap:pretty}
.shsub b{color:var(--ink);font-weight:600}
.shmeta{font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:13px;line-height:1.5;color:var(--dim);text-align:right;padding-bottom:5px}
.shmeta b{color:var(--ink);font-weight:600}
@media(max-width:760px){.shead{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px}.shttl{font-size:28px}.shsub{font-size:15px;margin-top:8px}.shmeta{text-align:left;font-size:12.5px;padding-bottom:0}}
.dbars{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:16px;height:148px;align-items:end}
.dmed{position:absolute;left:0;right:0;border-top:1px dashed color-mix(in srgb,var(--dim) 45%,transparent);pointer-events:none;z-index:1}
.dmedl{position:absolute;right:0;top:7px;font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:12.5px;color:var(--dim)}
.dcol{position:relative;display:flex;align-items:flex-end;height:100%}
.dbar{width:100%;border-radius:10px 10px 4px 4px;transform-origin:bottom;transition:filter .2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.dcol.hi .dbar{background:linear-gradient(180deg,var(--vio),color-mix(in oklab,var(--vio) 62%,var(--bg)))}
.dcol.lo .dbar{background:linear-gradient(180deg,var(--lime),color-mix(in oklab,var(--lime) 52%,var(--bg)))}
.dcol:hover .dbar{filter:brightness(1.12)}
.dlabels{display:grid;grid-template-columns:repeat(8,1fr);gap:16px;margin-top:16px}
.dpx{font-family:Unbounded,UnboundedFB,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--ink)}
.dpx i{font-style:normal;font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:12.5px;font-weight:400;color:var(--dim);margin-left:5px}
.dnm{display:block;margin-top:6px;font-size:14px;font-weight:500;color:var(--ink);line-height:1.35}
.ddl{display:block;margin-top:7px;font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:12.5px;color:var(--dim)}
.dl.hi .ddl b{color:var(--violink);font-weight:600}
.dl.lo .ddl b{color:var(--limeink);font-weight:600}
.dhbar{display:none}
/* REPORT */
.rep{padding:128px 0 0}
.sheet{border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;background:var(--panel);box-shadow:var(--sh1)}
.verdict{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px;background:var(--lime);color:var(--onl);margin:8px;border-radius:var(--r2);padding:28px 30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.vbig{font-family:Unbounded,UnboundedFB,sans-serif;font-weight:800;font-size:clamp(34px,5vw,58px);letter-spacing:-.035em;line-height:1}
.vsub{font-size:16px;font-weight:500;opacity:.78;max-width:300px;line-height:1.38}
.vpct{margin-left:auto;font-family:Unbounded,UnboundedFB,sans-serif;font-weight:800;font-size:clamp(30px,4.2vw,50px);letter-spacing:-.035em}
.rnums{display:grid;grid-template-columns:repeat(3,1fr)}
.rn{padding:26px 36px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.rn:last-child{border-right:0}
.rl{display:block;font-size:14px;font-weight:500;color:var(--dim)}
.rv{display:block;margin-top:10px;font-family:Unbounded,UnboundedFB,sans-serif;font-weight:700;font-size:clamp(25px,3vw,38px);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.rv small{font-family:Onest,OnestFB,sans-serif;font-size:18px;font-weight:500;letter-spacing:0;color:var(--dim);margin-left:1px}
.rv.acc{color:var(--limeink)}
.rsub{display:block;margin-top:10px;font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:12.5px;color:var(--dim)}
.rscale{padding:32px 36px;border-bottom:1px solid var(--line)}
.rsttl,.rwhd{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.rsttl{font-size:17px;font-weight:600;letter-spacing:-.01em}
.rwttl{font-family:Onest,OnestFB,sans-serif;font-weight:600;font-size:20px;letter-spacing:-.02em;color:var(--ink)}
.rwsub{font-size:14.5px;color:var(--dim)}
.rslg{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:12px;font-weight:400;letter-spacing:0;color:var(--dim)}
.rslg i{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:3px;vertical-align:-1px}
.rslg i.lo,.rz.lo.on{background:var(--lime)}
.rslg i.mid,.rz.mid.on{background:var(--vio)}
.rslg i.hi,.rz.hi.on{background:var(--bad)}
.rax{position:relative;margin-top:34px;padding:46px 0 58px}
.rax.stack{padding-bottom:80px}
.rbar{position:relative;height:14px}
.rz{position:absolute;top:0;bottom:0;border:0 solid transparent;border-width:0 2px;background-clip:padding-box;border-radius:5px;transition:background-color .5s}
.rz.lo{border-left:0;border-radius:99px 5px 5px 99px;background-color:color-mix(in srgb,var(--lime) 24%,transparent)}
.rz.mid{background-color:color-mix(in srgb,var(--vio) 24%,transparent)}
.rz.hi{border-right:0;border-radius:5px 99px 99px 5px;background-color:color-mix(in srgb,var(--bad) 24%,transparent)}
/* метки: .rmk — нулевая ширина в точке цены, подпись центрируется сама, gsap двигает только .rmk */
.rmk{position:absolute;width:0;z-index:2}
.rmk span{position:absolute;left:0;transform:translateX(-50%);font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:12.5px;font-weight:600;line-height:1.2;white-space:nowrap}
.rmk.edgeL span{transform:translateX(-16px)}
.rmk.edgeR span{transform:translateX(calc(-100% + 16px))}
.rmk.fair.edgeL span{transform:translateX(-12px)}
.rmk.fair.edgeR span{transform:translateX(calc(-100% + 12px))}
.rmk.ask{top:0;height:60px}
.rmk.ask span{top:0;height:30px;padding:0 13px;display:flex;align-items:center;border-radius:99px;background:var(--ink);color:var(--bg)}
/* ножка: от плашки сквозь полосу, ровно по точке цены; на полосе — чуть шире, как стрелка прибора */
.rmk.ask i{position:absolute;left:-1px;top:29px;bottom:-5px;width:2px;border-radius:2px;background:var(--ink)}
.rmk.ask i::after{content:"";position:absolute;left:-1px;right:-1px;bottom:0;height:24px;border-radius:2px;background:inherit}
.rmk.fair{top:46px;height:14px}
.rmk.fair i{position:absolute;left:-9px;top:-2px;width:18px;height:18px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px var(--panel),0 3px 10px rgba(0,0,0,.35)}
.rmk.fair span{top:24px;padding:2px 6px;border-radius:6px;background:var(--panel);color:var(--limeink)}
/* границы интервала: подпись снаружи интервала, не влезает — внутрь, но всегда в пределах шкалы;
   пунктир-выноска (--gx) остаётся точно под краем зоны */
.rtk{position:absolute;top:104px;left:0;z-index:1;font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:12px;line-height:1.2;color:var(--dim);white-space:nowrap}
.rtk::before{content:"";position:absolute;left:var(--gx,0px);bottom:calc(100% + 3px);height:41px;width:1px;background:repeating-linear-gradient(180deg,var(--faint) 0 3px,transparent 3px 6px)}
.rax.stack .rtk.hi{top:126px}
.rax.stack .rtk.hi::before{height:63px}
.rwhy{padding:32px 36px}
.fxlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:10px;margin-top:22px}
.fx{background:var(--bg);border:1px solid var(--line);border-radius:var(--r2);padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;transition:background-color .2s,border-color .2s}
.fx:hover{background:var(--panel2);border-color:var(--faint)}
.fxd{display:inline-flex;align-items:center;gap:7px;font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:12.2px;letter-spacing:.01em}
.fxd svg{width:13px;height:13px;flex:none}
.fx.pos .fxd{color:var(--limeink)}
.fx.neg .fxd{color:var(--bad)}
.fxv{font-family:Unbounded,UnboundedFB,sans-serif;font-weight:700;font-size:clamp(21px,2vw,27px);letter-spacing:-.03em;line-height:1}
.fx.pos .fxv{color:var(--limeink)}
.fx.neg .fxv{color:var(--bad)}
.fxn{font-size:15px;line-height:1.4;color:var(--ink);margin-top:2px}
.fxb{position:relative;height:4px;border-radius:99px;background:var(--track);margin-top:auto;overflow:hidden}
.fxb i{position:absolute;inset:0;border-radius:99px;transform:scaleX(var(--w,1));transform-origin:left center;transition:transform .55s cubic-bezier(.22,.75,.2,1)}
.fx.pos .fxb i{background:var(--lime)}
.fx.neg .fxb i{background:var(--bad)}
.rfoot{display:flex;flex-wrap:wrap;gap:10px;padding:0 36px 32px}
button.rchip{cursor:pointer;color:var(--ink)}
button.rchip:hover{border-color:var(--lime);color:var(--limeink)}
.rchip{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:var(--r1);padding:9px 14px;background:var(--bg);font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:12.5px;color:var(--dim);transition:border-color .3s,color .3s}
.rchip b{color:var(--ink);font-weight:600}
.rchip b::before{content:'· ';color:var(--dim);font-weight:400}
.rchip:hover{border-color:rgba(58,220,124,.4);color:var(--ink)}
.rchip a{color:var(--limeink);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--limeink) 45%,transparent);padding-bottom:1px}
.rchip a:hover{border-color:var(--lime)}
/* STATEMENT */
.statement{padding:160px 0 150px}
.statement h2{font-family:Unbounded,UnboundedFB,sans-serif;font-weight:600;font-size:clamp(30px,4.6vw,58px);line-height:1.14;letter-spacing:-.02em;max-width:1080px}
.statement h2 .w{color:var(--faint);transition:color .3s}
.statement h2 .w.lit{color:var(--ink)}
.statement h2 .w.acc.lit{color:var(--lime)}
/* BENTO */
.bento{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.card{border-radius:var(--r3);padding:40px;position:relative;overflow:hidden;box-shadow:var(--sh1);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
@media(pointer:fine){
.card:hover{transform:translateY(-4px)}
.c2:hover{border-color:rgba(58,220,124,.45)}
.c3:hover{border-color:rgba(233,180,76,.5)}
.c1:hover{border-color:color-mix(in srgb,var(--lime) 40%,transparent)}
.f{transition:background .25s;border-radius:10px}
.f:hover{background:var(--hover)}
.met b{transition:transform .3s;display:block;transform-origin:left bottom}
.met:hover b{transform:scale(1.08)}
.hexmap polygon{transition:transform .3s,fill-opacity .3s;transform-origin:center;transform-box:fill-box;cursor:pointer}
.hexmap polygon:hover{transform:scale(1.14)}
}
.c1{grid-row:span 2;color:var(--ink);border:1px solid var(--line);background:radial-gradient(90% 60% at 100% 0%,var(--limesoft),transparent 70%),var(--panel)}
.c1 h3{font-family:Onest,OnestFB,sans-serif;font-weight:600;font-size:28px;line-height:1.15;letter-spacing:-.03em;max-width:380px}
.c1 p{margin-top:14px;font-size:17px;line-height:1.6;max-width:400px;color:var(--dim)}
/* iPhone + Telegram (референс: скриншоты Telegram для iOS) */
.iph{margin:34px auto 0;width:336px;max-width:100%;border-radius:46px;padding:9px;background:linear-gradient(160deg,#3C4148,#101215 42%,#22262B);box-shadow:0 44px 80px -34px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.07)}
.iscr{position:relative;border-radius:38px;overflow:hidden;background:#0E1621;color:#fff;font-family:-apple-system,'SF Pro Text','Onest',OnestFB,sans-serif}
.isb{position:relative;display:flex;align-items:center;justify-content:space-between;padding:11px 24px 6px;font-size:13.5px;font-weight:600;letter-spacing:.01em}
.isle{font-variant-numeric:tabular-nums}
.isri{display:flex;align-items:center;gap:5px}
.isri svg{display:block}
.iisl{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:86px;height:26px;border-radius:99px;background:#000}
.tghd{display:flex;align-items:center;gap:10px;padding:4px 12px 10px;background:rgba(14,22,33,.94)}
.tgbk{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;flex:none}
.tgbk svg{width:9px;height:15px;color:#6FB0E8}
.tgttl{flex:1;text-align:center;line-height:1.24;min-width:0}
.tgttl b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}
.tgttl i{font-style:normal;font-size:12px;color:#7B93A8}
.tgav{width:30px;height:30px;border-radius:50%;background:var(--lime);color:#06130B;font-family:Unbounded,UnboundedFB,sans-serif;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex:none}
.tgch{padding:12px 15px 10px;display:flex;flex-direction:column;gap:6px;background-color:#0E1621;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='58' viewBox='0 0 58 58'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='.028' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17l5-4 5 4v7H7z'/%3E%3Cpath d='M37 12h9v7h-9z'/%3E%3Cpath d='M36 42h10M36 46h6'/%3E%3Cpath d='M11 41l4-4 4 4-4 4z'/%3E%3C/g%3E%3C/svg%3E")}
.tgday{align-self:center;margin:2px 0 6px;padding:4px 11px;border-radius:99px;background:rgba(0,0,0,.4);font-size:12px;font-weight:600;color:#C6D3DE}
.tgb{position:relative;max-width:84%;padding:7px 11px 7px 12px;border-radius:17px;font-size:14.6px;line-height:1.33;background:#182533;color:#fff}
.tgb::after{content:"";position:absolute;bottom:0;width:15px;height:15px;background:inherit}
.tgb.in::after{left:-7px;-webkit-mask:radial-gradient(circle 15px at 0 0,transparent 98%,#000 100%);mask:radial-gradient(circle 15px at 0 0,transparent 98%,#000 100%)}
.tgb.out::after{right:-7px;-webkit-mask:radial-gradient(circle 15px at 100% 0,transparent 98%,#000 100%);mask:radial-gradient(circle 15px at 100% 0,transparent 98%,#000 100%)}
.tgb.in{align-self:flex-start;border-bottom-left-radius:7px}
.tgb.out{align-self:flex-end;background:#2B5278;border-bottom-right-radius:7px}
.tgb strong{display:block;font-weight:600;margin-bottom:2px}
.tgb .ln{display:block;color:#DCE7F0}
.tgb .ln b{font-weight:600;color:#fff}
.tgb .mono{font-family:-apple-system,'SF Mono','Data',DataFB,monospace;font-size:14px;letter-spacing:-.01em}
.tgt{float:right;margin:6px 0 -2px 8px;display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#8FA6B8;font-variant-numeric:tabular-nums}
.tgb.out .tgt{color:#9FC8E8}
.tgt svg{width:15px;height:9px;flex:none}
.tgin{display:flex;align-items:center;gap:10px;padding:9px 12px 16px;background:rgba(14,22,33,.96)}
.tgin svg{width:21px;height:21px;color:#7B93A8;flex:none}
.tgfl{flex:1;font-size:15px;color:#61798D}
@media(max-width:900px){.iph{width:300px;border-radius:42px}}
@media(max-width:760px){.iph{margin-top:28px;width:100%;max-width:330px}.tgch{padding:12px 12px 10px}.tgb{max-width:88%;font-size:14.2px}.tgb .mono{font-size:12.3px}}
.c2{background:var(--panel);border:1px solid var(--line)}
.hrow{display:flex;align-items:center;gap:16px}
.icw{display:inline-flex;flex:none;line-height:0;transform-origin:50% 50%}
.ic2{flex:none}
.icn{width:17px;height:17px;color:var(--ink)}
.ict{width:22px;height:22px;color:var(--warn)}
.icb{width:46px;height:46px;color:var(--lime)}
@media(max-width:760px){.hrow{flex-direction:column;align-items:flex-start;gap:14px}.icb{width:40px;height:40px}}
.icd{color:var(--lime)}
.icf{width:17px;height:17px;color:#5E7263;flex:none;transition:color .25s,transform .25s}
.f:hover .icf{color:var(--lime);transform:translateY(-1px)}
.icm{width:17px;height:17px;color:var(--warn);flex:none}
.ics{width:14px;height:14px;color:var(--dim);flex:none;vertical-align:-2px;margin:0 5px 0 2px}
.icv{width:15px;height:15px;color:var(--good);flex:none}
.icr{width:14px;height:14px;color:#5E7263;flex:none;vertical-align:-2px;margin-right:2px}
.fh{display:flex;align-items:center;gap:9px}
.fh .icf{color:var(--lime)}
.c1 .msg.alert{display:flex;align-items:center;gap:11px}
.c2 h3,.c3 h3{font-family:Onest,OnestFB,sans-serif;font-weight:600;font-size:23px;line-height:1.2;letter-spacing:-.025em}
.c2 p,.c3 p{margin-top:12px;font-size:16.5px;line-height:1.6;color:var(--dim)}
.c2 p b,.c3 p b{color:var(--ink);font-weight:600}
.mets{display:flex;gap:34px;margin-top:26px;flex-wrap:wrap}
.met b{display:block;font-family:Unbounded,UnboundedFB,sans-serif;font-weight:700;font-size:30px;color:var(--limeink)}
.met span{font-size:13.5px;color:var(--dim)}
.c3{background:var(--goldbg);border:1px solid var(--goldbd)}
.c3 h3{color:var(--violink)}
.hexmap{margin-top:24px;width:100%;height:auto;display:block}
.map i{flex:1;border-radius:5px;background:var(--goldsoft);position:relative}
.map i.hot{background:var(--vio)}
/* FOOTER */
.cta{padding:150px 0 120px;text-align:center;position:relative}
.cta>.wrap{--bg:#0A100C;--ink:#F1F2EB;--dim:#B3C2B6;--lime:#3ADC7C;--field:#16201A;--field2:#0C1410;--fieldbd:#2A372D;--line:#2A372D;
 --pbg:#1E2A22;--pbd:#2C3C31;--pink:#B9C7BB;--phov:#25332B;--pbd2:#42594A;--limesoft:rgba(58,220,124,.12);--edge:rgba(255,255,255,.06);
 color:var(--ink);max-width:none;margin:0 max(36px,calc((100% - 1208px)/2));padding:112px 36px 124px;border-radius:28px;overflow:hidden;position:relative;isolation:isolate;
 background:linear-gradient(180deg,rgba(8,13,10,.86) 0%,rgba(8,13,10,.62) 46%,rgba(8,13,10,.3) 100%),url(/static/img/skyline.svg) center bottom/cover,#0A100C;
 box-shadow:0 30px 80px -40px rgba(0,0,0,.6)}
.cta h2{font-family:Unbounded,UnboundedFB,sans-serif;font-weight:700;font-size:clamp(34px,5vw,68px);letter-spacing:-.035em;line-height:1.05;text-wrap:balance}
.cta h2 em{font-style:normal;color:var(--lime)}
.cta .inbar{margin:40px auto 0;max-width:600px;background:rgba(14,22,17,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cta .inerr{justify-content:center}
@media(max-width:860px){.cta>.wrap{background-image:linear-gradient(180deg,rgba(8,13,10,.9) 0%,rgba(8,13,10,.7) 50%,rgba(8,13,10,.42) 100%),url(/static/img/skyline.svg)}}
.cta .sub{font-family:'Data','JetBrains Mono',DataFB,monospace;margin-top:18px;color:var(--dim);font-size:12.5px;letter-spacing:.02em}
.next{padding:0 0 104px}
.ncards{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:12px}
.ncard{position:relative;isolation:isolate;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh1);display:flex;flex-direction:column;gap:16px;padding:22px 22px 20px;min-height:200px;text-decoration:none;color:var(--ink);transition:color .35s,border-color .35s}
.ncard::before{content:"";position:absolute;inset:0;z-index:-1;transform:translateY(101%);transition:transform .55s cubic-bezier(.22,.75,.2,1)}
.ncard.g::before{background:var(--lime)}
.ncard.v::before{background:var(--vio)}
.ncard.w::before{background:var(--ink)}
.ncard:hover::before,.ncard:focus-visible::before{transform:translateY(0)}
.ncard:hover,.ncard:focus-visible{color:var(--onl)}
.ntop{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nidx{display:none}
.ncard:hover .nidx,.ncard:focus-visible .nidx{color:rgba(6,19,11,.6)}
.nico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:12px;background:var(--soft);transition:transform .5s cubic-bezier(.22,.75,.2,1),background-color .35s}
.nico svg{width:28px;height:28px;display:block}
.ncard:hover .nico,.ncard:focus-visible .nico{background:rgba(6,19,11,.1)}
.ncard .nico svg{color:var(--limeink)}
.ncard:hover .nico{transform:translateY(-4px) scale(1.06)}
.ncard:hover .nico svg,.ncard:focus-visible .nico svg{color:var(--onl)}
.nttl{font-family:Onest,OnestFB,sans-serif;font-weight:600;font-size:clamp(20px,1.8vw,24px);letter-spacing:-.03em;line-height:1.14;margin-top:auto;transition:transform .5s cubic-bezier(.22,.75,.2,1)}
.ncard:hover .nttl{transform:translateX(6px)}
.nbot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nmeta{font-size:13.5px;line-height:1.45;color:var(--dim);transition:color .35s}
.ncard:hover .nmeta,.ncard:focus-visible .nmeta{color:rgba(6,19,11,.72)}
.narr{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border:1px solid var(--line);border-radius:99px;transition:transform .5s cubic-bezier(.22,.75,.2,1),border-color .35s}
.narr svg{width:15px;height:15px;color:var(--dim);transition:color .35s}
.ncard:hover .narr{transform:translateX(5px);border-color:rgba(6,19,11,.28)}
.ncard:hover .narr svg,.ncard:focus-visible .narr svg{color:var(--onl)}
footer{position:relative;border-top:1px solid var(--line);padding:72px 0 0;overflow:hidden}
.fgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.25fr;gap:44px}
.flogo{display:inline-block;font-family:Unbounded,UnboundedFB,sans-serif;font-weight:800;font-size:26px;letter-spacing:-.03em;color:var(--ink);text-decoration:none;transition:opacity .25s,transform .18s cubic-bezier(.2,.7,.2,1);-webkit-tap-highlight-color:transparent}
.flogo:active{transform:scale(.94);transition-duration:.08s}
.flogo:hover{opacity:.72}
.flogo span{color:var(--lime)}
.ftag{margin-top:14px;font-size:15.5px;line-height:1.6;color:var(--dim);max-width:310px}
.fchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.fchip{font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:12.5px;color:var(--dim);border:1px solid var(--line);border-radius:var(--r1);padding:7px 12px;transition:border-color .3s,color .3s}
.fchip b{color:var(--ink);font-weight:600}
.fchip:hover{border-color:rgba(58,220,124,.45);color:var(--ink)}
.fh{font-size:14px;font-weight:500;color:var(--dim)}
.flinks{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:18px}
.flink{position:relative;display:inline-flex;align-items:center;gap:9px;font:500 15.5px Onest,OnestFB,sans-serif;color:var(--ink);text-decoration:none;transition:color .3s}
.flink::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:var(--lime);transition:right .35s cubic-bezier(.2,.7,.2,1)}
.flink:hover,.flink:focus-visible{color:var(--lime)}
.flink:hover::after,.flink:focus-visible::after{right:0}
.flink svg{width:16px;height:16px;color:var(--dim);transition:color .3s}
.flink:hover svg{color:var(--lime)}
.fnote{margin-top:18px;font-size:14.5px;line-height:1.65;color:var(--dim);max-width:330px}
.fnote b{color:var(--ink);font-weight:600}
.fmark{display:block;width:100%;height:auto;margin:0;user-select:none;pointer-events:none}
.fmark text{font-family:Unbounded,UnboundedFB,sans-serif;font-weight:800;font-size:200px;fill:url(#markgrad)}
.fmarkband{margin-top:6px;padding:0 clamp(14px,2.2vw,30px);overflow:hidden}
.fbot{margin-top:56px;border-top:1px solid var(--line);padding:20px 0 22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:13px;color:var(--dim)}
.ftop{display:inline-flex;align-items:center;gap:9px;background:transparent;border:1px solid var(--line);border-radius:99px;padding:10px 17px;font:inherit;color:var(--dim);cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.ftop svg{width:15px;height:15px;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.ftop:hover{background:var(--lime);border-color:var(--lime);color:var(--onl)}
.ftop:hover svg{transform:translateY(-3px)}
/* предупреждения по объявлению: подозрительно низкая цена, перезалив, ремонт */
.fxh{display:block;margin-top:6px;font-family:Onest;font-size:12.5px;line-height:1.45;color:var(--dim)}
.rwarn{display:flex;gap:13px;align-items:flex-start;padding:18px 36px;background:var(--goldsoft);border-bottom:1px solid var(--goldbd)}
.rwarn svg{width:21px;height:21px;flex:none;color:var(--vio);margin-top:1px}
.rwarn b{display:block;font-family:Onest;font-weight:600;font-size:14.5px;line-height:1.35;color:var(--ink)}
.rwarn i{display:block;margin-top:5px;font-style:normal;font-family:Onest;font-size:13.5px;line-height:1.55;color:var(--dim)}
/* история цены и похожие лоты */
.rextra{padding:24px 36px;border-top:1px solid var(--line)}
.rxttl{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin-bottom:4px}
.rxr{display:flex;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-family:Onest;font-size:14px;color:var(--ink);text-decoration:none}
.rxr:last-child{border-bottom:0}
.rxr .rxd{flex:none;font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:12.5px;color:var(--dim);min-width:76px}
.rxr .rxn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rxr .rxv{flex:none;font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:13px;color:var(--ink)}
.rxr .rxv.dn{color:var(--good)}
.rxr .rxv.up{color:var(--bad)}
a.rxr{transition:color .25s}
a.rxr:hover{color:var(--lime)}
a.rxr:hover .rxv{color:var(--lime)}
.rxsum{font-family:Onest;font-size:13.5px;color:var(--dim);margin-bottom:12px}
/* доходность продажного лота, если сдавать */
.ryhd .rxsum{margin-bottom:0}
.rygrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.ryc{border:1px solid var(--line);border-radius:var(--r2);background:var(--bg);padding:16px 18px 18px;min-width:0}
.ryl{display:block;font-size:13.5px;font-weight:500;color:var(--dim)}
.ryv{display:block;margin-top:8px;font-family:Unbounded,UnboundedFB,sans-serif;font-weight:700;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.03em;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.ryv.acc{color:var(--limeink)}
.ryv small{font-family:Onest,OnestFB,sans-serif;font-size:15px;font-weight:500;letter-spacing:0;color:var(--dim);margin-left:6px}
.rys{display:block;margin-top:8px;font-size:13px;line-height:1.4;color:var(--dim)}
.rynote{margin-top:12px;font-size:13px;line-height:1.5;color:var(--dim)}
/* ссылка «показать на примере» под формой */
.demolink{background:none;border:0;padding:0;margin-top:14px;font-family:Onest;font-size:13.5px;color:var(--dim);cursor:pointer;border-bottom:1px solid var(--line);transition:color .25s,border-color .25s}
.demolink:hover{color:var(--limeink);border-color:var(--limeink)}
.demos{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:14px;font-size:13.5px;color:var(--dim)}
.demos .demolink{margin-top:0}
@media (max-width:760px){
 .rwarn{padding:16px 20px;flex-wrap:wrap;gap:10px}
 .rwarn svg{margin-top:2px}
 .rwarn>div{flex:1 1 100%}
 .rwarn>div:first-of-type{flex:1 1 calc(100% - 34px)}
 .rwarn>div+div{padding-top:10px;border-top:1px solid var(--goldbd)}
 .rextra{padding:20px}
 .rygrid{grid-template-columns:1fr;gap:8px}
 .rxr{flex-wrap:wrap;gap:4px 12px}
 .rxr .rxn{order:1;flex:1 1 100%;white-space:normal;line-height:1.4}
 .rxr .rxd{order:2;min-width:0}
 .rxr .rxv{order:3;margin-left:auto}
}
@media(max-width:820px){
 .wrap{padding:0 22px}
 nav{padding:10px 12px 0}
 nav .nrow{height:58px;padding:0 6px 0 18px;gap:12px}
 .thbtn{margin-left:auto}
 .menu{display:none}
 .tgbtn{font-size:14px}
 .tghw{display:none}
 .hero{padding-top:124px}
 .herorow{margin-top:32px}
 .lede{max-width:100%;flex:1 1 100%}
 .herorow>div{flex:1 1 100%;width:100%}
 .bento{grid-template-columns:1fr}
 .card{padding:30px 24px}
 .statement{padding:100px 0}
 .cta{padding:96px 0 72px}
 .cta>.wrap{margin:0 12px;padding:72px 20px 80px;border-radius:24px}
 .next{padding-bottom:90px}
 .ncards{grid-template-columns:1fr;gap:10px}
 .ncard{min-height:0;padding:20px 18px;gap:12px}
 .nttl{font-size:21px}
 .narr{width:32px;height:32px}
 .dband{margin-top:-8px}
 .dbars{display:none}
 .dlabels{grid-template-columns:1fr 1fr;gap:20px 18px;margin-top:0}
 .dhbar{display:block;height:5px;border-radius:99px;background:var(--line);margin-top:9px;overflow:hidden}
 .dhbar i{display:block;height:100%;border-radius:99px}
 .dl.hi .dhbar i{background:var(--vio)}
 .dl.lo .dhbar i{background:var(--lime)}
 footer{padding-top:56px}
 .fgrid{grid-template-columns:1fr;gap:32px}
 .ftag,.fnote{max-width:100%}
 .fbot{flex-direction:column;align-items:flex-start;gap:16px}
 .inbar{min-width:100%;width:100%}
 .rep{padding-top:80px}
 .verdict{padding:22px 20px;gap:10px 16px;margin:6px;border-radius:14px}
 .vsub{max-width:100%;flex:1 1 100%;order:3;font-size:15px}
 .rnums{grid-template-columns:1fr}
 .rn{padding:22px 20px;border-right:0}
 .rscale,.rwhy{padding:26px 20px}
 .rfoot{padding:0 20px 26px}
 .rax{margin-top:26px}
 .rslg{gap:4px 14px}
 .rmk span,.rtk{font-size:11.5px}
 .fxlist{grid-template-columns:1fr 1fr;gap:8px}
 .fx{padding:16px 15px 18px;gap:8px}
 .fxn{font-size:14px}
}
@media(max-width:560px){
 .mets{grid-template-columns:1fr 1fr;gap:18px 20px}
 .met b{font-size:26px}
}

/* ---- удобство пользователя ---- */
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:18px;top:-80px;z-index:400;background:var(--lime);color:var(--onl);font:600 14px Onest,OnestFB,sans-serif;padding:13px 24px;border-radius:99px;transition:top .22s ease}
.skip:focus{top:16px}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--limeink);outline-offset:3px;border-radius:8px}
.inbar input:focus-visible{outline:none}
[id]{scroll-margin-top:104px}
.gobtn,.pastebtn,.ftop{transition:scale .12s ease}
.gobtn:active,.pastebtn:active,.ftop:active{scale:.97}
.menu a,.flink{padding-block:6px}
/* поле ввода */
.pastebtn{display:inline-flex;align-items:center;gap:7px;background:var(--pbg);border:1px solid var(--pbd);color:var(--pink);font:600 13.5px Onest,OnestFB,sans-serif;padding:12px 17px;border-radius:99px;cursor:pointer;white-space:nowrap}
.pastebtn:hover{color:var(--ink);border-color:var(--pbd2);background:var(--phov)}
.pastebtn svg{width:15px;height:15px;flex:none}
.inerr{margin:12px 2px 0;font:600 13.5px Onest,OnestFB,sans-serif;color:var(--bad);display:none;align-items:center;gap:9px}
.inerr.on{display:flex}
.inerr svg{width:17px;height:17px;flex:none}
.gobtn[disabled]{opacity:.62;cursor:progress}
.sheet.busy{opacity:.45!important;transition:opacity .25s ease}
.verdict.warn{background:var(--vio)}
.verdict.bad{background:#F87171}
/* тач: то, что раскрывалось по наведению, видно сразу */
@media (hover:none){
 .rchip{color:var(--dim)}
}
@media (hover:none) and (min-width:561px){
 .tghw{grid-template-columns:1fr;opacity:1}
}

/* ---- мобильное меню ---- */
.burg{display:none;margin-left:auto;width:46px;height:46px;background:none;border:0;padding:0;cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-end;gap:7px}
.burg span{display:block;height:2px;width:22px;background:var(--ink);border-radius:2px;transition:transform .38s cubic-bezier(.2,.7,.2,1)}
.burg[aria-expanded="true"] span:nth-child(1){transform:translateY(4.5px) rotate(45deg)}
.burg[aria-expanded="true"] span:nth-child(2){transform:translateY(-4.5px) rotate(-45deg)}
.mmenu{position:fixed;inset:0;z-index:45;background:var(--bg);padding:96px 22px 38px;display:none;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s}
.mmenu.open{opacity:1;visibility:visible;pointer-events:auto}
.mmenu a.ml{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-family:Unbounded,UnboundedFB,sans-serif;font-weight:700;font-size:clamp(28px,8.4vw,44px);letter-spacing:-.04em;line-height:1;color:var(--ink);text-decoration:none;padding:22px 0;border-bottom:1px solid var(--line)}
.mmenu a.ml.on{color:var(--lime)}
.mmenu a.ml i{font-style:normal;font-family:Onest,OnestFB,sans-serif;font-size:14px;font-weight:500;color:var(--dim);letter-spacing:0}
.msub{margin-top:auto;padding-top:34px;display:flex;flex-direction:column;gap:16px}
.msub a{font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:15px;font-weight:600;color:var(--lime);text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.msub span{font-family:'Data','JetBrains Mono',DataFB,monospace;font-size:12.5px;color:var(--dim)}
body.mopen{overflow:hidden}
@media(max-width:820px){.burg{display:flex;order:3;margin-left:4px;width:42px;height:42px;align-items:center}.mmenu{display:flex}.tgbtn{display:none}}
/* ---- компактное поле ввода на телефоне ---- */
@media(max-width:640px){
 /* мобильный поиск: одно поле с иконкой «вставить» внутри + одна большая кнопка */
 .inbar{position:relative;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;border-radius:20px;background:var(--field)}
 .inbar input{flex:1 1 100%;min-width:0;padding:16px 52px 16px 16px;font-size:16px;line-height:1.2;background:var(--field2);border:1px solid var(--fieldbd);border-radius:14px;transition:border-color .25s}
 .inbar input:focus{border-color:rgba(58,220,124,.45)}
 .inbar:focus-within{border-color:var(--fieldbd);box-shadow:var(--sh1)}
 .pastebtn{position:absolute;top:14px;right:16px;flex:none;width:40px;height:40px;padding:0;justify-content:center;border-radius:12px;background:transparent;border:0;color:#7C8C7F;z-index:2}
 .pastebtn:hover,.pastebtn:active{background:var(--phov);color:var(--ink)}
 .pastebtn .pbl{display:none}
 .pastebtn svg{width:19px;height:19px}
 .gobtn{flex:1 1 100%;width:100%;padding:17px 22px;font-size:16px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px}
 .gobtn i{transform:none}
 .inerr{margin-top:14px}
}
/* лёгкий режим: без размытия под шапкой */
html.lite nav .nrow{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}
/* ссылка внутри лида подстраницы */
.plink{color:var(--limeink);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--limeink) 45%,transparent);transition:border-color .2s}
.plink:hover{border-color:var(--limeink)}
/* «Куда дальше» с тёмной заливкой (.w): в светлой теме заливка тёмная — текст и иконка светлые */
.ncard.w:hover,.ncard.w:focus-visible{color:var(--bg)}
.ncard.w:hover .nmeta,.ncard.w:focus-visible .nmeta{color:color-mix(in srgb,var(--bg) 74%,transparent)}
.ncard.w:hover .nico svg,.ncard.w:focus-visible .nico svg,.ncard.w:hover .narr svg,.ncard.w:focus-visible .narr svg{color:var(--bg)}
.ncard.w:hover .nico,.ncard.w:focus-visible .nico{background:color-mix(in srgb,var(--bg) 14%,transparent)}
.ncard.w:hover .narr{border-color:color-mix(in srgb,var(--bg) 35%,transparent)}
/* страницы без финального призыва: «Куда дальше» отступает от документа */
main:not(:has(.cta)) .next{padding-top:104px}
@media(max-width:820px){main:not(:has(.cta)) .next{padding-top:72px}}
/* переходы между страницами: шапка-капсула стоит на месте, содержимое мягко сменяется */
@view-transition{navigation:auto}
nav .nrow{view-transition-name:bagam-nav}
::view-transition-old(root){animation:bgmvtout .2s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:bgmvtin .34s cubic-bezier(.16,1,.3,1) both}
@keyframes bgmvtout{to{opacity:0;transform:translateY(-8px)}}
@keyframes bgmvtin{from{opacity:0;transform:translateY(12px)}}
html.lite::view-transition-old(root),html.lite::view-transition-new(root){animation:none}
/* скелетоны блоков, которые рисуются живыми данными: пока данных нет — мерцающая плашка */
@keyframes bgmsk{0%{background-position:100% 0}100%{background-position:-100% 0}}
[data-skel]{position:relative}
[data-skel].loading>*{visibility:hidden}
[data-skel].loading::after{content:"";position:absolute;inset:0;border-radius:var(--r2);background:linear-gradient(90deg,var(--soft) 25%,var(--hover) 37%,var(--soft) 63%);background-size:250% 100%;animation:bgmsk 1.3s linear infinite}
html.lite [data-skel].loading::after{animation:none}
/* ---- векторная панорама (герой): гранёные горы, город, Кок-Тобе; палитра из темы ---- */
:root{--sk-sky-top:var(--bg);--sk-sky-bot:#0F1912;--sk-glow:#15241B;--sk-mb-l:#22382B;--sk-mb-d:#1A2C22;--sk-mf-l:#192A20;--sk-mf-d:#13211A;
--sk-sn-l:#D6E0D3;--sk-sn-d:#93A796;--sk-hill:#0F1913;--sk-b1:#0C1510;--sk-b2:#101B15;--sk-b3:#15221A;--sk-tw:#1C2B22;--sk-bc:#3ADC7C;
--sk-wg:#E9B44C;--sk-wl:#3ADC7C;--sk-win-o:.82;--sk-tr:#08100B}
html[data-theme=light]{--sk-sky-top:var(--bg);--sk-sky-bot:#E8EFE4;--sk-glow:#DCE6D7;--sk-mb-l:#C9D6C5;--sk-mb-d:#B5C5B1;--sk-mf-l:#AEC0AA;--sk-mf-d:#9DB199;
--sk-sn-l:#FFFFFF;--sk-sn-d:#E1E9DE;--sk-hill:#8FA58B;--sk-b1:#6D8473;--sk-b2:#788F7E;--sk-b3:#62796A;--sk-tw:#5B7261;--sk-bc:#25B96A;
--sk-wg:#F6E7BD;--sk-wl:#D9F4E2;--sk-win-o:.6;--sk-tr:#4F6B54}
.skyline .mb-l{fill:var(--sk-mb-l)}.skyline .mb-d{fill:var(--sk-mb-d)}.skyline .mf-l{fill:var(--sk-mf-l)}.skyline .mf-d{fill:var(--sk-mf-d)}
.skyline .sn-l{fill:var(--sk-sn-l)}.skyline .sn-d{fill:var(--sk-sn-d)}.skyline .hill{fill:var(--sk-hill)}
.skyline .b1{fill:var(--sk-b1)}.skyline .b2{fill:var(--sk-b2)}.skyline .b3{fill:var(--sk-b3)}
.skyline .edge{stroke:var(--sk-bc);stroke-opacity:.5;stroke-width:1.4}.skyline .tw{fill:var(--sk-tw)}
.skyline .bc{fill:var(--sk-bc)}.skyline .bc-h{fill:var(--sk-bc);opacity:.18}
.skyline .wg{fill:var(--sk-wg);opacity:var(--sk-win-o)}.skyline .wl{fill:var(--sk-wl);opacity:var(--sk-win-o)}.skyline .tr{fill:var(--sk-tr)}