/* РОВНО — общие стили всех страниц. Тёмная тема в стиле Николая (TZ.md §2, решение 26.10 вечер; spec v2.6 §2.4):
   чёрный — основа, жёлтый — действие и главный акцент, крем — текст, зелёный — «да / бесплатно / принято / гарантия»,
   красный — предупреждения и ошибки. Типографика — ровно пять кеглей D, H, L, T, S на каждой ширине. */
:root{
 color-scheme:dark;
 --bg:#060607;--card:#0E0F12;--card-2:#121418;--line:#22252B;
 --fg:#F1EDE4;--fg-2:rgba(241,237,228,.7);
 --act:#F7A600;--act-h:#FFB21A;--act-p:#D98F00;--act-fg:#060607;
 --ok:#20B26C;--bad:#EF454A;
 --ease-out:cubic-bezier(.23,1,.32,1);--ease-drawer:cubic-bezier(.32,.72,0,1);
 /* шрифт как iOS 27: системный SF, запасной Inter; system-ui не ставим (spec v2.4 §2.5) */
 --ff:-apple-system,BlinkMacSystemFont,'SF Pro Text',Inter,sans-serif;
 --fd:var(--ff);--ft:var(--ff);
 /* пять кеглей: ПК */
 --fD:clamp(52px,5.6vw,80px);--fH:clamp(44px,4vw,58px);--fL:clamp(21px,1.6vw,23px);--fT:17px;--fS:15px;
 /* рабочее поле экрана: сверху, снизу, по бокам (§0) */
 --top:88px;--bot:48px;--side:32px;--hdh:56px;--bar:0px;--pad:32px;--r:24px;--rp:24px;
 /* глубина на тёмном (§2.9): листы и карточки — рамка 1 px, без тени; шапка, диалог, QR, поднятая карточка — тень и кромка */
 --shadow-desk:0 0 0 1px var(--line);--shadow-up:0 24px 60px -24px rgba(0,0,0,.6),0 0 0 1px rgba(241,237,228,.12);
}
@media (max-width:1023px){:root{--fD:52px;--fH:44px;--fL:21px;--top:78px;--bot:76px;--side:32px;--pad:32px;--bar:calc(64px + env(safe-area-inset-bottom))}}
@media (max-width:767px){:root{--fD:36px;--fH:30px;--fL:18px;--side:20px;--pad:20px}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--top)}
body{margin:0;background:var(--bg);color:var(--fg);font:400 var(--fT)/1.5 var(--ff);letter-spacing:-.02em;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overflow-x:clip;padding-bottom:var(--bar)}
:where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote,table){margin:0}
:where(ul,ol){padding:0;list-style:none}
img,svg,video,canvas{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;letter-spacing:inherit}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--pad)}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--bg);color:var(--fg);padding:10px 16px;border-radius:999px}
.skip:focus{left:12px}
:focus-visible{outline:2px solid var(--act);outline-offset:2px;box-shadow:0 0 0 2px var(--bg)}
.dark :focus-visible,.walnut :focus-visible,.on-dark :focus-visible,.hd :focus-visible,.ft :focus-visible,.bbar :focus-visible{outline-color:var(--act);box-shadow:0 0 0 2px var(--bg)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* типографика: D, H, L, T, S (§2.5) */
.tD,.display,.h1{font:600 var(--fD)/.98 var(--fd);letter-spacing:-.035em;text-wrap:balance}
.tH,.h2{font:600 var(--fH)/1.04 var(--fd);letter-spacing:-.028em;text-wrap:balance}
.tL,.lead,.h3{font:400 var(--fL)/1.4 var(--ff);letter-spacing:-.01em}
.h3,.tL6{font-weight:600}
.tT{font:400 var(--fT)/1.5 var(--ff);letter-spacing:-.02em}
.tS,.note,.honest{font:500 var(--fS)/1.4 var(--ff);letter-spacing:0}
.lead{color:var(--fg-2);max-width:40em}
.dark .lead,.walnut .lead,.on-dark .lead{color:rgba(241,237,228,.86)}
.step{font:600 var(--fS)/1.4 var(--ff)}
.price{font:600 var(--fL)/1.2 var(--ff);font-variant-numeric:tabular-nums}
.nowrap{white-space:nowrap}
.sec{padding:120px 0}
@media (max-width:1023px){.sec{padding:88px 0}}
.dark{background:var(--card);color:var(--fg)}
.walnut{background:var(--card-2);color:var(--fg)}
.milk2{background:var(--card-2)}

/* кнопки (§2.4): pill 52 / 48, жёлтая с чёрным текстом везде; hover #FFB21A, нажатие #D98F00; фокус — кольцо 2 px крем + 2 px чёрный */
.btn,.btn-2{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;white-space:nowrap;
 font:600 var(--fT)/1.2 var(--ff);letter-spacing:-.02em;background:var(--act);color:var(--act-fg);position:relative;overflow:hidden;isolation:isolate;
 transition:background-color 200ms var(--ease-out),transform 120ms var(--ease-out);-webkit-tap-highlight-color:transparent}
.btn:active,.btn-2:active{transform:scale(.97)}
@media (hover:hover){.btn:hover{background:var(--act-h)}}
.btn:active{background:var(--act-p)}
.btn-2{background:var(--card-2);color:var(--fg)}
@media (hover:hover){.btn-2:hover{background:var(--card-2)}}
.dark .btn,.walnut .btn,.on-dark .btn{background:var(--act);color:var(--act-fg)}
.dark .btn-2,.walnut .btn-2{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--fg)}
.btn:focus-visible,.dark .btn:focus-visible,.walnut .btn:focus-visible,.on-dark .btn:focus-visible{outline:2px solid var(--fg);outline-offset:2px;box-shadow:0 0 0 2px var(--bg)}
@media (max-width:1023px){.btn,.btn-2{min-height:48px}}
/* блик 06: полоса крема .45, 30 % ширины, 700 мс — один раз при входе и при наведении */
.btn::after{content:"";position:absolute;inset:0 auto 0 0;width:30%;background:rgba(241,237,228,.45);transform:translateX(-120%) skewX(-18deg);pointer-events:none;z-index:-1}
.btn.glint::after{animation:glint 700ms var(--ease-out) 1}
@media (hover:hover){.btn:hover::after{animation:glint 700ms var(--ease-out) 1}}
@keyframes glint{to{transform:translateX(420%) skewX(-18deg)}}
.btns{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
/* второе действие — ссылка T 600 с «→»: жёлтый текст, подчёркивание 1 px (§2.4) */
.lnk,.go{background:none;border:0;padding:0;cursor:pointer;font:600 var(--fT)/1.45 var(--ff);letter-spacing:-.02em;color:var(--act);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
@media (hover:hover){.lnk:hover,.go:hover{text-decoration-thickness:2px}}

/* метка «Визуализация проекта» (§2.11): плотная капсула, без размытия */
.viz{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:rgba(6,6,7,.8);color:var(--fg);font:500 var(--fS)/1 var(--ff);letter-spacing:0;white-space:nowrap}
.typ{font:500 var(--fS)/1.4 var(--ff);letter-spacing:0}

/* шапка (§2.9): тёмная стеклянная капсула 1376 × 56, сверху 16: #060607 .72, размытие 24, кромка крем .18; сплошной #060607 над своим стеклом экрана */
.hd{position:fixed;z-index:60;top:16px;left:32px;right:32px;height:var(--hdh);border-radius:999px;color:var(--fg);display:flex;align-items:center;gap:24px;padding:0 10px 0 24px;
 transition:background-color 200ms var(--ease-out)}
.hd.lg{--lg-tint:rgba(6,6,7,.72);--lg-solid:#060607;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);box-shadow:var(--shadow-up),inset 0 0 0 1px rgba(241,237,228,.18)}
.hd.solid{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hd{background:var(--bg)}}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);flex:none}
.logo b{font:600 var(--fT)/1 var(--fd);letter-spacing:.02em}
/* капля уровня: знак «ровно» */
.lvl{position:relative;width:44px;height:10px;border-radius:999px;border:1px solid rgba(241,237,228,.5)}
.lvl i{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--act);transition:transform 300ms var(--ease-out)}
.nav{display:flex;align-items:center;gap:28px;margin:0 auto;white-space:nowrap}
.nav>a,.nav>.dd>button{font:500 var(--fS)/1 var(--ff);letter-spacing:0;color:var(--fg);text-decoration:none;background:none;border:0;padding:10px 0;cursor:pointer;position:relative}
.nav a[aria-current]::after,.nav .dd.cur>button::after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--act)}
@media (hover:hover){.nav>a:hover,.nav>.dd>button:hover{color:var(--act);text-decoration:underline;text-underline-offset:6px}}
.dd{position:relative}
.dd-p{position:absolute;top:calc(100% + 20px);left:-24px;display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:4px 28px;padding:24px;border-radius:var(--r);background:var(--card);color:var(--fg);
 box-shadow:var(--shadow-up);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out),visibility 0s 200ms}
.dd.open .dd-p{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.dd-p h4{font:500 var(--fS)/1.4 var(--ff);letter-spacing:0;color:var(--fg-2);margin:0 0 6px}
.dd-p a{display:block;padding:6px 0;text-decoration:none;font:600 var(--fT)/1.3 var(--ff)}
@media (hover:hover){.dd-p a:hover{color:var(--act);text-decoration:underline}}
.hd-r{display:flex;align-items:center;gap:20px;flex:none}
.hd-tel{font:600 var(--fS)/1 var(--ff);letter-spacing:0;color:var(--fg);text-decoration:none;white-space:nowrap}
.tg-b{display:inline-flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;color:var(--fg);font:600 var(--fS)/1 var(--ff);letter-spacing:0;padding:8px 0}
.tg-b svg{width:20px;height:20px}
/* кнопка шапки сворачивается, пока в кадре кнопка-форма экрана (§3) */
.hd .btn{min-height:40px;padding:0 20px;font-size:var(--fS);background:var(--act);color:var(--act-fg);max-width:220px;transition:max-width 200ms var(--ease-out),opacity 200ms var(--ease-out),padding 200ms var(--ease-out),background-color 200ms var(--ease-out),transform 120ms var(--ease-out)}
.hd.fold .btn{max-width:0;padding:0;opacity:0;pointer-events:none}
.qr-pop{position:absolute;right:0;top:calc(100% + 16px);width:240px;padding:20px;border-radius:var(--r);background:var(--card);color:var(--fg);text-align:center;box-shadow:var(--shadow-up);
 opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out),visibility 0s 200ms;z-index:5}
.qr-pop.open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.qr-pop img{width:160px;height:160px;margin:0 auto 10px}
.qr-pop p{font:500 var(--fS)/1.4 var(--ff);color:var(--fg-2)}
.qr-pop a{display:inline-block;margin-top:8px;font-weight:600;color:var(--act)}
.burger{display:none;margin-left:auto;width:44px;height:44px;border:0;background:none;cursor:pointer;color:var(--fg)}
.burger span{display:block;width:20px;height:1.5px;background:currentColor;margin:5px auto;transition:transform 200ms var(--ease-out),opacity 200ms}
.hd .short{display:none}
@media (max-width:1365px){.nav{gap:20px}.hd-tel .full{display:none}.hd-tel .short{display:inline}}
@media (max-width:1180px){.tg-b span{display:none}.nav .wide{display:none}}
@media (max-width:1023px){
 .hd{top:8px;left:12px;right:12px;height:48px;padding:0 4px 0 18px}
 .nav,.hd-r{display:none}.burger{display:block}
}
.mnav{position:fixed;inset:0;z-index:59;background:var(--card);color:var(--fg);padding:84px var(--pad) calc(24px + var(--bar));overflow:auto;transform:translateY(-8px);opacity:0;visibility:hidden;
 transition:opacity 240ms var(--ease-out),transform 240ms var(--ease-out),visibility 0s 240ms}
.mnav.open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mnav a{display:block;padding:12px 0;font:600 var(--fL)/1.25 var(--ff);color:var(--fg);text-decoration:none;border-bottom:1px solid rgba(241,237,228,.12)}
.mnav details summary{list-style:none;cursor:pointer;padding:12px 0;font:600 var(--fL)/1.25 var(--ff);border-bottom:1px solid rgba(241,237,228,.12)}
.mnav details a{font:600 var(--fT)/1.3 var(--ff);padding:10px 0 10px 14px}
.mnav .btn{margin-top:24px;width:100%;background:var(--act);color:var(--act-fg)}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* внутренние страницы: шапка над первым экраном */
body:not(.home) main{padding-top:88px}
@media (max-width:1023px){body:not(.home) main{padding-top:64px}}

/* крошки */
.crumbs{font:500 var(--fS)/1.4 var(--ff);color:var(--fg-2);padding-top:20px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"→";margin-right:6px}
.crumbs a{text-decoration:none}
.dark .crumbs{color:rgba(241,237,228,.7)}

/* нижняя панель телефона (§2.9): всегда плотная, #060607 .94, без размытия */
.bbar{display:none}
@media (max-width:1023px){
 .bbar{position:fixed;left:0;right:0;bottom:0;z-index:58;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px;align-items:center;height:var(--bar);padding:8px 12px calc(8px + env(safe-area-inset-bottom));
  background:rgba(6,6,7,.94);color:var(--fg);transition:transform 240ms var(--ease-drawer)}
 .bbar a,.bbar button{display:flex;align-items:center;justify-content:center;height:48px;border-radius:999px;border:0;font:600 var(--fS)/1 var(--ff);letter-spacing:0;text-decoration:none;color:var(--fg);background:none;cursor:pointer}
 .bbar .calc{box-shadow:inset 0 0 0 1px rgba(241,237,228,.55);transition:background-color 200ms var(--ease-out),color 200ms var(--ease-out),box-shadow 200ms var(--ease-out)}
 .bbar .calc.on{background:var(--act);color:var(--act-fg);box-shadow:none}
 .bbar.hide{transform:translateY(100%)}
}

/* метки v1.6 на внутренних страницах */
.lbl{position:absolute;left:16px;top:16px;z-index:4;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:rgba(6,6,7,.72);color:var(--fg);font:500 var(--fS)/1 var(--ff)}
.tag{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--card-2);color:var(--fg-2);font:500 var(--fS)/1.4 var(--ff);vertical-align:middle}
.dark .tag,.walnut .tag{background:rgba(241,237,228,.12);color:rgba(241,237,228,.86)}
.honest{color:var(--fg-2);margin-top:16px}
.dark .honest{color:rgba(241,237,228,.7)}

/* фото и листы внутри экрана: радиус 24, «на столе» */
.fr{position:relative;overflow:hidden;border-radius:var(--r);background:var(--card-2);isolation:isolate;box-shadow:var(--shadow-desk)}
.fr picture,.fr img{width:100%;height:100%;object-fit:cover}

/* чипы */
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:var(--card-2);color:var(--fg);font:500 var(--fS)/1.4 var(--ff);letter-spacing:0}
.dark .chip{background:rgba(241,237,228,.1);color:var(--fg)}

/* окно заявки (spec v2.5 §3.1): шапка и подвал закреплены, содержимое прокручивается внутри */
.dlg{border:0;padding:0;width:min(560px,100vw);max-width:none;max-height:min(760px,calc(100dvh - 64px));border-radius:var(--r);background:var(--card-2);color:var(--fg);box-shadow:var(--shadow-up);overflow:hidden}
.dlg::backdrop{background:rgba(6,6,7,.72)}
.dlg[open]{animation:dlg-in 240ms var(--ease-out)}
@keyframes dlg-in{from{opacity:0;transform:translateY(12px) scale(.98)}}
.dlg .dlg-f{display:flex;flex-direction:column;max-height:inherit;height:100%}
.dlg-h{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px;padding:0 12px 0 24px;border-bottom:1px solid var(--line)}
.dlg-h h3{font:600 var(--fL)/1.25 var(--ff);letter-spacing:-.01em;padding:0}
.dlg-b{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px;display:grid;gap:12px;align-content:start}
.dlg-ft{flex:none;padding:14px 24px;border-top:1px solid var(--line);background:var(--card-2);display:grid;gap:8px}
.dlg-ft .btn{width:100%}
.dlg-r{display:grid;grid-template-columns:140px 1fr;gap:12px}
@media (max-width:767px){
 .dlg{margin:0;width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
 .dlg[open]{animation:sheet-in 320ms var(--ease-drawer)}
 .dlg-h{height:56px;padding:0 4px 0 20px}
 .dlg-b{padding:16px 20px}
 .dlg-ft{padding:12px 20px calc(12px + env(safe-area-inset-bottom));transform:translateY(calc(var(--kb,0px) * -1))}
 .dlg-ft .btn{min-height:48px}
 .dlg-r{grid-template-columns:1fr;gap:12px}
}
@keyframes sheet-in{from{transform:translateY(100%)}}
.lead-f{padding:28px;display:grid;gap:14px}
.dlg .lead-f{padding:0;gap:0}
.lead-f .x{width:44px;height:44px;border:0;background:none;font-size:var(--fL);cursor:pointer;color:var(--fg-2);border-radius:999px;flex:none}
.e6-dlg .lead-f .x{position:absolute;right:12px;top:12px}
.e6-dlg .lead-f{padding:28px;gap:12px}
.lead-f .sub{font:400 var(--fT)/1.5 var(--ff);color:var(--fg-2)}
.dlg .chips{display:block}
.dlg .chip{display:block;border-radius:16px;padding:8px 14px;background:var(--card-2)}
.dlg .chip+.chip{margin-top:6px}
.fld{display:grid;gap:4px;font:500 var(--fS)/1.4 var(--ff);letter-spacing:0}
.fld input,.fld textarea,.fld select{font:400 var(--fT)/1.3 var(--ff);padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--fg);min-height:52px;width:100%}
.fld input:focus,.fld textarea:focus{border-color:var(--act);outline:2px solid rgba(247,166,0,.25);outline-offset:0}
.fld .err{color:var(--bad);font:500 var(--fS)/1.4 var(--ff)}
.fld .err:empty{display:none}
.fld.bad input{border-color:var(--bad)}
.seg{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--card-2)}
.seg label{flex:1;position:relative}
.seg input{position:absolute;opacity:0;inset:0}
.seg span{display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:999px;font:600 var(--fS)/1 var(--ff);cursor:pointer;transition:background-color 200ms var(--ease-out),color 200ms var(--ease-out)}
.seg input:checked+span{background:var(--act);color:var(--act-fg)}
.seg input:focus-visible+span{outline:2px solid var(--act);outline-offset:2px}
.agree{display:flex;gap:10px;align-items:flex-start;font:500 var(--fS)/1.4 var(--ff);letter-spacing:0;color:var(--fg-2)}
.agree input{width:20px;height:20px;margin:0;accent-color:var(--ok);flex:none}
.agree.bad{color:var(--bad)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lead-f .alt{font:500 var(--fS)/1.4 var(--ff);color:var(--fg-2)}
.lead-f .msg{font:500 var(--fS)/1.4 var(--ff);color:var(--bad)}
.lead-f .msg:empty{display:none}
.lead-f .msg.ok{color:var(--ok)}
.lead-f .fld-agree{color:var(--bad);font:500 var(--fS)/1.4 var(--ff)}
.lead-f .fld-agree:empty{display:none}
.lead-f .chips:empty{display:none}

/* подвал Э14 (§4.0): чёрный, «РОВНО» во всю ширину, контакты, ссылки на хабы */
.ft{position:relative;background:var(--bg);color:var(--fg);overflow:hidden;isolation:isolate}
.ft a{color:rgba(241,237,228,.86);text-decoration:none}
@media (hover:hover){.ft a:hover{color:var(--act);text-decoration:underline;text-underline-offset:4px}}
.ft-in{position:relative;z-index:2;display:flex;flex-direction:column;padding:var(--top) var(--side) 24px;min-height:100svh}
.ft-word{display:block;font:600 18vw/.8 var(--fd);letter-spacing:-.05em;color:var(--fg);margin:0 0 16px -.06em;white-space:nowrap;user-select:none}
.ft-brand{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ft-brand .tL{font-weight:600}
.ft-sub{color:rgba(241,237,228,.78);margin-top:4px}
.ft-low{margin-top:auto;padding-top:24px}
.ft-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(260px,1.2fr);gap:24px;padding:24px 0;border-top:1px solid rgba(241,237,228,.14)}
.ft-g h2,.ft-g h3{font:600 var(--fS)/1.4 var(--ff);letter-spacing:0;color:rgba(241,237,228,.62);margin-bottom:8px}
.ft-g nav a,.ft-g details a{display:block;font:500 var(--fS)/1.4 var(--ff);letter-spacing:0;padding:3px 0}
.ft-c .tL{display:block;font-weight:600;color:var(--fg)}
.ft-tgb{display:none}
.ft-c p{font:500 var(--fS)/1.4 var(--ff);color:rgba(241,237,228,.78);letter-spacing:0}
.ft-qr{display:flex;gap:16px;align-items:center;margin-top:12px}
.ft-qr img{width:120px;height:120px;background:var(--fg);border-radius:16px;padding:8px}
.ft-doc{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font:500 var(--fS)/1.4 var(--ff);letter-spacing:0;color:rgba(241,237,228,.62);padding-top:16px;border-top:1px solid rgba(241,237,228,.14)}
.ft-photo{position:absolute;inset:0;z-index:0}
.ft-photo picture,.ft-photo img{width:100%;height:100%;object-fit:cover}
.ft-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(6,6,7,.62),rgba(6,6,7,.8))}   /* подпись и слово на фото читаются (26.10) */
.ft-photo .viz{position:absolute;z-index:2}
.ft-shelf{background:rgba(6,6,7,.92);margin:0 calc(var(--side) * -1) -24px;padding:0 var(--side) 24px}
.ft-g details{border-bottom:1px solid rgba(241,237,228,.14)}
.ft-g details summary{list-style:none;cursor:pointer;font:600 var(--fT)/1.5 var(--ff);padding:10px 0;display:flex;justify-content:space-between}
.ft-g details summary::after{content:"+";color:var(--act)}
.ft-g details[open] summary::after{content:"−"}
.ft-g details summary::-webkit-details-marker{display:none}
@media (min-width:1024px){.ft-g details{border:0}.ft-g details summary{display:none}.ft-g details>div{display:block!important}}
@media (max-width:1023px){
 .ft-word{font-size:22vw;margin-bottom:12px}
 .ft-photo{display:none}
 .ft-g{grid-template-columns:1fr;gap:0;padding:12px 0 0}
 .ft-c{order:-1;padding-bottom:12px}
 .ft-qr img{display:none}
 .ft-in{padding-bottom:calc(var(--bar) + 12px)}
 .ft-shelf{background:none}
 .ft-viz,.ft-qr{display:none}
 .ft-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
 .ft-tgb{display:inline-flex;align-items:center;height:48px;padding:0 20px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(241,237,228,.4);color:var(--fg)!important;font:600 var(--fT)/1 var(--ff)}
 .ft-doc>span+span{display:none}
 .ft-g details summary{padding:5px 0}
 .ft-g{padding-top:8px}.ft-c{padding-bottom:8px}.ft-word{margin-bottom:8px}
 .ft-in{padding-top:72px}
 .ft-doc{padding-top:10px}
 .ft-doc a[href="/consent.html"],.ft-doc .ft-sep{display:none}
}
@media (max-height:599px){.ft-in{min-height:0}}

/* появление 01 на внутренних страницах */
/* появление со своей стороны (--rx из site.js): левая колонка — слева, правая — справа; translate не трогает transform блока */
.js [data-rv]{opacity:0;translate:var(--rx,0px) 24px;transition:opacity 500ms var(--ease-out) calc(var(--i,0) * 70ms),translate 700ms var(--ease-out) calc(var(--i,0) * 70ms)}
.js [data-rv].is-in{opacity:1;translate:none}
@media (prefers-reduced-motion:reduce){.js [data-rv]{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}
.bbar.lg{--lg-tint:rgba(6,6,7,.94)}
.qr-pop.lg{--lg-tint:rgba(18,20,24,.94);--lg-solid:#121418}
@media (prefers-reduced-transparency:reduce){.hd{background:var(--bg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
[hidden]{display:none!important}

/* «Назад» и «Домой» — жёлтые, заметные (Николай 26.10) */
.hd-back{display:flex;gap:8px;flex:none}
.hb{display:inline-flex;align-items:center;height:36px;padding:0 16px;border:0;border-radius:999px;background:var(--y,#F7A600);color:#060607;font:600 15px/1 var(--ft,-apple-system,BlinkMacSystemFont,'SF Pro Text',Inter,sans-serif);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform 120ms cubic-bezier(.23,1,.32,1),background-color 200ms cubic-bezier(.23,1,.32,1)}
.hb:hover{background:#FFB21A}
.hb:active{transform:scale(.97)}
.hb:focus-visible{outline:2px solid #F1EDE4;outline-offset:2px}
@media (max-width:1023px){.hd-back{gap:6px}.hb{height:34px;padding:0 12px;font-size:14px}.hd .logo b{font-size:15px}}
@media (max-width:380px){.hd .logo .lvl{display:none}}

/* полоска разработчика Lendmix — внизу каждой страницы, фирменные чёрный и жёлтый Lendmix */
.lmx{background:#060607;border-top:1px solid rgba(241,237,228,.1);padding:18px var(--pad)}
.lmx-in{display:flex;align-items:center;gap:16px;max-width:1376px;margin:0 auto;padding:14px 14px 14px 16px;border-radius:20px;
 background:linear-gradient(100deg,rgba(247,166,0,.16) 0%,rgba(247,166,0,.04) 38%,rgba(241,237,228,.03) 100%);box-shadow:inset 0 0 0 1px rgba(247,166,0,.22)}
.lmx-mark{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#F7A600;color:#060607;font:800 22px/1 var(--ff);letter-spacing:-.04em}
.lmx-t{margin:0;flex:1;font-size:var(--fS);line-height:1.4;color:rgba(241,237,228,.92)}
.lmx-t b{color:#F1EDE4;font-weight:650}
.lmx-btn{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;background:#F7A600;color:#060607;font:600 var(--fS)/1 var(--ff);text-decoration:none;transition:transform 160ms var(--ease-out),background-color 160ms}
.lmx-btn:hover{background:#ffb81f}.lmx-btn:active{transform:scale(.97)}
.lmx-btn:focus-visible{outline:2px solid #F1EDE4;outline-offset:3px}
@media (max-width:767px){.lmx{padding:14px var(--pad) 16px}.lmx-in{flex-wrap:wrap;gap:12px}.lmx-t{flex:1 1 calc(100% - 56px)}.lmx-t span{display:block;margin-top:2px}.lmx-btn{width:100%;justify-content:center}}

/* следующий шаг внизу внутренних страниц: одна строка и кнопка, без давления */
.next{padding:56px 0;border-top:1px solid rgba(241,237,228,.08)}
.next-in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.next-t{margin:0;font-size:var(--fL);line-height:1.35;max-width:46ch}.next-t span{color:rgba(241,237,228,.82)}
.next-b{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.next-l{color:var(--act);text-decoration:underline;text-underline-offset:4px;font-size:var(--fS)}
@media (max-width:767px){.next{padding:40px 0}.next-b{width:100%}.next-b .btn{width:100%}}

/* 21 Жидкое стекло: материал во всех браузерах; .lg-refract (Chromium) добавляет преломление кромки из effect.js.
   Цвет стекла — переменные: --lg-tint (заливка, держит контраст текста), --lg-rim (блик кромки), --lg-shade. */
.lg{
  --lg-tint:rgba(243,238,230,.56); --lg-rim:rgba(255,255,255,.75); --lg-shade:rgba(28,27,25,.22);
  isolation:isolate; background:var(--lg-tint);
  -webkit-backdrop-filter:blur(14px) saturate(170%); backdrop-filter:blur(14px) saturate(170%);
  box-shadow:inset 0 1px 0 var(--lg-rim), inset 0 -1px 0 rgba(255,255,255,.18), inset 0 0 0 1px rgba(255,255,255,.22), 0 18px 40px -18px var(--lg-shade);
}
/* блик кромки: светлая дуга сверху-слева, тёмная тонкая снизу-справа — объём «капли» */
:where(.lg){position:relative} /* слабое правило: fixed/sticky/absolute элемента не перебивает */
.lg::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:-1;
  padding:1px; background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.08) 38%,rgba(255,255,255,0) 60%,rgba(255,255,255,.35));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude;
}
.lg::after{ /* мягкий внутренний блеск у верхней кромки */
  content:""; position:absolute; inset:1px 1px 55% 1px; border-radius:inherit; pointer-events:none; z-index:-1;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));
}
.lg-dark{ --lg-tint:rgba(34,33,31,.52); --lg-rim:rgba(255,255,255,.28); --lg-shade:rgba(0,0,0,.45) }
.lg-refract .lg[data-lg]{ -webkit-backdrop-filter:var(--lg-filter,blur(14px)) saturate(170%) brightness(1.04); backdrop-filter:var(--lg-filter,blur(14px)) saturate(170%) brightness(1.04) }
/* нажатие — капля чуть сжимается */
button.lg,a.lg{ transition:transform .16s cubic-bezier(.23,1,.32,1) }
button.lg:active,a.lg:active{ transform:scale(.97) }
@media (prefers-reduced-transparency: reduce){ .lg{ background:var(--lg-solid,#F3EEE6); -webkit-backdrop-filter:none; backdrop-filter:none } .lg-dark{ --lg-solid:#22211F } }

.lg,.lg-dark{--lg-tint:rgba(6,6,7,.72);--lg-rim:rgba(241,237,228,.18);--lg-shade:rgba(0,0,0,.6);--lg-solid:#060607}
.lg{box-shadow:inset 0 0 0 1px var(--lg-rim),0 24px 60px -24px var(--lg-shade)}.lg::before{background:rgba(241,237,228,.18)}.lg::after{background:linear-gradient(180deg,rgba(241,237,228,.06),rgba(241,237,228,0))}
@media (prefers-reduced-transparency:reduce){.lg{background:var(--lg-solid,#060607)}}