/* APEX Forge 77 — дизайн-система. Бренд: Sulfur Yellow #F8ED31, Dark #231F20, Bounded + Montserrat.
   Тёмная тема по умолчанию, светлая — [data-theme=light]. Мобильная версия — основная (360px+). */
:root{
  --y:#F8ED31; --y-ink:#231F20;
  --bg:#141213; --bg2:#1b1819; --card:#201d1e; --line:#322e2f; --line2:#433e3f;
  --t1:#f4f2ef; --t2:#c4c0bd; --t3:#8f8a87;
  --ok:#7fd88f; --warn:#ffb84d; --alert:#ff6b5b;     /* статусы: есть места / очередь / нет */
  --r:4px; --skew:-12deg;
  --h:'Bounded','Unbounded','Montserrat',sans-serif; --b:'Montserrat',system-ui,sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --wrap:1200px; --gut:16px;
  color-scheme:dark;
}
[data-theme=light]{--bg:#f4f3f0;--bg2:#ebe9e4;--card:#fff;--line:#dedad3;--line2:#cfcac2;--t1:#231F20;--t2:#4a4546;--t3:#77716f;color-scheme:light}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:120px}
body{font-family:var(--b);font-size:16px;line-height:1.55;color:var(--t1);background:var(--bg);overflow-x:clip}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--y);outline-offset:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
@media(min-width:760px){:root{--gut:24px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* типографика */
h1,h2,h3,.h{font-family:var(--h);font-weight:800;line-height:1.08;letter-spacing:-.01em}
h1{font-size:clamp(28px,5.4vw,58px)}
h2{font-size:clamp(22px,3.4vw,38px);margin-bottom:12px}
h3{font-size:clamp(17px,1.8vw,21px);line-height:1.2}
.lead{font-size:clamp(16px,1.6vw,19px);color:var(--t2);max-width:62ch}
.muted{color:var(--t3)}
.kick{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin-bottom:14px}
.kick::before{content:"";width:38px;height:7px;background:var(--y);transform:skewX(var(--skew))}
.num{font-family:var(--h);font-weight:800;color:var(--y)}
.spec{font-family:var(--mono);font-size:13px;color:var(--t2);letter-spacing:.01em}
.spec b{color:var(--t1);font-weight:600}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border:2px solid transparent;border-radius:var(--r);
  font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s;text-align:center;line-height:1.2}
.btn-y{background:var(--y);color:var(--y-ink)}.btn-y:hover{background:#fff}
.btn-o{border-color:var(--line2);color:var(--t1);background:transparent}.btn-o:hover{border-color:var(--y);color:var(--y)}
.btn-d{background:var(--y-ink);color:#fff}.btn-d:hover{color:var(--y)}
.btn-sm{min-height:38px;padding:8px 14px;font-size:13.5px}
.btn-block{width:100%}
.link{color:var(--y);font-weight:700;text-decoration:none;border-bottom:1px solid transparent}.link:hover{border-color:var(--y)}

/* плашка Telegram-канала (правка 6) */
.tgbar{background:var(--y);color:var(--y-ink);font-size:13.5px;font-weight:700}
.tgbar a{display:block;padding:8px var(--gut);text-align:center;text-decoration:none}
.tgbar a:hover{text-decoration:underline}

/* шапка */
.hdr{position:sticky;top:0;z-index:60;background:rgba(20,18,19,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
[data-theme=light] .hdr{background:rgba(244,243,240,.94)}
.hdr-in{display:flex;align-items:center;gap:14px;min-height:64px}
.logo{display:block;flex:none}.logo img{height:34px;width:auto}
.nav{display:none;margin-left:auto;gap:2px}
.nav>li{list-style:none;position:relative}
.nav>li>a,.nav>li>button{display:block;padding:10px 11px;font-size:14px;font-weight:600;text-decoration:none;background:none;border:0;cursor:pointer;color:var(--t1);border-radius:var(--r)}
.nav>li>a:hover,.nav>li>button:hover,.nav>li.open>button{color:var(--y)}
.nav a[aria-current=page]{color:var(--y)}
.hdr-phone{margin-left:auto;font-weight:700;font-size:14px;text-decoration:none;color:var(--y);white-space:nowrap}
.hdr-cta{display:none}
.burger{flex:none;width:44px;height:44px;border:1px solid var(--line2);border-radius:var(--r);background:none;cursor:pointer;display:grid;place-items:center}
.burger i,.burger i::before,.burger i::after{display:block;width:18px;height:2px;background:var(--t1);position:relative}
.burger i::before,.burger i::after{content:"";position:absolute;left:0}.burger i::before{top:-6px}.burger i::after{top:6px}
@media(min-width:1100px){.nav{display:flex}.hdr-phone{margin-left:12px}.hdr-cta{display:inline-flex}.burger{display:none}}

/* мега-меню (Compass): колонки с иконкой, подписью и картинкой */
.mega{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(720px,92vw);background:var(--card);border:1px solid var(--line2);
  border-radius:8px;box-shadow:0 24px 60px rgba(0,0,0,.45);padding:18px;display:none;grid-template-columns:1fr 1fr 220px;gap:6px}
.nav>li.open .mega{display:grid}
.mega a{display:flex;gap:12px;padding:12px;border-radius:6px;text-decoration:none}
.mega a:hover{background:var(--bg2)}
.mega a svg{flex:none;width:28px;height:28px;color:var(--y)}
.mega b{display:block;font-size:14px}.mega span{display:block;font-size:12.5px;color:var(--t3);line-height:1.4;margin-top:2px}
.mega figure{grid-row:span 3;border-radius:6px;overflow:hidden;background:var(--bg2);display:flex;flex-direction:column}
.mega figure img{aspect-ratio:4/3;object-fit:cover;width:100%}
.mega figcaption{font-size:12px;color:var(--t3);padding:10px}

/* мобильное меню */
.mnav{position:fixed;inset:0;z-index:80;background:var(--bg);overflow-y:auto;padding:0 var(--gut) 40px;display:none}
.mnav.open{display:block}
.mnav-top{display:flex;align-items:center;justify-content:space-between;min-height:64px;border-bottom:1px solid var(--line);margin-bottom:10px}
.mnav a{display:block;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:600;font-size:17px}
.mnav small{display:block;font-weight:500;font-size:13px;color:var(--t3)}
.mnav .btn{margin-top:18px}

/* секции */
.sec{padding:56px 0}
.sec+.sec{padding-top:0}
.sec-alt{background:var(--bg2);padding:56px 0}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 32px;margin-bottom:28px}
.sec-head .lead{font-size:15.5px}
@media(min-width:900px){.sec,.sec-alt{padding:84px 0}}

/* hero */
.hero{padding:34px 0 40px;position:relative;overflow:hidden}
.hero .wrap{position:relative;z-index:1;display:grid;gap:30px}
.hero h1 em{font-style:normal;color:var(--y)}
.hero .lead{margin:18px 0 24px}
.hero-ctas{display:grid;gap:10px}
@media(min-width:560px){.hero-ctas{display:flex;flex-wrap:wrap}}
@media(min-width:980px){.hero{padding:64px 0 72px}.hero .wrap{grid-template-columns:1.25fr .75fr;align-items:center;gap:48px}}

/* мини-калькулятор в hero */
.mini{background:var(--card);border:1px solid var(--line2);border-radius:8px;padding:18px}
.mini h2{font-size:15px;font-family:var(--b);font-weight:700;margin-bottom:12px;letter-spacing:0}
.mini select{width:100%}
.mini-out{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:14px 0}
.mini-out div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;background:var(--bg2);padding:10px 12px;font-size:13.5px;color:var(--t2)}
.mini-out b{font-family:var(--h);font-size:17px;color:var(--t1)}
.mini-out .best b{color:var(--y)}
.mini .foot{font-size:11.5px;color:var(--t3)}

/* полоса доверия */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}
.trust ul{list-style:none;display:grid;grid-template-columns:1fr;gap:0}
.trust li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--t2)}
.trust li:last-child{border-bottom:0}
.trust li svg{flex:none;width:22px;height:22px;color:var(--y);margin-top:1px}
.trust b{color:var(--t1);display:block}
.trust a{color:var(--y)}
@media(min-width:760px){.trust ul{grid-template-columns:repeat(2,1fr);column-gap:28px}}
@media(min-width:1100px){.trust ul{grid-template-columns:repeat(5,1fr)}.trust li{border-bottom:0;padding:20px 0}}

/* сетки и карточки */
.grid{display:grid;gap:14px}
@media(min-width:700px){.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:10px}
.card p{color:var(--t2);font-size:14.5px}
.card .btn{margin-top:auto}
.card-img{margin:-20px -20px 4px;border-radius:8px 8px 0 0;overflow:hidden;background:var(--bg2)}
.card-img img,.card-img svg{width:100%;aspect-ratio:16/9;object-fit:cover}
.ticks{list-style:none;display:grid;gap:8px;font-size:14.5px;color:var(--t2)}
.ticks li{position:relative;padding-left:22px}
.ticks li::before{content:"";position:absolute;left:0;top:.6em;width:11px;height:6px;background:var(--y);transform:skewX(var(--skew))}

/* «один вопрос» (правка 1) */
.pick{background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:22px}
.pick-opts{display:grid;gap:10px;margin-top:18px}
.pick-opts button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:58px;padding:14px 16px;background:var(--bg2);
  border:1px solid var(--line2);border-radius:6px;cursor:pointer;font-weight:700;font-size:15.5px;text-align:left}
.pick-opts button small{display:block;font-weight:500;font-size:12.5px;color:var(--t3);margin-top:2px}
.pick-opts button::after{content:"→";color:var(--y);font-weight:800}
.pick-opts button:hover,.pick-opts button[aria-pressed=true]{border-color:var(--y)}
@media(min-width:900px){.pick{padding:34px}.pick-opts{grid-template-columns:repeat(2,1fr)}.pick-opts button:last-child:nth-child(odd){grid-column:1/-1}}
.pick-form{margin-top:4px}
.pick-form .chosen{display:inline-flex;gap:8px;align-items:center;background:rgba(248,237,49,.1);border:1px solid rgba(248,237,49,.35);color:var(--y);
  padding:6px 12px;border-radius:30px;font-size:13px;font-weight:700;margin:14px 0 4px}
.pick-form .chosen button{background:none;border:0;color:var(--t3);cursor:pointer;font-size:12.5px;text-decoration:underline}

/* формы */
.form{display:grid;gap:12px;margin-top:14px}
@media(min-width:640px){.form.two{grid-template-columns:1fr 1fr}.form .full{grid-column:1/-1}}
.field label{display:block;font-size:12.5px;font-weight:700;color:var(--t2);margin-bottom:6px}
.field input,.field textarea,.field select,select.inp{width:100%;min-height:48px;padding:12px 14px;background:var(--bg);border:1px solid var(--line2);border-radius:var(--r);font-size:16px}
.field textarea{min-height:92px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--y);outline:none}
.field.err input{border-color:var(--alert)}
.field .hint{font-size:12px;color:var(--t3);margin-top:5px}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--t3);cursor:pointer}
.agree input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--y)}
.agree a{color:var(--y)}
.agree.err{color:var(--alert)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-ok{padding:18px;border:1px solid rgba(127,216,143,.4);background:rgba(127,216,143,.07);border-radius:8px}
.form-ok b{display:block;font-family:var(--h);font-size:19px;color:var(--ok);margin-bottom:6px}
.form-note{font-size:12.5px;color:var(--t3)}

/* тарифы */
.tariffs{display:grid;gap:14px}
@media(min-width:800px){.tariffs{grid-template-columns:1fr 1fr}}
.tariff{background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:14px}
.tariff.hot{border-color:var(--y);box-shadow:inset 0 0 0 1px var(--y)}
.tariff .price{font-family:var(--h);font-weight:800;font-size:clamp(40px,6vw,56px);line-height:1;color:var(--t1)}
.tariff.hot .price{color:var(--y)}
.tariff .price small{font-family:var(--b);font-size:15px;font-weight:600;color:var(--t2);margin-left:4px}
.tariff .why{font-size:13.5px;color:var(--t2);border-left:3px solid var(--y);padding:4px 0 4px 12px}
.one-line{margin-top:14px;padding:14px 16px;border:1px dashed var(--line2);border-radius:8px;font-weight:600;color:var(--t2);font-size:14.5px}
.one-line b{color:var(--y)}

/* каталог (правка 3) */
.cat-tools{display:grid;gap:10px;margin-bottom:18px}
.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.chips button{flex:none;min-height:38px;padding:8px 13px;border:1px solid var(--line2);border-radius:30px;background:var(--card);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.chips button[aria-pressed=true]{background:var(--y);color:var(--y-ink);border-color:var(--y)}
.cat-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cat-row .inp{width:auto;min-height:40px;padding:8px 12px;font-size:14px}
.cat-row label{font-size:12.5px;color:var(--t3);font-weight:600}
.tar-toggle{display:inline-flex;border:1px solid var(--line2);border-radius:var(--r);overflow:hidden}
.tar-toggle button{min-height:40px;padding:8px 12px;background:var(--card);border:0;border-right:1px solid var(--line2);font-size:13px;font-weight:700;cursor:pointer}
.tar-toggle button:last-child{border-right:0}
.tar-toggle button[aria-pressed=true]{background:var(--y);color:var(--y-ink)}
.cat-count{font-size:13px;color:var(--t3)}
.goods{display:grid;gap:12px}
@media(min-width:700px){.goods{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1050px){.goods{grid-template-columns:repeat(3,1fr)}}
.good{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;position:relative;min-width:0}
.good:hover{border-color:var(--line2)}
.good-img{aspect-ratio:16/10;background:var(--bg2);border-radius:6px;display:grid;place-items:center;overflow:hidden}
.good-img img,.good-img svg{width:100%;height:100%;object-fit:contain}
.good-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--t3);text-transform:uppercase}
.badge{font-family:var(--b);letter-spacing:0;text-transform:none;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:30px;border:1px solid}
.badge.ok{color:var(--ok);border-color:rgba(127,216,143,.4)}.badge.warn{color:var(--warn);border-color:rgba(255,184,77,.4)}
.badge.tag{color:var(--y-ink);background:var(--y);border-color:var(--y)}
.good h3{font-size:16.5px}
.good h3 a{text-decoration:none}.good h3 a:hover{color:var(--y)}
.good .spec{white-space:nowrap;overflow-x:auto}
.yield{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.yield div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:var(--bg2);padding:7px 10px;font-size:12.5px;color:var(--t3)}
.yield b{font-family:var(--mono);font-size:14px;color:var(--t1);font-weight:600}
.yield .pos b{color:var(--ok)}.yield .neg b{color:var(--alert)}
.yield .hl{background:rgba(248,237,49,.07)}.yield .hl span{color:var(--y);font-weight:700}
.yield-note{font-size:11.5px;color:var(--t3)}
.good-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}
.good-foot .p{font-family:var(--h);font-size:17px}
.good-foot .p small{display:block;font-family:var(--b);font-size:11px;color:var(--t3);font-weight:500}

/* калькулятор */
.calc{display:grid;gap:14px}
@media(min-width:980px){.calc{grid-template-columns:.9fr 1.1fr}}
.calc-box{background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:20px}
.frow{display:grid;grid-template-columns:1fr 78px 44px;gap:8px;margin-bottom:8px}
.frow select,.frow input{min-height:46px;padding:8px 10px;background:var(--bg);border:1px solid var(--line2);border-radius:var(--r);font-size:15px;width:100%;min-width:0}
.frow button{border:1px solid var(--line2);background:none;border-radius:var(--r);cursor:pointer;color:var(--t3);font-size:18px}
.frow button:hover{color:var(--alert);border-color:var(--alert)}
.add{width:100%;min-height:44px;border:1px dashed var(--line2);background:none;border-radius:var(--r);color:var(--y);font-weight:700;cursor:pointer}
.calc h3{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin:18px 0 10px;font-weight:600}
.calc h3:first-child{margin-top:0}
.seg{display:flex;border:1px solid var(--line2);border-radius:var(--r);overflow:hidden}
.seg button{flex:1;min-height:44px;background:var(--bg);border:0;border-right:1px solid var(--line2);font-weight:700;font-size:13.5px;cursor:pointer}
.seg button:last-child{border-right:0}
.seg button[aria-pressed=true]{background:var(--y);color:var(--y-ink)}
.cmp3{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.cmp3>div{background:var(--bg2);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:baseline}
.cmp3 span{font-size:13px;color:var(--t2)}
.cmp3 b{font-family:var(--h);font-size:clamp(20px,2.4vw,26px);text-align:right}
.cmp3 small{grid-column:1/-1;font-size:12px;color:var(--t3)}
.cmp3 .best{background:rgba(248,237,49,.08)}.cmp3 .best b{color:var(--y)}
.cmp3 .neg b{color:var(--alert)}
.rows{margin-top:14px}
.rows div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--t2)}
.rows b{color:var(--t1);font-family:var(--mono);font-weight:600}
.src{margin-top:14px;font-family:var(--mono);font-size:11.5px;color:var(--t3);line-height:1.6}
.src .live{color:var(--ok)}.src .off{color:var(--warn)}
details.more{margin-top:14px}details.more summary{cursor:pointer;font-weight:700;font-size:13.5px;color:var(--t2)}
details.more label{display:flex;justify-content:space-between;font-size:13px;color:var(--t2);margin:12px 0 6px}
details.more input[type=range]{width:100%;accent-color:var(--y)}

/* шаги */
.steps{list-style:none;display:grid;gap:14px;counter-reset:s}
@media(min-width:760px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{counter-increment:s;border-top:3px solid var(--y);padding-top:14px}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--mono);font-size:13px;color:var(--y);letter-spacing:.1em}
.steps b{display:block;font-size:17px;margin:6px 0}
.steps p{font-size:14.5px;color:var(--t2)}
.steps em{display:block;margin-top:8px;font-style:normal;font-size:13px;font-weight:700;color:var(--t1)}

/* площадки */
.site-card .status{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700}
.site-card .status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.status.open{color:var(--ok)}.status.queue{color:var(--warn)}
.site-card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}
.site-card dt{color:var(--t3)}.site-card dd{color:var(--t1);font-weight:600}
.tbd{color:var(--warn);font-weight:600}

/* медиа */
.media{position:relative;border-radius:10px;overflow:hidden;background:var(--bg2);border:1px solid var(--line)}
.media video,.media img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.media.wide video,.media.wide img,.media.wide svg{aspect-ratio:16/9}
.media figcaption{position:absolute;left:10px;bottom:10px;right:10px;font-size:12px;font-weight:700;background:rgba(20,18,19,.8);padding:6px 10px;border-radius:4px}
.video-row{display:grid;gap:16px;align-items:center}
@media(min-width:860px){.video-row{grid-template-columns:1.2fr 1fr;gap:40px}}

/* FAQ */
.faq{display:grid;gap:8px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:8px}
.faq summary{cursor:pointer;list-style:none;padding:16px 50px 16px 18px;font-weight:700;font-size:15.5px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-family:var(--h);color:var(--y);font-size:20px}
.faq details[open] summary::after{content:"–"}
.faq details[open]{border-color:var(--line2)}
.faq .a{padding:0 18px 18px;color:var(--t2);font-size:15px;max-width:80ch}
.faq .a p+p{margin-top:8px}

/* CTA и канал */
.cta{background:var(--y);color:var(--y-ink);border-radius:12px;padding:28px 22px;display:grid;gap:18px}
.cta h2{color:var(--y-ink)}
.cta p{font-weight:600}
.cta .btn-d{min-height:52px}
.cta .btn-o{border-color:var(--y-ink);color:var(--y-ink)}.cta .btn-o:hover{background:var(--y-ink);color:var(--y)}
@media(min-width:900px){.cta{grid-template-columns:1.3fr 1fr;align-items:center;padding:44px}}
.cta-btns{display:grid;gap:10px}

/* пресса */
.press-card .cover{aspect-ratio:16/9;background:var(--bg2);border-radius:6px;display:grid;place-items:center;color:var(--t3);font-size:13px}
.press-card time{font-family:var(--mono);font-size:12px;color:var(--t3)}

/* страницы: хлебные крошки, двухколоночная статья */
.crumbs{font-family:var(--mono);font-size:12px;color:var(--t3);padding:18px 0 0;letter-spacing:.04em}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--y)}
.article{max-width:760px}
.article h2{margin-top:36px}
.article p,.article li{color:var(--t2);font-size:16px}
.article p+p{margin-top:12px}
.article ul{margin:12px 0 0 20px;display:grid;gap:6px}
.twocol{display:grid;gap:28px}
@media(min-width:1000px){.twocol{grid-template-columns:1fr 380px;gap:48px;align-items:start}.twocol aside{position:sticky;top:96px}}
.kv{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.kv div{display:flex;justify-content:space-between;gap:12px;background:var(--card);padding:11px 14px;font-size:14.5px;color:var(--t2)}
.kv b{color:var(--t1);text-align:right}

/* модалка */
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);display:none;align-items:flex-end;justify-content:center}
.modal.open{display:flex}
.modal-in{background:var(--card);border:1px solid var(--line2);border-radius:14px 14px 0 0;width:100%;max-width:520px;max-height:92dvh;overflow-y:auto;padding:22px var(--gut) 28px;position:relative}
.modal-x{position:absolute;right:10px;top:10px;width:44px;height:44px;border:0;background:none;font-size:26px;color:var(--t3);cursor:pointer}
@media(min-width:640px){.modal{align-items:center}.modal-in{border-radius:12px;padding:30px}}

/* плавающие кнопки и ИИ-чат */
.fab{position:fixed;right:14px;bottom:14px;z-index:70;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.fab a,.fab button{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.45);border:0;cursor:pointer}
.fab .tg{background:#2AABEE}.fab .ai{background:var(--y);color:var(--y-ink)}
.fab svg{width:26px;height:26px}
.chat{position:fixed;z-index:110;right:0;bottom:0;left:0;height:min(88dvh,640px);background:var(--card);border:1px solid var(--line2);border-radius:14px 14px 0 0;display:none;flex-direction:column;overflow:hidden}
.chat.open{display:flex}
@media(min-width:640px){.chat{left:auto;right:18px;bottom:18px;width:390px;border-radius:12px}}
.chat-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:var(--y);color:var(--y-ink);font-weight:800;font-size:14px}
.chat-h small{display:block;font-weight:600;font-size:11.5px;opacity:.75}
.chat-h button{width:40px;height:40px;border:0;background:none;font-size:24px;cursor:pointer;color:var(--y-ink)}
.chat-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:88%;padding:10px 13px;border-radius:10px;font-size:14px;line-height:1.45;white-space:pre-wrap}
.msg.bot{background:var(--bg2);align-self:flex-start;border-bottom-left-radius:3px}
.msg.me{background:var(--y);color:var(--y-ink);align-self:flex-end;border-bottom-right-radius:3px;font-weight:600}
.chat-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}
.chat-chips button{border:1px solid var(--line2);background:none;border-radius:20px;padding:7px 12px;font-size:12.5px;font-weight:600;cursor:pointer}
.chat-chips button:hover{border-color:var(--y);color:var(--y)}
.chat-in{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.chat-in input{flex:1;min-height:44px;background:var(--bg);border:1px solid var(--line2);border-radius:8px;padding:10px 12px;font-size:16px;min-width:0}
.chat-in button{min-width:48px;border:0;border-radius:8px;background:var(--y);color:var(--y-ink);font-weight:800;cursor:pointer}
.chat-lead{margin:0 12px 12px;min-height:42px;border:1px solid var(--y);border-radius:8px;background:none;color:var(--y);font-weight:800;font-size:13px;cursor:pointer}

/* футер */
.ftr{border-top:1px solid var(--line);padding:44px 0 90px;font-size:14px;color:var(--t3)}
.ftr-grid{display:grid;gap:28px}
@media(min-width:900px){.ftr-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.ftr h4{font-size:12px;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t2);margin-bottom:10px;font-weight:600}
.ftr ul{list-style:none;display:grid;gap:7px}
.ftr a{text-decoration:none}.ftr a:hover{color:var(--y)}
.slogan{font-family:var(--h);font-weight:800;text-transform:uppercase;color:var(--t1);font-size:15px;letter-spacing:.02em;margin:14px 0 8px}
.slogan::after{content:"";display:block;width:64px;height:7px;background:var(--y);transform:skewX(var(--skew));margin-top:10px}
.ftr-bottom{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;font-size:12.5px}
.theme-sw{background:none;border:1px solid var(--line2);border-radius:var(--r);padding:6px 10px;font-size:12px;cursor:pointer;color:var(--t2)}

/* cookie */
.ck{position:fixed;left:12px;right:80px;bottom:12px;z-index:75;background:var(--card);border:1px solid var(--line2);border-radius:8px;padding:12px 14px;font-size:12.5px;color:var(--t2);display:none;gap:10px;align-items:center}
.ck.show{display:flex}
.ck a{color:var(--y)}
.ck button{flex:none;min-height:36px;padding:6px 14px;border:0;border-radius:var(--r);background:var(--y);color:var(--y-ink);font-weight:800;cursor:pointer}
@media(min-width:640px){.ck{right:auto;max-width:440px}}

/* вертикальные ролики: в карточках — кадр 16:9, отдельно — не шире 300px */
.card-img .media{border:0;border-radius:0}
.card-img .media video{aspect-ratio:16/9;object-fit:cover}
.card-img .media figcaption{display:none}
.hero .media:not(.wide){max-width:300px;width:100%;margin:0 auto}
.hero-side{display:grid;gap:14px;align-content:start}
.hero-vid video{background:var(--bg2)}
[hidden]{display:none!important}
.pick-form .chosen{flex-wrap:wrap;border-radius:8px;max-width:100%}
.good-img svg{width:62%;height:auto;color:var(--t3)}
@media(max-width:699px){.good-img{aspect-ratio:2/1}}
img{height:auto}
.mega figure img{aspect-ratio:4/3;object-fit:cover}
.nav>li:nth-child(-n+2) .mega{left:0;transform:none}
.nav>li:nth-last-child(-n+2) .mega{left:auto;right:0;transform:none}
.mega figure{grid-column:3;grid-row:1/span 3}
.mega-img{aspect-ratio:4/3;background:center/cover no-repeat var(--bg2)}
.fab .wa{background:#25D366}
.map{border-radius:10px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;max-height:460px;background:var(--bg2)}.map iframe{width:100%;height:100%;border:0;display:block}@media(max-width:699px){.map{aspect-ratio:4/5}}

/* инструменты: КП, бюджет, калькулятор вывоза */
.good-btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
[data-kp][aria-pressed=true]{border-color:var(--y);color:var(--y)}
.kp-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:72;background:var(--y);color:var(--y-ink);font-weight:800;text-decoration:none;padding:12px 20px;border-radius:30px;box-shadow:0 8px 24px rgba(0,0,0,.45);white-space:nowrap}
@media(max-width:639px){.kp-bar{left:14px;transform:none;bottom:14px}}
.kp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:8px}
.kp-table{width:100%;border-collapse:collapse;font-size:14px;min-width:720px}
.kp-table th,.kp-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.kp-table th{font-size:12px;color:var(--t3);font-weight:600;background:var(--bg2)}
.kp-table td a{font-weight:700;text-decoration:none}
.kp-table input{width:72px;min-height:40px;padding:6px 8px;background:var(--bg);border:1px solid var(--line2);border-radius:var(--r)}
.kp-table .pos{color:var(--ok);font-family:var(--mono)}.kp-table .neg{color:var(--alert);font-family:var(--mono)}
.kp-table .x{width:36px;height:36px;border:1px solid var(--line2);background:none;border-radius:var(--r);cursor:pointer;color:var(--t3)}
.kp-sum .best b{color:var(--y)}
.budget .budget-out{display:grid;gap:8px;margin-top:12px}
.bud{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;background:var(--bg2);border:1px solid var(--line);border-radius:8px}
.bud small{display:block;color:var(--t3);font-size:12px;margin-top:4px}
.cmp3>div small{grid-column:1/-1}
.stock{position:relative;display:block}.stock i{position:absolute;right:8px;bottom:8px;font-style:normal;font-size:11px;font-weight:600;color:#fff;background:rgba(20,18,19,.7);padding:2px 8px;border-radius:3px}

/* меню: каталог списком, мобильное меню с разделами */
.mega-cat{grid-template-columns:1fr 1fr;width:min(520px,92vw);gap:6px 24px;padding:20px}
.mega-cat h5{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin:0 0 6px}
.mega-cat a:not(.btn){display:block;padding:8px 10px;border-radius:6px;font-size:15px;font-weight:600;text-decoration:none}
.mega-cat a:not(.btn):hover{background:var(--bg2);color:var(--y)}
.mega-cat .mega-all{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:6px}
.mnav h3{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--y);margin:22px 0 2px;font-weight:600}
.mnav-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 4px}
.mnav-quick .btn{margin:0;text-align:center}
.mnav-chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}
.mnav .mnav-chips a{display:inline-block;padding:9px 14px;border:1px solid var(--line2);border-radius:20px;font-size:14px}
/* команда */
.team-lead{font-size:clamp(17px,2vw,21px);line-height:1.55;max-width:60ch;margin:0 0 26px;color:var(--t1)}
.team-lead .link{background:none;border:0;padding:0;font:inherit;font-weight:700;cursor:pointer;border-bottom:1px solid var(--y)}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:20px}
.team-card{margin:0}
.team-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:6px;border-bottom:3px solid var(--y)}
.team-card figcaption{margin-top:10px;font-size:14.5px;line-height:1.35}
.team-card figcaption b{display:block;color:#fff}
.team-card figcaption span{color:#a9a6a6;font-size:13.5px}
@media(max-width:700px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.team-lead{font-size:15.5px}.team-card figcaption{font-size:13.5px}}
.mega::before{content:'';position:absolute;left:0;right:0;top:-24px;height:24px}

/* живые видео: без контролов, подпись под роликом */
.media.live{background:none;border:0;overflow:visible}
.media.live video{border-radius:12px;background:var(--bg2);display:block;box-shadow:0 0 0 1px var(--line)}
.media.live figcaption{position:static;background:none;padding:10px 2px 0;font-size:13.5px;font-weight:600;color:var(--t2)}
.media.live .live-chip{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;background:rgba(20,18,19,.72);color:#fff;padding:6px 9px;border-radius:20px}
.media.live .live-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--y)}
.card-img .media.live{border-radius:0}.card-img .media.live video{border-radius:0;box-shadow:none}
.card-img .media.live .live-chip{display:none}
.hero-vid .live-chip{display:none}

.hero h1+.hero-ctas{margin-top:26px}

/* главная: витрина моделей — горизонтальная лента на телефоне (короче страница) */
@media(max-width:700px){
 .scroll-x .goods{display:grid;grid-auto-flow:column;grid-auto-columns:84%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;margin-right:calc(var(--gut) * -1);padding-right:var(--gut);-webkit-overflow-scrolling:touch}
 .scroll-x .goods>*{scroll-snap-align:start}
}

/* одна кнопка связи вместо трёх */
.fab{align-items:flex-end}
.fab-main{width:auto!important;height:52px!important;border-radius:26px!important;padding:0 18px;display:inline-flex!important;gap:8px;background:var(--y);color:var(--y-ink);font:700 15px/1 var(--b);box-shadow:0 8px 24px rgba(0,0,0,.45)}
.fab-main svg{width:22px!important;height:22px!important}
.fab-menu{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.fab-menu[hidden]{display:none}
.fab a.fab-i,.fab button.fab-i{width:auto;height:46px;border-radius:23px;display:inline-flex;gap:10px;align-items:center;padding:0 16px 0 12px;background:var(--card);color:var(--t1);border:1px solid var(--line2);font:600 14.5px/1 var(--b);text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.fab .fab-i svg{width:22px;height:22px;flex:none}
.fab .fab-i.tg svg{fill:#2AABEE}.fab .fab-i.wa svg{fill:#25D366}.fab .fab-i.ai{color:var(--t1)}.fab .fab-i.ai svg{color:var(--y)}
/* КП в шапке */
.hdr-kp{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--y);border-radius:20px;color:var(--y);font-weight:700;font-size:13.5px;text-decoration:none;margin-left:auto}
.hdr-kp[hidden]{display:none}
.hdr-kp b{background:var(--y);color:var(--y-ink);border-radius:10px;padding:1px 7px;font-size:12px}
@media(min-width:1100px){.hdr-kp{margin-left:0}}
/* с чего начать */
.paths{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}
@media(min-width:700px){.paths{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.paths{grid-template-columns:repeat(4,1fr)}}
.path{display:block;padding:18px 18px 16px;border:1px solid var(--line2);border-radius:10px;background:var(--card);text-decoration:none;position:relative}
.path b{display:block;font-size:17px;padding-right:26px}.path span{display:block;color:var(--t3);font-size:13.5px;margin-top:4px;line-height:1.4}
.path::after{content:"→";position:absolute;right:16px;top:16px;color:var(--y);font-weight:700}
.path:hover{border-color:var(--y)}
.paths-more{margin-top:16px;font-size:14.5px;color:var(--t2)}
.paths-more .link{background:none;border:0;padding:0;font:inherit;font-weight:700;cursor:pointer}
.hero .lead{font-size:15.5px}

@media(max-width:560px){.hdr-kp:not([hidden])~.hdr-phone{display:none}.hdr-kp{margin-left:auto}}

/* единая рамка у всех видео */
.media.live video,.hero-vid video{border:1px solid var(--y);border-radius:10px;box-shadow:none;display:block}
.hero-vid{background:none;border:0;overflow:visible}
.card-img .media.live video{border:0;border-radius:0}

/* ФОН — глубина и характер бренда. Всё только в боковых полях, контент не задевает.
   1) мягкое жёлтое свечение сверху; 2) тонкие косые линии (наклон как у знака); 3) два контура знака 77 */
body{background:var(--bg) radial-gradient(ellipse 60% 420px at 50% 0,rgba(248,237,49,.05),transparent 75%) no-repeat}
@media(min-width:1260px){
 body::before,body::after{content:"";position:fixed;pointer-events:none;z-index:-1}
 body::before{inset:0;background:repeating-linear-gradient(102deg,transparent 0 54px,rgba(248,237,49,.045) 54px 55px);
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(50% - 650px),transparent calc(50% - 606px),transparent calc(50% + 606px),#000 calc(50% + 650px),#000 100%);
  mask-image:linear-gradient(90deg,#000 0,#000 calc(50% - 650px),transparent calc(50% - 606px),transparent calc(50% + 606px),#000 calc(50% + 650px),#000 100%)}
 body::after{--m:max(0px,calc((100vw - 1232px) / 2));--w:min(320px,calc(var(--m) * 1.8));inset:0;opacity:.16;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22276 243 100.5 56.5%22%3E%3Cg fill=%22none%22 stroke=%22%23F8ED31%22 stroke-width=%220.3%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M276.99 244.84C276.99 260.31 276.98 275.79 276.99 291.26C276.99 295.84 280.47 299.03 285.44 299.03C306.72 299.03 328 299.02 349.27 299.03C351.98 299.03 354.17 298.09 355.84 296.17C361.88 289.21 367.91 282.25 373.95 275.3C375.14 273.93 375.77 272.36 375.78 270.63C375.8 262.05 375.85 253.47 375.76 244.89C375.75 244.54 375.69 244.21 375.65 243.88L276.99 243.88C276.99 244.2 276.99 244.52 276.99 244.84%22/%3E%3Cpath d=%22M286.31 254.53C286.31 257.66 286.31 260.74 286.31 263.89C291.89 263.89 297.39 263.89 303.06 263.89C297.44 270.93 291.92 277.85 286.3 284.88C286.59 284.9 286.71 284.91 286.83 284.91C294.09 284.91 301.36 284.92 308.63 284.89C308.92 284.89 320.45 270.72 325.92 263.86C330.95 263.86 336.35 263.86 339.67 263.86C334.04 270.91 328.54 277.81 322.92 284.85C323.32 284.87 337.99 284.89 345.08 284.91C345.58 284.91 369.71 254.83 369.96 254.53C357.69 254.53 298.48 254.53 286.31 254.53%22/%3E%3C/g%3E%3C/svg%3E") no-repeat,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22276 243 100.5 56.5%22%3E%3Cg fill=%22none%22 stroke=%22%23F8ED31%22 stroke-width=%220.3%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M276.99 244.84C276.99 260.31 276.98 275.79 276.99 291.26C276.99 295.84 280.47 299.03 285.44 299.03C306.72 299.03 328 299.02 349.27 299.03C351.98 299.03 354.17 298.09 355.84 296.17C361.88 289.21 367.91 282.25 373.95 275.3C375.14 273.93 375.77 272.36 375.78 270.63C375.8 262.05 375.85 253.47 375.76 244.89C375.75 244.54 375.69 244.21 375.65 243.88L276.99 243.88C276.99 244.2 276.99 244.52 276.99 244.84%22/%3E%3Cpath d=%22M286.31 254.53C286.31 257.66 286.31 260.74 286.31 263.89C291.89 263.89 297.39 263.89 303.06 263.89C297.44 270.93 291.92 277.85 286.3 284.88C286.59 284.9 286.71 284.91 286.83 284.91C294.09 284.91 301.36 284.92 308.63 284.89C308.92 284.89 320.45 270.72 325.92 263.86C330.95 263.86 336.35 263.86 339.67 263.86C334.04 270.91 328.54 277.81 322.92 284.85C323.32 284.87 337.99 284.89 345.08 284.91C345.58 284.91 369.71 254.83 369.96 254.53C357.69 254.53 298.48 254.53 286.31 254.53%22/%3E%3C/g%3E%3C/svg%3E") no-repeat;
  background-size:var(--w) auto,var(--w) auto;
  background-position:left calc(50vw - 616px - var(--w) - 22px) top 24%,left calc(50vw + 616px + 22px) top 62%}
}