/* ══════════════════════════════════════════════════════════════════ МЕТР ПЛЮС · CSS БЛОКОВ · blocks.css ─────────────────────────────────────────────────────────────── Подключается ПО МЕРЕ НАДОБНОСТИ. Требует inline.css — берёт оттуда токены, reset, .btn, .sec, .eyebrow, .sec__head. Файл разложен по блокам: каждый блок — отдельная секция с заголовком-комментарием, внутри секции порядок правил такой же, как в main.v1.css (сначала базовые правила, следом их медиа- запросы). Чтобы взять на страницу один блок — вырезаете одну секцию целиком, от заголовка до заголовка. ВАЖНО · КЛАСТЕР КОНФИГУРАТОРА: .mpx объявляет на себе токены --x-* , которыми пользуются scn swx xp xpp ph fab xbtn seg clc cn cnr rng rms rmc ar fb fn lx. Эти секции берутся только вместе с .mpx, иначе у них схлопнутся цвета и шрифты. ОГЛАВЛЕНИЕ (86 блоков): .hero 29 прав. первый экран .tech 31 прав. современные решения .techcard 2 прав. современные решения · карточка .ba 71 прав. до / после .atl 76 прав. атлас помещений .pg 6 прав. подарок · сцена .pg-scene 2 прав. подарок · сцена .pg-core 5 прав. подарок · ядро .pg-ring 5 прав. подарок · кольца .pg-stars 1 прав. подарок · звёзды .pg-rays 1 прав. подарок · лучи .pg-stage 1 прав. подарок · сцена .pg-card 16 прав. подарок · карточка .pg-hint 4 прав. подарок · подсказка .pg-lb 19 прав. подарок · лайтбокс .pg-btn 5 прав. подарок · кнопка .lt 51 прав. освещение · лента .lcat 9 прав. освещение · категории .lm 35 прав. освещение · модалка .mpx 23 прав. конфигуратор · оболочка .scn 11 прав. конфигуратор · сцена .fab 10 прав. конфигуратор · кнопки шагов .ph 3 прав. конфигуратор · фон .rms 15 прав. комнаты · лента .rmc 14 прав. комнаты · карточка .ar 24 прав. аргументы .rng 4 прав. ползунок .fb 27 прав. бренды полотна .swx 7 прав. конфигуратор · свотч .xp 2 прав. конфигуратор · сцена .xpp 26 прав. конфигуратор · превью .lx 15 прав. освещение · сцена .cn 11 прав. конфигуратор · кадр .cnr 17 прав. конфигуратор · строка .fn 28 прав. фишка .xbtn 4 прав. конфигуратор · кнопка .clc 7 прав. конфигуратор · калькулятор .seg 5 прав. конфигуратор · сегменты .wx 142 прав. примеры работ .wkx 32 прав. шоурум .wkx-sheet 4 прав. шоурум .wkx-panel 1 прав. шоурум .wkx-grab 2 прав. шоурум .wkx-x 2 прав. шоурум .wkx-gal 1 прав. шоурум .wkx-slide 5 прав. шоурум .wkx-gnav 4 прав. шоурум .wkx-gdots 3 прав. шоурум .wkx-info 1 прав. шоурум .wkx-geo 2 прав. шоурум .wkx-title 1 прав. шоурум .wkx-facts 1 прав. шоурум .wkx-fact 4 прав. шоурум .wkx-desc 1 прав. шоурум .wkx-sact 1 прав. шоурум .wkx-cta 2 прав. шоурум .prx 64 прав. прайс .bcard 34 прав. карточка банка .bbtn 3 прав. кнопка блока .prow 24 прав. прайс · строка .rs 107 прав. рассрочка .rcard 58 прав. рассрочка · карта .ez 113 прав. этапы работ .ezs 42 прав. шит этапов .pk 108 прав. акции · колесо .pkstop 10 прав. акции · остановки .vp 116 прав. нам доверяют · видео .rvx 81 прав. отзывы .rvchip 7 прав. отзывы · чип .rvcell 4 прав. отзывы · ячейка .rvc 28 прав. отзывы · карточка .rvv 19 прав. отзывы · видео .qa 39 прав. вопросы · чат .qx 34 прав. вопросы · пузыри .qc 13 прав. вопросы · консоль .msg 14 прав. вопросы · сообщения .tray 9 прав. освещение · полка .pill 6 прав. вопросы · чипы .sx 35 прав. SEO-статья .no-js 3 прав. аварийная видимость .wkx-mute 6 прав. шоурум .chpcta 3 прав. нашли дешевле · CTA .chpbtn 8 прав. нашли дешевле · кнопка .chpm 13 прав. нашли дешевле · модалка .chp 43 прав. нашли дешевле .eng 86 прав. спросить технолога ═══════════════════════════════════════════════════════════════ */ /* ══════ .hero · первый экран ══════ */ /* ↓ из критического чанка css_2026 — в main.v1.css этих правил не было */ .hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--ease);pointer-events:none;z-index:1} .hero__pill{padding:22px 24px;border-radius:var(--r);background:var(--glass);border:1px solid var(--line); backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px); box-shadow:0 1px 0 rgba(255,255,255,.05) inset;white-space:nowrap} .hero__pill b{font-family:"Unbounded";font-weight:400;font-size:17px;line-height:1} .hero__pill .nbrb-icon{font-size:1em;letter-spacing:.02em} .hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--bg)} .hero__slide.on{opacity:1;pointer-events:auto;z-index:2} .hero__media{position:absolute;inset:0} .hero__media img,.hero__media video{width:100%;height:100%;object-fit:cover;opacity:.5;transform:scale(1.06);transition:transform 7s var(--ease)} .hero__slide.on .hero__media img,.hero__slide.on .hero__media video{transform:scale(1)} .hero__scrim{position:absolute;inset:0;background:radial-gradient(120% 80%at 50% -10%,rgba(200,220,250,.15),transparent 55%),linear-gradient(180deg,rgba(11,13,16,.2) 0%,rgba(11,13,16,.55) 55%,var(--bg) 100%)} .hero__sweep{position:absolute;top:0;left:0;right:0;height:2px;z-index:3;background:linear-gradient(90deg,transparent,var(--glow),transparent);filter:blur(1px);opacity:.6;animation:sweep 7s var(--ease) infinite} .hero__inner{position:inherit;z-index:5;width:100%;bottom:100px;padding:6%} .hero h1,.hero .hero-h{font-family:"Unbounded";font-weight:300;font-size:clamp(34px,9vw,74px);line-height:1.03;letter-spacing:-.015em;max-width:15ch} .hero h1 b,.hero .hero-h b{font-weight:500;background:linear-gradient(135deg,#fff,#aeb7c4);-webkit-background-clip:text;background-clip:text;color:transparent} .hero__sub{margin-top:16px;color:var(--txt-dim);font-size:clamp(15px,4vw,18px);max-width:44ch} .hero__actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap} .hero__adv{display:flex;gap:10px;margin-top:30px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px} .hero__adv::-webkit-scrollbar{display:none} .hero__pill span{font-size:12px;color:var(--txt-mute)} .hero__tabs{position:absolute;left:0;right:0;bottom:26px;z-index:6;display:flex;justify-content:center;padding:0 18px} .hero__tabs-in{display:flex;gap:6px;padding:6px;border-radius:100px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 50px -20px rgba(0,0,0,.7);max-width:100%;overflow:auto;scrollbar-width:none} .hero__tabs-in::-webkit-scrollbar{display:none} .hero__tab{position:relative;padding:10px 20px;border-radius:100px;font-size:13px;font-weight:500;color:var(--txt-dim);white-space:nowrap;transition:color .35s;z-index:1} .hero__tab.on{color:#0b0d10} .hero__ind{position:absolute;top:6px;bottom:6px;border-radius:100px;background:linear-gradient(135deg,#edeff4,#b7c0cd);transition:left .5s var(--spring),width .5s var(--spring);z-index:0} @media (min-width:768px){.hero__inner{padding:0 0 0 15%}} @media (max-width:767px){.hero__adv{margin-top:22px}} @media (max-width:1023px){.hero__pill,.hero__tabs-in,.tech__arrow,.techcard,.ba__tag,.pg-hint,.pg-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}} @media (max-width:1023px){.hero__tabs-in{background:rgba(14,17,22,.92)}} @media (max-width:1023px){.hero__pill{background:rgba(20,24,30,.78)}} .hero__slide{visibility:hidden} .hero__slide.on{visibility:visible} @keyframes sweep{0%{transform:translateY(6vh);opacity:0}20%{opacity:.8}50%{transform:translateY(46vh);opacity:.5}80%{opacity:.6}to{transform:translateY(86vh);opacity:0}} /* ══════ .tech · современные решения ══════ */ .tech__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px} .tech__arrows{display:flex;gap:8px;flex:0 0 auto} .tech__arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--txt-dim);transition:transform .4s var(--spring),background .3s,color .3s,border-color .3s} .tech__arrow:hover{background:var(--glow-soft);color:var(--txt);border-color:var(--glow);transform:scale(1.08)} .tech__arrow svg{width:17px;height:17px} .tech__vis{position:relative;min-height:320px;background:#08090c;overflow:hidden} .tech__ph{position:absolute;inset:0;opacity:0;transition:opacity .8s var(--ease)} .tech__ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.8);transform:scale(1.07);transition:transform 6s var(--ease)} .tech__ph.on{opacity:1} .tech__ph.on img{transform:scale(1)} .tech__vis::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,9,12,.25),transparent 30% 70%,rgba(8,9,12,.35))} .tech__count{position:absolute;top:18px;left:20px;z-index:3;font-family:"Inter";font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--txt-dim);padding:7px 13px;border-radius:100px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(12px)} .tech__info{padding:26px 22px 28px;display:flex;flex-direction:column;opacity:1;transition:opacity .35s var(--ease)} .tech__info.fade{opacity:0} .tech__badge{align-self:flex-start;font-family:"Inter";font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:6px 13px;border-radius:100px;border:1px solid var(--line-2);color:var(--txt-dim);background:rgba(127,140,160,.07);margin-bottom:16px} .tech__info h3{font-family:"Unbounded";font-weight:300;font-size:clamp(22px,3vw,32px);line-height:1.1;margin-bottom:12px} .tech__info h3 b{font-weight:500} .tech__desc{color:var(--txt-dim);font-size:15px;line-height:1.6;max-width:38ch;margin-bottom:22px} .tech__specs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px} .tech__spec{padding:13px 15px;border-radius:var(--r-sm);background:rgba(127,140,160,.07);border:1px solid var(--line)} .tech__spec small{display:block;font-family:"Inter";font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-mute);margin-bottom:4px} .tech__spec b{font-size:14px;font-weight:600} .tech__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:auto;padding-top:22px;border-top:1px solid var(--line)} .tech__price small{display:block;font-family:"Inter";font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--txt-mute);margin-bottom:5px} .tech__price b{font-family:"Unbounded";font-weight:500;font-size:clamp(19px,2.4vw,24px);white-space:nowrap} .tech__price b span{font-weight:300;font-size:.72em;color:var(--txt-dim)} .tech__dots{display:flex;gap:7px;justify-content:center;padding:16px 0 0} .tech__dot{width:7px;height:7px;border-radius:50%;background:var(--line-2);transition:.35s var(--ease);cursor:pointer} .tech__dot.on{background:var(--glow);box-shadow:0 0 8px var(--glow);transform:scale(1.25)} @media (min-width:768px){.tech__vis{min-height:480px}} @media (min-width:768px){.tech__info{padding:38px 40px}} /* ══════ .techcard · современные решения · карточка ══════ */ .techcard{position:relative;display:grid;grid-template-columns:1fr;border-radius:calc(var(--r) + 8px);overflow:hidden;background:linear-gradient(180deg,var(--glass-2),var(--glass));border:1px solid var(--line);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 40px 90px -40px rgba(0,0,0,.6)} @media (min-width:768px){.techcard{grid-template-columns:1.1fr .9fr}} /* ══════ .ba · до / после ══════ */ .ba{position:relative;background:var(--bg);overflow:hidden} .ba__head{position:relative;z-index:3;text-align:center;max-width:660px;margin:0 auto 34px} .ba__head h2{font-family:"Unbounded";font-weight:300;font-size:clamp(28px,7vw,48px);line-height:1.04;letter-spacing:-.015em;margin:14px 0 12px} .ba__head h2 b{font-weight:500;background:linear-gradient(135deg,#fff,#aeb7c4);-webkit-background-clip:text;background-clip:text;color:transparent} .sec--light .ba__head h2 b{background:0 0;-webkit-background-clip:initial;background-clip:initial;color:var(--txt)} .ba__head p{color:var(--txt-dim);font-size:15px;max-width:52ch;margin:0 auto} .ba__stage{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch;max-width:1120px;margin:0 auto} .ba__col{position:relative;min-width:0;display:flex;flex-direction:column} .ba__col--tall{justify-content:flex-start} .ba__frame--port{aspect-ratio:3/4.6;width:100%} .ba__col--float{justify-content:flex-start} .ba__frame--wide{aspect-ratio:16/10;width:100%} @media (hover:hover) and (min-width:721px){.ba__col--float{animation:baDrift 16s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}} @media (hover:hover) and (min-width:721px){.ba__col--float:hover{animation-play-state:paused}} @media (hover:hover) and (min-width:721px){.ba__col--float:hover .ba__frame--wide{transform:scale(1.025)}} .ba__frame{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-2);background:#05070a;box-shadow:0 40px 90px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.02) inset;cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:transform .5s var(--spring)} .ba__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none} .ba__img--after{opacity:0} .ba__frame.is-after .ba__img--after{opacity:1} .ba__tag{position:absolute;z-index:5;font-family:"Inter";font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:8px 13px;border-radius:100px;background:var(--glass);border:1px solid var(--line-2);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:8px;transition:opacity .3s var(--ease)} .ba__tag i{width:6px;height:6px;border-radius:50%} .ba__tag--before{left:16px;top:16px} .ba__tag--before i{background:#8894a6;box-shadow:0 0 8px #8894a6} .ba__tag--after{right:16px;bottom:16px;opacity:0} .ba__tag--after i{background:var(--glow);box-shadow:0 0 10px var(--glow)} .ba__frame.is-after .ba__tag--before{opacity:0} .ba__frame.is-after .ba__tag--after{opacity:1} .ba__wipe{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;background:rgba(226,234,246,.05);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);clip-path:inset(0 100%0 0);will-change:clip-path,opacity} .ba__wipe::before{content:"";position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,var(--glow),transparent);box-shadow:0 0 18px 3px var(--glow),0 0 40px 6px var(--glow-soft);opacity:.95} .ba__wipe.to-right::before{right:0} .ba__wipe.to-left::before{left:0} .ba__frame.is-wiping{cursor:progress} .ba__toggle{position:relative;z-index:5;display:inline-flex;gap:4px;padding:5px;align-self:center;border-radius:100px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);margin:22px auto 0} .ba__toggle .ba__ind{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:100px;background:linear-gradient(135deg,#edeff4,#b7c0cd 55%,#e4e8ef);box-shadow:0 6px 18px -8px rgba(200,215,240,.6);transition:transform .32s var(--spring)} .ba__toggle.on-after .ba__ind{transform:translateX(100%)} .sec--light .ba__ind{background:linear-gradient(135deg,#13161b,#2a2f38)} .sec--light .ba__toggle:not(.on-after) .ba__tg[data-v=before],.sec--light .ba__toggle.on-after .ba__tg[data-v=after]{color:#fff} .ba__tg{position:relative;z-index:2;min-width:120px;padding:11px 22px;border-radius:100px;font-family:"Inter";font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-dim);transition:color .3s var(--ease)} .ba__toggle:not(.on-after) .ba__tg[data-v=before]{color:#0b0d10} .ba__toggle.on-after .ba__tg[data-v=after]{color:#0b0d10} .ba__tg:disabled{cursor:progress} .ba__hint{margin:18px auto 0;text-align:center;font-family:"Inter";font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-mute)} @media (max-width:720px){.ba__stage{display:flex;flex-direction:column;gap:12px;align-items:stretch}} @media (max-width:720px){.ba__col--float{animation:none;transform:none;display:contents}} @media (max-width:720px){.ba__col--tall{display:contents}} @media (max-width:720px){.ba__frame--wide{order:1;aspect-ratio:4/3;width:100%}} @media (max-width:720px){.ba__frame--port{order:2;aspect-ratio:3/4;width:100%}} @media (max-width:720px){.ba__toggle{order:3;width:100%;max-width:340px;margin:14px auto 0}} @media (max-width:720px){.ba__hint{order:4;margin:8px auto 0}} @media (max-width:720px){.ba__tg{min-width:0;flex:1;padding:11px 14px}} .ba__vline{display:none} .ba__fader{display:none} .ba__mhint{display:none} @media (max-width:720px){.ba__frame--wide{display:none}} @media (max-width:720px){.ba__toggle{display:none}} @media (max-width:720px){.ba__hint{display:none}} @media (max-width:720px){.ba__frame--port{cursor:default}} @media (max-width:720px){.ba__frame--port .ba__img--after{opacity:1;clip-path:inset(0 0 40%0);-webkit-clip-path:inset(0 0 40%0);will-change:clip-path}} @media (max-width:720px){.ba__frame--port .ba__tag{font-size:12px}} @media (max-width:720px){.ba__frame--port .ba__tag--before{top:auto;bottom:14px;left:14px;opacity:1}} @media (max-width:720px){.ba__frame--port .ba__tag--after{top:14px;bottom:auto;right:14px;opacity:1}} @media (max-width:720px){.ba__frame--port.is-after .ba__tag--before{opacity:1}} @media (max-width:720px){.ba__vline{display:block;position:absolute;left:0;right:0;top:60%;z-index:7;height:2px;transform:translateY(-1px);pointer-events:none;background:linear-gradient(90deg,transparent,var(--glow) 18%,var(--glow) 82%,transparent);box-shadow:0 0 12px 2px var(--glow),0 0 30px 5px var(--glow-soft)}} @media (max-width:720px){.ba__fader{display:block;position:absolute;right:14px;bottom:14px;z-index:9;width:46px;height:162px;border-radius:100px;pointer-events:auto;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,rgba(150,162,180,.2),rgba(8,11,15,.34) 46%,var(--glow-soft));border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);box-shadow:0 14px 32px -14px rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,255,255,.08)}} @media (max-width:720px){.ba__fader::before{content:"";position:absolute;left:50%;top:16px;bottom:16px;width:2px;transform:translateX(-50%);border-radius:2px;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.07))}} @media (max-width:720px){.ba__frame--port.ba--dragging .ba__fader{cursor:grabbing}} @media (max-width:720px){.ba__fader-knob{position:absolute;left:50%;top:71px;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;pointer-events:none;z-index:2;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#edeff4,#b7c0cd 55%,#e4e8ef);box-shadow:0 6px 16px -6px rgba(0,0,0,.6),0 0 0 4px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.6);transition:box-shadow .2s var(--ease)}} @media (max-width:720px){.ba__frame--port.ba--dragging .ba__fader-knob{box-shadow:0 9px 22px -6px rgba(0,0,0,.72),0 0 0 6px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.6)}} @media (max-width:720px){.ba__fader-knob svg{width:22px;height:22px;fill:none;stroke:#0b0d10;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.72}} @media (max-width:720px){.ba__mhint{display:block;order:3;margin:12px auto 0;text-align:center;font-family:"Inter";font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.03em;color:var(--txt-mute);max-width:330px}} @keyframes baDrift{0%,to{transform:translateY(0)}50%{transform:translateY(clamp(40px,9vh,120px))}} /* ══════ .atl · атлас помещений ══════ */ .atl{padding:66px 0 92px;position:relative;background:linear-gradient(180deg,var(--bg),#08090c);overflow:hidden} .atl [hidden]{display:none!important} .atl__head{max-width:680px;margin:0 0 30px} .atl__head h2{font-family:"Unbounded";font-weight:300;font-size:clamp(27px,6vw,46px);line-height:1.05;letter-spacing:-.015em;margin:14px 0 12px} .atl__head h2 b{font-weight:500;background:linear-gradient(120deg,#fff,#c9d3ea 60%,#b7c0cd);-webkit-background-clip:text;background-clip:text;color:transparent} .atl__head p{color:var(--txt-dim);font-size:15px;max-width:52ch} .atl__grid{display:none} @media (min-width:881px){.atl__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:start}} .atl__list{border-top:1px solid var(--line)} .atl__item{border-bottom:1px solid var(--line)} .atl__row{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:17px 4px;text-align:left} .atl__row::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:linear-gradient(90deg,hsl(var(--h,222) 60% 78%),transparent 82%);box-shadow:0 0 12px hsl(var(--h,222) 65% 72%/.5);transform:scaleX(0);transform-origin:left;transition:transform .65s var(--ease)} .atl__dot{flex:none;width:9px;height:9px;border-radius:50%;background:hsl(var(--h,222) 55% 80%);box-shadow:0 0 12px hsl(var(--h,222) 65% 72%/.85);opacity:.3;transform:scale(.8);transition:.45s var(--ease)} .atl__name{font-family:"Unbounded";font-weight:500;font-size:clamp(23px,4.6vw,40px);line-height:1.08;letter-spacing:-.015em;color:rgba(234,238,243,.42);transition:color .4s var(--ease)} .atl__tag{margin-left:auto;font-family:"Inter";font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-mute);white-space:nowrap;opacity:0;transform:translateX(10px);transition:.5s var(--ease)} .atl__arrow{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;opacity:.4;transition:.45s var(--ease)} .atl__arrow svg{width:15px;height:15px;stroke:var(--txt-dim);fill:none;stroke-width:2;transition:transform .45s var(--ease)} .atl__item.on .atl__name{color:transparent;background:linear-gradient(120deg,#fff,hsl(var(--h,222) 55% 84%) 58%,hsl(var(--h,222) 45% 74%));-webkit-background-clip:text;background-clip:text} .atl__item.on .atl__dot{opacity:1;transform:scale(1)} .atl__item.on .atl__row::after{transform:scaleX(1)} .atl__item.on .atl__tag{opacity:1;transform:none} .atl__item.on .atl__arrow{opacity:1;border-color:hsl(var(--h,222) 55% 74%/.55)} .atl__item.on .atl__arrow svg{transform:translateX(2px)} .atl__show{position:sticky;top:88px;height:min(74vh,640px);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:#08090c;box-shadow:0 40px 90px -50px rgba(0,0,0,.85)} .atl__scene{position:absolute;inset:0;transition:opacity .35s var(--ease)} .atl__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#08090c} .atl__floor{position:absolute;left:0;right:0;bottom:0;height:74%;background:linear-gradient(180deg,transparent,rgba(6,7,10,.55) 42%,rgba(6,7,10,.95) 80%)} .atl__info{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:28px;display:grid;gap:12px;transition:opacity .3s var(--ease),transform .3s var(--ease)} .atl__show.swap .atl__info{opacity:0;transform:translateY(12px)} .atl__show.swap .atl__scene{opacity:.35} .atl__k{font-family:"Inter";font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--txt-mute)} .atl__title{font-family:"Unbounded";font-weight:400;font-size:clamp(21px,2.6vw,30px);letter-spacing:-.01em;color:#fff} .atl__d{color:var(--txt-dim);font-size:14.5px;line-height:1.55;max-width:46ch;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} .atl__cta{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:2px} .atl__promo,.atl__cpromo{display:none!important} .atl__promo{flex:1;min-width:200px;display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:15px;background:rgba(210,225,245,.06);border:1px solid var(--line-2);font-size:13px;line-height:1.35;color:var(--txt)} .atl__promo b{color:var(--vio)} .atl__gift{flex:none;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--vio-dim),rgba(169,140,255,.12));display:grid;place-items:center} .atl__gift svg{width:16px;height:16px;stroke:var(--vio);fill:none;stroke-width:2} .atl__go{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:100px;width:max-content;font-size:13.5px;font-weight:500;color:#0b0d10;background:linear-gradient(135deg,#edeff4,#b7c0cd 55%,#e4e8ef);box-shadow:0 12px 28px -12px rgba(200,215,240,.45);transition:transform .45s var(--spring),box-shadow .4s var(--ease)} .atl__go:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px rgba(200,215,240,.6)} .atl__go svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2} .atl__dial{display:block;margin-top:24px} @media (min-width:881px){.atl__dial{display:none}} .atl__dial :focus-visible{outline:0;box-shadow:0 0 0 3px var(--vio-dim);border-radius:16px} .atl__stage{position:relative;height:min(78svh,600px);perspective:1300px;perspective-origin:50% 42%;touch-action:pan-y;user-select:none;-webkit-user-select:none} .atl__deck{position:absolute;inset:0;transform-style:preserve-3d} .atl__card{position:absolute;left:50%;top:50%;width:min(86vw,384px);aspect-ratio:3/4.3;border-radius:30px;overflow:hidden;border:0;background:linear-gradient(180deg,#12141a,#0a0b0e 60%);box-shadow:0 60px 110px -44px rgba(0,0,0,.94);transform:translate(-50%,-50%);opacity:0;text-align:left;transition:transform .6s var(--spring),opacity .5s var(--ease),box-shadow .5s var(--ease);cursor:pointer;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column} .atl__dial.drag .atl__card{transition:none} .atl__cwin{position:relative;flex:0 0 57%;margin:16px 16px 0;border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px hsl(var(--h,222) 55% 70%/.22) inset;transition:box-shadow .5s var(--ease)} .atl__cimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);filter:saturate(.94)} .atl__cwin::before{content:"";position:absolute;inset:0;background:linear-gradient(200deg,transparent 55%,rgba(6,7,10,.5));pointer-events:none} .atl__cwin::after{content:"";position:absolute;left:8%;right:8%;top:0;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,hsl(var(--h,222) 78% 88%),transparent);opacity:.35;transform:scaleX(.5);transform-origin:50%0;transition:opacity .6s var(--ease),transform .8s var(--spring)} .atl__card.on .atl__cwin{box-shadow:0 0 0 1.5px hsl(var(--h,222) 60% 74%/.55),0 0 26px 2px hsl(var(--h,222) 60% 60%/.3) inset} .atl__card.on .atl__cwin::after{opacity:1;transform:scaleX(1)} .atl__cface{flex:1;position:relative;z-index:2;padding:18px 22px 20px;display:grid;align-content:start;gap:6px} .atl__ck{font-family:"Inter",sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--txt-mute)} .atl__cname{font-family:"Unbounded",sans-serif;font-weight:500;font-size:clamp(24px,6.4vw,30px);line-height:1.08;letter-spacing:-.015em;color:var(--txt)} .atl__cline{position:relative;height:2px;margin-top:6px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden;width:44px} .atl__cline i{position:absolute;inset:0;width:0;border-radius:2px;background:linear-gradient(90deg,hsl(var(--h,222) 62% 82%),transparent);box-shadow:0 0 12px hsl(var(--h,222) 66% 74%/.7);transition:width .7s var(--ease) .1s} .atl__cfoot{margin-top:13px;display:grid;gap:9px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .38s var(--ease) .06s,transform .42s var(--spring) .06s} .atl__cpromo{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:7px 14px 7px 7px;border-radius:100px;background:var(--vio-dim);border:1px solid rgba(169,140,255,.3)} .atl__cgift{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#edeff4,var(--vio) 65%,#8f74e6)} .atl__cgift svg{width:14px;height:14px;stroke:#14121e;fill:none;stroke-width:2.4} .atl__cpromo b{font-family:"Inter",sans-serif;font-size:13.5px;font-weight:700;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .atl__cgo{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border-radius:100px;font-family:"Inter",sans-serif;font-size:14.5px;font-weight:600;color:#0b0d10;background:linear-gradient(135deg,#edeff4,#b7c0cd 55%,#e4e8ef);box-shadow:0 14px 28px -12px rgba(200,215,240,.55)} .atl__cgo svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .atl__card.on{box-shadow:0 64px 120px -40px rgba(0,0,0,.92),0 0 0 1px hsl(var(--h,222) 55% 70%/.28)} .atl__card.on .atl__cline i{width:100%} .atl__card.on .atl__cfoot{opacity:1;transform:none;pointer-events:auto} .atl__rail{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px} .atl__seg{width:20px;height:7px;border-radius:99px;flex:none;padding:0;background:hsl(var(--h,222) 45% 74%/.3);transition:width .4s var(--spring),background .35s,box-shadow .35s;cursor:pointer} .atl__seg.on{width:38px;background:hsl(var(--h,222) 62% 74%);box-shadow:0 0 14px 1px hsl(var(--h,222) 66% 70%/.6)} .atl__dhint{margin-top:16px;text-align:center;font-family:"Inter",sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-mute);transition:opacity .5s,transform .5s} .atl__dhint.gone{opacity:0;transform:translateY(6px)} @media (prefers-reduced-motion:reduce){.atl__card,.atl__cline i,.atl__cfoot,.atl__seg,.atl__cwin{transition:none}} /* ══════ .pg · подарок · сцена ══════ */ .pg{position:relative;background:var(--bg);padding:70px 0 0;overflow:hidden} .pg__head{position:relative;z-index:6;text-align:center;max-width:640px;margin:0 auto} .pg__head h2{font-family:"Unbounded";font-weight:300;font-size:clamp(28px,7vw,48px);line-height:1.04;letter-spacing:-.015em;margin:14px 0 12px} .pg__head h2 b{font-weight:500;background:linear-gradient(135deg,#fff,#aeb7c4);-webkit-background-clip:text;background-clip:text;color:transparent} .pg__head p{color:var(--txt-dim);font-size:15px;max-width:46ch;margin:0 auto} @media (min-width:768px){.pg{padding:96px 0 0}} /* ══════ .pg-scene · подарок · сцена ══════ */ .pg-scene{position:relative;height:min(84vh,760px);min-height:520px;margin-top:6px;perspective:1500px;perspective-origin:50% 46%;touch-action:pan-y;user-select:none;-webkit-user-select:none} @media (min-width:768px){.pg-scene{height:min(88vh,820px)}} /* ══════ .pg-core · подарок · ядро ══════ */ .pg-core{position:absolute;left:50%;top:46%;width:min(64vw,560px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:0} .pg-core::before,.pg-core::after{content:"";position:absolute;inset:0;border-radius:50%} .pg-core::before{background:radial-gradient(circle,rgba(210,225,245,.42),rgba(150,185,240,.14) 34%,transparent 62%);filter:blur(14px);animation:pgPulse 6s var(--ease) infinite} .pg-core::after{background:radial-gradient(circle,#fff,rgba(220,232,250,.7) 12%,transparent 40%);width:24%;height:24%;left:38%;top:38%;filter:blur(6px);animation:pgPulse 4.2s var(--ease) infinite} @keyframes pgPulse{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}} /* ══════ .pg-ring · подарок · кольца ══════ */ .pg-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid var(--line-2);transform:translate(-50%,-50%);opacity:.5} .pg-ring--1{width:40%;height:40%;box-shadow:0 0 40px -6px var(--glow) inset,0 0 30px -10px var(--glow);animation:pgSpin 26s linear infinite} .pg-ring--2{width:70%;height:70%;border-style:dashed;border-color:rgba(210,225,245,.16);animation:pgSpin 40s linear infinite reverse} .pg-ring--3{width:100%;height:100%;border-color:rgba(210,225,245,.08);animation:pgSpin 60s linear infinite} @keyframes pgSpin{to{transform:translate(-50%,-50%) rotate(360deg)}} /* ══════ .pg-stars · подарок · звёзды ══════ */ .pg-stars{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.9} /* ══════ .pg-rays · подарок · лучи ══════ */ .pg-rays{position:absolute;left:50%;top:46%;width:170%;height:170%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;opacity:.35;mix-blend-mode:screen;background:conic-gradient(from 0deg,transparent 0 8%,rgba(210,225,245,.1) 9% 10%,transparent 11% 24%,rgba(210,225,245,.07) 25% 26%,transparent 27% 49%,rgba(210,225,245,.1) 50% 51%,transparent 52% 74%,rgba(210,225,245,.06) 75% 76%,transparent 77% 100%);-webkit-mask:radial-gradient(circle,transparent 20%,#000 44%,transparent 72%);mask:radial-gradient(circle,transparent 20%,#000 44%,transparent 72%);animation:pgSpin 90s linear infinite} /* ══════ .pg-stage · подарок · сцена ══════ */ .pg-stage{position:absolute;inset:0;transform-style:preserve-3d;z-index:2;will-change:transform} /* ══════ .pg-card · подарок · карточка ══════ */ .pg-card{position:absolute;left:50%;top:46%;transform-style:preserve-3d;cursor:pointer;width:var(--cw,220px);will-change:transform;opacity:0} .pg-card__inner{position:relative;transform-style:preserve-3d;border-radius:18px;overflow:hidden;aspect-ratio:3/4;background:#12151b;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 60px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.03) inset;transition:border-color .4s var(--ease),box-shadow .5s var(--ease)} .pg-card__inner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 46%,rgba(8,9,12,.72));opacity:.9;transition:opacity .4s} .pg-card__inner::before{content:"";position:absolute;left:14%;right:14%;top:0;height:1px;z-index:3;background:linear-gradient(90deg,transparent,var(--glow),transparent);box-shadow:0 0 10px var(--glow);opacity:0;transition:opacity .45s var(--ease)} .pg-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.4) brightness(.82) contrast(1.05);transition:filter .6s var(--ease),transform 1s var(--ease);transform:scale(1.04)} .pg-card__cap{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:14px 14px 15px;transform:translateY(8px);opacity:0;transition:transform .5s var(--ease),opacity .5s var(--ease)} .pg-card__cap b{display:block;font-family:"Unbounded";font-weight:400;font-size:15px;color:#fff;letter-spacing:-.01em} .pg-card__cap span{display:block;margin-top:3px;font-size:12px;color:var(--txt-dim)} .pg-card__num{position:absolute;top:11px;left:12px;z-index:4;font-family:"Inter";font-weight:600;font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.55);padding:5px 9px;border-radius:100px;background:rgba(14,17,22,.5);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .pg-card.hot .pg-card__inner{border-color:rgba(210,225,245,.5);box-shadow:0 44px 80px -34px rgba(0,0,0,.9),0 0 44px -10px var(--glow-soft)} .pg-card.hot .pg-card__inner::before{opacity:1} .pg-card.hot .pg-card__inner::after{opacity:.55} .pg-card.hot img{filter:grayscale(0) brightness(.98) contrast(1.05);transform:scale(1.09)} .pg-card.hot .pg-card__cap{transform:none;opacity:1} .pg-card.dim{opacity:.28!important;transition:opacity .5s} @media (prefers-reduced-motion:reduce){.pg-card{opacity:1!important}} /* ══════ .pg-hint · подарок · подсказка ══════ */ .pg-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:6;display:inline-flex;align-items:center;gap:14px;font-size:12.5px;color:var(--txt-dim);padding:9px 16px;border-radius:100px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 50px -22px rgba(0,0,0,.7);transition:opacity .5s,transform .5s;white-space:nowrap} .pg-hint.gone{opacity:0;transform:translate(-50%,10px);pointer-events:none} .pg-hint b{color:var(--txt);font-weight:600} .pg-hint i{width:4px;height:4px;border-radius:50%;background:var(--glow);box-shadow:0 0 8px var(--glow);font-style:normal} /* ══════ .pg-lb · подарок · лайтбокс ══════ */ .pg-lb{position:fixed;inset:0;z-index:200;display:flex;visibility:hidden} .pg-lb__bg{position:absolute;inset:0;background:rgba(6,7,9,.86);opacity:0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .5s var(--ease)} .pg-lb.on{visibility:visible} .pg-lb.on .pg-lb__bg{opacity:1} .pg-lb__fig{position:fixed;z-index:3;border-radius:18px;overflow:hidden;background:#0d1015;box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08);will-change:transform,width,height} .pg-lb__fig img{width:100%;height:100%;object-fit:cover} .pg-lb__meta{position:fixed;z-index:4;left:0;right:0;bottom:0;padding:26px 20px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(6,7,9,.9));opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease) .1s,transform .5s var(--ease) .1s;text-align:center;pointer-events:none} .pg-lb.ready .pg-lb__meta{opacity:1;transform:none} .pg-lb__meta .k{font-family:"Inter";font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--txt-mute)} .pg-lb__meta b{display:block;font-family:"Unbounded";font-weight:400;font-size:clamp(20px,4vw,30px);color:#fff;margin:8px 0 4px} .pg-lb__meta span{font-size:14px;color:var(--txt-dim)} .pg-lb__ctrl{position:fixed;z-index:5;top:0;left:0;right:0;padding:18px;display:flex;align-items:center;justify-content:space-between;opacity:0;transition:opacity .5s .1s} .pg-lb.ready .pg-lb__ctrl{opacity:1} .pg-lb__count{font-family:"Inter";font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--txt-dim);padding:9px 15px;border-radius:100px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .pg-lb__nav{position:fixed;z-index:5;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .5s .15s} .pg-lb.ready .pg-lb__nav{opacity:1} .pg-lb__nav.prev{left:14px} .pg-lb__nav.next{right:14px} @media (min-width:768px){.pg-lb__meta{padding:34px 40px 38px}} /* ══════ .pg-btn · подарок · кнопка ══════ */ .pg-btn{width:46px;height:46px;border:0;border-radius:50%;cursor:pointer;color:#fff;background:var(--glass);border:1px solid var(--line-2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px -22px rgba(0,0,0,.8);transition:transform .4s var(--spring),background .3s,border-color .3s} .pg-btn:hover{transform:scale(1.08);background:rgba(210,225,245,.14);border-color:var(--glow)} .pg-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} @media (min-width:768px){.pg-btn{width:52px;height:52px}} @media (min-width:768px){.pg-btn svg{width:22px;height:22px}} /* ══════ .lt · освещение · лента ══════ */ .lt{position:relative;padding:clamp(48px,7vw,110px)0} .lt__head{text-align:center;max-width:820px;margin:0 auto clamp(30px,4.5vw,58px)} .lt__eyebrow{font-family:"Inter";font-size:clamp(11px,1.4vw,13px);font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--txt-mute)} .lt__head h2{font-family:"Unbounded";font-weight:300;font-size:clamp(32px,7vw,66px);line-height:1.02;letter-spacing:-.02em;margin:clamp(14px,2vw,22px)0 clamp(14px,2vw,20px)} .lt__head h2 b{font-weight:500;background:var(--vgrad);-webkit-background-clip:text;background-clip:text;color:transparent} .lt__head p{color:var(--txt-dim);font-size:clamp(16px,2vw,21px);line-height:1.55;max-width:34ch;margin:0 auto} .lt__stage{position:relative;width:100%;aspect-ratio:16/8;border-radius:clamp(24px,3vw,40px);overflow:hidden;background:#08090d;isolation:isolate} @media (max-width:760px){.lt__stage{aspect-ratio:4/5;border-radius:26px}} .lt__stage.busy{cursor:default} .lt__media{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease)} .lt__media.on{opacity:1} .lt__media video,.lt__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .lt__css{position:absolute;inset:0;background:radial-gradient(90% 80%at 50% 4%,#1b2130,#08090d 72%)} .lt__css::before{content:"";position:absolute;left:20%;right:20%;top:16%;height:6px;border-radius:6px;background:linear-gradient(90deg,transparent,var(--glow),transparent);box-shadow:0 0 40px 12px var(--glow-soft),0 90px 150px 50px var(--glow-soft);animation:ltBreath 5s ease-in-out infinite} .lt__scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(8,9,13,.5)0,transparent 22%,transparent 44%,rgba(8,9,13,.82) 100%)} .lt__toprow{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:clamp(16px,2.4vw,28px)} .lt__seg{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:100px;background:rgba(11,13,16,.5);border:1px solid var(--line-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-family:"Inter";font-size:clamp(11px,1.4vw,13px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;white-space:nowrap} .lt__seg i{width:8px;height:8px;border-radius:50%;background:var(--vio);box-shadow:0 0 12px var(--vio-dim)} .lt__gift{display:none;align-items:center;gap:10px;padding:12px 18px;border-radius:100px;color:#14161b;font-size:clamp(12px,1.5vw,15px);font-weight:600;white-space:nowrap;background:linear-gradient(135deg,#f4f6fa,#e2e7f0);box-shadow:0 16px 34px -14px rgba(0,0,0,.6)} .lt__gift.show{display:inline-flex;animation:ltGift 3s ease-in-out infinite} .lt__gift svg{width:18px;height:18px;flex:none;stroke:#7e6ce0;fill:none;stroke-width:2} @media (max-width:560px){.lt__gift span{display:none}} @media (max-width:560px){.lt__gift{padding:12px}} .lt__cap{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:clamp(20px,3vw,40px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap} .lt__capL{min-width:0} .lt__tag{font-family:"Inter";font-size:clamp(12px,1.5vw,14px);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--vio-2);transition:opacity .35s var(--ease),transform .35s var(--ease)} .lt__name{font-family:"Unbounded";font-weight:500;font-size:clamp(26px,4.6vw,52px);line-height:1.05;letter-spacing:-.015em;color:#fff;margin-top:10px;transition:opacity .35s var(--ease),transform .35s var(--ease)} .lt__stage.swap .lt__tag,.lt__stage.swap .lt__name{opacity:0;transform:translateY(12px)} .lt__arrows{display:flex;gap:12px;flex:none} .lt__arr{width:clamp(52px,6vw,64px);height:clamp(52px,6vw,64px);border-radius:50%;display:grid;place-items:center;background:rgba(11,13,16,.5);border:1px solid var(--line-2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;transition:transform .45s var(--spring),background .3s,border-color .3s} .lt__arr:hover{transform:scale(1.06);border-color:var(--glow);background:rgba(169,140,255,.16)} .lt__arr svg{width:clamp(22px,2.6vw,26px);height:clamp(22px,2.6vw,26px);stroke:currentColor;fill:none;stroke-width:2.2} .lt__dots{position:absolute;left:50%;top:clamp(16px,2.4vw,26px);transform:translateX(-50%);z-index:5;display:none;gap:7px} .lt__dots.show{display:flex} .lt__dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3);transition:.3s} .lt__dots i.on{width:22px;border-radius:7px;background:#fff} .lt__rail{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:clamp(20px,3vw,32px)0 6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch} .lt__rail::-webkit-scrollbar{display:none} .lt__act{display:flex;gap:12px;flex-wrap:wrap;margin-top:clamp(22px,3vw,34px)} .lt__more{flex:1 1 240px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:19px 28px;border-radius:100px;font-size:clamp(15px,1.8vw,17px);font-weight:600;color:var(--txt);background:rgba(127,140,160,.08);border:1.5px solid var(--line-2);transition:transform .45s var(--spring),background .3s,border-color .3s} .lt__more:hover{transform:translateY(-2px);background:rgba(169,140,255,.12);border-color:var(--vio-dim)} .lt__more svg{width:19px;height:19px;flex:none;stroke:currentColor;fill:none;stroke-width:2} .lt__go{flex:1 1 240px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:19px 28px;border-radius:100px;font-size:clamp(15px,1.8vw,17px);font-weight:600;color:#14161b;background:var(--vgrad);box-shadow:0 20px 44px -18px rgba(150,120,255,.6);transition:transform .45s var(--spring),box-shadow .4s var(--ease)} .lt__go:hover{transform:translateY(-2px);box-shadow:0 26px 52px -18px rgba(150,120,255,.75)} .lt__go svg{width:19px;height:19px;flex:none;stroke:currentColor;fill:none;stroke-width:2.2} .lt__smart{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,22px);flex-wrap:wrap;margin-top:clamp(30px,4vw,50px);font-family:"Inter";font-size:clamp(12px,1.5vw,14px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-mute)} .lt__smart span{display:inline-flex;align-items:center;gap:9px} .lt__smart svg{width:20px;height:20px;stroke:var(--vio);fill:none;stroke-width:1.8} .lt__smart b{color:var(--txt-dim);font-weight:600} @keyframes ltBreath{50%{box-shadow:0 0 54px 16px var(--glow-soft),0 90px 180px 66px rgba(180,205,240,.26)}} @keyframes ltGift{50%{transform:translateY(-4px)}} /* ══════ .lcat · освещение · категории ══════ */ .lcat{flex:0 0 auto;scroll-snap-align:center;width:clamp(150px,44vw,190px);display:flex;flex-direction:column;gap:14px;padding:20px 18px;border-radius:22px;text-align:left;background:rgba(127,140,160,.05);border:1.5px solid var(--line);transition:transform .5s var(--spring),background .35s,border-color .35s,box-shadow .45s} .lcat:hover{transform:translateY(-4px);border-color:var(--line-2)} .lcat.on{background:rgba(169,140,255,.1);border-color:var(--vio-dim);box-shadow:0 24px 50px -22px rgba(150,120,255,.4)} .lcat__ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(20,24,30,.7);border:1px solid var(--line-2);transition:.35s} .lcat__ic svg{width:26px;height:26px;stroke:var(--txt-dim);fill:none;stroke-width:1.7;transition:stroke .3s} .lcat.on .lcat__ic{background:var(--vgrad);border-color:transparent} .lcat.on .lcat__ic svg{stroke:#14161b} .lcat__nm{font-size:clamp(15px,1.8vw,17px);font-weight:600;color:var(--txt);line-height:1.2} .lcat__hint{font-size:13px;color:var(--txt-mute);line-height:1.4} /* ══════ .lm · освещение · модалка ══════ */ .lm{position:fixed;inset:0;z-index:120;display:none;align-items:flex-end;justify-content:center;padding:0} @media (min-width:760px){.lm{align-items:center;padding:32px}} .lm.open{display:flex} .lm__bg{position:absolute;inset:0;background:rgba(6,7,10,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .4s var(--ease)} .lm.open .lm__bg{opacity:1} .lm__card{position:relative;width:100%;max-width:640px;max-height:92svh;overflow-y:auto;background:linear-gradient(180deg,#15181f,#0d0f14);border:1px solid var(--line-2);border-radius:30px 30px 0 0;box-shadow:0/**/-30px 80px -30px rgba(0,0,0,.8);transform:translateY(40px);opacity:0;transition:transform .5s var(--spring),opacity .4s var(--ease);scrollbar-width:none} @media (min-width:760px){.lm__card{border-radius:30px}} .lm__card::-webkit-scrollbar{display:none} .lm.open .lm__card{transform:none;opacity:1} .lm__grab{width:44px;height:5px;border-radius:5px;background:var(--line-2);margin:12px auto 0} @media (min-width:760px){.lm__grab{display:none}} .lm__hero{position:relative;height:clamp(180px,30vw,240px);overflow:hidden;margin:14px 14px 0;border-radius:20px;background:radial-gradient(90% 80%at 50%0,#1b2130,#08090d 72%)} .lm__hero video,.lm__hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .lm__hero .lt__css{border-radius:20px} .lm__body{padding:22px 22px 26px} .lm__seg{font-family:"Inter";font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--vio-2)} .lm__ttl{font-family:"Unbounded";font-weight:500;font-size:clamp(24px,4vw,32px);line-height:1.08;letter-spacing:-.01em;margin:9px 0 12px;color:#fff} .lm__lead{color:var(--txt-dim);font-size:clamp(15px,1.9vw,17px);line-height:1.6;margin-bottom:20px} .lm__seg-sw{display:none;gap:8px;padding:6px;border-radius:100px;width:max-content;margin-bottom:18px;background:rgba(127,140,160,.08);border:1px solid var(--line)} .lm__seg-sw.show{display:inline-flex} .lm__seg-sw button{padding:11px 20px;border-radius:100px;font-size:14px;font-weight:600;color:var(--txt-dim);transition:.3s} .lm__seg-sw button.on{background:var(--vgrad);color:#14161b} .lm__list{display:grid;gap:12px} .lm__pt{display:flex;align-items:flex-start;gap:14px;padding:16px 17px;border-radius:16px;background:rgba(127,140,160,.06);border:1px solid var(--line)} .lm__pt i{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(169,140,255,.12);border:1px solid var(--vio-dim)} .lm__pt i svg{width:19px;height:19px;stroke:var(--vio-2);fill:none;stroke-width:2} .lm__pt div{min-width:0} .lm__pt b{display:block;font-size:clamp(15px,1.9vw,16px);font-weight:600;color:var(--txt);margin-bottom:3px} .lm__pt span{font-size:14px;color:var(--txt-dim);line-height:1.5} .lm__cta{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:100%;margin-top:22px;padding:19px 28px;border-radius:100px;font-size:17px;font-weight:600;color:#14161b;background:var(--vgrad);box-shadow:0 20px 44px -18px rgba(150,120,255,.6);transition:transform .45s var(--spring)} .lm__cta:hover{transform:translateY(-2px)} .lm__cta svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2.2} .lm__x{position:absolute;top:16px;right:16px;z-index:6;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(11,13,16,.55);border:1px solid var(--line-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;transition:transform .4s var(--spring),background .3s} .lm__x:hover{transform:rotate(90deg);background:rgba(169,140,255,.2)} .lm__x svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.4} /* ══════ .mpx · конфигуратор · оболочка ══════ */ .mpx{--x-bg:#f5f5f7;--x-card:#ffffff;--x-ink:#15151b;--x-ink2:#585866;--x-ink3:#8e8e9d;--x-line:rgba(21,21,32,.09);--x-acc:#7e6ce0;--x-acc2:#b39dff;--x-grad:linear-gradient(115deg,#6a56d6,#a98cff 55%,#7fa8ff);--x-sh:0 34px 80px -34px rgba(40,34,90,.35);--x-sh2:0 16px 40px -18px rgba(40,34,90,.30);--x-ease:cubic-bezier(.22,1,.36,1);--x-fd:"Unbounded",system-ui,sans-serif;--x-fb:"Onest","Inter",system-ui,sans-serif;position:relative;width:100%;padding:clamp(6px,1.5vw,20px)0 0;background:radial-gradient(52% 34%at 14% 4%,rgba(150,130,255,.14),transparent 70%),radial-gradient(46% 30%at 88% 12%,rgba(120,190,255,.12),transparent 70%),radial-gradient(50% 36%at 50% 100%,rgba(190,150,255,.1),transparent 72%),#f5f5f7;color:var(--x-ink);font-family:var(--x-fb);overflow:clip} .mpx *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .mpx [hidden]{display:none!important} .mpx img{user-select:none;-webkit-user-drag:none} .mpx__top{position:relative;z-index:5;display:flex;justify-content:center;padding:clamp(16px,3.4vw,30px) 16px 4px} .mpx__tabs{position:relative;display:inline-flex;padding:6px;border-radius:999px;background:var(--x-card);box-shadow:var(--x-sh2)} .mpx__tabs button{position:relative;z-index:2;appearance:none;border:0;background:0;cursor:pointer;font-family:var(--x-fb);font-weight:600;font-size:15px;color:var(--x-ink2);padding:13px 26px;border-radius:999px;display:inline-flex;align-items:center;gap:9px;transition:color .35s var(--x-ease)} .mpx__tabs button svg{width:17px;height:17px;stroke-width:2} .mpx__tabs button[aria-selected=true]{color:#fff} .mpx__pill{position:absolute;z-index:1;top:6px;bottom:6px;border-radius:999px;background:var(--x-ink);transition:left .5s var(--x-ease),width .5s var(--x-ease)} .mpx__stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:100%} .mpx__nav{position:absolute;left:0;right:0;bottom:clamp(18px,3vw,32px);z-index:30;display:flex;align-items:center;justify-content:center;gap:14px;pointer-events:none} .mpx__nav>*{pointer-events:auto} .mpx__dots{display:flex;align-items:center;gap:8px;padding:13px 17px;border-radius:999px;background:var(--x-card);box-shadow:var(--x-sh2)} .mpx__dots button{appearance:none;border:0;cursor:pointer;padding:0;height:8px;width:8px;border-radius:999px;background:#cfcfda;transition:.45s var(--x-ease)} .mpx__dots button.is-on{width:28px;background:var(--x-ink)} .mpx__dots button[disabled]{cursor:default} @media (max-width:640px){.mpx{border-radius:clamp(20px,5vw,28px)}} @media (max-width:640px){.mpx__top{padding:14px 14px 2px}} @media (max-width:640px){.mpx__tabs{width:min(420px,96%)}} @media (max-width:640px){.mpx__tabs button{flex:1;justify-content:center;padding:13px 10px;font-size:14px}} @media (max-width:640px){.mpx__dots{padding:12px 14px;gap:7px}} @media (max-width:640px){.mpx__nav{bottom:16px}} /* ══════ .scn · конфигуратор · сцена ══════ */ .scn{grid-area:1/1;width:100%;min-width:0;max-width:100%;min-height:clamp(620px,88svh,880px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.8vw,16px);padding:clamp(16px,3vw,40px) clamp(14px,4vw,40px) 136px;opacity:0;visibility:hidden;pointer-events:none} .scn.is-on{opacity:1;visibility:visible;pointer-events:auto} .scn:not(.is-on){min-height:0;height:0;padding:0;overflow:hidden} .scn__eyebrow{font-size:13px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--x-acc)} .scn__title{font-family:var(--x-fd);font-weight:500;text-align:center;margin:0;font-size:clamp(27px,6vw,54px);line-height:1.06;letter-spacing:-.02em;background:var(--x-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .scn__sub{margin:0;text-align:center;font-size:clamp(15.5px,2vw,18px);line-height:1.55;color:var(--x-ink2);max-width:52ch} .scn--lux{background:radial-gradient(130% 90%at 50%0,#1b1826 0,#0b0b10 62%)} .scn--lux .scn__eyebrow{color:var(--x-acc2)} .scn--lux .scn__title{background:linear-gradient(115deg,#fff,#cfc0ff 60%,#9fbcff);-webkit-background-clip:text;background-clip:text} .scn--lux .scn__sub{color:rgba(255,255,255,.62)} @media (max-width:640px){.scn{min-height:calc(100svh - 92px);height:auto;padding:14px 14px 122px;gap:10px;justify-content:flex-start;padding-top:22px}} /* ══════ .fab · конфигуратор · кнопки шагов ══════ */ .fab{appearance:none;border:0;cursor:pointer;border-radius:50%;display:grid;place-items:center;transition:.3s var(--x-ease)} .fab svg{width:22px;height:22px;stroke-width:2.2;fill:none;stroke:currentColor} .fab--back{width:56px;height:56px;background:var(--x-card);color:var(--x-ink);box-shadow:var(--x-sh2)} .fab--back:hover{transform:translateY(-2px)} .fab--next{width:66px;height:66px;background:var(--x-grad);color:#fff;box-shadow:0 20px 44px -14px rgba(110,90,220,.6)} .fab--next:hover{transform:translateY(-3px) scale(1.03)} .fab--next:active{transform:scale(.96)} .fab[disabled]{opacity:.35;pointer-events:none;filter:grayscale(.4)} @media (max-width:640px){.fab--back{width:52px;height:52px}} @media (max-width:640px){.fab--next{width:60px;height:60px}} /* ══════ .ph · конфигуратор · фон ══════ */ .ph{position:absolute;inset:0;z-index:0;background:radial-gradient(90% 60%at 30% 20%,hsl(var(--h,258) 45% 90%),transparent 70%),linear-gradient(155deg,hsl(var(--h,258) 30% 86%),hsl(calc(var(--h,258) + 26) 26% 72%) 60%,hsl(calc(var(--h,258) - 18) 30% 80%))} .ph::after{content:"";position:absolute;inset:0;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")} .ph--dark{background:radial-gradient(90% 60%at 30% 15%,#232030,transparent 70%),linear-gradient(160deg,#191722,#0d0d13 60%,#15131d)} /* ══════ .rms · комнаты · лента ══════ */ .rms__wrap{width:100%;min-width:0;max-width:100%;margin-top:clamp(4px,1.2vw,12px)} .rms{display:flex;gap:clamp(14px,2vw,22px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:16px clamp(18px,4vw,48px) 24px;cursor:grab} .rms::-webkit-scrollbar{display:none} .rms.is-drag{cursor:grabbing;scroll-snap-type:none} .rms>.rmc:first-child{margin-left:auto} .rms>.rmc:last-child{margin-right:auto} .rms__bar{width:min(1160px,92%);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap} .rms__meta{background:var(--x-card);border-radius:999px;box-shadow:var(--x-sh2);padding:14px 22px;font-size:15px;color:var(--x-ink2)} .rms__meta b{color:var(--x-ink);font-weight:600} .rms__arr{display:none;gap:10px} .rms__arr button{appearance:none;border:0;cursor:pointer;width:48px;height:48px;border-radius:50%;background:var(--x-card);box-shadow:var(--x-sh2);color:var(--x-ink);display:grid;place-items:center;transition:.3s var(--x-ease)} .rms__arr button:hover{transform:translateY(-2px)} .rms__arr svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.2;fill:none} @media (min-width:900px){.rms__arr{display:flex}} @media (max-width:640px){.rms{padding:12px 6vw 20px}} /* ══════ .rmc · комнаты · карточка ══════ */ .rmc{position:relative;flex:0 0 clamp(206px,56vw,296px);aspect-ratio:3/4.3;border-radius:28px;overflow:hidden;scroll-snap-align:center;cursor:pointer;box-shadow:var(--x-sh2);transition:transform .5s var(--x-ease),box-shadow .5s var(--x-ease)} .rmc:hover{transform:translateY(-6px)} .rmc img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;filter:brightness(.92);transform:scale(1.001);transition:transform .9s var(--x-ease),filter .5s var(--x-ease)} .rmc:hover img{transform:scale(1.09);filter:brightness(1.02)} .rmc.is-sel img{filter:brightness(1)} .rmc__shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(10,10,16,.06) 30%,rgba(10,10,16,.62) 100%)} .rmc__name{position:absolute;z-index:3;left:20px;bottom:44px;color:#fff;font-family:var(--x-fd);font-weight:500;font-size:clamp(18px,2.6vw,22px);letter-spacing:-.01em} .rmc__area{position:absolute;z-index:3;left:20px;bottom:20px;color:rgba(255,255,255,.88);font-size:14.5px;font-weight:600} .rmc__chk{position:absolute;z-index:3;top:16px;right:16px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.28);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.55);transition:.35s var(--x-ease)} .rmc__chk svg{width:20px;height:20px;stroke:#fff;stroke-width:2.6;fill:none;opacity:0;transform:scale(.5);transition:.3s var(--x-ease)} .rmc.is-sel{box-shadow:0 0 0 3px var(--x-acc),var(--x-sh)} .rmc.is-sel .rmc__chk{background:var(--x-grad);border-color:transparent} .rmc.is-sel .rmc__chk svg{opacity:1;transform:scale(1)} @media (max-width:640px){.rmc{flex-basis:clamp(208px,58vw,280px)}} /* ══════ .ar · аргументы ══════ */ .ar{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.2vw,20px);width:100%} .ar__tabs{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;max-width:min(780px,94vw)} .ar__tabs button{appearance:none;border:0;cursor:pointer;font-family:var(--x-fb);font-weight:600;font-size:15px;color:var(--x-ink2);padding:13px 18px;border-radius:999px;background:var(--x-card);box-shadow:var(--x-sh2);transition:.3s var(--x-ease);display:inline-flex;align-items:center;gap:8px} .ar__tabs button b{font-weight:600;color:var(--x-acc)} .ar__tabs button.is-on{background:var(--x-ink);color:#fff} .ar__tabs button.is-on b{color:var(--x-acc2)} .ar__cur{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:2px} .ar__cur i{font-style:normal;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--x-ink3)} .ar__cur b{font-family:var(--x-fd);font-weight:500;font-size:clamp(20px,3.4vw,27px);color:var(--x-ink);letter-spacing:-.01em} .ar__big{display:flex;align-items:center;gap:clamp(14px,5vw,40px)} .ar__btn{appearance:none;border:0;cursor:pointer;border-radius:50%;width:clamp(56px,14vw,76px);height:clamp(56px,14vw,76px);background:var(--x-card);box-shadow:var(--x-sh2);color:var(--x-ink);display:grid;place-items:center;transition:.25s var(--x-ease)} .ar__btn:hover{transform:scale(1.07)} .ar__btn:active{transform:scale(.93)} .ar__btn svg{width:26px;height:26px;stroke:currentColor;stroke-width:2.4;fill:none} .ar__num{display:flex;align-items:baseline;gap:8px;line-height:.95} .ar__num b,.ar__num input{font-family:var(--x-fd);font-weight:500;letter-spacing:-.03em;font-size:clamp(76px,20vw,150px);background:var(--x-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .ar__num input{appearance:none;-webkit-appearance:none;border:0;outline:0;padding:0;margin:0;width:1.6ch;min-width:1ch;text-align:center;line-height:.95;cursor:text;caret-color:var(--x-acc);-webkit-text-fill-color:transparent} .ar__num input:focus{filter:drop-shadow(0 10px 28px rgba(126,108,224,.35))} .ar__num span{font-family:var(--x-fd);font-weight:500;font-size:clamp(19px,4.4vw,30px);color:var(--x-ink3)} .ar__note{margin:0;font-size:14.5px;font-weight:600;color:var(--x-ink3)} .ar__total{background:var(--x-card);border-radius:999px;box-shadow:var(--x-sh2);padding:15px 26px;font-size:16px;font-weight:600;color:var(--x-ink)} .ar__total i{font-style:normal;color:var(--x-ink3);font-weight:600;margin-right:8px} @media (max-width:640px){.ar__num b,.ar__num input{font-size:clamp(72px,20vw,120px)}} @media (max-width:640px){.ar__tabs button{padding:12px 14px;font-size:14.5px}} /* ══════ .rng · ползунок ══════ */ .rng{-webkit-appearance:none;appearance:none;width:min(440px,86vw);height:6px;border-radius:99px;background:#e0e0ea;outline:0;cursor:pointer} .rng::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--x-grad);cursor:pointer;box-shadow:0 8px 20px -6px rgba(110,90,220,.65),0 0 0 5px rgba(126,108,224,.14);transition:transform .2s} .rng::-webkit-slider-thumb:active{transform:scale(1.15)} .rng::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:var(--x-grad);cursor:pointer;box-shadow:0 8px 20px -6px rgba(110,90,220,.65)} /* ══════ .fb · бренды полотна ══════ */ .fb{display:grid;grid-template-columns:minmax(280px,380px) minmax(300px,420px);gap:clamp(20px,3.4vw,44px);align-items:center;justify-content:center;width:min(1020px,94%);margin-top:clamp(4px,1.2vw,12px)} .fb__side{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(10px,1.6vw,15px);min-width:0} .fb__frame{position:relative;width:100%;aspect-ratio:3/4;border-radius:30px;overflow:hidden;box-shadow:var(--x-sh)} .fb__frame img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .7s var(--x-ease),transform 1.3s var(--x-ease)} .fb__frame img.is-on{opacity:1;transform:scale(1)} .fb__kind{font-size:13.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--x-ink3)} .fb__name{font-family:var(--x-fd);font-weight:500;text-align:left;margin:0;font-size:clamp(28px,4.4vw,44px);line-height:1.06;letter-spacing:-.02em;background:var(--x-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .fb__desc{margin:0;text-align:left;font-size:clamp(15px,1.9vw,17px);color:var(--x-ink2);max-width:42ch;line-height:1.5} .fb__pill{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(10px,2.2vw,20px);width:100%;padding:15px 20px 13px;border-radius:28px;background:var(--x-card);box-shadow:var(--x-sh)} .fb__brands{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%} .fb__brands button{appearance:none;cursor:pointer;border-radius:18px;padding:12px 18px;background:var(--x-card);border:1.5px solid var(--x-line);text-align:left;transition:.3s var(--x-ease);font-family:var(--x-fb)} .fb__brands button b{display:block;font-size:16px;font-weight:600;color:var(--x-ink)} .fb__brands button span{font-size:13.5px;color:var(--x-ink3);font-weight:600} .fb__brands button.is-on{background:var(--x-ink);border-color:var(--x-ink)} .fb__brands button.is-on b{color:#fff} .fb__brands button.is-on span{color:rgba(255,255,255,.65)} @media (max-width:820px){.fb,.lx{grid-template-columns:1fr;justify-items:center;gap:clamp(14px,3vw,22px)}} @media (max-width:820px){.fb__frame,.lx__frame{width:min(420px,86vw)}} @media (max-width:820px){.fb__side,.lx__side{width:min(470px,100%)}} @media (max-width:820px){.fb__name{text-align:center;align-self:center}} @media (max-width:820px){.fb__kind{align-self:center}} @media (max-width:820px){.fb__desc,.lx__sub{text-align:center}} @media (max-width:640px){.fb__frame{width:auto;height:min(34svh,340px);aspect-ratio:3/4}} @media (max-width:640px){.fb__pill{padding:13px 14px 11px;gap:8px}} @media (max-width:640px){.fb__brands{gap:9px}} @media (max-width:640px){.fb__brands button{padding:11px 14px}} @media (max-width:380px){.fb__pill{gap:10px}} /* ══════ .swx · конфигуратор · свотч ══════ */ .swx{display:flex;flex-direction:column;align-items:center;gap:8px;appearance:none;background:0;border:0;cursor:pointer;padding:0} .swx i{display:block;width:clamp(46px,10vw,54px);aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(20,20,30,.12),inset 0/**/-6px 12px rgba(0,0,0,.1);transition:.3s var(--x-ease)} .swx:hover i{transform:scale(1.1)} .swx span{font-size:13.5px;font-weight:600;color:var(--x-ink2);transition:color .3s} .swx.is-on i{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--x-acc),inset 0/**/-6px 12px rgba(0,0,0,.1)} .swx.is-on span{color:var(--x-ink)} @media (max-width:380px){.swx i{width:42px}} /* ══════ .xp · конфигуратор · сцена ══════ */ .xp{display:flex;gap:clamp(10px,1.6vw,16px);width:min(1120px,94%);height:clamp(420px,56vh,560px);margin-top:clamp(6px,1.4vw,14px)} @media (max-width:760px){.xp{flex-direction:column;height:auto;width:min(470px,100%);gap:10px}} /* ══════ .xpp · конфигуратор · превью ══════ */ .xpp{position:relative;flex:1;border-radius:26px;overflow:hidden;cursor:pointer;box-shadow:var(--x-sh2);transition:flex .65s var(--x-ease)} .xpp.is-on{flex:2.7} .xpp img,.xpp video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;filter:brightness(.9)} .xpp__shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(10,10,16,.08) 30%,rgba(10,10,16,.7) 100%)} .xpp__ico{position:absolute;z-index:3;top:16px;left:16px;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.22);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4)} .xpp__ico svg{width:28px;height:28px;stroke:#fff;stroke-width:1.7;fill:none} .xpp__chk{position:absolute;z-index:3;top:16px;right:16px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--x-grad);opacity:0;transform:scale(.5);transition:.35s var(--x-ease)} .xpp.is-on .xpp__chk{opacity:1;transform:scale(1)} .xpp__chk svg{width:19px;height:19px;stroke:#fff;stroke-width:2.6;fill:none} .xpp__cap{position:absolute;z-index:3;left:20px;right:20px;bottom:18px;color:#fff} .xpp__cap h4{font-family:var(--x-fd);font-weight:500;margin:0;font-size:clamp(17px,2.2vw,22px);letter-spacing:-.01em;white-space:nowrap} .xpp__cap p{margin:8px 0 0;font-size:15px;line-height:1.45;color:rgba(255,255,255,.88);opacity:0;transform:translateY(8px);transition:.45s var(--x-ease) .15s;max-width:38ch} .xpp.is-on .xpp__cap p{opacity:1;transform:translateY(0)} @media (max-width:760px){.xpp{flex:none;height:96px;border-radius:20px;transition:height .55s var(--x-ease),box-shadow .4s var(--x-ease)}} @media (max-width:760px){.xpp.is-on{flex:none;height:min(46svh,320px);box-shadow:var(--x-sh)}} @media (max-width:760px){.xpp img,.xpp video{object-position:center 38%}} @media (max-width:760px){.xpp__shade{background:linear-gradient(90deg,rgba(10,10,16,.78),rgba(10,10,16,.35) 62%,rgba(10,10,16,.12))}} @media (max-width:760px){.xpp.is-on .xpp__shade{background:linear-gradient(180deg,rgba(10,10,16,.12) 30%,rgba(10,10,16,.72) 100%)}} @media (max-width:760px){.xpp__ico{top:50%;left:16px;transform:translateY(-50%);width:48px;height:48px;transition:top .45s var(--x-ease),transform .45s var(--x-ease)}} @media (max-width:760px){.xpp.is-on .xpp__ico{top:16px;transform:none}} @media (max-width:760px){.xpp__chk{top:50%;right:16px;transform:translateY(-50%) scale(.5)}} @media (max-width:760px){.xpp.is-on .xpp__chk{top:16px;transform:none;opacity:1}} @media (max-width:760px){.xpp__cap{left:78px;right:64px;bottom:auto;top:50%;transform:translateY(-50%);transition:top .45s var(--x-ease),left .45s var(--x-ease),transform .45s var(--x-ease)}} @media (max-width:760px){.xpp.is-on .xpp__cap{top:auto;bottom:18px;left:20px;right:20px;transform:none}} @media (max-width:760px){.xpp__cap h4{white-space:normal;font-size:19px}} @media (max-width:760px){.xpp__cap p{font-size:14.5px}} /* ══════ .lx · освещение · сцена ══════ */ .lx{display:grid;grid-template-columns:minmax(280px,380px) minmax(280px,400px);gap:clamp(20px,3.4vw,44px);align-items:center;justify-content:center;width:min(1000px,94%);margin-top:clamp(4px,1.2vw,12px)} .lx__side{display:flex;flex-direction:column;gap:clamp(12px,1.8vw,18px);min-width:0} .lx__sub{text-align:left;margin:0} .lx__frame{position:relative;width:100%;aspect-ratio:3/4;border-radius:30px;overflow:hidden;box-shadow:0 46px 100px -34px rgba(0,0,0,.85)} .lx__frame img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);filter:brightness(.88);transition:opacity .7s var(--x-ease),transform 1.3s var(--x-ease)} .lx__frame img.is-on{opacity:1;transform:scale(1)} .lx__frame::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(8,8,12,.12),transparent 35%,rgba(8,8,12,.28))} .lx__chips{display:grid;gap:11px;width:100%;margin-top:0} .lx__chips button{appearance:none;cursor:pointer;border-radius:20px;padding:15px 20px;width:100%;text-align:left;justify-content:flex-start;font-family:var(--x-fb);font-weight:600;font-size:15px;color:#ece9f6;background:rgba(255,255,255,.08);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);display:inline-flex;align-items:center;gap:10px;transition:.3s var(--x-ease)} .lx__chips button svg{width:20px;height:20px;stroke:var(--x-acc2);stroke-width:1.9;fill:none} .lx__chips button:hover{background:rgba(255,255,255,.14)} .lx__chips button.is-on{background:#fff;color:var(--x-ink);border-color:#fff} .lx__chips button.is-on svg{stroke:var(--x-acc)} @media (max-width:640px){.lx__frame{width:auto;height:min(34svh,340px);aspect-ratio:3/4}} @media (max-width:640px){.lx__chips button{padding:13px 16px;font-size:14.5px}} /* ══════ .cn · конфигуратор · кадр ══════ */ .cn{display:grid;grid-template-columns:minmax(300px,420px) minmax(300px,430px);gap:clamp(20px,3.6vw,44px);align-items:center;justify-content:center;width:min(1020px,94%);margin-top:clamp(4px,1.2vw,12px)} .cn__frame{position:relative;width:100%;aspect-ratio:3/4;border-radius:30px;overflow:hidden;box-shadow:var(--x-sh)} .cn__frame img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .7s var(--x-ease),transform 1.3s var(--x-ease)} .cn__frame img.is-on{opacity:1;transform:scale(1)} .cn__rows{display:flex;flex-direction:column;gap:12px} @media (max-width:820px){.cn{grid-template-columns:1fr;justify-items:center}} @media (max-width:820px){.cn__frame{max-width:min(420px,86vw)}} @media (max-width:820px){.cn__rows{width:min(470px,100%)}} @media (max-width:640px){.cn{gap:14px}} @media (max-width:640px){.cn__frame{width:auto;height:min(30svh,300px);aspect-ratio:3/4}} @media (max-width:640px){.cn__rows{gap:9px}} /* ══════ .cnr · конфигуратор · строка ══════ */ .cnr{display:flex;align-items:center;gap:16px;text-align:left;cursor:pointer;appearance:none;font-family:var(--x-fb);background:var(--x-card);border:2px solid transparent;border-radius:22px;padding:clamp(15px,2vw,19px);box-shadow:var(--x-sh2);transition:.3s var(--x-ease)} .cnr:hover{transform:translateY(-3px)} .cnr.is-on{border-color:var(--x-acc)} .cnr__ico{flex:none;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#f1effb} .cnr__ico svg{width:30px;height:30px;stroke:var(--x-acc);stroke-width:1.8;fill:none} .cnr__tx{flex:1;min-width:0} .cnr__tx b{display:block;font-size:17px;font-weight:600;color:var(--x-ink);margin-bottom:3px} .cnr__tx span{font-size:15px;line-height:1.4;color:var(--x-ink2)} .cnr__dot{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid #d5d5e0;display:grid;place-items:center;transition:.3s var(--x-ease)} .cnr__dot svg{width:15px;height:15px;stroke:#fff;stroke-width:3;fill:none;opacity:0;transform:scale(.5);transition:.25s var(--x-ease)} .cnr.is-on .cnr__dot{border-color:transparent;background:var(--x-grad)} .cnr.is-on .cnr__dot svg{opacity:1;transform:scale(1)} @media (max-width:640px){.cnr{padding:12px}} @media (max-width:640px){.cnr__ico{width:44px;height:44px}} @media (max-width:640px){.cnr__ico svg{width:24px;height:24px}} @media (max-width:640px){.cnr__tx b{font-size:16px}} @media (max-width:640px){.cnr__tx span{font-size:14px;line-height:1.35}} /* ══════ .fn · фишка ══════ */ .fn{display:flex;flex-direction:column;align-items:center;gap:clamp(11px,1.8vw,17px);width:100%} .fn__price{display:flex;align-items:baseline;gap:10px;line-height:.95} .fn__price b{font-family:var(--x-fd);font-weight:500;letter-spacing:-.03em;font-size:clamp(52px,12vw,98px);background:var(--x-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .fn__price span{font-family:var(--x-fd);font-weight:500;font-size:clamp(18px,4vw,27px);color:var(--x-ink3)} .fn__cap{font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--x-ink3)} .fn__spec{width:min(560px,92vw);background:var(--x-card);border-radius:26px;box-shadow:var(--x-sh2);padding:2px clamp(18px,3vw,26px)} .fn__spec summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:16px 0;font-size:15.5px;font-weight:600;color:var(--x-ink)} .fn__spec summary::-webkit-details-marker{display:none} .fn__spec summary svg{width:20px;height:20px;flex:none;stroke:var(--x-ink3);stroke-width:2.2;fill:none;transition:transform .35s var(--x-ease)} .fn__spec[open] summary svg{transform:rotate(180deg)} .fn__spec-b{padding-bottom:8px} .fn__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--x-line)} .fn__row:last-child{border-bottom:0} .fn__row small{font-size:14px;color:var(--x-ink3);font-weight:600} .fn__row b{font-size:15px;font-weight:600;text-align:right;color:var(--x-ink)} .fn__form{width:min(460px,92vw);display:flex;flex-direction:column;gap:11px;margin-top:4px} .fn__form h3,.fn__form h4{font-family:var(--x-fd);font-weight:500;font-size:clamp(19px,3vw,23px);margin:0;text-align:center;letter-spacing:-.01em} .fn__form>p{margin:0 0 4px;text-align:center;font-size:15px;color:var(--x-ink2);line-height:1.5} .fn__form input{width:100%;font-family:var(--x-fb);font-size:16px;color:var(--x-ink);background:var(--x-card);border:1.5px solid var(--x-line);border-radius:18px;padding:17px 20px;outline:0;transition:.25s var(--x-ease);box-shadow:var(--x-sh2)} .fn__form input::placeholder{color:var(--x-ink3)} .fn__form input:focus{border-color:var(--x-acc);box-shadow:0 0 0 4px rgba(126,108,224,.15)} .fn__note{margin:2px 0 0;text-align:center;font-size:13px;color:var(--x-ink3);line-height:1.5} .fn__done{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:16px 0} .fn__done svg{width:64px;height:64px;stroke:#3fbf8f;stroke-width:1.7;fill:none} .fn__done h3,.fn__done h4{font-family:var(--x-fd);font-weight:500;font-size:23px;margin:0} .fn__done p{margin:0;font-size:15px;color:var(--x-ink2);max-width:32ch;line-height:1.5} @media (max-width:640px){.fn__spec{padding:2px 16px}} @media (max-width:640px){.fn__row{padding:11px 0}} /* ══════ .xbtn · конфигуратор · кнопка ══════ */ .xbtn{appearance:none;border:0;cursor:pointer;border-radius:999px;font-family:var(--x-fb);font-weight:600;font-size:16px;color:#fff;background:var(--x-grad);padding:18px 30px;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 20px 44px -14px rgba(110,90,220,.6);transition:.3s var(--x-ease)} .xbtn:hover{transform:translateY(-2px)} .xbtn:active{transform:scale(.97)} .xbtn svg{width:19px;height:19px;stroke:currentColor;stroke-width:2.4;fill:none} /* ══════ .clc · конфигуратор · калькулятор ══════ */ .clc{width:100%;min-height:clamp(600px,84svh,840px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(13px,2vw,19px);padding:clamp(16px,3vw,40px) clamp(14px,4vw,40px) clamp(36px,6vw,60px)} .clc__fields{width:min(620px,94%);display:flex;flex-direction:column;gap:clamp(17px,2.8vw,25px);margin-top:4px} .clc__f>label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;color:var(--x-ink2);margin-bottom:12px} .clc__f>label b{font-family:var(--x-fd);font-weight:500;font-size:17px;color:var(--x-ink)} .clc__cta{width:min(460px,94%);display:flex;flex-direction:column;gap:10px;margin-top:6px} .clc__cta p{margin:0;text-align:center;font-size:13.5px;color:var(--x-ink3)} @media (max-width:640px){.clc{min-height:calc(100svh - 92px);padding:14px 14px 36px}} /* ══════ .seg · конфигуратор · сегменты ══════ */ .seg{display:flex;flex-wrap:wrap;gap:9px} .seg button{appearance:none;cursor:pointer;font-family:var(--x-fb);font-weight:600;font-size:15px;color:var(--x-ink2);padding:13px 17px;border-radius:16px;background:var(--x-card);border:1.5px solid var(--x-line);display:inline-flex;align-items:center;gap:9px;transition:.25s var(--x-ease)} .seg button:hover{transform:translateY(-2px)} .seg button.is-on{background:var(--x-ink);border-color:var(--x-ink);color:#fff} @media (max-width:640px){.seg button{padding:12px 14px;font-size:14.5px}} /* ══════ .wx · примеры работ ══════ */ .wx{position:relative;overflow:hidden;background:radial-gradient(1100px 560px at 84% -12%,var(--glow-soft,rgba(180,205,240,.18)),transparent 62%),radial-gradient(760px 480px at -12% 112%,rgba(180,205,240,.07),transparent 60%),#0b0d10;color:var(--txt,#EAEEF3);font-family:"Onest",system-ui,sans-serif;padding:clamp(72px,9vw,120px) clamp(18px,4vw,56px)} .wx *,.wx ::before,.wx ::after{box-sizing:border-box} .wx [hidden]{display:none!important} .wx button{font:inherit;color:inherit;background:0 0;border:0;cursor:pointer;padding:0} .wx :focus-visible{outline:2px solid var(--glow,rgba(210,225,245,.55));outline-offset:3px;border-radius:10px} .wx__wrap{max-width:var(--maxw,1200px);margin:0 auto} .wx .pre{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease,ease),transform .7s var(--ease,ease)} .wx.lit .pre{opacity:1;transform:none} .wx.lit .pre.d1{transition-delay:.08s} .wx.lit .pre.d2{transition-delay:.18s} .wx__head{max-width:780px;margin-bottom:clamp(28px,4vw,50px)} .wx__kicker{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;font-family:"Inter",sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--txt-dim,#A7B0BD)} .wx__kicker::before{content:"";width:34px;height:1px;background:var(--glow,rgba(210,225,245,.55))} .wx__title{margin:0;font-family:"Unbounded",sans-serif;font-weight:300;font-size:clamp(30px,4.6vw,50px);line-height:1.08;letter-spacing:-.01em} .wx__title b{font-weight:500;color:transparent;background:linear-gradient(120deg,#fff,rgba(210,225,245,.75));-webkit-background-clip:text;background-clip:text} .wx__sub{margin:18px 0 0;max-width:600px;font-size:16px;line-height:1.6;color:var(--txt-dim,#A7B0BD)} .wx__stage{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,3vw,44px);align-items:start} .wx__frame{position:relative;aspect-ratio:9/16;height:clamp(520px,66vh,680px);border-radius:var(--r-lg,30px);overflow:hidden;isolation:isolate;background:#0e1116;border:1px solid var(--line-2,rgba(255,255,255,.14));box-shadow:0 46px 100px -40px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.08);touch-action:pan-y;user-select:none;-webkit-user-select:none} .wx__lay{position:absolute;inset:0;opacity:0;transition:opacity .45s ease} .wx__lay.is-on{opacity:1} .wx__lay img,.wx__lay video{width:100%;height:100%;object-fit:cover;display:block} .wx__lay.is-zoom img{animation:wxZoom 9s ease-out forwards} .wx__lay.wx-noimg{background:linear-gradient(150deg,#151b25,#0d1016 60%,#141019)} .wx__frame::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(8,10,14,.62),transparent 15%),linear-gradient(to top,rgba(8,10,14,.5),transparent 22%)} .wx__segs{position:absolute;z-index:4;left:14px;right:14px;top:14px;display:flex;gap:6px} .wx__seg{flex:1;height:5px;border-radius:99px;background:rgba(255,255,255,.24);overflow:hidden} .wx__seg i{display:block;height:100%;width:0;border-radius:99px;background:#fff} .wx__seg.is-done i{width:100%} .wx__seg.is-live i{width:100%} .wx__seg.is-live.is-vid i{width:var(--p,0%)} .wx__vbadge{position:absolute;z-index:4;right:14px;top:32px;display:none;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:var(--glass,rgba(20,24,30,.55));backdrop-filter:blur(12px);border:1px solid var(--line-2,rgba(255,255,255,.14));font-family:"Inter",sans-serif;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase} .wx__vbadge.is-on{display:inline-flex} .wx__vbadge::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff4d4d;animation:wxRec 1.4s ease-in-out infinite} .wx__mute{position:absolute;z-index:5;right:14px;bottom:14px;width:52px;height:52px;border-radius:50%;display:none;align-items:center;justify-content:center;background:var(--glass,rgba(20,24,30,.55));backdrop-filter:blur(12px);border:1px solid var(--line-2,rgba(255,255,255,.14));transition:transform .2s var(--ease,ease)} .wx__mute.is-on{display:flex} .wx__mute:hover{transform:scale(1.06)} .wx__mute svg{width:22px;height:22px;fill:var(--txt,#EAEEF3)} .wx__mute .m-off{display:none} .wx__mute.is-muted .m-on{display:none} .wx__mute.is-muted .m-off{display:block} .wx__nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass,rgba(20,24,30,.55));backdrop-filter:blur(12px);border:1px solid var(--line-2,rgba(255,255,255,.14));transition:transform .2s var(--ease,ease),background .2s ease} .wx__nav:hover{background:rgba(210,225,245,.2);transform:translateY(-50%) scale(1.06)} .wx__nav svg{width:20px;height:20px;fill:var(--txt,#EAEEF3)} .wx__nav--prev{left:14px} .wx__nav--next{right:14px} .wx__gest{margin:14px 0 0;text-align:center;font-family:"Inter",sans-serif;font-size:13.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-mute,#6B7480)} .wx__gest b{color:var(--txt-dim,#A7B0BD)} .wx__side{display:flex;flex-direction:column;gap:20px;min-width:0} .wx__num{font-family:"Inter",sans-serif;font-size:15px;font-weight:600;letter-spacing:.2em;color:var(--txt-mute,#6B7480)} .wx__num b{color:var(--txt,#EAEEF3);font-size:22px;letter-spacing:.08em} .wx__name{margin:0;font-family:"Unbounded",sans-serif;font-weight:500;font-size:clamp(24px,2.8vw,34px);line-height:1.16;letter-spacing:-.01em} .wx__where{margin:0;font-size:17px;font-weight:600;color:var(--txt-dim,#A7B0BD)} .wx__where b{color:var(--txt,#EAEEF3)} .wx__brief{margin:0;font-size:16.5px;line-height:1.6;color:var(--txt-dim,#A7B0BD);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .wx__price{font-family:"Unbounded",sans-serif;font-weight:500;font-size:clamp(26px,3vw,36px);line-height:1} .wx__price small{display:block;margin-top:8px;font-family:"Inter",sans-serif;font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-mute,#6B7480)} .wx__acts{display:flex;gap:14px;flex-wrap:wrap} .wx__btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:56px;padding:0 26px;border-radius:999px;text-decoration:none;font-family:"Onest",sans-serif;font-weight:700;font-size:16.5px;transition:transform .2s var(--ease,ease),box-shadow .2s ease,background .2s ease} .wx__btn svg{width:18px;height:18px;fill:currentColor} .wx__btn--main{color:#0b0d10;background:linear-gradient(120deg,#fff,#cfe0f4);box-shadow:0 18px 44px -14px rgba(210,225,245,.45)} .wx__btn--main:hover{transform:translateY(-2px);box-shadow:0 24px 52px -14px rgba(210,225,245,.6)} .wx__btn--ghost{color:var(--txt,#EAEEF3);background:var(--glass,rgba(20,24,30,.55));border:1px solid var(--line-2,rgba(255,255,255,.14));backdrop-filter:blur(12px)} .wx__btn--ghost:hover{background:rgba(210,225,245,.14)} .wx__panel{display:flex;flex-direction:column;gap:20px;min-width:0} .wx__listwrap{margin-top:6px;border-top:1px solid var(--line,rgba(255,255,255,.08));padding-top:8px} .wx__list{display:flex;flex-direction:column} .wx__item{border-bottom:1px solid var(--line,rgba(255,255,255,.08))} .wx__row{width:100%;display:flex;align-items:center;gap:18px;min-height:66px;padding:10px 8px;text-align:left;border-radius:12px;transition:background .2s ease} .wx__row:hover{background:rgba(210,225,245,.06)} .wx__row-num{flex-shrink:0;width:44px;font-family:"Inter",sans-serif;font-size:15px;font-weight:600;letter-spacing:.08em;color:var(--txt-mute,#6B7480)} .wx__row-txt{min-width:0;flex:1} .wx__row-txt b{display:block;font-size:18px;font-weight:700;line-height:1.3;color:var(--txt,#EAEEF3)} .wx__row-txt span{display:block;margin-top:3px;font-size:14.5px;color:var(--txt-mute,#6B7480)} .wx__row-go{flex-shrink:0;width:34px;height:34px;opacity:0;transition:opacity .2s ease,transform .35s var(--ease,ease);display:flex;align-items:center;justify-content:center} .wx__row-go svg{width:18px;height:18px;fill:var(--txt-dim,#A7B0BD)} .wx__row:hover .wx__row-go{opacity:1} .wx__row.is-active{background:rgba(210,225,245,.09)} .wx__row.is-active .wx__row-num{color:var(--txt,#EAEEF3)} .wx__row.is-active .wx__row-txt b{color:transparent;background:linear-gradient(120deg,#fff,rgba(210,225,245,.8));-webkit-background-clip:text;background-clip:text} .wx__list.is-cut .wx__item:nth-child(n/**/+5){display:none} .wx__list.is-cut .wx__item.is-open{display:block} .wx__acc{height:0;overflow:hidden;transition:height .6s var(--ease,ease)} .wx__accin{padding:2px 2px 24px} .wx__all{margin-top:12px;width:100%;min-height:56px;border-radius:var(--r-sm,14px);font-family:"Inter",sans-serif;font-size:14.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-dim,#A7B0BD);background:var(--glass,rgba(20,24,30,.55));border:1px solid var(--line,rgba(255,255,255,.08));transition:background .2s ease,color .2s ease} .wx__all:hover{background:rgba(210,225,245,.1);color:var(--txt,#EAEEF3)} .wx__modal{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;background:rgba(6,8,11,.7);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s ease} .wx__modal.is-open{opacity:1;pointer-events:auto} .wx__sheet{width:min(720px,100%);max-height:88vh;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--r-lg,30px) var(--r-lg,30px)0 0;background:linear-gradient(180deg,#171b22,#101318);border:1px solid var(--line-2,rgba(255,255,255,.14));border-bottom:0;padding:clamp(22px,3.4vw,36px);transform:translateY(40px);transition:transform .35s var(--ease,ease);-webkit-overflow-scrolling:touch} .wx__modal.is-open .wx__sheet{transform:none} .wx__m-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px} .wx__m-name{margin:0;font-family:"Unbounded",sans-serif;font-weight:500;font-size:clamp(24px,3vw,30px);line-height:1.18} .wx__close{flex-shrink:0;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass,rgba(20,24,30,.55));border:1px solid var(--line-2,rgba(255,255,255,.14));transition:background .2s ease,transform .2s var(--ease,ease)} .wx__close:hover{background:rgba(210,225,245,.16);transform:rotate(90deg)} .wx__close svg{width:20px;height:20px;fill:var(--txt,#EAEEF3)} .wx__m-where{margin:0 0 20px;font-size:17px;font-weight:600;color:var(--txt-dim,#A7B0BD)} .wx__m-desc{margin:0 0 24px;font-size:16.5px;line-height:1.7;color:var(--txt-dim,#A7B0BD)} .wx__m-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line,rgba(255,255,255,.08));border:1px solid var(--line,rgba(255,255,255,.08));border-radius:var(--r-sm,14px);overflow:hidden;margin:0 0 24px} .wx__m-fact{background:#12151b;padding:16px 18px} .wx__m-fact dt{margin:0 0 7px;font-family:"Inter",sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--txt-mute,#6B7480)} .wx__m-fact dd{margin:0;font-size:18px;font-weight:700;color:var(--txt,#EAEEF3)} .wx__m-label{margin:0 0 14px;font-family:"Inter",sans-serif;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--txt-mute,#6B7480)} .wx__m-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:26px} .wx__thumb{position:relative;aspect-ratio:9/14;border-radius:var(--r-sm,14px);overflow:hidden;border:1px solid var(--line,rgba(255,255,255,.08));background:#0e1116;transition:transform .2s var(--ease,ease),border-color .2s ease} .wx__thumb:hover{transform:translateY(-3px);border-color:var(--glow,rgba(210,225,245,.55))} .wx__thumb img{width:100%;height:100%;object-fit:cover;display:block} .wx__thumb.is-vid::after{content:"";position:absolute;inset:0;margin:auto;width:44px;height:44px;border-radius:50%;background:rgba(10,12,16,.6)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23EAEEF3'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E")center/20px no-repeat;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px)} .wx__m-cta{width:100%} @media (max-width:1023px){.wx__stage{grid-template-columns:1fr}} @media (max-width:1023px){.wx__viewercol{display:none}} @media (max-width:1023px){.wx__deskinfo{display:none}} @media (max-width:1023px){.wx__side .wx__panel{display:none}} @media (max-width:1023px){.wx__listwrap{margin-top:0;border-top:0;padding-top:0}} @media (max-width:1023px){.wx__item{scroll-margin-top:16px}} @media (max-width:1023px){.wx__row-go{opacity:1}} @media (max-width:1023px){.wx__item.is-open .wx__row-go{transform:rotate(90deg)}} @media (max-width:1023px){.wx__item.is-open .wx__row-go svg{fill:var(--txt,#EAEEF3)}} @media (max-width:1023px){.wx__accin .wx__frame{height:min(60vh,540px);margin:10px auto 0;max-width:100%}} @media (max-width:1023px){.wx__accin .wx__panel{display:flex;margin-top:20px}} @media (max-width:1023px){.wx__acc .wx__media,.wx__acc .wx__panel{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .45s var(--ease,ease) .14s,transform .55s var(--ease,ease) .14s}} @media (max-width:1023px){.wx__item.is-open .wx__media,.wx__item.is-open .wx__panel{opacity:1;transform:none}} @media (max-width:639px){.wx{padding-left:16px;padding-right:16px}} @media (max-width:639px){.wx__nav{display:none}} @media (max-width:639px){.wx__acts{flex-direction:column;align-items:stretch}} @media (max-width:639px){.wx__btn{width:100%}} @media (max-width:639px){.wx__row-txt b{font-size:17px}} @media (max-width:639px){.wx__sheet{max-height:92vh;border-radius:var(--r,22px) var(--r,22px)0 0}} @media (min-width:1024px){.wx__all{display:none}} @media (min-width:1024px){.wx__acc{display:none}} @media (min-width:1024px){.wx__list.is-cut .wx__item:nth-child(n/**/+5){display:block}} @media (min-width:1024px){.wx__listwrap{max-height:340px;overflow-y:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent);mask-image:linear-gradient(to bottom,#000 82%,transparent)}} @media (min-width:1024px){.wx__listwrap::-webkit-scrollbar{display:none}} @media (prefers-reduced-motion:reduce){.wx .pre{opacity:1;transform:none;transition:none}} @media (prefers-reduced-motion:reduce){.wx__lay{transition:opacity .01s}} @media (prefers-reduced-motion:reduce){.wx__lay.is-zoom img{animation:none}} @media (prefers-reduced-motion:reduce){.wx__nav,.wx__btn,.wx__close,.wx__thumb,.wx__mute,.wx__row-go{transition:none}} @media (prefers-reduced-motion:reduce){.wx__vbadge::before{animation:none}} @media (prefers-reduced-motion:reduce){.wx__modal,.wx__sheet{transition:none}} @media (prefers-reduced-motion:reduce){.wx__acc{transition:none}} @media (prefers-reduced-motion:reduce){.wx__acc .wx__media,.wx__acc .wx__panel{opacity:1;transform:none;transition:none}} @media (max-width:1023px){.wx .wx__stage{display:none}} @keyframes wxZoom{0%{transform:scale(1)}to{transform:scale(1.07)}} @keyframes wxRec{0%,to{opacity:1}50%{opacity:.25}} /* ══════ .wkx · шоурум ══════ */ .wkx{display:none} @media (max-width:1023px){.wkx{display:block;margin-top:20px}} .wkx :focus-visible{outline:0;box-shadow:0 0 0 3px var(--vio-dim);border-radius:18px} .wkx__reelwrap{position:relative;width:100vw;margin-left:calc(50% - 50vw)} .wkx__hint{position:absolute;right:max(calc(50vw - 590px),16px);top:-10px;z-index:2;display:inline-flex;align-items:center;gap:7px;font-family:"Inter",sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-mute);animation:wkxNudge 1.8s var(--ease) infinite;transition:opacity .4s} .wkx__hint.gone{opacity:0} .wkx__hint svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round} .wkx__reel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px max(calc(50vw - 590px),16px) 22px} .wkx__reel::-webkit-scrollbar{display:none} .wkx__cardwrap{scroll-snap-align:center;flex:none} .wkx__card{position:relative;width:clamp(250px,74vw,300px);aspect-ratio:3/4;border-radius:24px;overflow:hidden;background:var(--panel);padding:0;text-align:left;box-shadow:0 40px 90px -42px rgba(0,0,0,.95);transition:transform .5s var(--spring)} .wkx__card:active{transform:scale(.98)} .wkx__card img,.wkx__card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .wkx__card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(8,10,14,.92) 2%,rgba(8,10,14,.16) 44%,transparent 68%)} .wkx__num{position:absolute;left:15px;top:14px;z-index:2;font-family:"Inter",sans-serif;font-weight:600;font-size:12px;letter-spacing:.16em;color:rgba(255,255,255,.82)} .wkx__play{position:absolute;right:14px;top:13px;z-index:2;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(10,12,16,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} .wkx__play svg{width:15px;height:15px;fill:#fff;margin-left:2px} .wkx__cap{position:absolute;left:16px;right:16px;bottom:16px;z-index:2} .wkx__cap b{display:block;font-family:"Unbounded",sans-serif;font-weight:400;font-size:clamp(17px,4.6vw,20px);line-height:1.18;color:#fff;letter-spacing:-.01em} .wkx__meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:9px} .wkx__meta span{display:inline-flex;align-items:center;gap:6px;font-family:"Inter",sans-serif;font-size:12.5px;font-weight:500;color:rgba(220,228,240,.85)} .wkx__meta span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--vio)} .wkx__open{margin-top:12px;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 15px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:"Inter",sans-serif;font-size:13.5px;font-weight:600;color:#fff} .wkx__open svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .wkx__dots{display:flex;justify-content:center;gap:7px;margin-top:2px} .wkx__dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2);transition:width .35s var(--spring),background .35s} .wkx__dots i.on{width:22px;border-radius:4px;background:var(--vio);box-shadow:0 0 12px 1px var(--vio-dim)} .wkx__all{display:flex;justify-content:center;margin-top:22px} .wkx__all button{display:inline-flex;align-items:center;gap:9px;min-height:52px;padding:0 24px;border-radius:999px;background:rgba(255,255,255,.05);font-family:"Inter",sans-serif;font-size:15px;font-weight:600;color:var(--txt);transition:background .3s} .wkx__all svg{width:17px;height:17px;stroke:var(--vio);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} @media (prefers-reduced-motion:reduce){.wkx *,.wkx-sheet *{animation:none!important;transition:none!important}} @keyframes wkxNudge{0%,to{transform:translateX(0)}50%{transform:translateX(7px)}} /* ══════ .wkx-sheet · шоурум ══════ */ .wkx-sheet{position:fixed;inset:0;z-index:160;display:grid;align-items:end;justify-items:center;background:rgba(6,8,11,.72);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);opacity:0;pointer-events:none;transition:opacity .35s var(--ease)} .wkx-sheet.on{opacity:1;pointer-events:auto} .wkx-sheet.on .wkx-panel{transform:none} .wkx-sheet:not(.on){visibility:hidden} /* ══════ .wkx-panel · шоурум ══════ */ .wkx-panel{position:relative;width:min(560px,100%);max-height:92dvh;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:28px 28px 0 0;background:linear-gradient(to bottom,#171b24,#0e1116);box-shadow:0/**/-34px 100px -30px rgba(0,0,0,.95);padding-bottom:max(20px,env(safe-area-inset-bottom));transform:translateY(46px);transition:transform .45s var(--spring)} /* ══════ .wkx-grab · шоурум ══════ */ .wkx-grab{position:sticky;top:0;z-index:5;display:grid;justify-items:center;padding:10px 0 4px;background:linear-gradient(to bottom,#171b24,rgba(23,27,36,0))} .wkx-grab i{width:44px;height:4px;border-radius:4px;background:rgba(255,255,255,.2)} /* ══════ .wkx-x · шоурум ══════ */ .wkx-x{position:absolute;top:12px;right:12px;z-index:6;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.07);transition:background .3s} .wkx-x svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round} /* ══════ .wkx-gal · шоурум ══════ */ .wkx-gal{position:relative;margin:0 14px;border-radius:22px;overflow:hidden;background:#0c0e12;aspect-ratio:3/4} /* ══════ .wkx-slide · шоурум ══════ */ .wkx-slide{position:absolute;inset:0;opacity:0;transition:opacity .4s var(--ease)} .wkx-slide.on{opacity:1} .wkx-slide img,.wkx-slide video{width:100%;height:100%;object-fit:cover} .wkx-slide{visibility:hidden} .wkx-slide.on{visibility:visible} /* ══════ .wkx-gnav · шоурум ══════ */ .wkx-gnav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:rgba(10,12,16,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .3s} .wkx-gnav svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .wkx-gnav.prev{left:10px} .wkx-gnav.next{right:10px} /* ══════ .wkx-gdots · шоурум ══════ */ .wkx-gdots{position:absolute;left:0;right:0;bottom:12px;z-index:3;display:flex;justify-content:center;gap:6px} .wkx-gdots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35);transition:.3s} .wkx-gdots i.on{width:18px;border-radius:3px;background:#fff} /* ══════ .wkx-info · шоурум ══════ */ .wkx-info{padding:18px 20px 4px} /* ══════ .wkx-geo · шоурум ══════ */ .wkx-geo{display:inline-flex;align-items:center;gap:8px;font-family:"Inter",sans-serif;font-size:13px;font-weight:600;color:var(--vio);margin-bottom:8px} .wkx-geo svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} /* ══════ .wkx-title · шоурум ══════ */ .wkx-title{font-family:"Unbounded",sans-serif;font-weight:400;font-size:clamp(22px,5.8vw,28px);line-height:1.14;letter-spacing:-.01em} /* ══════ .wkx-facts · шоурум ══════ */ .wkx-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0} /* ══════ .wkx-fact · шоурум ══════ */ .wkx-fact{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05)} .wkx-fact small{display:block;font-family:"Inter",sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-mute);margin-bottom:5px} .wkx-fact b{font-size:15.5px;font-weight:600} .wkx-fact.price b{background:var(--vgrad);-webkit-background-clip:text;background-clip:text;color:transparent} /* ══════ .wkx-desc · шоурум ══════ */ .wkx-desc{font-size:15px;line-height:1.62;color:var(--txt-dim);padding:0 20px} /* ══════ .wkx-sact · шоурум ══════ */ .wkx-sact{padding:18px 20px 4px} /* ══════ .wkx-cta · шоурум ══════ */ .wkx-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border-radius:16px;font-family:"Inter",sans-serif;font-size:16px;font-weight:700;color:#fff;background:var(--vgrad);box-shadow:0 20px 44px -18px rgba(130,108,240,.8)} .wkx-cta svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} /* ══════ .prx · прайс ══════ */ .prx{--p-ink:#15151b;--p-ink2:#585866;--p-ink3:#8e8e9d;--p-line:rgba(21,21,32,.10);--p-grad:linear-gradient(115deg,#6a56d6,#a98cff 55%,#7fa8ff);--p-green:#1fae63;--p-red:#e23d3d;--p-blue:#3f6fe0;--p-sh:0 30px 70px -32px rgba(40,34,90,.32);--p-sh2:0 16px 40px -18px rgba(40,34,90,.26);--p-ease:cubic-bezier(.22,1,.36,1);--p-fd:"Unbounded",system-ui,sans-serif;--p-fb:"Onest","Inter",system-ui,sans-serif;position:relative;overflow:clip;color:var(--p-ink);font-family:var(--p-fb);padding:clamp(56px,7vw,100px)0;background:radial-gradient(46% 32%at 10% 8%,rgba(140,120,255,.16),transparent 70%),radial-gradient(42% 30%at 90% 10%,rgba(31,191,113,.13),transparent 70%),radial-gradient(50% 36%at 50% 106%,rgba(120,170,255,.12),transparent 72%),#f5f6f8} .prx *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .prx__orb{position:absolute;z-index:0;border-radius:50%;filter:blur(58px);pointer-events:none} .prx__orb--a{width:42vw;height:42vw;max-width:560px;max-height:560px;left:-10%;top:4%;background:radial-gradient(circle,rgba(122,98,255,.48),transparent 65%);animation:prxDrift 15s var(--p-ease) infinite alternate} .prx__orb--b{width:34vw;height:34vw;max-width:460px;max-height:460px;right:-8%;top:12%;background:radial-gradient(circle,rgba(31,191,113,.42),transparent 65%);animation:prxDrift 20s var(--p-ease) -7s infinite alternate-reverse} .prx__orb--c{width:36vw;height:36vw;max-width:470px;max-height:470px;left:6%;bottom:-8%;background:radial-gradient(circle,rgba(226,61,61,.3),transparent 65%);animation:prxDrift 24s var(--p-ease) -12s infinite alternate} .prx__orb--d{width:32vw;height:32vw;max-width:430px;max-height:430px;right:4%;bottom:-6%;background:radial-gradient(circle,rgba(63,111,224,.36),transparent 65%);animation:prxDrift 18s var(--p-ease) -4s infinite alternate-reverse} .prx .sec__head{position:relative;z-index:2} .prx__calcw{position:relative;z-index:3;display:grid;grid-template-rows:0fr;opacity:0;justify-items:center;margin:0 auto clamp(8px,1.2vw,14px);transition:grid-template-rows .5s var(--p-ease),opacity .4s var(--p-ease)} .prx.pre .prx__calcw{grid-template-rows:1fr;opacity:1} .prx__calcw.done{grid-template-rows:0fr;opacity:0;pointer-events:none} .prx__calc{overflow:hidden;min-height:0;width:min(560px,92vw);display:flex;align-items:center;gap:13px;padding:13px 18px;border-radius:18px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);box-shadow:var(--p-sh2);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)} .prx__calc svg{width:21px;height:21px;flex:none;stroke:#6a56d6;stroke-width:1.8;fill:none} .prx__calc svg .bl{animation:prxBlink 1s steps(2) infinite} .prx__calc small{font-size:13.5px;font-weight:600;color:var(--p-ink2);white-space:nowrap} .prx__bar{flex:1;height:6px;border-radius:99px;background:rgba(21,21,32,.08);overflow:hidden} .prx__bar i{position:relative;display:block;height:100%;width:0;border-radius:99px;background:var(--p-grad)} .prx__bar i::after{content:"";position:absolute;inset:0;transform:translateX(-130%);background:linear-gradient(105deg,transparent,rgba(255,255,255,.8),transparent);animation:prxBarS 1.1s linear infinite} .prx__calc b{font-family:var(--p-fd);font-weight:500;font-size:15.5px;min-width:3.4ch;text-align:right;background:var(--p-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .prx__brands{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(14px,1.5vw,20px);width:min(1560px,94vw);margin:0 auto} .prx.pre .bcard{opacity:0;translate:0 32px;filter:blur(12px);transition:opacity .7s var(--p-ease),translate .7s var(--p-ease),filter .7s var(--p-ease)} .prx.pre .bcard.in{opacity:1;translate:0 0;filter:blur(0)} .prx__list{position:relative;z-index:2;width:min(880px,94vw);margin:clamp(28px,3.6vw,44px) auto 0;border-radius:28px;border:1px solid rgba(255,255,255,.9);padding:clamp(16px,2.4vw,26px);background:linear-gradient(160deg,rgba(255,255,255,.72),rgba(255,255,255,.46));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),var(--p-sh);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5)} .prx__lhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:2px 4px 14px} .prx__lhead h3{margin:0;font-family:var(--p-fd);font-weight:500;font-size:clamp(18px,2.2vw,23px);letter-spacing:-.01em;color:var(--p-ink)} .prx__lhead small{font-size:13px;font-weight:600;color:var(--p-ink3)} .prx__tabs{position:relative;display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(21,21,32,.05);border:1px solid var(--p-line);width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none} .prx__tabs::-webkit-scrollbar{display:none} .prx__tabs button{position:relative;z-index:2;appearance:none;border:0;background:0;cursor:pointer;font-family:var(--p-fb);font-weight:600;font-size:14px;color:var(--p-ink2);padding:11px 17px;border-radius:999px;white-space:nowrap;transition:color .3s var(--p-ease)} .prx__tabs button.on{color:#fff} .prx__ind{position:absolute;z-index:1;top:5px;bottom:5px;border-radius:999px;background:#15151b;transition:left .45s var(--p-ease),width .45s var(--p-ease)} .prx__rows{margin-top:6px} .prx__rows.go .prow{opacity:1;translate:0 0} .prx__bhint{display:none} @media (max-width:640px){.prx{padding:52px 0 60px}} @media (max-width:640px){.prx__brands{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;padding:10px 5vw 16px;gap:14px}} @media (max-width:640px){.prx__brands::-webkit-scrollbar{display:none}} @media (max-width:640px){.prx__brands>.bcard{flex:0 0 min(80vw,330px);max-width:none;scroll-snap-align:center;min-height:404px}} @media (max-width:640px){.prx__brands>.bcard:first-child{margin-left:auto}} @media (max-width:640px){.prx__brands>.bcard:last-child{margin-right:auto}} @media (max-width:640px){.prx__bhint{display:flex;justify-content:center;margin-top:2px;transition:opacity .5s,translate .5s}} @media (max-width:640px){.prx__bhint.gone{opacity:0;translate:0 8px}} @media (max-width:640px){.prx__bhint span{font-size:13.5px;font-weight:600;color:var(--p-ink3);padding:11px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.6);box-shadow:var(--p-sh2);backdrop-filter:blur(14px)}} @media (max-width:640px){.prx__bhint b{color:var(--p-ink);font-weight:600}} @media (prefers-reduced-motion:reduce){.prx__orb,.bcard::before,.bcard--hot,.bcard__tag::after,.bcard__iri,.prx__bar i::after{animation:none!important}} @media (prefers-reduced-motion:reduce){.prx.pre .bcard{opacity:1;translate:0 0;filter:none}} .prx__rows .pgrp{display:flex;align-items:center;gap:12px; margin:26px 0 4px;padding:0 4px; font-family:"Inter",system-ui,sans-serif;font-size:11px;font-weight:600; letter-spacing:.22em;text-transform:uppercase;color:var(--p-ink3); opacity:0;translate:0 10px; transition:opacity .45s var(--p-ease),translate .45s var(--p-ease); transition-delay:calc(var(--i)*.045s)} .prx__rows.go .pgrp{opacity:1;translate:0 0} .prx__rows .pgrp--first{margin-top:6px} .prx__rows .pgrp::after{content:"";flex:1;height:1px; background:linear-gradient(90deg,rgba(21,21,32,.16),rgba(21,21,32,0))} .prx__rows .pgrp+.prow{border-top:0} @media (max-width:600px){.prx__rows .pgrp{margin:20px 0 2px;font-size:10.5px;letter-spacing:.18em}} .prx__fold{position:relative;overflow:hidden; max-height:var(--fold,340px); transition:max-height .55s var(--p-ease)} .prx__fold.is-open{max-height:var(--full,4000px)} .prx__fold::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px; pointer-events:none;opacity:1;transition:opacity .4s var(--p-ease); background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.9) 78%)} .prx__fold.is-open::after{opacity:0} .prx__more{display:flex;align-items:center;justify-content:center;gap:9px; margin:16px auto 0;min-height:48px;padding:0 22px;border-radius:999px; font-size:14px;font-weight:600;color:var(--p-ink); background:rgba(21,21,32,.05);border:1px solid rgba(21,21,32,.1); transition:background .3s var(--p-ease),transform .3s var(--p-ease)} .prx__more:hover{background:rgba(21,21,32,.09);transform:translateY(-1px)} .prx__more svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none; stroke-linecap:round;stroke-linejoin:round;transition:transform .45s var(--p-ease)} .prx__more.is-open svg{transform:rotate(180deg)} @media (max-width:600px){.prx__fold{--fold:300px}} @keyframes prxDrift{to{translate:5vw 6vh;scale:1.14}} @keyframes prxBlink{50%{opacity:.15}} @keyframes prxBarS{to{transform:translateX(140%)}} /* ══════ .bcard · карточка банка ══════ */ .bcard{--bc:#8b7bd8;position:relative;border-radius:28px;flex:1 1 232px;max-width:304px;min-width:228px;padding:clamp(19px,1.8vw,24px) clamp(17px,1.6vw,22px);background:linear-gradient(150deg,rgba(255,255,255,.74),rgba(255,255,255,.42));border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),var(--p-sh);backdrop-filter:blur(22px) saturate(1.7);-webkit-backdrop-filter:blur(22px) saturate(1.7);display:flex;flex-direction:column;gap:12px;min-height:430px} .bcard__iri{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.55;background:linear-gradient(115deg,rgba(255,90,190,.12),rgba(80,190,255,.14) 30%,rgba(110,255,190,.12) 55%,rgba(190,120,255,.14) 80%,rgba(255,200,120,.1));background-size:230% 230%;mix-blend-mode:overlay;animation:prxIri 9s var(--p-ease) infinite alternate} .bcard:hover .bcard__iri{opacity:.9} .bcard::before{content:"";position:absolute;inset:-1px;border-radius:29px;padding:1.4px;pointer-events:none;opacity:.85;background:conic-gradient(from var(--prxa),transparent 0 12%,var(--bc) 22%,#fff 28%,var(--bc) 34%,transparent 46% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:prxSpin 7s linear infinite} .bcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,40%),rgba(255,255,255,.5),transparent 55%);transition:opacity .35s} .bcard:hover::after{opacity:1} .bcard__shine{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none} .bcard__shine i{position:absolute;top:-40%;bottom:-40%;left:-30%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-190%) rotate(14deg)} .bcard.in .bcard__shine i{animation:prxStreak 1s var(--p-ease) .15s forwards} .bcard__top{display:flex;align-items:center;justify-content:space-between;gap:10px} .bcard__logo{width:46px;height:46px;border-radius:14px;flex:none;display:grid;place-items:center;font-family:var(--p-fd);font-weight:600;font-size:20px;box-shadow:0 12px 26px -12px rgba(20,16,50,.45)} .bcard__origin{font-size:11.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--p-ink3);padding:8px 10px;border:1px solid var(--p-line);border-radius:999px;background:rgba(255,255,255,.5);white-space:nowrap} .bcard__name{font-family:var(--p-fd);font-weight:500;line-height:1;letter-spacing:-.01em;font-size:clamp(25px,2vw,31px);background:var(--ng,linear-gradient(180deg,#3a3a46,#15151b));-webkit-background-clip:text;background-clip:text;color:transparent} .bcard__pos{font-size:14px;line-height:1.55;color:var(--p-ink2)} .bcard__tex{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto} .bcard__tex i{font-style:normal;font-size:12px;font-weight:600;color:var(--p-ink2);padding:7px 10px;border-radius:999px;border:1px solid var(--p-line);background:rgba(255,255,255,.55)} .bcard__tex i.fire{color:#c22f2f;border-color:rgba(226,61,61,.4);background:rgba(226,61,61,.08)} .bcard__price{display:flex;align-items:baseline;gap:8px} .bcard__price small{font-size:14px;font-weight:600;color:var(--p-ink3)} .bcard__price b{font-family:var(--p-fd);font-weight:500;font-size:clamp(36px,3vw,42px);line-height:1;background:var(--p-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .bcard__price span{font-size:13.5px;font-weight:600;color:var(--p-ink3)} .bcard__inc{margin-top:-7px;font-size:12.5px;font-weight:600;color:var(--p-ink3)} .bcard--hot{--bc:#1fae63;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 34px 80px -28px rgba(31,174,99,.4);animation:prxBreath 4.6s ease-in-out infinite} .bcard--hot .bbtn{border-color:rgba(31,174,99,.5);background:rgba(31,174,99,.12)} .bcard--hot .bbtn:hover{background:#1fae63;border-color:#1fae63;color:#fff} .bcard__tag{position:absolute;top:-13px;left:50%;translate:-50%0;z-index:3;overflow:hidden;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#fff;padding:9px 13px;border-radius:999px;white-space:nowrap;background:linear-gradient(120deg,#2ecb7c,#169a55);box-shadow:0 12px 28px -8px rgba(31,174,99,.6)} .bcard__tag::after{content:"";position:absolute;inset:0;transform:translateX(-140%);background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.7) 50%,transparent 68%);animation:prxTagShine 3.8s var(--p-ease) 1.2s infinite} .bcard--fire{--bc:#e23d3d} @property --prxa{syntax:"";initial-value:0deg;inherits:false} @keyframes prxIri{to{background-position:100% 100%}} @keyframes prxSpin{to{--prxa:360deg}} @keyframes prxStreak{to{transform:translateX(620%) rotate(14deg)}} @keyframes prxBreath{50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 38px 90px -24px rgba(31,174,99,.55)}} @keyframes prxTagShine{18%{transform:translateX(150%)}to{transform:translateX(150%)}} /* ══════ .bbtn · кнопка блока ══════ */ .bbtn{appearance:none;cursor:pointer;width:100%;padding:14px 18px;border-radius:16px;border:1px solid rgba(21,21,32,.12);background:rgba(255,255,255,.75);font-family:var(--p-fb);font-weight:600;font-size:14.5px;color:var(--p-ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.3s var(--p-ease)} .bbtn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none} .bbtn:hover{background:#15151b;color:#fff;border-color:#15151b;transform:translateY(-2px)} /* ══════ .prow · прайс · строка ══════ */ .prow{display:flex;align-items:baseline;gap:12px;padding:14px 4px;border-bottom:1px dashed rgba(21,21,32,.1);opacity:0;translate:0 10px;transition:opacity .45s var(--p-ease),translate .45s var(--p-ease);transition-delay:calc(var(--i)*.045s)} .prow:last-child{border-bottom:0} .prow__l{min-width:0} .prow__l b{display:block;font-weight:600;font-size:15.5px;color:var(--p-ink)} .prow__l em{display:block;font-style:normal;font-size:13px;color:var(--p-ink3);margin-top:3px} .prow>i{flex:1;min-width:24px;border-bottom:1px dotted rgba(21,21,32,.3);translate:0/**/-4px} .prow>span{font-weight:600;font-size:15px;color:#2b2b36;white-space:nowrap} @media (max-width:640px){.prow{gap:10px;padding:13px 2px}} .prow__ask{color:var(--p-ink3);font-weight:500;white-space:nowrap} .prow--link{align-items:center} .prow__go{position:relative;isolation:isolate;overflow:hidden; flex:none;align-self:center; display:grid;place-items:center;width:34px;height:34px;border-radius:50%; color:#5b6270; background:rgba(255,255,255,.55); border:1px solid rgba(21,21,32,.1); box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 12px -6px rgba(20,24,40,.26); transition:transform .3s var(--p-ease),color .25s var(--p-ease), background .25s var(--p-ease),box-shadow .3s var(--p-ease)} .prow__go svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.2;fill:none; stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--p-ease)} .prow__go:active{transform:scale(.93)} .prow__go-t{position:absolute;width:1px;height:1px;padding:0;overflow:hidden; clip-path:inset(50%);white-space:nowrap;border:0} .prow__go::before{content:"";position:absolute;inset:-45%;z-index:-1;pointer-events:none; background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%); transform:translateX(-125%); animation:prowSheen 5.2s var(--p-ease) infinite} @media (prefers-reduced-motion:reduce){.prow__go::before{animation:none;opacity:0}} @media (hover:hover) and (pointer:fine){.prow__go{backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4)}} @media (hover:hover) and (pointer:fine){.prow__go:hover{color:#15151b;background:rgba(255,255,255,.82); transform:translateY(-1px) scale(1.06); box-shadow:inset 0 1px 0 #fff,0 10px 22px -10px rgba(20,24,40,.4)}} @media (hover:hover) and (pointer:fine){.prow__go:hover svg{transform:translateX(2px)}} .prow__pair{display:inline-flex;align-items:center;gap:10px;flex:none;align-self:center} @media (max-width:600px){.prow__go{width:31px;height:31px}} @media (max-width:600px){.prow__go svg{width:14px;height:14px}} @media (max-width:600px){.prow__pair{gap:8px}} @keyframes prowSheen{0%,74%{transform:translateX(-125%)} 100%{transform:translateX(125%)}} /* ══════ .rs · рассрочка ══════ */ .rs{--r-ink:#15151b;--r-ink2:#585866;--r-ink3:#8e8e9d;--r-line:rgba(21,21,32,.10);--r-grad:linear-gradient(115deg,#6a56d6,#a98cff 55%,#7fa8ff);--r-acc:#7e6ce0;--r-sh:0 30px 70px -32px rgba(40,34,90,.32);--r-sh2:0 16px 40px -18px rgba(40,34,90,.26);--r-ease:cubic-bezier(.22,1,.36,1);--r-fd:"Unbounded",system-ui,sans-serif;--r-fb:"Onest","Inter",system-ui,sans-serif;position:relative;overflow:clip;color:var(--r-ink);font-family:var(--r-fb);padding:clamp(56px,7vw,100px)0;background:radial-gradient(46% 32%at 8% 6%,rgba(140,120,255,.15),transparent 70%),radial-gradient(42% 30%at 92% 14%,rgba(120,170,255,.12),transparent 70%),radial-gradient(50% 36%at 50% 108%,rgba(190,150,255,.1),transparent 72%),#f5f6f8} .rs *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .rs [hidden]{display:none!important} .rs .sec__head{position:relative;z-index:2} .rs__row{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(18px,2.6vw,36px);align-items:start;width:min(1180px,94vw);margin:0 auto} .rs__mode{position:relative;z-index:2;display:flex;gap:4px;padding:6px;margin:0 auto clamp(18px,2.4vw,24px);width:min(480px,100%);border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);box-shadow:var(--r-sh2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .rs__modeInd{position:absolute;z-index:1;top:6px;bottom:6px;left:6px;width:calc(50% - 6px);border-radius:999px;background:#15151b;transition:left .5s var(--r-ease),width .5s var(--r-ease)} .rs__mode button{position:relative;z-index:2;flex:1;appearance:none;border:0;cursor:pointer;background:0;padding:15px 10px;border-radius:999px;text-align:center;font-family:var(--r-fb);font-weight:600;font-size:15px;color:var(--r-ink2);transition:color .35s var(--r-ease)} .rs__mode button.on{color:#fff} .rs{overflow:clip visible} .rs.mode-own .rcard[data-mode=card]{display:none} .rs.mode-card .rcard[data-mode=loan]{display:none} .rs.mode-own .rs__pilot,.rs.mode-own .rs__deckhint{display:none} .rs.mode-own .rs__deck{height:clamp(300px,30vw,340px)} .rs__deckwrap{position:relative} .rs__deck{position:relative;height:clamp(360px,34vw,430px);perspective:1200px;touch-action:pan-y;user-select:none;-webkit-user-select:none} .rs.no-gsap .rcard{transition:transform .55s var(--r-ease),box-shadow .5s var(--r-ease),filter .5s var(--r-ease)} .rs.no-gsap .rcard[data-pos="0"]{transform:none} .rs.no-gsap .rcard[data-pos="1"]{transform:translateY(9%) scale(.94)} .rs.no-gsap .rcard[data-pos="2"]{transform:translateY(17%) scale(.885)} .rs.no-gsap .rcard[data-pos="3"]{transform:translateY(24%) scale(.835)} .rs.no-gsap .rcard[data-pos="9"]{transform:translateY(24%) scale(.835);opacity:0} .rs__pilot{display:flex;align-items:center;gap:10px;margin:16px auto 0;width:min(430px,96%)} .rs__arr{flex:none;width:44px;height:44px;border-radius:50%;appearance:none;border:0;cursor:pointer;background:#fff;color:var(--r-ink);display:grid;place-items:center;box-shadow:var(--r-sh2);transition:.3s var(--r-ease)} .rs__arr:hover{transform:translateY(-2px);color:var(--r-acc)} .rs__arr:active{transform:scale(.93)} .rs__arr svg{width:19px;height:19px;stroke:currentColor;stroke-width:2.3;fill:none} .rs__tabs{position:relative;flex:1;min-width:0;display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);box-shadow:var(--r-sh2);backdrop-filter:blur(12px)} .rs__tabs .rs__ind{position:absolute;z-index:1;top:5px;bottom:5px;border-radius:999px;background:#15151b;transition:left .5s var(--r-ease),width .5s var(--r-ease)} .rs__tabs button{position:relative;z-index:2;flex:1;min-width:0;appearance:none;border:0;cursor:pointer;background:0;padding:12px 6px;border-radius:999px;font-family:var(--r-fb);font-weight:600;font-size:14px;color:var(--r-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .35s var(--r-ease)} .rs__tabs button.on{color:#fff} .rs__deckhint{margin:12px auto 0;text-align:center;font-family:"Inter",var(--r-fb);font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--r-ink3);transition:opacity .5s;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center} .rs__deckhint svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;fill:none;animation:rsSwipe 1.8s var(--r-ease) infinite} .rs__deckhint.gone{opacity:0} .rs__calc{position:relative;border-radius:28px;padding:clamp(20px,2.4vw,30px);background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),var(--r-sh);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5)} .rs__calcBody{display:flex;flex-direction:column;gap:16px} .rs__calcEmpty{display:flex;flex-direction:column;gap:14px;text-align:left} .rs__emptyTxt{margin:0;font-size:15px;line-height:1.6;color:var(--r-ink2)} .rs__ck{font-family:"Inter",var(--r-fb);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--r-ink3)} .rs__pay{display:flex;align-items:baseline;gap:10px;line-height:.95} .rs__pay b{font-family:var(--r-fd);font-weight:500;letter-spacing:-.03em;font-size:clamp(46px,5.4vw,72px);background:var(--r-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .rs__pay span{font-family:var(--r-fd);font-weight:500;font-size:clamp(16px,2vw,22px);color:var(--r-ink3)} .rs__paycap{margin-top:-8px;font-size:15px;font-weight:600;color:var(--r-ink2)} .rs__paycap b{color:var(--r-acc)} .rs__f label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;color:var(--r-ink2);margin-bottom:11px} .rs__f label b{font-family:var(--r-fd);font-weight:500;font-size:17px;color:var(--r-ink)} .rs__rng{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:#e0e0ea;outline:0;cursor:pointer} .rs__rng::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--r-grad);cursor:pointer;box-shadow:0 8px 20px -6px rgba(110,90,220,.65),0 0 0 5px rgba(126,108,224,.14);transition:transform .2s} .rs__rng::-webkit-slider-thumb:active{transform:scale(1.15)} .rs__rng::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:var(--r-grad);cursor:pointer;box-shadow:0 8px 20px -6px rgba(110,90,220,.65)} .rs__capnote{display:block;margin-top:9px;font-size:12.5px;font-weight:600;color:var(--r-ink3)} .rs__terms{display:flex;flex-wrap:wrap;gap:8px} .rs__terms button{appearance:none;cursor:pointer;font-family:var(--r-fb);font-weight:600;font-size:15.5px;color:var(--r-ink2);padding:14px 18px;border-radius:15px;background:#fff;border:1.5px solid var(--r-line);transition:.25s var(--r-ease)} .rs__terms button:hover{transform:translateY(-2px)} .rs__terms button.on{background:#15151b;border-color:#15151b;color:#fff} .rs__terms button[disabled]{opacity:.35;pointer-events:none} .rs__own{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:16px;background:rgba(126,108,224,.09);border:1px solid rgba(126,108,224,.3)} .rs__own i{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#15151b} .rs__own svg{width:18px;height:18px;stroke:#cfe0ff;stroke-width:1.9;fill:none} .rs__own span{font-size:14.5px;line-height:1.5;color:var(--r-ink2)} .rs__own span b{color:var(--r-ink)} .rs__cta{appearance:none;cursor:pointer;border:0;border-radius:17px;padding:18px 26px;font-family:var(--r-fb);font-weight:600;font-size:16.5px;color:#fff;background:var(--r-grad);display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 20px 46px -14px rgba(110,90,220,.7);transition:transform .3s var(--r-ease),box-shadow .3s var(--r-ease)} .rs__cta svg{width:17px;height:17px;stroke:currentColor;stroke-width:2.2;fill:none} .rs__cta:hover{transform:translateY(-2px);box-shadow:0 26px 56px -14px rgba(110,90,220,.85)} .rs__note{margin:-6px 0 0;text-align:center;font-size:13.5px;font-weight:600;color:var(--r-ink3)} .rs__trust{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:9px 11px;width:min(1180px,94vw);margin:clamp(22px,3vw,32px) auto 0} .rs__tr{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:600;color:var(--r-ink2);padding:13px 17px;border-radius:999px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.9);box-shadow:var(--r-sh2);backdrop-filter:blur(12px)} .rs__tr svg{width:17px;height:17px;flex:none;stroke:var(--r-acc);stroke-width:2.1;fill:none} .rs__morebank{position:relative;z-index:2;width:min(1180px,94vw);margin:clamp(30px,3.8vw,44px) auto 0} .rs__morebank h3{font-family:var(--r-fd);font-weight:500;font-size:clamp(19px,2.2vw,23px);color:var(--r-ink);margin-bottom:6px} .rs__morebank>p{font-size:14.5px;line-height:1.5;color:var(--r-ink3);margin-bottom:18px;max-width:64ch} .rs__mb{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .rs__mbi{display:flex;gap:14px;padding:18px 19px;border-radius:19px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.9);box-shadow:var(--r-sh2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .rs__mbi i{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#15151b} .rs__mbi svg{width:21px;height:21px;stroke:#cfe0ff;stroke-width:1.8;fill:none} .rs__mbi b{display:block;font-family:var(--r-fb);font-weight:700;font-size:15.5px;color:var(--r-ink);line-height:1.3} .rs__mbi b small{display:block;font-weight:600;font-size:12px;color:var(--r-ink3);text-transform:uppercase;letter-spacing:.08em;margin-top:3px} .rs__mbi p{margin:7px 0 0;font-size:13.5px;line-height:1.5;color:var(--r-ink2)} .rs__mbnote{margin-top:14px;font-size:13px;line-height:1.5;color:var(--r-ink3)} .rs.no-gsap.pre .rcard{opacity:0;translate:0 46px} .rs.no-gsap.pre.lit .rcard{opacity:1;translate:0 0;transition:opacity .7s var(--r-ease),translate .7s var(--r-ease),transform .65s var(--r-ease),box-shadow .5s var(--r-ease),filter .5s var(--r-ease)} .rs.pre .rs__calc{opacity:0;translate:26px 0;filter:blur(8px);transition:opacity .7s var(--r-ease) .15s,translate .7s var(--r-ease) .15s,filter .7s var(--r-ease) .15s} .rs.pre.lit .rs__calc{opacity:1;translate:0 0;filter:blur(0)} @media (max-width:900px){.rs__row{grid-template-columns:1fr;gap:10px}} @media (max-width:900px){.rs__mode{width:100%}} @media (max-width:900px){.rs__mode button{padding:15px 8px;font-size:14.5px}} @media (max-width:900px){.rs__deck{height:clamp(300px,74vw,380px)}} @media (max-width:900px){.rs.mode-own .rs__deck{height:clamp(270px,64vw,320px)}} @media (max-width:900px){.rs__mb{grid-template-columns:1fr}} @media (max-width:900px){.rs__mbi{padding:16px 17px}} @media (max-width:900px){.rs__pilot{width:100%;margin-top:12px;gap:8px}} @media (max-width:900px){.rs__arr{width:48px;height:48px}} @media (max-width:900px){.rs__arr svg{width:21px;height:21px}} @media (max-width:900px){.rs__tabs button{font-size:13.5px;padding:13px 4px}} @media (max-width:900px){.rs__deckhint{margin-bottom:18px;font-size:12px;letter-spacing:.08em}} @media (max-width:900px){.rs__calc{padding:20px 16px}} @media (max-width:900px){.rs__pay b{font-size:clamp(52px,14vw,68px)}} @media (max-width:900px){.rs__terms button{flex:1;padding:14px 8px;font-size:15px}} @media (max-width:900px){.rs__own span{font-size:14px}} @media (max-width:900px){.rs__cta{width:100%;padding:19px 22px;font-size:16.5px}} @media (max-width:900px){.rs__tr{flex:1 1 46%;justify-content:center;text-align:center;font-size:13.5px;padding:13px 10px}} @media (max-width:420px){.rs__tabs button{font-size:11.5px;padding:11px 1px;letter-spacing:-.01em}} @media (max-width:420px){.rs__tabs{gap:2px;padding:4px}} @media (max-width:360px){.rs__tabs button{font-size:10.5px}} @media (prefers-reduced-motion:reduce){.rs.no-gsap.pre .rcard{opacity:1;translate:0 0}} @media (prefers-reduced-motion:reduce){.rs.pre .rs__calc{opacity:1;translate:0 0;filter:none}} @keyframes rsSwipe{50%{translate:5px 0}} /* ══════ .rcard · рассрочка · карта ══════ */ .rcard{position:absolute;left:0;right:0;top:0;margin:0 auto;width:min(430px,92%);aspect-ratio:1.586;border-radius:24px;cursor:pointer;touch-action:pan-y;transform-origin:50% 85%;will-change:transform;transition:box-shadow .5s var(--r-ease),filter .5s var(--r-ease);box-shadow:0 30px 60px -28px rgba(20,16,50,.45)} .rcard__in{position:absolute;inset:0;border-radius:24px;overflow:hidden;padding:clamp(16px,2vw,24px);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.5)} .rcard--bank .rcard__in{background:radial-gradient(120% 90%at 85% -10%,var(--bc,#7e6ce0) 0%,transparent 55%),linear-gradient(150deg,rgba(255,255,255,.9),rgba(255,255,255,.68));backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)} .rcard--bank .rcard__in::before{content:"";position:absolute;inset:0;opacity:.35;mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(115deg,rgba(255,90,190,.14),rgba(80,190,255,.16) 34%,rgba(110,255,190,.12) 58%,rgba(190,120,255,.16) 82%)} .rcard--own{box-shadow:0 40px 80px -30px rgba(10,12,20,.65)} .rcard--own .rcard__in{color:#eaeef3;border-color:rgba(255,255,255,.16);background:radial-gradient(130% 100%at 88% -12%,rgba(126,108,224,.35),transparent 55%),linear-gradient(155deg,#1a1d26,#0c0e14 62%,#141722)} .rcard--own::before{content:"";position:absolute;inset:-1px;border-radius:25px;padding:1.4px;pointer-events:none;opacity:.9;background:conic-gradient(from var(--rsa),transparent 0 14%,#cfe0ff 24%,rgba(255,255,255,.95) 30%,#a98cff 36%,transparent 50% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rsSpin 8s linear infinite} .rcard__shine{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:3} .rcard__shine i{position:absolute;top:-40%;bottom:-40%;left:-30%;width:32%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-200%) rotate(13deg)} .rcard.is-top .rcard__shine i{animation:rsStreak 1s var(--r-ease) .2s forwards} .rcard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px} .rcard__brand{font-family:var(--r-fd);font-weight:500;font-size:clamp(18px,2vw,23px);letter-spacing:-.01em;line-height:1.05} .rcard--own .rcard__brand{color:transparent;background:linear-gradient(110deg,#8b97ab 0,#edeff4 38%,#b7c0cd 58%,#e6ebf3 78%,#5a6272 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:rsIri 7s var(--r-ease) infinite alternate} .rcard__brand small{display:block;font-family:"Inter",var(--r-fb);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-top:5px;color:var(--r-ink3)} .rcard--own .rcard__brand small{color:rgba(234,238,243,.5)} .rcard__badge{flex:none;font-family:"Inter",var(--r-fb);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:9px 13px;border-radius:999px;color:var(--r-ink2);border:1px solid var(--r-line);background:rgba(255,255,255,.6)} .rcard--own .rcard__badge{color:#cfe0ff;border-color:rgba(160,180,255,.45);background:rgba(126,108,224,.16)} .rcard__chip{width:44px;height:33px;border-radius:8px;margin-top:auto;background:linear-gradient(140deg,#e9edf4,#b9c2d3 60%,#dfe4ee);box-shadow:inset 0 0 0 1px rgba(20,20,40,.18);position:relative} .rcard__chip::before{content:"";position:absolute;inset:7px 5px;border:1px solid rgba(20,20,40,.22);border-radius:4px} .rcard--own .rcard__chip{background:linear-gradient(140deg,#3a3f4e,#1d212c 60%,#2c3140);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)} .rcard--own .rcard__chip::before{border-color:rgba(255,255,255,.25)} .rcard__num{margin-top:10px;font-family:var(--r-fd);font-weight:400;font-size:clamp(13.5px,3.2vw,16px);letter-spacing:.1em;color:var(--r-ink2)} .rcard--own .rcard__num{color:rgba(234,238,243,.75)} .rcard__partner{margin-top:10px;align-self:flex-start;display:flex;align-items:baseline;gap:9px;padding:9px 14px;border-radius:12px;font-family:"Inter",var(--r-fb);font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;line-height:1.5;color:#ffc4bd;background:rgba(239,49,36,.16);border:1px solid rgba(239,49,36,.55)} .rcard__partner::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;align-self:center;background:#ef3124;box-shadow:0 0 10px rgba(239,49,36,.9)} .rcard__partner>span{display:block;min-width:0} .rcard__partner b{color:#ff6a5c;font-weight:700} .rcard--own.is-partner .rcard__num{display:none} .rcard--own.is-partner .rcard__brand small{display:none} .rcard--own.is-partner .rcard__badge{color:#ffc4bd;border-color:rgba(239,49,36,.55);background:rgba(239,49,36,.14)} .rcard--own.is-partner .rcard__zero{background:linear-gradient(115deg,#fff,#ffb3ab 55%,#ef3124);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 8px 26px rgba(239,49,36,.5))} .rcard--own.is-partner::before{background:conic-gradient(from var(--rsa),transparent 0 14%,#ffd0c9 24%,rgba(255,255,255,.95) 30%,#ef3124 36%,transparent 50% 100%)} .rcard__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:12px} .rcard__term{font-size:13.5px;font-weight:600;color:var(--r-ink3)} .rcard--own .rcard__term{color:rgba(234,238,243,.55)} .rcard__term b{display:block;font-family:var(--r-fd);font-weight:500;font-size:21px;color:var(--r-ink);margin-top:2px} .rcard--own .rcard__term b{color:#fff} .rcard__zero{font-family:var(--r-fd);font-weight:500;font-size:clamp(24px,2.6vw,32px);line-height:1;background:var(--r-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .rcard--own .rcard__zero{background:linear-gradient(115deg,#fff,#cfe0ff 55%,#a98cff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 8px 26px rgba(150,140,255,.45))} .rcard[data-pos="0"]{z-index:6;filter:none} .rcard[data-pos="1"]{z-index:5;filter:brightness(.96) saturate(.9)} .rcard[data-pos="2"]{z-index:4;filter:brightness(.92) saturate(.8)} .rcard[data-pos="3"]{z-index:3;filter:brightness(.88) saturate(.7)} .rcard:not(.is-top):hover{filter:brightness(1)} .rcard:not(.is-top){cursor:pointer} .rcard:not(.is-top):hover{filter:brightness(1) saturate(1)} .rcard__peek{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:8px;height:36px;font-family:"Inter",var(--r-fb);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--r-ink3);opacity:0;transition:opacity .4s var(--r-ease);pointer-events:none} .rcard:not(.is-top) .rcard__peek{opacity:1} .rcard:not(.is-top):hover .rcard__peek{color:var(--r-acc)} @media (max-width:900px){.rcard{width:min(420px,96%)}} @media (max-width:900px){.rcard__in{padding:18px}} @media (max-width:900px){.rcard__brand{font-size:clamp(20px,5.6vw,23px)}} @media (max-width:900px){.rcard__zero{font-size:clamp(28px,8vw,34px)}} @media (prefers-reduced-motion:reduce){.rcard--own::before,.rcard--own .rcard__brand,.rs__deckhint svg{animation:none!important}} @property --rsa{syntax:"";initial-value:0deg;inherits:false} @keyframes rsSpin{to{--rsa:360deg}} @keyframes rsStreak{to{transform:translateX(640%) rotate(13deg)}} @keyframes rsIri{to{background-position:100%0}} /* ══════ .ez · этапы работ ══════ */ .ez{--e-ink:#F4F6FA;--e-ink2:rgba(233,236,245,.74);--e-ink3:rgba(233,236,245,.46);--e-line:rgba(255,255,255,.12);--e-glow:rgba(210,225,245,.9);--e-glow2:rgba(180,205,240,.4);--e-ease:cubic-bezier(.22,1,.36,1);--e-fd:"Unbounded",system-ui,sans-serif;--e-fb:"Onest","Inter",system-ui,sans-serif;position:relative;overflow:clip;color:var(--e-ink);font-family:var(--e-fb);padding:clamp(56px,7vw,104px)0;background:radial-gradient(46% 34%at 10% 4%,rgba(150,180,240,.06),transparent 70%),radial-gradient(50% 40%at 92% 100%,rgba(150,180,240,.05),transparent 72%),#0a0b0f} .ez *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .ez [hidden]{display:none!important} .ez img{user-select:none;-webkit-user-drag:none} .ez .sec__head{position:relative;z-index:2} .ez__row{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(26px,4vw,64px);align-items:center;width:min(1160px,94vw);margin:0 auto} .ez__list{border-top:1px solid var(--e-line)} .ez__it{position:relative;display:flex;align-items:center;gap:16px;width:100%;padding:17px 6px;text-align:left;appearance:none;border:0;background:0;cursor:pointer;border-bottom:1px solid var(--e-line)} .ez__it::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:linear-gradient(90deg,#dbe7fb,transparent 82%);box-shadow:0 0 12px var(--e-glow2);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--e-ease)} .ez__it.on::after{transform:scaleX(1)} .ez__n{flex:none;font-family:"Inter",var(--e-fb);font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--e-ink3);width:26px;transition:color .4s} .ez__it.on .ez__n{color:#dbe7fb} .ez__t{font-family:var(--e-fd);font-weight:500;font-size:clamp(19px,2.2vw,27px);letter-spacing:-.015em;line-height:1.1;color:transparent;-webkit-text-stroke:1px rgba(234,238,243,.28);transition:-webkit-text-stroke .4s} .ez__it.on .ez__t{-webkit-text-stroke:1px transparent;background:linear-gradient(120deg,#fff,#c9d3ea 60%,#b7c0cd);-webkit-background-clip:text;background-clip:text;color:transparent} .ez__tag{margin-left:auto;font-family:"Inter",var(--e-fb);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--e-ink3);white-space:nowrap;opacity:0;transform:translateX(8px);transition:.45s var(--e-ease)} .ez__it.on .ez__tag{opacity:1;transform:none} .ez__mini{position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:#eef4ff;box-shadow:0 0 10px var(--e-glow);opacity:0} .ez__it.on .ez__mini{opacity:1} .ez__phone{position:relative;width:min(392px,92vw);border-radius:44px;padding:10px;background:linear-gradient(160deg,#262b36,#10131b 60%,#1b202c);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 60px 120px -46px #000,0 0 90px -30px rgba(150,180,240,.25)} .ez__phone::before{content:"";position:absolute;left:50%;top:16px;translate:-50%0;width:96px;height:22px;border-radius:99px;background:#05060a;z-index:9;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)} .ez__screen{position:relative;border-radius:34px;overflow:hidden;background:#07080c;aspect-ratio:9/18.6;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:pointer} .ez__seg{position:absolute;top:12px;left:12px;right:12px;z-index:8;display:flex;gap:5px} .ez__seg i{flex:1;height:4px;border-radius:99px;background:rgba(255,255,255,.24);overflow:hidden;position:relative} .ez__seg i::after{content:"";position:absolute;inset:0;border-radius:99px;background:#fff;transform:scaleX(var(--f,0));transform-origin:left;box-shadow:0 0 8px rgba(255,255,255,.8)} .ez__chips{display:flex;flex-wrap:wrap;gap:7px} .ez__chip{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#eef2fa;padding:10px 14px;border-radius:999px;background:rgba(14,16,24,.55);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .ez__chip svg{width:15px;height:15px;flex:none;stroke:#dbe7fb;stroke-width:2.1;fill:none} .ez__msgs{display:grid;gap:8px;margin-bottom:2px} .ez__msg{max-width:88%;padding:13px 15px;border-radius:17px;font-size:15px;line-height:1.5} .ez__msg--out{justify-self:end;border-radius:16px 16px 4px 16px;color:#0d1017;background:linear-gradient(135deg,#edeff4,#c6cfdd);font-weight:600} .ez__msg--in{justify-self:start;border-radius:16px 16px 16px 4px;color:#eef2fa;background:rgba(20,23,32,.78);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .ez__msg--in b{color:#dbe7fb} .ez__pro{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:18px;background:rgba(14,16,24,.6);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .ez__ava{position:relative;flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.6)} .ez__ava img{width:100%;height:100%;object-fit:cover;transform:none!important;filter:none} .ez__ava::after{content:"";position:absolute;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:#3fbf8f;border:2px solid #0d1017} .ez__pro b{display:block;font-size:15.5px;font-weight:600;color:#fff} .ez__pro small{display:block;margin-top:2px;font-size:13px;font-weight:600;color:var(--e-ink3)} .ez__star{margin-left:auto;flex:none;display:flex;align-items:center;gap:6px;font-family:var(--e-fd);font-weight:500;font-size:16px;color:#ffe9c9} .ez__star svg{width:16px;height:16px;fill:#f2b01e} .ez__time{padding:11px 13px 13px;border-radius:16px;background:rgba(14,16,24,.6);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .ez__time small{display:flex;justify-content:space-between;font-family:"Inter",var(--e-fb);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--e-ink3);margin-bottom:9px} .ez__rail{position:relative;height:8px;border-radius:99px;background:rgba(255,255,255,.14)} .ez__rail i{position:absolute;inset:0;border-radius:99px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#8fa4c4,#eef4ff);box-shadow:0 0 12px rgba(210,225,245,.7)} .ez__rail u{position:absolute;top:50%;left:0;translate:-50% -50%;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 0 14px #e6f0ff;opacity:0} .ez__doc{position:relative;border-radius:16px;padding:15px 15px 13px;background:linear-gradient(170deg,#f6f4ee,#e9e5d9);color:#2c2a24;overflow:hidden} .ez__doc small{font-family:"Inter",var(--e-fb);font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8a8471} .ez__doc b{display:block;font-family:var(--e-fd);font-weight:500;font-size:17px;margin:6px 0 9px} .ez__doc i{display:block;height:4px;border-radius:2px;background:rgba(70,66,50,.14);margin-bottom:5px} .ez__doc i:nth-of-type(2){width:84%} .ez__doc i:nth-of-type(3){width:62%} .ez__stamp{position:absolute;right:10px;bottom:9px;padding:9px 13px;border-radius:9px;border:3px solid #b23a2e;color:#b23a2e;rotate:-9deg;font-family:"Inter",var(--e-fb);font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:0;scale:2.4} .ez__nums{display:flex;gap:8px} .ez__num{flex:1;padding:11px 6px;border-radius:14px;text-align:center;background:rgba(14,16,24,.6);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .ez__num b{display:block;font-family:var(--e-fd);font-weight:500;font-size:22px;color:#fff;line-height:1} .ez__num small{display:block;margin-top:6px;font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--e-ink3);text-transform:uppercase} .ez__belt{position:relative;overflow:hidden;border-radius:999px;padding:10px 0;background:rgba(14,16,24,.6);border:1px solid rgba(255,255,255,.18);-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)} .ez__belt div{display:flex;gap:26px;width:max-content;white-space:nowrap;animation:ezBelt 14s linear infinite;padding-left:8px} .ez__belt span{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:#dbe7fb} .ez__belt span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--e-glow);box-shadow:0 0 8px var(--e-glow)} .ez__check{display:grid;gap:7px} .ez__ck{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:15px;font-size:14.5px;font-weight:600;color:#eef2fa;background:rgba(14,16,24,.6);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;translate:0 12px} .ez__ck i{flex:none;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#edeff4,#b7c0cd)} .ez__ck svg{width:14px;height:14px;stroke:#0d1017;stroke-width:3;fill:none} .ez__flash{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(90% 60%at 50% 22%,rgba(235,243,255,.95),transparent 62%)} .ez__wow{font-family:var(--e-fd);font-weight:500;letter-spacing:-.02em;font-size:clamp(40px,11vw,54px);line-height:1;color:transparent;margin:0;background:linear-gradient(115deg,#fff,#cfe0ff 55%,#8fa4c4);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 10px 40px rgba(180,205,240,.55))} .ez__cta{appearance:none;cursor:pointer;border:0;border-radius:17px;padding:17px 24px;font-family:var(--e-fb);font-weight:600;font-size:16px;color:#0b0d10;background:linear-gradient(135deg,#edeff4,#b7c0cd 55%,#e4e8ef);display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 18px 46px -14px rgba(200,215,240,.55);transition:transform .3s var(--e-ease),box-shadow .3s var(--e-ease)} .ez__cta svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none} .ez__cta:hover{transform:translateY(-2px);box-shadow:0 24px 56px -14px rgba(200,215,240,.7)} .ez__bar{position:absolute;left:10px;right:10px;bottom:10px;z-index:8;display:flex;gap:2px;padding:7px 5px;border-radius:22px;background:rgba(12,14,20,.66);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 18px 40px -18px rgba(0,0,0,.9)} .ez__tab{flex:1;min-width:0;appearance:none;border:0;background:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px;border-radius:15px;color:var(--e-ink3);transition:color .35s,background .35s} .ez__tab svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.9;fill:none;transition:transform .35s var(--e-ease)} .ez__tab span{font-family:"Inter",var(--e-fb);font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis} .ez__tab.on{color:#fff;background:rgba(210,225,245,.12)} .ez__tab.on svg{transform:translateY(-1px) scale(1.08);filter:drop-shadow(0 0 8px rgba(210,225,245,.8))} .ez__hint{position:absolute;left:50%;bottom:86px;translate:-50%0;z-index:7;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-family:"Inter",var(--e-fb);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#dbe7fb;padding:10px 15px;border-radius:999px;background:rgba(12,14,20,.6);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);pointer-events:none;transition:opacity .5s,translate .5s} .ez__hint svg{width:13px;height:13px;stroke:currentColor;stroke-width:2.2;fill:none} .ez__hint.gone{opacity:0;translate:-50% 8px} .ez.pre .ez__phone{opacity:0;translate:0 40px;scale:.94;filter:blur(10px);transition:opacity .8s var(--e-ease),translate .8s var(--e-ease),scale .9s var(--e-ease),filter .8s var(--e-ease)} .ez.pre.lit .ez__phone{opacity:1;translate:0 0;scale:1;filter:blur(0)} .ez.pre .ez__it{opacity:0;translate:-14px 0;transition:opacity .5s var(--e-ease),translate .5s var(--e-ease)} .ez.pre .ez__it:nth-child(2){transition-delay:.07s} .ez.pre .ez__it:nth-child(3){transition-delay:.14s} .ez.pre .ez__it:nth-child(4){transition-delay:.21s} .ez.pre .ez__it:nth-child(5){transition-delay:.28s} .ez.pre .ez__it:nth-child(6){transition-delay:.35s} .ez.pre.lit .ez__it{opacity:1;translate:0 0} .ez__fact{display:none} .ez__mnav{display:none} @media (max-width:880px){.ez__row{grid-template-columns:1fr;justify-items:stretch;gap:4px;width:min(560px,94vw)}} @media (max-width:880px){.ez__list{display:none}} @media (max-width:880px){.ez__phone{width:100%;padding:0;background:0 0;border:0;box-shadow:none;border-radius:0}} @media (max-width:880px){.ez__phone::before{display:none}} @media (max-width:880px){.ez__screen{aspect-ratio:auto;height:min(74svh,660px);border-radius:28px;border:1px solid rgba(255,255,255,.14);box-shadow:0 46px 100px -40px rgba(0,0,0,.95),0 0 80px -34px rgba(150,180,240,.3)}} @media (max-width:880px){.ez__seg{top:15px;left:15px;right:15px;gap:4px}} @media (max-width:880px){.ez__seg i{height:3px;background:rgba(255,255,255,.2)}} @media (max-width:880px){.ez__hint{display:none}} @media (max-width:880px){.ez__msgs,.ez__pro,.ez__time,.ez__doc,.ez__chips,.ez__nums,.ez__belt,.ez__check{display:none}} @media (max-width:880px){.ez__bar{display:none}} @media (max-width:880px){.ez__wow{font-size:clamp(46px,13vw,56px)}} @media (max-width:880px){.ez__cta{margin-top:4px;padding:18px 24px;font-size:16.5px}} @media (max-width:880px){.ez__fact{display:block;margin:2px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.13);font-family:"Inter",var(--e-fb);font-size:13.5px;font-weight:600;letter-spacing:.01em;line-height:1.5;color:var(--e-ink3)}} @media (max-width:880px){.ez__mnav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px}} @media (max-width:880px){.ez__mb{appearance:none;border:1px solid var(--e-line);background:0;cursor:pointer;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:var(--e-ink2);transition:transform .35s var(--e-ease),border-color .3s,color .3s}} @media (max-width:880px){.ez__mb:active{transform:scale(.92)}} @media (max-width:880px){.ez__mb svg{width:19px;height:19px;stroke:currentColor;stroke-width:2;fill:none}} @media (max-width:880px){.ez__mcount{min-width:74px;text-align:center;font-family:"Inter",var(--e-fb);font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--e-ink3)}} @media (max-width:880px){.ez__mcount b{color:var(--e-ink);font-weight:600}} @media (max-width:400px){.ez__screen{border-radius:24px;height:min(76svh,640px)}} @media (max-width:400px){.ez__mb{width:48px;height:48px}} @media (prefers-reduced-motion:reduce){.ez__belt div,.ez__flash{animation:none!important}} @media (prefers-reduced-motion:reduce){.ez.pre .ez__phone,.ez.pre .ez__it{opacity:1;translate:0 0;scale:1;filter:none}} @keyframes ezBelt{to{translate:-50%0}} /* ══════ .ezs · шит этапов ══════ */ .ezs{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s var(--e-ease),visibility .55s;z-index:1} .ezs.on{opacity:1;visibility:visible;z-index:2} .ezs__bg{position:absolute;inset:0} .ezs__bg img,.ezs__bg video{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 7s var(--e-ease);filter:brightness(.82)} .ezs.on .ezs__bg img,.ezs.on .ezs__bg video{transform:scale(1)} .ezs__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,11,.55)0,rgba(6,7,11,.14) 34%,rgba(6,7,11,.2) 58%,rgba(6,7,11,.88) 100%)} .ezs__in{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:20px 18px 92px} .ezs [data-a]{opacity:0;translate:0 16px;transition:opacity .6s var(--e-ease),translate .6s var(--e-ease)} .ezs.on [data-a]{opacity:1;translate:0 0} .ezs.on [data-a].d1{transition-delay:.12s} .ezs.on [data-a].d2{transition-delay:.24s} .ezs.on [data-a].d3{transition-delay:.38s} .ezs.on [data-a].d4{transition-delay:.52s} .ezs__k{font-family:"Inter",var(--e-fb);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#dbe7fb;display:inline-flex;align-items:center;gap:9px} .ezs__k::before{content:"";width:20px;height:1px;background:var(--e-glow);box-shadow:0 0 8px var(--e-glow)} .ezs__t{font-family:var(--e-fd);font-weight:400;font-size:clamp(24px,6.4vw,28px);line-height:1.14;letter-spacing:-.01em;color:#fff;margin:0} .ezs__t b{font-weight:500} .ezs__d{margin:0;font-size:15px;line-height:1.55;color:var(--e-ink2)} .ezs.on .ez__rail i{animation:ezRail 2.4s var(--e-ease) .5s forwards} .ezs.on .ez__rail u{animation:ezKnob 2.4s var(--e-ease) .5s forwards} .ezs.on .ez__stamp{animation:ezStamp .5s var(--e-ease) .9s forwards} .ezs.on .ez__ck{animation:ezCk .55s var(--e-ease) forwards} .ezs.on .ez__ck:nth-child(1){animation-delay:.35s} .ezs.on .ez__ck:nth-child(2){animation-delay:.55s} .ezs.on .ez__ck:nth-child(3){animation-delay:.75s} .ezs.on .ez__ck:nth-child(4){animation-delay:.95s} .ezs--fin .ezs__shade{background:linear-gradient(180deg,rgba(6,7,11,.4),rgba(6,7,11,.06) 40%,rgba(6,7,11,.86) 100%)} .ezs.on .ez__flash{animation:ezFlash 1.4s var(--e-ease) .35s forwards} @media (max-width:880px){.ezs__in{padding:26px 20px 30px;gap:14px}} @media (max-width:880px){.ezs__k{font-size:11.5px;letter-spacing:.18em}} @media (max-width:880px){.ezs__t{font-size:clamp(26px,7.4vw,32px);line-height:1.12}} @media (max-width:880px){.ezs__d{font-size:15.5px;line-height:1.6;max-width:30ch}} @media (max-width:400px){.ezs__in{padding:24px 18px 28px;gap:12px}} @media (prefers-reduced-motion:reduce){.ezs.on .ez__rail i{animation:none;transform:scaleX(1)}} @media (prefers-reduced-motion:reduce){.ezs.on .ez__rail u{animation:none;left:100%;opacity:1}} @media (prefers-reduced-motion:reduce){.ezs.on .ez__stamp{animation:none;opacity:1;scale:1}} @media (prefers-reduced-motion:reduce){.ezs.on .ez__ck{animation:none;opacity:1;translate:0 0}} @keyframes ezRail{to{transform:scaleX(1)}} @keyframes ezKnob{0%{left:0;opacity:1}to{left:100%;opacity:1}} @keyframes ezStamp{60%{opacity:1;scale:.92;rotate:-9deg}80%{scale:1.06}to{opacity:1;scale:1;rotate:-9deg}} @keyframes ezCk{to{opacity:1;translate:0 0}} @keyframes ezFlash{0%{opacity:0}18%{opacity:.9}30%{opacity:.15}46%{opacity:.75}64%{opacity:.1}to{opacity:0}} /* ══════ .pk · акции · колесо ══════ */ .pk{--k-ink:#F4F6FA;--k-ink2:rgba(233,236,245,.72);--k-ink3:rgba(233,236,245,.46);--k-line:rgba(255,255,255,.12);--k-red:#f02d12;--k-red2:#ff5a38;--k-red3:#c01500;--k-grad:linear-gradient(115deg,#ff5a38,#f02d12 55%,#c01500);--k-ease:cubic-bezier(.22,1,.36,1);--k-fd:"Unbounded",system-ui,sans-serif;--k-fb:"Onest","Inter",system-ui,sans-serif;--k-w:min(1160px,94vw);position:relative;overflow:clip;color:var(--k-ink);font-family:var(--k-fb);padding:clamp(56px,7vw,104px)0 clamp(60px,7vw,108px);background:radial-gradient(50% 38%at 12% 8%,rgba(240,45,18,.15),transparent 70%),radial-gradient(44% 34%at 90% 14%,rgba(192,21,0,.13),transparent 70%),radial-gradient(58% 44%at 50% 108%,rgba(255,90,56,.09),transparent 72%),#0b0c10} .pk *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .pk .sec__head{position:relative;z-index:2} .pk__stagewrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.2vw,26px);padding:0 16px} .pk__stage{position:relative;width:var(--k-w);border-radius:30px;overflow:hidden;touch-action:pan-y;min-height:clamp(430px,42vw,560px);display:flex;align-items:flex-end;background:#12131a;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 50px 110px -46px rgba(0,0,0,.95)} .pk__stage::after{content:"";position:absolute;inset:-1px;border-radius:31px;padding:1.4px;pointer-events:none;z-index:6;opacity:.8;background:conic-gradient(from var(--pkb),transparent 0 12%,var(--k-red2) 22%,rgba(255,255,255,.95) 28%,var(--k-red2) 34%,transparent 46% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:pkSpin 8s linear infinite} .pk__ph{position:absolute;inset:0;background:radial-gradient(80% 60%at 70% 20%,#232430,transparent 70%),linear-gradient(160deg,#1a1b24,#0e0f15)} .pk__imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;scale:1.06;filter:blur(3px);transition:opacity .7s var(--k-ease),scale 1.3s var(--k-ease),filter .7s var(--k-ease)} .pk__imgs img.on{opacity:1;scale:1;filter:blur(0)} .pk__shade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,7,11,.6)0,rgba(7,7,11,.28) 46%,rgba(7,7,11,.08) 72%,rgba(7,7,11,.32) 100%)} .pk__scan{position:absolute;top:-6%;bottom:-6%;left:0;width:20%;z-index:4;opacity:0;pointer-events:none;mix-blend-mode:screen;filter:blur(.5px);background:linear-gradient(90deg,transparent,rgba(255,70,35,.3) 44%,rgba(255,255,255,.55) 50%,rgba(255,70,35,.3) 56%,transparent)} .pk__glass{position:relative;z-index:3;margin:clamp(16px,2.4vw,30px);width:min(620px,calc(100% - clamp(32px,4.8vw,60px)));border-radius:24px;padding:clamp(20px,2.4vw,30px);display:grid;gap:12px;justify-items:start;background:linear-gradient(160deg,rgba(18,18,25,.62),rgba(18,18,25,.34));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 30px 70px -30px rgba(0,0,0,.8);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)} .pk__chip{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffc0ae;padding:9px 14px;border-radius:999px;border:1px solid rgba(240,45,18,.6);background:rgba(240,45,18,.16)} .pk__chip i{width:7px;height:7px;border-radius:50%;background:var(--k-red2);box-shadow:0 0 10px var(--k-red2);animation:pkBlink 1.8s ease infinite} .pk__val{font-family:var(--k-fd);font-weight:500;line-height:1;letter-spacing:-.02em;font-size:clamp(48px,7.4vw,84px);background:linear-gradient(115deg,#ffab84,#ff3d1c 42%,#e11500 80%,#ff6a45);background-size:220% 220%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 16px 44px rgba(240,45,18,.5));animation:pkIri 5.5s var(--k-ease) infinite alternate} .pk__val.gift{font-size:clamp(34px,4.8vw,54px)} .pk__sub{font-size:clamp(15px,1.8vw,17.5px);font-weight:600;color:rgba(244,246,250,.9)} .pk__viz{display:flex;align-items:center;gap:12px;min-height:24px} .pk__viz[hidden]{display:none} .pk__spots{display:flex;gap:9px} .pk__spots i{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff,#ffe0d4 26%,#ff5a38 62%,#c01500);box-shadow:0 0 16px rgba(255,90,56,.95);opacity:.16;scale:.65;transition:opacity .35s var(--k-ease),scale .5s var(--k-ease)} .pk__spots i.on{opacity:1;scale:1} .pk__lline{position:relative;width:min(230px,54vw);height:10px;border-radius:99px;background:#15161d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)} .pk__lline i{position:absolute;inset:2px;border-radius:99px;background:var(--k-grad);transform-origin:left center;box-shadow:0 0 18px rgba(255,70,35,.95);animation:pkGlow 2.2s ease infinite alternate} .pk__ex{display:flex;flex-wrap:wrap;align-items:center;gap:9px 11px;margin-top:2px} .pk__ex small{width:100%;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--k-ink3)} .pk__was{font-size:17px;font-weight:600;color:rgba(244,246,250,.5);text-decoration:line-through;text-decoration-color:rgba(255,90,56,.85);text-decoration-thickness:2px} .pk__ex svg{width:15px;height:15px;stroke:var(--k-red2);stroke-width:2.4;fill:none} .pk__now{font-family:var(--k-fd);font-weight:500;font-size:clamp(20px,2vw,25px);color:#fff} .pk__save{font-size:12.5px;font-weight:600;color:#fff;padding:10px 13px;border-radius:999px;background:var(--k-grad);box-shadow:0 14px 34px -10px rgba(240,45,18,.85);animation:pkSavePulse 2.6s var(--k-ease) infinite} .pk__foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:4px} .pk__cond{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--k-ink2);padding:12px 15px;border-radius:999px;border:1px solid var(--k-line);background:rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .pk__cond svg{width:14px;height:14px;flex:none;stroke:var(--k-red2);stroke-width:2.2;fill:none} .pk__cta{appearance:none;cursor:pointer;padding:16px 26px;border-radius:16px;border:0;background:var(--k-grad);color:#fff;font-family:var(--k-fb);font-weight:600;font-size:15.5px;display:inline-flex;align-items:center;gap:9px;box-shadow:0 20px 50px -14px rgba(240,45,18,.85);transition:transform .3s var(--k-ease),box-shadow .3s var(--k-ease)} .pk__cta svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none} .pk__cta:hover{transform:translateY(-2px);box-shadow:0 26px 62px -14px rgba(255,70,35,.95)} .pk__caption{width:var(--k-w);display:flex;justify-content:space-between;align-items:baseline;margin-bottom:-10px;padding:0 6px} .pk__caption b{font-family:var(--k-fd);font-weight:500;font-size:15px;color:var(--k-ink2)} .pk__caption .pk__hintt{font-size:12.5px;font-weight:600;color:var(--k-ink3)} .pk__count{font-family:var(--k-fd);font-weight:500;font-size:14px;color:var(--k-ink3);margin-left:14px} .pk__count b{color:var(--k-red2);font-weight:500} .pk__tapewrap{position:relative;width:var(--k-w)} .pk__needle{position:absolute;left:50%;top:-10px;z-index:6;height:104px;width:0;pointer-events:none;transition:left .6s var(--k-ease)} .pk__needle.no-t{transition:none} .pk__needle::before{content:"";position:absolute;left:-1.5px;top:13px;bottom:0;width:3px;border-radius:2px;background:var(--k-grad);box-shadow:0 0 18px rgba(240,45,18,.95)} .pk__needle::after{content:"";position:absolute;left:-8px;top:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--k-red)} .pk__tapewrap::before,.pk__tapewrap::after{content:"";position:absolute;top:0;bottom:0;width:clamp(34px,5vw,72px);z-index:5;pointer-events:none} .pk__tapewrap::before{left:0;background:linear-gradient(90deg,#0b0c10,rgba(11,12,16,0))} .pk__tapewrap::after{right:0;background:linear-gradient(-90deg,#0b0c10,rgba(11,12,16,0))} .pk__ghint{position:absolute;top:14px;right:14px;z-index:4;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.05em;color:#fff;padding:9px 13px;border-radius:999px;background:rgba(12,13,18,.5);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px);transition:opacity .5s var(--k-ease),translate .5s var(--k-ease)} .pk__ghint svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;fill:none} .pk__ghint.gone{opacity:0;translate:0/**/-8px;pointer-events:none} .pk__tape{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;padding:8px calc(50% - 94px) 6px} .pk__tape::-webkit-scrollbar{display:none} .pk__tape.is-drag,.pk__tape.is-anim{scroll-snap-type:none} .pk__tape.is-drag{cursor:grabbing} .pk__row{position:relative;display:inline-flex;align-items:flex-start} .pk__ribbon{position:absolute;top:0;left:-14px;right:-70px;height:64px;border-radius:6px;background:linear-gradient(#f02d12,#f02d12)0 0/100% 4px no-repeat,linear-gradient(180deg,#f8f3e8,#e9e2d1);box-shadow:inset 0/**/-3px 0 rgba(60,40,20,.18),inset 0 4px 0 rgba(255,255,255,.55),0 18px 38px -14px rgba(0,0,0,.8)} .pk__ribbon::before{content:"";position:absolute;left:0;right:0;top:9px;height:21px;background:repeating-linear-gradient(90deg,#2b2c33 0 2px,transparent 2px 59px)} .pk__ribbon::after{content:"";position:absolute;left:0;right:0;top:9px;height:12px;background:repeating-linear-gradient(90deg,rgba(43,44,51,.75)0 1.5px,transparent 1.5px 11.8px)} .pk__hook{position:relative;flex:0 0 24px;height:64px} .pk__hook::before{content:"";position:absolute;left:2px;top:-8px;width:10px;height:80px;border-radius:3px;background:linear-gradient(90deg,#e8ecf3,#9aa1ad 60%,#c8cdd6);box-shadow:0 6px 14px rgba(0,0,0,.6)} .pk__hook::after{content:"";position:absolute;left:2px;top:-8px;width:22px;height:10px;border-radius:3px;background:linear-gradient(180deg,#e8ecf3,#9aa1ad)} .pk__flag{display:none;align-items:center;gap:8px;font-family:var(--k-fb);font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;padding:9px 15px;border-radius:999px;background:var(--k-grad);box-shadow:0 14px 34px -12px rgba(240,45,18,.9);animation:pkSavePulse 2.6s var(--k-ease) infinite} .pk__flag svg{width:15px;height:15px;fill:#fff;flex:none} .pk__glass.is-hero .pk__flag{display:inline-flex} .pk__glass.is-hero{border-color:rgba(255,90,56,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 30px 80px -28px rgba(240,45,18,.55),0 0 0 1px rgba(255,90,56,.16)} .pk__glass.is-hero .pk__val{font-size:clamp(31px,4.6vw,50px);letter-spacing:-.01em} .pk__glass.is-hero .pk__chip,.pk__glass.is-hero .pk__ex{display:none} .pk__gift{display:none;position:relative;align-self:start;overflow:hidden;margin-top:2px;font-family:var(--k-fd);font-weight:500;font-size:clamp(19px,2.3vw,26px);letter-spacing:-.01em;color:#fff;padding:12px 30px;border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.17),rgba(255,255,255,.05));backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 22px 54px -22px rgba(240,45,18,.5)} .pk__glass.is-hero .pk__gift{display:inline-flex;align-items:center} .pk__gift::before{content:"";position:absolute;inset:0;border-radius:16px;padding:1.6px;background:conic-gradient(from var(--pkg),#ff5a38,#ffd7a8,#a98cff,#7fa8ff,#ff5a38);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:pkgSpin 4.5s linear infinite} .pk__gift::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.55) 48%,transparent 60%);transform:translateX(-130%);animation:pkgShine 3.6s ease-in-out infinite} @media (prefers-reduced-motion:reduce){.pk__gift::before{animation:none}} @media (prefers-reduced-motion:reduce){.pk__gift::after{display:none}} .pk__note{position:relative;z-index:2;font-size:13px;font-weight:600;color:var(--k-ink3);text-align:center;max-width:56ch;margin:0 auto;padding:0 16px} @media (min-width:861px){.pk__tape{overflow:visible;padding:8px 0 6px;cursor:default;scroll-snap-type:none}} @media (min-width:861px){.pk__row{display:flex;width:100%}} @media (min-width:861px){.pk__ribbon{left:-4px;right:-4px}} @media (min-width:861px){.pk__tapewrap{cursor:grab}} @media (min-width:861px){.pk__tapewrap.is-drag{cursor:grabbing}} @media (min-width:861px){.pk__tapewrap::before,.pk__tapewrap::after{display:none}} .pk.pre .pk__stage{opacity:0;translate:0 28px;scale:1 .92;filter:blur(10px);transition:opacity .8s var(--k-ease),translate .8s var(--k-ease),scale .9s var(--k-ease),filter .8s var(--k-ease)} .pk.pre.lit .pk__stage{opacity:1;translate:0 0;scale:1 1;filter:blur(0)} .pk.pre .pk__caption,.pk.pre .pk__note{opacity:0;translate:0 14px;transition:opacity .6s var(--k-ease) .35s,translate .6s var(--k-ease) .35s} .pk.pre.lit .pk__caption,.pk.pre.lit .pk__note{opacity:1;translate:0 0} .pk.pre .pk__tapewrap{opacity:0;translate:70px 0;filter:blur(8px);transition:opacity .7s var(--k-ease) .25s,translate .7s var(--k-ease) .25s,filter .7s var(--k-ease) .25s} .pk.pre.lit .pk__tapewrap{opacity:1;translate:0 0;filter:blur(0)} @media (max-width:640px){.pk{padding:52px 0 58px}} @media (max-width:640px){.pk__stage{min-height:500px}} @media (max-width:640px){.pk__glass{margin:12px;width:calc(100% - 24px);padding:17px;gap:10px}} @media (max-width:640px){.pk__cta{width:100%;justify-content:center}} @media (max-width:640px){.pk__was{font-size:15.5px}} @media (max-width:640px){.pk__now{font-size:19px}} @media (max-width:640px){.pk__save{padding:9px 12px;font-size:12px}} @media (max-width:640px){.pk__caption b{font-size:14px}} @media (max-width:640px){.pk__caption .pk__hintt .pk__hlabel{display:none}} @media (prefers-reduced-motion:reduce){.pk__stage::after,.pk__val,.pk__save,.pk__chip i,.pk__lline i{animation:none!important}} @media (prefers-reduced-motion:reduce){.pk.pre .pk__stage,.pk.pre .pk__caption,.pk.pre .pk__note,.pk.pre .pk__tapewrap{opacity:1;translate:0 0;scale:1 1;filter:none}} @property --pkb{syntax:"";initial-value:0deg;inherits:false} @keyframes pkSpin{to{--pkb:360deg}} @keyframes pkBlink{50%{opacity:.35}} @keyframes pkIri{to{background-position:100% 100%}} @keyframes pkGlow{to{box-shadow:0 0 32px #ff6e46}} @keyframes pkSavePulse{50%{box-shadow:0 14px 44px -8px rgba(255,70,35,.95)}} @property --pkg{syntax:"";initial-value:0deg;inherits:false} @keyframes pkgSpin{to{--pkg:360deg}} @keyframes pkgShine{0%,58%{transform:translateX(-130%)}to{transform:translateX(240%)}} /* ══════ .pkstop · акции · остановки ══════ */ .pkstop{position:relative;scroll-snap-align:center;flex:0 0 188px;appearance:none;border:0;background:0;cursor:pointer;display:grid;justify-items:center;padding:0} .pkstop .num{position:relative;z-index:2;margin-top:31px;height:33px;font-family:var(--k-fd);font-weight:500;font-size:16px;color:#c8200a;line-height:1} .pkstop .lbl{position:relative;z-index:2;margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-family:var(--k-fb);font-weight:600;font-size:13.5px;color:var(--k-ink2);padding:12px 15px;border-radius:999px;border:1px solid var(--k-line);background:rgba(18,19,26,.88);backdrop-filter:blur(10px);transition:.35s var(--k-ease);white-space:nowrap} .pkstop .lbl svg{width:17px;height:17px;flex:none;stroke:currentColor;stroke-width:1.9;fill:none} .pkstop:hover .lbl{border-color:rgba(255,255,255,.28)} .pkstop.on .lbl{color:#fff;background:var(--k-grad);border-color:transparent;box-shadow:0 16px 38px -10px rgba(240,45,18,.9)} .pkstop--hero .lbl{border-color:rgba(255,90,56,.55);box-shadow:0 0 0 1px rgba(255,90,56,.3),0 12px 30px -14px rgba(240,45,18,.85)} .pkstop--hero.on .lbl{box-shadow:0 16px 38px -10px rgba(240,45,18,.95)} @media (min-width:861px){.pkstop{flex:1 1 0;min-width:0}} @media (min-width:861px){.pkstop .num{font-size:17px}} /* ══════ .vp · нам доверяют · видео ══════ */ .vp{--w-ink:#15151b;--w-ink2:#585866;--w-ink3:#8e8e9d;--w-line:rgba(21,21,32,.10);--w-grad:linear-gradient(115deg,#6a56d6,#a98cff 55%,#7fa8ff);--w-acc:#7e6ce0;--w-sh:0 30px 70px -32px rgba(40,34,90,.32);--w-sh2:0 16px 40px -18px rgba(40,34,90,.26);--w-ease:cubic-bezier(.22,1,.36,1);--w-fd:"Unbounded",system-ui,sans-serif;--w-fb:"Onest","Inter",system-ui,sans-serif;position:relative;overflow:clip;color:var(--w-ink);font-family:var(--w-fb);padding:clamp(56px,7vw,100px)0;background:radial-gradient(46% 32%at 10% 8%,rgba(140,120,255,.15),transparent 70%),radial-gradient(42% 30%at 92% 12%,rgba(120,170,255,.13),transparent 70%),radial-gradient(50% 36%at 50% 106%,rgba(190,150,255,.1),transparent 72%),#f5f6f8} .vp *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .vp [hidden]{display:none!important} .vp .sec__head{position:relative;z-index:2} .vp__row{position:relative;z-index:2;display:flex;justify-content:center;align-items:stretch;gap:clamp(16px,2.2vw,28px);padding:0 16px;width:min(1220px,100%);margin:0 auto} .vp__big{position:absolute;z-index:0;left:-1%;top:-6%;pointer-events:none;user-select:none;font-family:var(--w-fd);font-weight:500;line-height:1;font-size:clamp(200px,24vw,330px);color:rgba(106,86,214,.07)} .vp__pickcol{position:relative;z-index:2;width:300px;flex:none;border-radius:28px;padding:20px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),var(--w-sh);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5)} .vp__top{display:flex;align-items:center;justify-content:space-between} .vp__top b{font-family:var(--w-fd);font-weight:500;font-size:14px;color:var(--w-ink2)} .vp__count{font-family:var(--w-fd);font-weight:500;font-size:14px;color:var(--w-ink3)} .vp__count b{color:var(--w-acc);font-weight:500} .vp__drumwrap{position:relative;flex:1;display:flex;gap:10px;align-items:center;min-height:0} .vp__drum{position:relative;flex:1;height:clamp(280px,32vh,330px);perspective:900px;touch-action:none;cursor:grab;user-select:none;-webkit-mask:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)} .vp__drum.is-drag{cursor:grabbing} .vp__list{position:absolute;inset:0;transform-style:preserve-3d} .vp__o{position:absolute;left:0;right:0;top:50%;height:56px;margin-top:-28px;appearance:none;border:0;background:0;cursor:pointer;padding:0 8px;display:flex;align-items:center;gap:11px;will-change:transform;backface-visibility:hidden;opacity:0} .vp__o i{font-style:normal;font-family:var(--w-fd);font-weight:500;font-size:12px;color:var(--w-ink3);letter-spacing:.06em;flex:none;width:22px} .vp__o b{font-family:var(--w-fd);font-weight:500;font-size:21px;letter-spacing:-.01em;color:var(--w-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s;flex:1 1 auto;min-width:0} .vp__o.c b{background:var(--w-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .vp__o.c i{color:var(--w-acc)} .vp__lens{position:absolute;left:2px;right:2px;top:calc(50% - 30px);height:60px;border-radius:14px;pointer-events:none;border:1px solid rgba(126,108,224,.35);background:rgba(126,108,224,.06)} .vp__updown{display:none;flex-direction:column;justify-content:center;gap:10px} .vp__ud{width:42px;height:42px;border-radius:50%;appearance:none;cursor:pointer;border:1px solid var(--w-line);background:rgba(255,255,255,.8);color:var(--w-ink);display:grid;place-items:center;box-shadow:var(--w-sh2);transition:.3s var(--w-ease)} .vp__ud svg{width:17px;height:17px;stroke:currentColor;stroke-width:2.2;fill:none;transition:rotate .3s} .vp__ud:hover{transform:translateY(-2px);color:var(--w-acc)} .vp__hintd{font-size:12.5px;font-weight:600;color:var(--w-ink3);text-align:center} .vp__stagecol{position:relative;z-index:2;flex:none;display:flex;align-items:center} .vp__video{position:relative;width:clamp(320px,29vw,400px);aspect-ratio:9/16;border-radius:28px;overflow:hidden;touch-action:pan-y;cursor:pointer;background:radial-gradient(80% 55%at 35% 15%,#232430,transparent 70%),linear-gradient(165deg,#1a1b24,#0e0f15);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 50px 110px -42px rgba(40,34,90,.6)} .vp__it{position:absolute;inset:0;opacity:0;transition:opacity .45s var(--w-ease)} .vp__it.on{opacity:1} .vp__it img,.vp__it video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .vp__it video{opacity:0;transition:opacity .4s} .vp__it.playing video{opacity:1} .vp__shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(8,8,12,.34),transparent 26%,transparent 70%,rgba(8,8,12,.62))} .vp__prog{position:absolute;top:12px;left:14px;right:14px;z-index:4;height:3px;border-radius:99px;background:rgba(255,255,255,.28);overflow:hidden} .vp__prog i{display:block;height:100%;width:0;border-radius:99px;background:var(--w-grad)} .vp__tag{position:absolute;top:24px;left:14px;z-index:4;display:inline-flex;align-items:center;gap:7px;font-family:"Inter",var(--w-fb);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;padding:7px 11px;border-radius:999px;background:rgba(14,15,22,.5);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px)} .vp__ctr{position:absolute;right:12px;bottom:14px;z-index:4;display:flex;flex-direction:column;gap:8px} .vp__btn{width:42px;height:42px;border-radius:50%;appearance:none;cursor:pointer;color:#fff;border:1px solid rgba(255,255,255,.3);background:rgba(14,15,22,.5);backdrop-filter:blur(10px);display:grid;place-items:center;transition:.3s var(--w-ease)} .vp__btn svg{width:19px;height:19px;stroke:currentColor;stroke-width:2;fill:none} .vp__btn.on{background:#fff;color:#15151b;border-color:#fff} .vp__vt{position:absolute;left:16px;bottom:16px;right:66px;z-index:4;color:#fff} .vp__vt b{display:block;font-family:var(--w-fd);font-weight:500;font-size:16px} .vp__vt span{display:block;margin-top:4px;font-size:13px;font-weight:600;color:rgba(255,255,255,.8)} .vp__slats{position:absolute;inset:0;z-index:5;display:flex;pointer-events:none} .vp__slats i{flex:1;background:var(--w-grad);transform:scaleY(0);transform-origin:top} .vp__slats i:nth-child(even){transform-origin:bottom} .vp__ov{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;padding:16px;overflow:auto;opacity:0;visibility:hidden;translate:0 14px;background:linear-gradient(180deg,rgba(10,11,16,.62),rgba(10,11,16,.82));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .4s var(--w-ease),translate .4s var(--w-ease),visibility .4s} .vp__video.ov-open .vp__ov{opacity:1;visibility:visible;translate:0 0} .vp__ovclose{position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;border-radius:50%;appearance:none;cursor:pointer;color:#fff;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);display:grid;place-items:center} .vp__ovclose svg{width:17px;height:17px;stroke:currentColor;stroke-width:2.2;fill:none} .vp__ov .vp__detin{margin-top:34px} .vp__ov .vp__t,.vp__ov .vp__st b{color:#fff} .vp__ov .vp__addr,.vp__ov .vp__desc{color:rgba(255,255,255,.86)} .vp__ov .vp__st{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)} .vp__ov .vp__st small{color:rgba(255,255,255,.55)} .vp__ov .vp__chips i{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.86)} .vp__lens.nt{transition:none!important} .vp__infocol{position:relative;z-index:2;width:350px;flex:none;border-radius:28px;padding:clamp(18px,2vw,24px);display:flex;flex-direction:column;background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),var(--w-sh);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5)} .vp__morebar{display:none} .vp__detail{display:grid;grid-template-rows:1fr;min-height:0} .vp__detin{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:12px} .vp__t{font-family:var(--w-fd);font-weight:500;font-size:clamp(19px,1.9vw,23px);letter-spacing:-.01em} .vp__addr{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--w-ink2)} .vp__addr svg{width:15px;height:15px;flex:none;stroke:var(--w-acc);stroke-width:2;fill:none} .vp__desc{font-size:14.5px;line-height:1.6;color:var(--w-ink2)} .vp__stats{display:grid;grid-template-columns:1fr 1fr;gap:10px} .vp__st{border:1px solid var(--w-line);border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.6)} .vp__st small{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--w-ink3)} .vp__st b{display:block;margin-top:4px;font-family:var(--w-fd);font-weight:500;font-size:18px;color:var(--w-ink)} .vp__chips{display:flex;flex-wrap:wrap;gap:7px} .vp__chips i{font-style:normal;font-size:12.5px;font-weight:600;color:var(--w-ink2);padding:8px 12px;border-radius:999px;border:1px solid var(--w-line);background:rgba(255,255,255,.65)} .vp__cta{appearance:none;cursor:pointer;margin-top:auto;padding:15px 22px;border-radius:16px;border:0;background:var(--w-grad);color:#fff;font-family:var(--w-fb);font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 18px 44px -14px rgba(106,86,214,.7);transition:transform .3s var(--w-ease),box-shadow .3s var(--w-ease)} .vp__cta svg{width:16px;height:16px;stroke:currentColor;stroke-width:2.2;fill:none} .vp__cta:hover{transform:translateY(-2px);box-shadow:0 24px 54px -14px rgba(106,86,214,.85)} .vp.pre .vp__pickcol{opacity:0;translate:-28px 0;filter:blur(8px);transition:opacity .7s var(--w-ease),translate .7s var(--w-ease),filter .7s var(--w-ease)} .vp.pre .vp__stagecol{opacity:0;scale:.94;filter:blur(8px);transition:opacity .7s var(--w-ease) .1s,scale .8s var(--w-ease) .1s,filter .7s var(--w-ease) .1s} .vp.pre .vp__infocol{opacity:0;translate:28px 0;filter:blur(8px);transition:opacity .7s var(--w-ease) .2s,translate .7s var(--w-ease) .2s,filter .7s var(--w-ease) .2s} .vp.pre .vp__big{opacity:0;transition:opacity 1s var(--w-ease) .3s} .vp.pre.lit .vp__pickcol,.vp.pre.lit .vp__infocol{opacity:1;translate:0 0;filter:blur(0)} .vp.pre.lit .vp__stagecol{opacity:1;scale:1;filter:blur(0)} .vp.pre.lit .vp__big{opacity:1} @media (min-width:901px){.vp__ibtn,.vp__ov{display:none!important}} @media (min-width:901px){.vp__drumwrap{align-items:stretch}} @media (min-width:901px){.vp__drum{height:auto;flex:1;min-height:380px;perspective:none;-webkit-mask:none;mask:none}} @media (min-width:901px){.vp__list{position:relative;inset:auto;height:100%;display:flex;flex-direction:column;justify-content:space-evenly}} @media (min-width:901px){.vp__pickcol{width:clamp(300px,25vw,368px)}} @media (min-width:901px){.vp__o{position:relative;left:auto;right:auto;top:auto;height:auto;margin:0;padding:9px 12px;gap:9px;opacity:1!important;transform:none!important;pointer-events:auto!important}} @media (min-width:901px){.vp__o i{width:20px}} @media (min-width:901px){.vp__o b{font-size:clamp(15px,1.24vw,19px);white-space:normal;text-align:left;overflow:visible;text-overflow:clip;line-height:1.16;overflow-wrap:break-word;text-wrap:balance}} @media (min-width:901px){.vp__lens{height:52px;top:0;transition:top .55s var(--w-ease),height .55s var(--w-ease)}} @media (min-width:901px){.vp.pre .vp__o{opacity:0!important;translate:-12px 0;transition:opacity .5s var(--w-ease),translate .5s var(--w-ease)}} @media (min-width:901px){.vp.pre .vp__o:nth-child(2){transition-delay:.06s}} @media (min-width:901px){.vp.pre .vp__o:nth-child(3){transition-delay:.12s}} @media (min-width:901px){.vp.pre .vp__o:nth-child(4){transition-delay:.18s}} @media (min-width:901px){.vp.pre .vp__o:nth-child(5){transition-delay:.24s}} @media (min-width:901px){.vp.pre.lit .vp__o{opacity:1!important;translate:0 0}} @media (max-width:900px){.vp__row{flex-direction:column;align-items:center}} @media (max-width:900px){.vp__big{display:none}} @media (max-width:900px){.vp__stagecol{order:1}} @media (max-width:900px){.vp__video{width:min(360px,88vw)}} @media (max-width:900px){.vp__pickcol{order:2;width:min(520px,94vw);padding:16px 14px;gap:10px}} @media (max-width:900px){.vp__drumwrap{gap:0}} @media (max-width:900px){.vp__drum{min-height:0;height:76px;touch-action:pan-y;-webkit-mask:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}} @media (max-width:900px){.vp__o{left:50%;right:auto;top:50%;height:auto;width:150px;margin:0;padding:0 2px;gap:8px;justify-content:center;translate:0/**/-50%}} @media (max-width:900px){.vp__o b{font-size:15px;line-height:1.14;white-space:normal;text-align:center;overflow:visible;text-overflow:clip;overflow-wrap:break-word}} @media (max-width:900px){.vp__o i{display:none}} @media (max-width:900px){.vp__lens{left:50%;right:auto;top:6px;bottom:6px;height:auto;width:166px;translate:-50%0}} @media (max-width:900px){.vp__updown{display:flex;position:absolute;inset:0;flex-direction:row;justify-content:space-between;align-items:center;pointer-events:none;z-index:3}} @media (max-width:900px){.vp__ud{width:38px;height:38px;pointer-events:auto;background:rgba(255,255,255,.92)}} @media (max-width:900px){.vp__ud svg{rotate:-90deg}} @media (max-width:900px){.vp__hintd{display:none}} @media (max-width:900px){.vp__infocol{display:none}} @media (prefers-reduced-motion:reduce){.vp.pre .vp__pickcol,.vp.pre .vp__stagecol,.vp.pre .vp__infocol,.vp.pre .vp__big{opacity:1;translate:0 0;scale:1;filter:none}} .vp__it{visibility:hidden} .vp__it.on{visibility:visible} /* ══════ .rvx · отзывы ══════ */ .rvx{--v-ink:#15151b;--v-ink2:#585866;--v-ink3:#8e8e9d;--v-card:#ffffff;--v-line:rgba(21,21,32,.09);--v-acc:#7e6ce0;--v-acc2:#b39dff;--v-gold:#f2b01e;--v-grad:linear-gradient(115deg,#6a56d6,#a98cff 55%,#7fa8ff);--v-sh:0 34px 80px -34px rgba(40,34,90,.35);--v-sh2:0 16px 40px -18px rgba(40,34,90,.30);--v-ease:cubic-bezier(.22,1,.36,1);--v-fd:"Unbounded",system-ui,sans-serif;--v-fb:"Onest","Inter",system-ui,sans-serif;position:relative;overflow:clip;color:var(--v-ink);font-family:var(--v-fb);padding:clamp(52px,7vw,96px)0 clamp(56px,7vw,100px);background:radial-gradient(52% 34%at 12% 6%,rgba(150,130,255,.14),transparent 70%),radial-gradient(46% 30%at 90% 10%,rgba(120,190,255,.12),transparent 70%),radial-gradient(50% 36%at 50% 100%,rgba(190,150,255,.1),transparent 72%),#f5f5f7} .rvx *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .rvx [hidden]{display:none!important} .rvx img{user-select:none;-webkit-user-drag:none} .rvx__q{position:absolute;z-index:0;font-family:var(--v-fd);font-weight:600;line-height:1;color:rgba(106,86,214,.06);pointer-events:none;user-select:none} .rvx__q--a{font-size:clamp(180px,26vw,360px);top:2%;left:-1%;animation:rvFloat 18s var(--v-ease) infinite alternate} .rvx__q--b{font-size:clamp(150px,22vw,320px);bottom:0;right:0;rotate:180deg;animation:rvFloat 23s var(--v-ease) -9s infinite alternate} .rvx__head{position:relative;z-index:2;text-align:center;max-width:780px;margin:0 auto clamp(16px,2.6vw,24px);padding:0 18px} .rvx__eyebrow{font-size:13px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--v-acc)} .rvx__title{font-family:var(--v-fd);font-weight:500;margin:12px 0 10px;font-size:clamp(29px,6.2vw,54px);line-height:1.06;letter-spacing:-.02em;background:var(--v-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .rvx__sub{margin:0 auto;font-size:clamp(15.5px,2vw,18px);line-height:1.55;color:var(--v-ink2);max-width:56ch} .rvx__eyebrow i{font-style:normal;display:inline-block} .rvx__eyebrow i.h0{opacity:0;translate:0 5px} .rvx__eyebrow i.hw{opacity:1;translate:0 0;transition:opacity .18s ease,translate .18s ease} .rvx__uline{display:block;width:min(340px,68vw);height:20px;margin:8px auto 2px;overflow:visible} .rvx__uline path{fill:none;stroke:url(#rvGradU);stroke-width:5;stroke-linecap:round} .rvx__pencil{position:absolute;left:0;top:0;z-index:40;width:clamp(64px,9vw,92px);height:auto;pointer-events:none;opacity:0;will-change:transform;transform-origin:4.5% 50%;filter:drop-shadow(0 12px 20px rgba(40,34,90,.4))} .rvx__dust{position:absolute;z-index:39;width:3px;height:3px;border-radius:50%;background:#5d5d6a;pointer-events:none} .rvx__pencil svg{display:block;width:100%;height:auto} .rvx .ink0{opacity:0;translate:0 16px;rotate:-1.2deg;transition:opacity .32s var(--v-ease),translate .32s var(--v-ease),rotate .32s var(--v-ease)} .rvx .ink0.inked{opacity:1;translate:0 0;rotate:0deg} .rvx__hub{position:relative;z-index:2;display:flex;justify-content:center;padding:0 16px;margin-bottom:clamp(12px,2vw,18px)} .rvx__score{display:flex;align-items:center;gap:16px;background:var(--v-card);border-radius:24px;box-shadow:var(--v-sh2);padding:14px 22px} .rvx__score>b{font-family:var(--v-fd);font-weight:500;line-height:1;font-size:clamp(32px,5.4vw,42px);letter-spacing:-.02em;min-width:2.4ch;text-align:center;background:var(--v-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .rvx__sc{display:flex;flex-direction:column;gap:5px} .rvx__stars{position:relative;display:flex;gap:4px;overflow:hidden;border-radius:6px;width:max-content} .rvx__stars svg{width:20px;height:20px;fill:var(--v-gold)} .rvx__stars::after{content:"";position:absolute;inset:0;transform:translateX(-130%);background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.9) 50%,transparent 68%)} .rvx.lit .rvx__stars::after{animation:rvShine 1.3s var(--v-ease) .55s forwards} .rvx__sc small{font-size:13.5px;font-weight:600;color:var(--v-ink3)} .rvx__tabs{position:relative;z-index:2;display:flex;justify-content:center;margin-bottom:clamp(12px,2vw,18px)} .rvx__tabs-in{position:relative;display:inline-flex;padding:6px;border-radius:999px;background:var(--v-card);box-shadow:var(--v-sh2)} .rvx__tabs-in button{position:relative;z-index:2;appearance:none;border:0;background:0;cursor:pointer;font-family:var(--v-fb);font-weight:600;font-size:15px;color:var(--v-ink2);padding:13px 24px;border-radius:999px;display:inline-flex;align-items:center;gap:9px;transition:color .35s var(--v-ease)} .rvx__tabs-in button svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none} .rvx__tabs-in button.on{color:#fff} .rvx__pill{position:absolute;z-index:1;top:6px;bottom:6px;border-radius:999px;background:var(--v-ink);transition:left .5s var(--v-ease),width .5s var(--v-ease)} .rvx__srcwrap{position:relative;z-index:2;display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s var(--v-ease),opacity .4s var(--v-ease),margin .5s var(--v-ease);margin-bottom:clamp(4px,1vw,8px)} .rvx__srcwrap.off{grid-template-rows:0fr;opacity:0;margin-bottom:0} .rvx__src{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;padding:2px 16px;overflow:hidden;min-height:0} .rvx__stage{position:relative;z-index:2} .rvx__glow{position:absolute;left:50%;bottom:10px;translate:-50%0;z-index:0;pointer-events:none;width:min(560px,72vw);height:110px;filter:blur(10px);background:radial-gradient(50% 100%at 50% 100%,rgba(126,108,224,.2),transparent 70%)} .rvx__track{position:relative;z-index:1;display:flex;gap:clamp(14px,2vw,22px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:26px clamp(18px,4vw,48px) 30px;cursor:grab} .rvx__track::-webkit-scrollbar{display:none} .rvx__track.is-drag{cursor:grabbing;scroll-snap-type:none} .rvx__track>.rvcell:first-child{margin-left:auto} .rvx__track>.rvcell:last-child{margin-right:auto} .rvx__track[data-mode=video] .rvcell{flex-basis:clamp(218px,58vw,292px)} .rvx__arr{display:none;position:absolute;top:50%;translate:0/**/-50%;z-index:5;width:52px;height:52px;border-radius:50%;appearance:none;border:0;cursor:pointer;background:var(--v-card);box-shadow:var(--v-sh2);color:var(--v-ink);place-items:center;transition:.3s var(--v-ease)} .rvx__arr:hover{transform:translateY(-2px)} .rvx__arr svg{width:21px;height:21px;stroke:currentColor;stroke-width:2.2;fill:none} .rvx__arr--l{left:clamp(10px,2vw,26px)} .rvx__arr--r{right:clamp(10px,2vw,26px)} @media (min-width:900px){.rvx__arr{display:grid}} .rvx__hint{position:relative;z-index:2;display:flex;justify-content:center;margin-top:2px;transition:opacity .5s,translate .5s} .rvx__hint.gone{opacity:0;translate:0 8px;pointer-events:none} .rvx__hint span{font-size:13.5px;font-weight:600;color:var(--v-ink3);background:var(--v-card);border-radius:999px;box-shadow:var(--v-sh2);padding:11px 18px} .rvx__hint b{color:var(--v-ink);font-weight:600} .rvx__links{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px 10px;margin:18px auto 0;max-width:920px;padding:0 18px;font-family:var(--v-fb)} .rvx__links>span{font-size:13px;font-weight:600;color:var(--v-ink3)} .rvx__links a{--c:var(--v-acc);display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1px solid rgba(20,24,40,.12);background:var(--v-card);font-size:13px;font-weight:600;color:var(--v-ink2);text-decoration:none;transition:border-color .22s,transform .22s,box-shadow .22s} .rvx__links a i{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none} .rvx__links a b{font-weight:700;color:var(--c)} .rvx__links a:hover{border-color:var(--c);transform:translateY(-2px);box-shadow:0 12px 26px -16px rgba(20,24,40,.5)} @media (max-width:520px){.rvx__links{gap:7px 8px;margin-top:14px}} @media (max-width:520px){.rvx__links>span{flex:1 1 100%;text-align:center}} @media (max-width:520px){.rvx__links a{padding:7px 11px;font-size:12.5px}} @media (max-width:640px){.rvx{padding:48px 0 56px}} @media (max-width:640px){.rvx__score{gap:12px;padding:12px 18px}} @media (max-width:640px){.rvx__tabs-in{width:min(420px,94%)}} @media (max-width:640px){.rvx__tabs-in button{flex:1;justify-content:center;padding:12px 10px;font-size:14px}} @media (max-width:640px){.rvx__track[data-mode=video] .rvcell{flex-basis:min(62vw,270px)}} @media (prefers-reduced-motion:reduce){.rvx__q,.rvv__tag i{animation:none!important}} .rvx__seo{display:none} .rvx__stars{position:relative; display:block; width: calc(20px * 5 + 4px * 4); height: 20px; overflow:hidden; border-radius:6px; background: var(--v-gold); -webkit-mask: var(--star-svg) repeat-x left center / 24px 20px; mask: var(--star-svg) repeat-x left center / 24px 20px;} .rvx__stars svg{display:none} .rvx__stars::after{content:none} .rvx__sc{position:relative} .rvx__sc::after{content:""; position:absolute; left:0; top:0; width:116px; height:20px; pointer-events:none; transform:translateX(-130%); background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.9) 50%,transparent 68%); mix-blend-mode:screen;} .rvx.lit .rvx__sc::after{animation:rvShine 1.3s var(--v-ease) .55s forwards} @keyframes rvFloat{to{translate:0 28px}} @keyframes rvShine{to{transform:translateX(140%)}} /* ══════ .rvchip · отзывы · чип ══════ */ .rvchip{--c:var(--v-acc);appearance:none;cursor:pointer;font-family:var(--v-fb);font-weight:600;font-size:14.5px;color:var(--v-ink2);display:inline-flex;align-items:center;gap:9px;padding:12px 17px;border-radius:999px;background:var(--v-card);border:1.5px solid var(--v-line);box-shadow:var(--v-sh2);transition:.3s var(--v-ease)} .rvchip i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none} .rvchip small{font-size:13px;font-weight:600;color:var(--v-ink3)} .rvchip:hover{transform:translateY(-2px)} .rvchip.on{border-color:var(--c);color:var(--v-ink)} .rvchip.on small{color:var(--c)} @media (max-width:640px){.rvchip{padding:11px 14px;font-size:14px}} /* ══════ .rvcell · отзывы · ячейка ══════ */ .rvcell{flex:0 0 clamp(286px,78vw,380px);scroll-snap-align:center;will-change:transform} .rvcell.is-c .rvc{box-shadow:0 32px 74px -26px rgba(40,34,90,.42)} .rvcell.is-c .rvv{box-shadow:0 36px 84px -28px rgba(20,16,50,.55)} @media (max-width:640px){.rvcell{flex-basis:min(78vw,340px)}} /* ══════ .rvc · отзывы · карточка ══════ */ .rvc{position:relative;background:var(--v-card);border-radius:26px;box-shadow:var(--v-sh2);padding:clamp(20px,3vw,26px);display:flex;flex-direction:column;gap:12px;min-height:clamp(350px,44svh,420px);transition:box-shadow .45s var(--v-ease)} .rvc::before{content:"“";position:absolute;top:0;right:18px;z-index:0;pointer-events:none;font-family:var(--v-fd);font-weight:600;font-size:96px;line-height:1.1;color:rgba(106,86,214,.1)} .rvc__top{position:relative;z-index:1;display:flex;align-items:center;gap:12px} .rvc__ava{position:relative;width:48px;height:48px;flex:none;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:#fff;font-weight:600;font-size:18px;background:var(--av,linear-gradient(135deg,#8b7bd8,#b39dff))} .rvc__ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .rvc__who{flex:1;min-width:0} .rvc__who b{display:block;font-size:16.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rvc__who span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin-top:2px;font-size:13.5px;font-weight:600;line-height:1.35;color:var(--v-ink3)} .rvc__top{flex-wrap:wrap;row-gap:9px} .rvc__ava{order:1} .rvc__badge{order:2;margin-left:auto} .rvc__who{order:3;flex:1 1 100%;min-width:0} .rvc__badge{--c:var(--v-acc);flex:none;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--v-ink2);padding:8px 11px;border-radius:999px;background:#f2f1f8;border:1px solid var(--v-line);white-space:nowrap} .rvc__badge i{width:8px;height:8px;border-radius:50%;background:var(--c)} .rvc__stars{position:relative;z-index:1;display:flex;gap:3px} .rvc__stars svg{width:16px;height:16px;fill:var(--v-gold)} .rvc__txt{position:relative;z-index:1;font-size:15.5px;line-height:1.6;color:var(--v-ink2);max-height:9.7em;overflow:hidden;transition:max-height .55s var(--v-ease)} .rvc__txt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.2em;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 85%);transition:opacity .3s} .rvc.open .rvc__txt{max-height:70em} .rvc.open .rvc__txt::after{opacity:0} .rvc.nofade .rvc__txt::after{opacity:0} .rvc__more{position:relative;z-index:1;align-self:flex-start;appearance:none;border:0;background:0;cursor:pointer;padding:2px 0;font-family:var(--v-fb);font-weight:600;font-size:14px;color:var(--v-acc);display:inline-flex;align-items:center;gap:6px} .rvc__more svg{width:15px;height:15px;stroke:currentColor;stroke-width:2.4;fill:none;transition:transform .3s var(--v-ease)} .rvc.open .rvc__more svg{transform:rotate(180deg)} .rvc__date{position:relative;z-index:1;margin-top:auto;font-size:13.5px;font-weight:600;color:var(--v-ink3)} @media (max-width:640px){.rvc{min-height:340px}} .rvc__stars{position:relative; z-index:1; display:block; width: calc(16px * 5 + 3px * 4); height: 16px; background: var(--v-gold); -webkit-mask: var(--star-svg) repeat-x left center / 19px 16px; mask: var(--star-svg) repeat-x left center / 19px 16px;} .rvc__stars svg{display:none} /* ══════ .rvv · отзывы · видео ══════ */ .rvv{position:relative;aspect-ratio:9/16;border-radius:26px;overflow:hidden;cursor:pointer;box-shadow:var(--v-sh2);transition:box-shadow .45s var(--v-ease);background:radial-gradient(90% 60%at 30% 15%,#232030,transparent 70%),linear-gradient(160deg,#191722,#0d0d13 60%,#15131d)} .rvv__poster,.rvv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .rvv video{opacity:0;transition:opacity .4s} .rvv.playing video,.rvv.noposter video{opacity:1} .rvv__shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(8,8,12,.3),transparent 30%,transparent 58%,rgba(8,8,12,.8))} .rvv__prog{position:absolute;top:12px;left:14px;right:14px;z-index:3;height:3px;border-radius:99px;background:rgba(255,255,255,.25);overflow:hidden} .rvv__prog i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#cfc0ff,#8fb4ff)} .rvv__tag{position:absolute;top:24px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:7px;font-family:"Inter",var(--v-fb);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;padding:7px 11px;border-radius:999px;background:rgba(16,16,24,.45);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22)} .rvv__tag i{width:6px;height:6px;border-radius:50%;background:#ff5b4d;box-shadow:0 0 8px #ff5b4d;animation:rvRec 1.6s ease infinite} .rvv__cap{position:absolute;left:16px;right:64px;bottom:16px;z-index:3;color:#fff;pointer-events:none} .rvv__cap b{display:block;font-family:var(--v-fd);font-weight:500;font-size:16.5px;letter-spacing:-.01em;line-height:1.25} .rvv__cap span{display:block;margin-top:5px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.82)} .rvv__snd{position:absolute;right:12px;bottom:14px;z-index:4;width:44px;height:44px;border-radius:50%;appearance:none;border:1px solid rgba(255,255,255,.28);cursor:pointer;color:#fff;background:rgba(16,16,24,.45);backdrop-filter:blur(10px);display:grid;place-items:center;transition:.3s var(--v-ease)} .rvv__snd svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none} .rvv__snd.on{background:#fff;color:#15151b;border-color:#fff} .rvv__play{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:3;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .3s;background:rgba(16,16,24,.42);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3)} .rvv.paused .rvv__play{opacity:1} .rvv__play svg{width:22px;height:22px;fill:#fff;margin-left:2px} @keyframes rvRec{50%{opacity:.3}} /* ══════ .qa · вопросы · чат ══════ */ .qa{--i:#13161B;--i2:#565E6B;--i3:#9199A5;--ln:rgba(19,22,27,.09);--ln2:rgba(19,22,27,.16);--acc:#5b74e0;--acc2:#8fa2ee;--accs:rgba(96,120,230,.14);position:relative;background:#eef0f3;color:var(--i);border-radius:clamp(28px,5vw,52px);overflow:hidden;padding:clamp(30px,5vw,80px)0 clamp(30px,5vw,84px)} .qa::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(46% 34%at 88% 4%,rgba(96,120,230,.09),transparent 70%),radial-gradient(42% 30%at 6% 98%,rgba(96,120,230,.07),transparent 70%)} .qa .wrap{position:relative;z-index:2} .qa__head{max-width:640px;margin-bottom:clamp(16px,2.6vw,30px)} .qa__eyebrow{font-family:"Inter";font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--i3);display:inline-flex;align-items:center;gap:11px} .qa__eyebrow::before{content:"";width:24px;height:1px;background:var(--acc);box-shadow:0 0 8px var(--accs)} .qa__head h2{font-family:"Unbounded";font-weight:300;font-size:clamp(23px,5.4vw,44px);line-height:1.06;letter-spacing:-.015em;margin:11px 0 9px;color:var(--i)} .qa__head h2 b{font-weight:500;background:linear-gradient(120deg,#2c3350,#5b74e0 65%,#8fa2ee);-webkit-background-clip:text;background-clip:text;color:transparent} .qa__head p{color:var(--i2);font-size:15px;max-width:52ch} @media (max-width:880px){.qa__head p{display:none}} .qa__grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:start} @media (min-width:881px){.qa__grid{grid-template-columns:.82fr 1.18fr;gap:36px}} .qa__tabs{display:inline-flex;gap:4px;padding:5px;margin-bottom:clamp(16px,2.4vw,26px);border-radius:100px;background:#fff;border:1px solid var(--ln);box-shadow:0 12px 30px -20px rgba(30,38,80,.35),0 1px 0 rgba(255,255,255,.9) inset} .qa__tab{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 clamp(16px,2.2vw,22px);border-radius:100px;font-family:"Inter";font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--i2);white-space:nowrap;cursor:pointer;transition:color .3s,background .45s var(--spring),box-shadow .45s var(--spring)} .qa__tab svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none} .qa__tab:not(.on):hover{color:var(--i)} .qa__tab.on{color:#fff;background:linear-gradient(135deg,#5b74e0,#8fa2ee);box-shadow:0 14px 28px -14px rgba(91,116,224,.6)} @media (max-width:880px){.qa__tabs{display:flex;width:100%}} @media (max-width:880px){.qa__tab{flex:1;min-width:0;padding:0 10px}} .qa__classic{display:none} .qa.mode-list .qa__grid{display:none} .qa.mode-list .qa__classic{display:block} .qa__acc{display:grid;gap:10px;max-width:840px} .qa__ai{border:1px solid var(--ln2);border-radius:18px;background:#fff;box-shadow:0 14px 34px -26px rgba(30,38,80,.4);transition:border-color .35s,box-shadow .35s} .qa__ai.on{border-color:rgba(91,116,224,.4);box-shadow:0 20px 46px -24px rgba(91,116,224,.4)} .qa__qbtn{width:100%;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;padding:16px 18px;min-height:64px;color:var(--i);font-family:"Onest";font-size:clamp(15px,1.6vw,16.5px);font-weight:600;line-height:1.35;transition:color .3s} .qa__qbtn:hover{color:var(--acc)} .qa__qn{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-family:"Inter";font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--acc);background:var(--accs);border:1px solid rgba(91,116,224,.2)} .qa__qt{flex:1;min-width:0} .qa__qx{flex:none;position:relative;width:24px;height:24px} .qa__qx::before,.qa__qx::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;border-radius:2px;background:var(--acc);translate:-50% -50%;transition:transform .4s var(--spring),opacity .3s} .qa__qx::after{transform:rotate(90deg)} .qa__ai.on .qa__qx::after{transform:rotate(0);opacity:0} .qa__ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s var(--ease)} .qa__ai.on .qa__ans{grid-template-rows:1fr} .qa__ans>div{overflow:hidden} .qa__ans p{margin:0;padding:0 20px 18px 66px;color:var(--i2);font-size:15px;line-height:1.6} @media (max-width:880px){.qa__ans p{padding:0 18px 16px 18px}} .qa .pill__a{display:none} /* ══════ .qx · вопросы · пузыри ══════ */ .qx{position:relative;border-radius:26px;overflow:hidden;background:linear-gradient(165deg,#d7dcee,#b9c2de 60%,#ccd3e8);border:1px solid var(--ln);box-shadow:0 34px 74px -36px rgba(30,38,80,.4),0 2px 0 rgba(255,255,255,.85) inset} @media (min-width:881px){.qx{position:sticky;top:96px;height:min(72vh,620px)}} @media (max-width:880px){.qx{height:auto}} .qx__photo{position:absolute;inset:0} .qx__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center} .qx__sil{position:absolute;left:50%;bottom:-4%;width:78%;aspect-ratio:1/1.15;transform:translateX(-50%);border-radius:46% 46%0 0;background:linear-gradient(180deg,#9aa6c8,#7a86ab)} .qx__sil::before{content:"";position:absolute;left:50%;top:-30%;width:44%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,#aab5d4,#8a96ba)} .qx__photo::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 50%at 50%0,rgba(255,255,255,.4),transparent 60%),linear-gradient(180deg,transparent 42%,rgba(20,24,40,.16) 68%,rgba(16,19,34,.78))} .qx__bub{position:absolute;top:16px;left:16px;right:16px;z-index:5;padding:12px 16px;border-radius:18px 18px 18px 5px;min-height:45px;display:flex;align-items:center;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 16px 36px -16px rgba(30,38,80,.45);font-size:13.5px;line-height:1.4;color:var(--i2);transition:transform .45s var(--spring)} .qx__bub b{color:var(--acc);font-weight:600} .qx__bub.pop{animation:qxPop .5s var(--spring)} .qx__dots{display:none;gap:5px;align-items:center;padding:3px 0} .qx__dots i{width:7px;height:7px;border-radius:50%;background:var(--acc);opacity:.4;animation:qxDot 1s ease-in-out infinite} .qx__dots i:nth-child(2){animation-delay:.15s} .qx__dots i:nth-child(3){animation-delay:.3s} .qx__bub.typing .qx__tx{display:none} .qx__bub.typing .qx__dots{display:inline-flex} .qx__meta{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:18px 18px 18px;display:flex;flex-direction:column;gap:10px} .qx__name{font-family:"Unbounded";font-weight:500;font-size:clamp(21px,2.4vw,27px);letter-spacing:-.01em;color:#fff;text-shadow:0 2px 18px rgba(10,14,30,.5)} .qx__role{font-family:"Inter";font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.75)} .qx__chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px} .qx__chip{display:inline-flex;align-items:baseline;gap:6px;padding:8px 13px;border-radius:100px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:12px;font-weight:600} .qx__chip b{font-family:"Unbounded";font-weight:500;font-size:14px} @media (max-width:880px){.qx{display:grid;grid-template-columns:60px 1fr;gap:2px 13px;align-items:center;padding:12px 14px;border-radius:20px}} @media (max-width:880px){.qx__photo{position:relative;grid-row:1/3;width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 6px 16px -6px rgba(30,38,80,.4)}} @media (max-width:880px){.qx__photo::after{display:none}} @media (max-width:880px){.qx__sil{width:92%;bottom:-12%}} @media (max-width:880px){.qx__meta{position:relative;inset:auto;padding:0;gap:2px}} @media (max-width:880px){.qx__name{font-size:15px;color:var(--i);text-shadow:none}} @media (max-width:880px){.qx__role{color:var(--i3);font-size:8.5px}} @media (max-width:880px){.qx__chips{display:none}} @media (max-width:880px){.qx__bub{position:relative;inset:auto;grid-column:2;margin-top:7px;padding:8px 12px;min-height:36px;font-size:12px;border-radius:13px 13px 13px 3px;background:#fff;border-color:var(--ln2);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 8px 20px -12px rgba(30,38,80,.3)}} @keyframes qxPop{0%{transform:scale(.94)}55%{transform:scale(1.03)}to{transform:scale(1)}} @keyframes qxDot{40%{opacity:1;transform:translateY(-4px)}} /* ══════ .qc · вопросы · консоль ══════ */ .qc{position:relative;display:flex;flex-direction:column;height:min(72vh,620px);background:#fff;border:1px solid var(--ln);border-radius:26px;overflow:hidden;box-shadow:0 30px 70px -36px rgba(30,38,80,.35)} @media (max-width:880px){.qc{height:calc(100svh - 262px);min-height:380px;border-radius:22px}} .qc__log{flex:1;overflow-y:auto;padding:18px 16px 12px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(60% 40%at 100%0,rgba(96,120,230,.05),transparent 70%),#f6f7fa;scrollbar-width:thin;scrollbar-color:rgba(19,22,27,.15) transparent} .qc__log::-webkit-scrollbar{width:4px} .qc__log::-webkit-scrollbar-thumb{background:rgba(19,22,27,.15);border-radius:4px} .qc__tray{flex:none;border-top:1px solid var(--ln);background:#fff} .qc__tray.dock .tray__toggle{display:inline-flex} .qc__tray.peek .tray__toggle svg{transform:rotate(180deg)} .qc__tray.dock:not(.peek) .tray__pills{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:64px;padding:10px 16px 13px;-webkit-overflow-scrolling:touch} .qc__tray.dock:not(.peek) .pill{flex:0 0 auto} .qc__tray.dock:not(.peek) .pill span{max-width:168px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block} .qc__tray.dock .pill{animation:pillIn .5s var(--spring) backwards} @keyframes pillIn{0%{opacity:0;transform:translateY(14px) scale(.8)}} /* ══════ .msg · вопросы · сообщения ══════ */ .msg{max-width:88%;padding:11px 14px;border-radius:16px;font-size:14px;line-height:1.55;opacity:0;transform:translateY(10px) scale(.97);transition:opacity .4s var(--ease),transform .45s var(--spring)} .msg.in{opacity:1;transform:none} .msg--out{align-self:flex-end;border-radius:16px 16px 4px 16px;color:#fff;background:linear-gradient(135deg,#5b74e0,#8fa2ee);box-shadow:0 12px 26px -14px rgba(91,116,224,.55)} .msg--in{align-self:flex-start;border-radius:16px 16px 16px 4px;color:var(--i2);background:#fff;border:1px solid var(--ln2);box-shadow:0 10px 24px -16px rgba(30,38,80,.25)} .msg--in .msg__who{display:block;margin-bottom:5px;font-family:"Inter";font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--acc)} .msg__dots{display:inline-flex;gap:5px;align-items:center;padding:4px 2px} .msg__dots i{width:7px;height:7px;border-radius:50%;background:var(--i3);opacity:.4;animation:qxDot 1s ease-in-out infinite} .msg__dots i:nth-child(2){animation-delay:.15s} .msg__dots i:nth-child(3){animation-delay:.3s} .msg__tx.caret::after{content:"▍";color:var(--acc);margin-left:1px;animation:qcCaret .8s steps(1) infinite} .msg--flash{animation:qcFlash 1.1s var(--ease)} @media (max-width:880px){.msg{font-size:13.5px;max-width:92%}} @keyframes qcCaret{50%{opacity:0}} @keyframes qcFlash{0%,60%{box-shadow:0 0 0 3px rgba(91,116,224,.4)}to{box-shadow:0 0 0 0 transparent}} /* ══════ .tray · освещение · полка ══════ */ .tray__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px 0} .tray__label{font-family:"Inter";font-size:9.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--i3)} .tray__toggle{display:none;align-items:center;gap:6px;font-family:"Inter";font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);padding:4px 2px} .tray__toggle svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.4;transition:transform .4s var(--spring)} .tray__pills{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px 14px;max-height:172px;overflow-y:auto;scrollbar-width:none;transition:max-height .45s var(--ease)} .tray__pills::-webkit-scrollbar{display:none} .tray__cta{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:100px;font-size:12.5px;font-weight:600;color:#fff;flex:0 0 auto;background:linear-gradient(135deg,#5b74e0,#8fa2ee);box-shadow:0 12px 26px -12px rgba(91,116,224,.55)} .tray__cta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2} @media (max-width:880px){.tray__pills{max-height:148px}} /* ══════ .pill · вопросы · чипы ══════ */ .pill{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:100px;background:#f4f5f7;border:1px solid var(--ln2);text-align:left;font-size:12.5px;font-weight:600;color:var(--i);line-height:1.3;transition:transform .45s var(--spring),background .3s,border-color .3s,opacity .35s,box-shadow .4s} .pill:hover{border-color:rgba(91,116,224,.45);background:#fff;transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(50,66,140,.3)} .pill i{flex:none;font-style:normal;font-family:"Inter";font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--acc)} .pill.asked{opacity:.45} .pill.asked i{color:#3fbf8f} .pill.fly{opacity:0;transform:translateY(26px) scale(.55)} /* ══════ .sx · SEO-статья ══════ */ .sx__wrap{width:min(1180px,94vw);margin:0 auto} .sx__meta{display:flex;align-items:center;gap:14px;margin-top:14px;font-family:"Inter",system-ui,sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--txt-mute)} .sx__meta i{font-style:normal;width:26px;height:1px;background:var(--line-2)} .sx__grid{margin-top:34px} @media (min-width:1020px){.sx__grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:76px;align-items:start}} .sx__toc{display:none} @media (min-width:1020px){.sx__toc{display:block;position:sticky;top:96px}} .sx__tocHead{font-family:"Inter",system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--txt-mute);margin-bottom:16px} .sx__tocList{position:relative;display:flex;flex-direction:column;padding-left:20px} .sx__tocList::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--line)} .sx__bar{position:absolute;left:0;top:8px;width:1px;height:0;background:linear-gradient(180deg,rgba(210,225,245,.9),rgba(210,225,245,.25));box-shadow:0 0 14px var(--glow-soft)} .sx__tl{display:flex;align-items:center;gap:12px;min-height:44px;padding:4px 10px;border:0;background:0 0;cursor:pointer;text-align:left;color:var(--txt-mute);font-family:"Onest","Inter",system-ui,sans-serif;font-size:15px;line-height:1.3;transition:color .35s var(--ease)} .sx__tl i{font-style:normal;font-family:"Inter",system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--txt-mute);transition:color .35s var(--ease)} .sx__tl:hover{color:var(--txt-dim)} .sx__tl.on{color:var(--txt)} .sx__tl.on i{color:var(--glow)} .sx__tocM{display:flex;gap:10px;overflow-x:auto;margin:0 0 6px;padding:2px 2px 12px;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 86%,transparent);mask:linear-gradient(90deg,#000 86%,transparent)} .sx__tocM::-webkit-scrollbar{display:none} .sx__cm{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 17px;border:1px solid var(--line-2);border-radius:999px;background:0 0;color:var(--txt-dim);font-family:"Inter",system-ui,sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;cursor:pointer} .sx__cm i{font-style:normal;font-weight:600;color:var(--glow)} @media (min-width:1020px){.sx__tocM{display:none}} .sx__art{max-width:660px} .sx__intro p{font-family:"Onest","Inter",system-ui,sans-serif;font-size:clamp(16px,4vw,18px);line-height:1.72;color:var(--txt-dim);margin:0 0 18px;max-width:62ch} .sx__intro b{color:var(--txt);font-weight:600} .sx__ch{margin-top:38px;padding-top:38px;border-top:1px solid var(--line)} .sx__k{display:flex;align-items:center;gap:12px;font-family:"Inter",system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--txt-mute)} .sx__k b{color:var(--glow);font-weight:600} .sx__chTtl{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;margin:14px 0 18px} .sx__no{font-family:"Unbounded",system-ui,sans-serif;font-weight:300;font-size:clamp(46px,10vw,66px);line-height:.9;letter-spacing:-.03em;color:rgba(210,225,245,.07);-webkit-text-stroke:1px rgba(210,225,245,.3)} .sx__ch h3{flex:1;min-width:200px;font-family:"Unbounded",system-ui,sans-serif;font-weight:400;font-size:clamp(21px,4.9vw,27px);letter-spacing:-.01em;line-height:1.28;color:var(--txt);margin:0} .sx__ch p{font-family:"Onest","Inter",system-ui,sans-serif;font-size:clamp(15px,3.8vw,16.5px);line-height:1.78;color:var(--txt-dim);margin:0 0 16px;max-width:62ch} .sx__ch p:last-child{margin-bottom:0} .sx__ch b{color:var(--txt);font-weight:600} .sx a.sx__ln{color:#dfe9f7;text-decoration:none;border-bottom:1px solid rgba(210,225,245,.35);transition:color .3s var(--ease),border-color .3s var(--ease)} .sx a.sx__ln:hover{color:#fff;border-color:rgba(210,225,245,.85)} /* ══════ .no-js · аварийная видимость ══════ */ .no-js .ezs [data-a],.js-failed .ezs [data-a],.no-js .wx .pre,.js-failed .wx .pre{opacity:1!important;filter:none!important;transform:none!important;visibility:visible!important;clip-path:none!important} .no-js .qa .pill__a,.js-failed .qa .pill__a{display:block} .no-js .rvx__seo,.js-failed .rvx__seo{display:block} /* ══════ .wkx-mute · шоурум ══════ */ .wkx-mute{position:absolute;left:12px;bottom:12px;z-index:6;width:44px;height:44px; display:grid;place-items:center;border-radius:50%; background:rgba(10,13,18,.62);border:1px solid rgba(255,255,255,.16)} .wkx-mute[hidden]{display:none} .wkx-mute svg{width:20px;height:20px} .wkx-mute .wkx-mute__spk{fill:#fff;stroke:none} .wkx-mute .wkx-mute__x{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round} .wkx-mute.is-on .wkx-mute__x{display:none} /* ══════ .chpcta · нашли дешевле · CTA ══════ */ .chpcta,.chpm{--p-ink:#15151b; --p-ink2:#585866; --p-ink3:#8e8e9d; --p-ease:cubic-bezier(.22,1,.36,1); --p-sh:0 30px 70px -32px rgba(40,34,90,.32); --chp-vio:#6e5adc; --chp-grad:linear-gradient(115deg,#6a56d6,#a98cff 55%,#7fa8ff);} .chpcta{position:relative;z-index:2;display:grid;justify-items:center;gap:10px; margin:clamp(26px,3.4vw,40px) auto 0;text-align:center} .chpcta__n{font-size:13px;color:var(--p-ink3);max-width:44ch} /* ══════ .chpbtn · нашли дешевле · кнопка ══════ */ .chpbtn{position:relative;isolation:isolate;overflow:hidden; display:inline-flex;align-items:center;gap:11px; min-height:62px;padding:0 clamp(22px,4vw,34px);border-radius:999px; font-family:"Unbounded",sans-serif;font-weight:300; font-size:clamp(15px,2.4vw,19px);letter-spacing:-.01em;color:#fff;white-space:nowrap; background:var(--chp-grad); box-shadow:0 20px 46px -16px rgba(110,90,220,.65),inset 0 1px 0 rgba(255,255,255,.35); transition:transform .4s var(--p-ease),box-shadow .4s var(--p-ease)} .chpbtn b{font-weight:500} .chpbtn:hover{transform:translateY(-2px);box-shadow:0 28px 58px -16px rgba(110,90,220,.75)} .chpbtn:active{transform:scale(.98)} .chpbtn__ic{width:22px;height:22px;flex:none;stroke:currentColor;stroke-width:1.9;fill:none; stroke-linecap:round;stroke-linejoin:round;opacity:.9} .chpbtn__sh{position:absolute;inset:0;z-index:-1;pointer-events:none; background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.5) 50%,transparent 64%); background-size:260% 100%;background-position:170% 0; animation:chpShine 3.6s var(--p-ease) infinite} @media (prefers-reduced-motion:reduce){.chpbtn__sh{animation:none;opacity:0}} @keyframes chpShine{0%{background-position:170% 0} 55%,100%{background-position:-90% 0}} /* ══════ .chpm · нашли дешевле · модалка ══════ */ .chpm{position:fixed;inset:0;z-index:120;display:grid;place-items:center; padding:clamp(12px,3vw,28px); font-family:"Onest","Inter",system-ui,sans-serif;line-height:1.55; color:var(--p-ink); opacity:0;visibility:hidden;pointer-events:none; transition:opacity .35s var(--p-ease),visibility .35s} .chpm.on{opacity:1;visibility:visible;pointer-events:auto} .chpm__bg{position:absolute;inset:0;background:rgba(10,12,17,.55)} .chpm__panel{position:relative;width:min(920px,100%); max-height:calc(100dvh - 2 * clamp(12px,3vw,28px));overflow:auto; -webkit-overflow-scrolling:touch;overscroll-behavior:contain; padding:clamp(20px,3vw,34px);border-radius:28px; background:#F6F7F9;border:1px solid rgba(255,255,255,.9); box-shadow:0 50px 120px -40px rgba(10,14,30,.6); translate:0 18px;scale:.98;opacity:0; transition:translate .45s var(--p-ease),scale .45s var(--p-ease),opacity .35s} .chpm.on .chpm__panel{translate:0 0;scale:1;opacity:1} .chpm__x{position:absolute;top:14px;right:14px;z-index:3; display:grid;place-items:center;width:40px;height:40px;border-radius:50%; background:rgba(21,21,32,.06);transition:background .25s} .chpm__x:hover{background:rgba(21,21,32,.12)} .chpm__x svg{width:17px;height:17px;stroke:var(--p-ink);stroke-width:2.2;fill:none; stroke-linecap:round;stroke-linejoin:round} .chpm .eyebrow{color:var(--p-ink3)} .chpm .eyebrow::before{background:var(--chp-vio);box-shadow:0 0 8px rgba(110,90,220,.55)} .chpm .xbtn{font-family:"Onest","Inter",system-ui,sans-serif; background:var(--chp-grad);color:#fff; box-shadow:0 20px 44px -14px rgba(110,90,220,.6); transition:transform .3s var(--p-ease),box-shadow .3s var(--p-ease),opacity .25s} @media (max-width:640px){.chpm{place-items:end center;padding:0}} @media (max-width:640px){.chpm__panel{width:100%;max-height:92dvh;border-radius:26px 26px 0 0; padding:22px 16px calc(22px + env(safe-area-inset-bottom))}} /* ══════ .chp · нашли дешевле ══════ */ .chp{display:grid;grid-template-columns:1fr;gap:clamp(18px,2.4vw,28px)} @media (min-width:900px){.chp{grid-template-columns:1.05fr .95fr;align-items:start}} .chp h3{font-family:"Unbounded",sans-serif;font-weight:300; font-size:clamp(22px,3.4vw,30px);line-height:1.12;letter-spacing:-.01em; margin:12px 0 10px;color:var(--p-ink);padding-right:44px} .chp h3 b{font-weight:500} .chp__l p{color:var(--p-ink2);font-size:15px;max-width:46ch} .chp__pts{display:grid;gap:9px;margin-top:16px} .chp__pt{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--p-ink)} .chp__pt svg{flex:none;width:17px;height:17px;margin-top:3px; stroke:var(--chp-vio);stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round} .chp__f{display:grid;gap:12px;align-content:start} .chp__drop{display:grid;justify-items:center;gap:4px;padding:22px 16px;cursor:pointer; border-radius:20px;border:1.5px dashed rgba(21,21,32,.2); background:rgba(255,255,255,.7);text-align:center; transition:border-color .25s,background .25s,transform .25s var(--p-ease)} .chp__drop:hover,.chp__drop.is-over{border-color:rgba(110,90,220,.6); background:#fff;transform:translateY(-1px)} .chp__drop[hidden]{display:none} .chp__dropic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%; background:rgba(110,90,220,.1);margin-bottom:4px} .chp__dropic svg{width:21px;height:21px;stroke:var(--chp-vio);stroke-width:2;fill:none; stroke-linecap:round;stroke-linejoin:round} .chp__drop b{font-size:15.5px;font-weight:600;color:var(--p-ink)} .chp__drop>span{font-size:12.5px;color:var(--p-ink3)} .chp__chosen{display:flex;align-items:center;gap:10px;padding:12px 14px; border-radius:16px;background:rgba(110,90,220,.08);border:1px solid rgba(110,90,220,.18)} .chp__chosen[hidden]{display:none} .chp__chosen>svg{flex:none;width:18px;height:18px;stroke:var(--chp-vio);stroke-width:1.8; fill:none;stroke-linejoin:round} .chp__chosen>span{flex:1;min-width:0;font-size:14px;color:var(--p-ink); overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .chp__chosen button{flex:none;display:grid;place-items:center;width:30px;height:30px; border-radius:50%;background:rgba(21,21,32,.06);transition:background .25s} .chp__chosen button:hover{background:rgba(21,21,32,.13)} .chp__chosen button svg{width:14px;height:14px;stroke:var(--p-ink);stroke-width:2.2; fill:none;stroke-linecap:round} .chp__fld{display:grid;gap:6px} .chp__fld>span{font-size:12.5px;font-weight:600;color:var(--p-ink3); display:flex;align-items:center;gap:7px} .chp__fld>span i{font-style:normal;font-weight:500;font-size:11.5px;opacity:.75} .chp__fld input{width:100%;min-height:52px;padding:0 16px;border-radius:16px; font-family:inherit;font-size:16px;font-weight:500;color:var(--p-ink); background:rgba(255,255,255,.85);border:1px solid rgba(21,21,32,.12); transition:border-color .25s,background .25s} .chp__fld input::placeholder{color:var(--p-ink3);font-weight:400} .chp__fld input:focus{outline:none;border-color:rgba(110,90,220,.55);background:#fff} .chp__fld input.bad{border-color:#E0607C} .chp__send{width:100%;margin-top:2px} .chp__send[disabled]{opacity:.55;pointer-events:none} .chp__note{font-size:12px;color:var(--p-ink3);text-align:center} .chp__note.bad{color:#c2415c} .chp__f[hidden]{display:none} .chp__ok{grid-column:1/-1;display:grid;justify-items:center;gap:8px; padding:26px 12px;text-align:center} .chp__ok[hidden]{display:none} .chp__okring{display:grid;place-items:center;width:56px;height:56px;border-radius:50%; background:rgba(60,190,110,.14)} .chp__okring svg{width:26px;height:26px;stroke:#22a05c;stroke-width:2.6;fill:none; stroke-linecap:round;stroke-linejoin:round} .chp__ok b{font-family:"Unbounded",sans-serif;font-weight:400;font-size:20px;color:var(--p-ink)} .chp__ok p{font-size:14px;color:var(--p-ink2)} @media (max-width:640px){.chp h3{padding-right:40px}} @media (max-width:640px){.chp__l p{font-size:14.5px}} /* ══════ .eng · спросить технолога ══════ */ .eng{--ink:#EDF0F5;--dim:#98A0AD;--mute:#6F7581; --line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.18); --vio:#a98cff;--ok:#37d67a;--ease:cubic-bezier(.22,1,.36,1); --mono:"JetBrains Mono",ui-monospace,Menlo,monospace; position:fixed;inset:0;z-index:2147483000;display:none;isolation:isolate; font-family:"Onest","Inter",system-ui,sans-serif;color:var(--ink); contain:layout style} .eng.on{display:block;visibility:visible} .eng:not(.on){visibility:hidden;pointer-events:none; backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .eng [hidden]{display:none!important} .eng__bg{position:fixed;inset:0;z-index:0;opacity:0; background:radial-gradient(120% 90% at 50% 0%,rgba(24,20,44,.9),rgba(8,10,14,.96) 70%); backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px); transition:opacity .3s ease} .eng.on .eng__bg{opacity:1} .eng__panel{position:fixed;left:50vw;top:50vh;z-index:1; width:min(430px,94vw);max-height:92dvh;overflow:auto; -webkit-overflow-scrolling:touch;overscroll-behavior:contain; scrollbar-width:none;-ms-overflow-style:none; padding:18px 16px 16px;border-radius:26px;isolation:isolate; border:1px solid var(--line2); background:linear-gradient(158deg,rgba(32,36,48,.9),rgba(14,17,24,.94)); backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5); box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 50px 110px -40px rgba(0,0,0,.94); transform:translate(-50%,-50%) scale(.95);opacity:0; transition:transform .38s cubic-bezier(.2,.9,.25,1.12),opacity .28s ease} .eng__panel::-webkit-scrollbar{width:0;height:0;display:none} .eng.on .eng__panel{transform:translate(-50%,-50%) scale(1);opacity:1} .eng__x{position:absolute;right:11px;top:11px;z-index:6;width:44px;height:44px; display:grid;place-items:center;border-radius:13px; background:rgba(255,255,255,.07);border:1px solid var(--line);color:#AEB4BF; transition:background .25s,color .25s} .eng__x:hover{background:rgba(255,255,255,.15);color:#fff} .eng__x svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round} .eng__who{display:flex;align-items:center;gap:12px;padding-right:48px} .eng__ava{position:relative;flex:none;width:54px;height:54px;border-radius:16px;overflow:hidden; background:linear-gradient(150deg,#2c3140,#171b24);border:1px solid var(--line2); display:grid;place-items:center; font-family:"Unbounded",sans-serif;font-weight:400;font-size:20px;color:#c9d0dc} .eng__ava img{width:100%;height:100%;object-fit:cover} .eng__live{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:50%; background:var(--ok);border:3px solid #171b24} .eng__name{font-family:"Unbounded",sans-serif;font-weight:400;font-size:18px;letter-spacing:-.01em} .eng__role{font-size:12.5px;color:var(--dim);margin-top:2px;line-height:1.3} .eng__status{display:flex;align-items:center;gap:6px;margin-top:4px; font-size:12px;color:#8fe0ae;line-height:1.3} .eng__status i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--ok); box-shadow:0 0 0 0 rgba(55,214,122,.6);animation:engPulse 2.4s infinite} .eng__status b{font-weight:600;color:#b7f2ce} .eng__badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px} .eng__badge{padding:5px 9px;border-radius:9px;font-size:12px;font-weight:500;color:var(--mute); background:rgba(255,255,255,.045);border:1px solid var(--line)} .eng__badge b{color:var(--dim);font-weight:600} .eng__sec{margin-top:14px} .eng__lbl{display:flex;align-items:baseline;gap:7px;margin-bottom:7px; font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--dim)} .eng__lbl em{font-style:normal;font-weight:500;color:var(--mute)} .eng__qs{display:grid;gap:6px} .eng__q{display:flex;align-items:center;gap:10px;text-align:left; min-height:48px;padding:9px 12px;border-radius:14px; border:1px solid var(--line);background:rgba(255,255,255,.04); transition:border-color .22s,background .22s,transform .22s var(--ease)} .eng__q:hover{background:rgba(255,255,255,.08);transform:translateX(2px)} .eng__q.is-on{border-color:rgba(169,140,255,.6); background:linear-gradient(150deg,rgba(169,140,255,.22),rgba(106,86,214,.13))} .eng__qm{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center; border:1px solid var(--line2);background:rgba(255,255,255,.06); font-family:var(--mono);font-size:12px;color:var(--mute)} .eng__q.is-on .eng__qm{background:var(--vio);border-color:var(--vio);color:#1b1430} .eng__q.is-on .eng__qm span{display:none} .eng__q.is-on .eng__qm::after{content:"✓";font-size:12px;font-weight:700} .eng__qt{flex:1;min-width:0;font-size:14px;line-height:1.32;font-weight:500} .eng__more{width:100%;min-height:44px;margin-top:6px;border-radius:13px; display:flex;align-items:center;justify-content:center;gap:7px; font-family:inherit;font-size:13px;font-weight:600;color:var(--dim); background:rgba(255,255,255,.035);border:1px solid var(--line); transition:background .22s,color .22s} .eng__more:hover{background:rgba(255,255,255,.08);color:var(--ink)} .eng__more svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;fill:none; stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)} .eng__more.is-open svg{transform:rotate(180deg)} .eng__ph{display:flex;align-items:center;gap:10px;min-height:52px;padding:9px 12px; border-radius:14px;cursor:pointer; border:1.5px dashed rgba(255,255,255,.2);background:rgba(255,255,255,.03); transition:border-color .22s,background .22s} .eng__ph:hover{border-color:rgba(169,140,255,.55);background:rgba(255,255,255,.07)} .eng__ph>svg{flex:none;width:18px;height:18px;stroke:var(--vio);stroke-width:1.9;fill:none; stroke-linecap:round;stroke-linejoin:round} .eng__pht b{display:block;font-size:13.5px;font-weight:600} .eng__pht>span{display:block;font-size:12px;color:var(--mute);margin-top:1px} .eng__thumbs{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px} .eng__thumb{position:relative;width:50px;height:50px;border-radius:11px;overflow:hidden; border:1px solid var(--line2);background:#12151c} .eng__thumb img{width:100%;height:100%;object-fit:cover} .eng__thumb button{position:absolute;right:2px;top:2px;width:20px;height:20px;border-radius:50%; display:grid;place-items:center;background:rgba(8,10,14,.82)} .eng__thumb button svg{width:10px;height:10px;stroke:#fff;stroke-width:2.6;fill:none;stroke-linecap:round} .eng__ch{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px} .eng__cb{display:grid;justify-items:center;gap:6px;min-height:78px;padding:10px 5px; border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.045); transition:border-color .22s,background .22s,transform .22s var(--ease)} .eng__cb:hover{transform:translateY(-2px);background:rgba(255,255,255,.09)} .eng__cb.is-on{border-color:rgba(169,140,255,.6); background:linear-gradient(150deg,rgba(169,140,255,.2),rgba(106,86,214,.12))} .eng__ci{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 18px -10px rgba(0,0,0,.9)} .eng__ci svg{width:19px;height:19px;fill:currentColor} .eng__ci--tg{background:linear-gradient(160deg,#43bdf5,#1b86cc)} .eng__ci--vb{background:linear-gradient(160deg,#9a7ef8,#6448e2)} .eng__ci--ph{background:linear-gradient(160deg,#c4b2ff,#8b6fe6)} .eng__cn{font-size:12.5px;font-weight:600;text-align:center;line-height:1.2} .eng__inp{width:100%;min-height:50px;margin-top:8px;padding:0 14px;border-radius:14px; font-family:inherit;font-size:16px;font-weight:500;color:var(--ink); background:rgba(255,255,255,.05);border:1px solid var(--line); transition:border-color .22s,background .22s} .eng__inp:focus{outline:none;border-color:rgba(169,140,255,.55);background:rgba(255,255,255,.08)} .eng__inp::placeholder{color:var(--mute);font-weight:400} .eng__inp.bad{border-color:#E0607C} .eng__go{width:100%;min-height:54px;margin-top:9px;border-radius:15px; display:flex;align-items:center;justify-content:center;gap:9px; font-family:inherit;font-size:15.5px;font-weight:600;color:#fff; background:linear-gradient(115deg,#6a56d6,#a98cff 55%,#7fa8ff); box-shadow:0 16px 36px -16px rgba(110,90,220,.66),inset 0 1px 0 rgba(255,255,255,.3); transition:transform .3s var(--ease),box-shadow .3s var(--ease),opacity .25s} .eng__go:hover{transform:translateY(-2px)} .eng__go:active{transform:scale(.985)} .eng__go[disabled]{opacity:.5;pointer-events:none} .eng__go svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none; stroke-linecap:round;stroke-linejoin:round} .eng__note{margin-top:8px;font-size:12px;color:var(--mute);text-align:center;line-height:1.4} .eng__note.bad{color:#ff9db1} .eng__note.good{color:#b7f2ce} .eng__ok{display:grid;justify-items:center;gap:8px;padding:30px 6px 12px;text-align:center} .eng__okring{display:grid;place-items:center;width:56px;height:56px;border-radius:50%; background:rgba(55,214,122,.14)} .eng__okring svg{width:26px;height:26px;stroke:var(--ok);stroke-width:2.6;fill:none; stroke-linecap:round;stroke-linejoin:round} .eng__ok b{font-family:"Unbounded",sans-serif;font-weight:400;font-size:20px} .eng__ok p{font-size:14px;color:var(--dim);line-height:1.5} @media (prefers-reduced-motion:reduce){.eng *{transition:none!important;animation:none!important}} @media (max-width:520px){.eng__panel{width:100%;max-height:94dvh;left:0;top:auto;bottom:0; transform:translateY(14px);border-radius:24px 24px 0 0; padding:16px 13px calc(14px + env(safe-area-inset-bottom))}} @media (max-width:520px){.eng.on .eng__panel{transform:translateY(0)}} @media (max-width:520px){.eng__cn{font-size:12px}} @media (max-width:520px){.eng__qt{font-size:13.5px}} @media (min-width:521px) and (max-height:720px){.eng__panel{padding-top:14px}} @media (min-width:521px) and (max-height:720px){.eng__badges{display:none}} @media (min-width:521px) and (max-height:720px){.eng__sec{margin-top:11px}} @keyframes engPulse{0%{box-shadow:0 0 0 0 rgba(55,214,122,.5)} 70%{box-shadow:0 0 0 6px rgba(55,214,122,0)}100%{box-shadow:0 0 0 0 rgba(55,214,122,0)}}