/* Турболого Премиум — лендинг turbologo.ru/zakazat-logotip (CODE-3350, docs/premium_logo_landing.md).
   Собран из макета (холст AZcQ5xQjQAcuGndLC8PQFu) скриптом: классы, совпавшие со стилями сайта, — с префиксом pl-,
   правила без элементов на странице вычищены. Анимации — только при prefers-reduced-motion: no-preference;
   секция оживает, когда доходит до экрана (.pl-io + .is-in ставит скрипт страницы). */
.pg video{display:block}
.pg *{box-sizing:border-box}
.pg h1,.pg h2,.pg h3{text-wrap:balance}
.pg p{text-wrap:pretty}
.pg img{display:block}
.pg .ct{width:100%;max-width:1280px;margin:0 auto;padding-left:70px;padding-right:70px}
.pg .pl-h1{font-family:'Roboto Flex',Roboto,sans-serif;font-weight:700;font-variation-settings:"wdth" 100,"wght" 680,"opsz" 96;font-size:76px;line-height:80px;letter-spacing:-.022em;color:var(--ink)}
.pg .nw{white-space:nowrap}
.pg .pl-hero{padding-top:24px}
.pg .vs{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.12fr);gap:14px;align-items:stretch}
.pg .price{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-radius:32px;box-shadow:0 0 0 1px var(--line-2) inset,0 40px 80px -48px rgb(222 196 136 / .3);overflow:hidden}
.pg .faq{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid var(--line)}
@media (max-width:1100px){
.pg .ct{padding-left:32px;padding-right:32px}
.pg .pl-h1{font-size:60px;line-height:64px}
.pg .vs{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg .price{grid-template-columns:1fr}
}
@media (max-width:640px){
.pg .ct{padding-left:20px;padding-right:20px}
.pg .pl-hero{padding-top:20px}
.pg .pl-h1{font-size:44px;line-height:48px;letter-spacing:-.03em}
.pg .vs{margin-top:32px;grid-template-columns:1fr;gap:12px}
.pg .price{margin-top:32px;border-radius:24px}
.pg .faq{grid-template-columns:1fr;margin-top:32px}
}
body.premium-landing{margin:0;background:#151310}
.pg{--gold-line:linear-gradient(90deg,transparent,rgb(222 196 136 / .5) 18%,rgb(222 196 136 / .5) 82%,transparent);--on-ink:#151310;--lg-1:#F4E7C0;--lg-2:#DEC488;--lg-3:#C6A86C;--lg-grad:linear-gradient(120deg,#F6EBC8 0%,#E3CA90 45%,#C9AB70 100%);--paper:#F3EDE1;--glass:rgb(21 19 16 / .82);font-family:Inter,Roboto,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:clip;--bg:#151310;--surface:#1B1815;--raised:#23201C;--fill:#2A2621;--fill-2:#3A342C;--line:#2A2621;--line-2:#3A342C;--ink:#F3EDE1;--ink-2:#B9B0A2;--mute:#8F877A;--faint:#6F675B;--gold-t:#D4B97E;--cream:#F2ECE0;--deep:#0A0908;--gold-g:linear-gradient(135deg,#F6EBC8 0%,#C9AB70 100%);background:var(--bg)}
.pg .ct{max-width:1440px;padding-left:80px;padding-right:80px}
.pg .r4{padding:88px 0;background:var(--bg)}
.pg .r4-hd{margin:0 0 64px;max-width:900px}
.pg .r4-eb{margin:0 0 16px;font:600 13px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-t)}
.pg .r4-h2{margin:0;font:600 56px/60px Inter,sans-serif;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.pg .slot{position:relative;margin:0;overflow:hidden;border-radius:28px;min-width:0}
.pg .slot__img{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}
.pg .slot--light{background:var(--cream)}
.pg .slot--photo{background:radial-gradient(120% 90% at 50% 40%,#2A2621 0%,#1B1815 60%,#151310 100%)}
.pg .slot--logo .slot__safe{position:absolute;left:50%;top:50%;z-index:2;width:var(--sw,60%);height:var(--sh,45%);transform:translate(-50%,-50%)}
.pg .slot--logo .slot__safe .slot__img{object-fit:contain}
.pg .slot--logo .slot__safe::after{content:"";position:absolute;inset:0;z-index:1;outline:1px solid rgb(140 110 58 / .28)}
.pg .slot--logo:has(.slot__img:not([src*="d8a1baec596e20a25c7d4331ea2b01ad"])) .slot__safe::after{display:none}
.pg .ill{position:relative;margin:0}
.pg .ill__img{display:block;width:100%;height:100%;object-fit:cover}
.pg .ill__surface{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h)}
@media (max-width:1100px){
.pg .ct{padding-left:40px;padding-right:40px}
.pg .r4-h2{font-size:44px;line-height:48px}
}
@media (max-width:640px){
.pg .ct{padding-left:20px;padding-right:20px}
.pg .r4{padding:48px 0}
.pg .r4-hd{margin-bottom:36px}
.pg .r4-eb{margin-bottom:12px}
.pg .r4-h2{font-size:34px;line-height:38px}
.pg .slot{border-radius:20px}
}
.pg .r4.pl-hero{padding:48px 0 112px}
.pg .hero__in{display:flex;flex-direction:column;align-items:center;text-align:center}
.pg .pl-hero .hero__eb{margin:0 0 16px}
.pg .pl-hero .hero__h1{margin:0;font-size:88px;line-height:90px;letter-spacing:-.03em}
.pg .pl-hero .hero__br{display:none}
/* японский переносится в любом месте, и заголовки рвали слова («デ/ザイナー»): переносим по фразам (Chrome 119+,
   остальные браузеры — как раньше) */
:lang(ja) .pg :is(h1,h2,h3){word-break:auto-phrase}
.pg .hero__sub{margin:16px 0 0;font:400 20px/30px Inter,sans-serif;color:var(--ink-2)}
.pg .hero__price{display:block}
.pg .hero__form{display:flex;align-items:center;gap:8px;width:640px;max-width:100%;height:72px;margin:28px 0 0;padding:8px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow .2s}
.pg .hero__form:focus-within{box-shadow:inset 0 0 0 1px #8C7449}
.pg .hero__input{flex:1 1 auto;min-width:0;height:56px;margin:0;padding:0 0 0 16px;border:0;border-radius:10px;background:transparent;outline:0;font:400 18px/24px Inter,sans-serif;color:var(--ink);text-align:left}
.pg .hero__input::placeholder{color:var(--mute);opacity:1}
.pg .hero__btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:220px;height:56px;margin:0;padding:0;border:0;border-radius:12px;background:var(--gold-g);color:#151310;font:600 17px/24px Inter,sans-serif;cursor:pointer;box-shadow:0 12px 32px -14px rgb(222 196 136 / .55);transition:filter .2s}
.pg .hero__btn:hover{filter:brightness(1.05)}
.pg .hero__meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px 0 0;font:500 17px/24px Inter,sans-serif;color:var(--mute)}
.pg .hero__clients{color:var(--mute)}
.pg .hero__wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:40px}
.pg .hero__wall .slot{aspect-ratio:4/5;border-radius:0}
.pg .hero__wall [data-slot="W1"]{--pos:50% 45%}
.pg .hero__wall [data-slot="W2"]{--pos:50% 40%}
.pg .hero__wall [data-slot="W3"]{--pos:50% 50%}
.pg .hero__wall .slot__img{transform:scale(var(--zoom,1));transform-origin:var(--zo,var(--pos,50% 50%))}
@media (min-width:1101px){
.pg .hero__wall .slot{aspect-ratio:1/1}
.pg .hero__wall [data-slot="W1"]{--pos:50% 50%}
.pg .hero__wall [data-slot="W2"]{--pos:50% 50%}
.pg .hero__wall [data-slot="W3"]{--pos:50% 62%}
}
@media (min-width:1101px) and (max-height:820px){
.pg .r4.pl-hero{padding-top:28px}
.pg .pl-hero .hero__eb{margin-bottom:12px}
.pg .pl-hero .hero__h1{font-size:72px;line-height:74px}
.pg .hero__sub{margin-top:12px}
.pg .hero__form{height:64px;margin-top:20px}
.pg .hero__input,.pg .hero__btn{height:48px}
.pg .hero__meta{margin-top:14px}
.pg .hero__wall{margin-top:28px}
}
@media (max-width:1100px){
.pg .pl-hero .hero__h1{font-size:72px;line-height:74px}
}
@media (max-width:860px){
.pg .pl-hero .hero__br{display:inline}
}
@media (max-width:640px){
.pg .r4.pl-hero{padding:32px 0 72px}
.pg .pl-hero .hero__eb{margin-bottom:12px}
.pg .pl-hero .hero__h1{font-size:42px;line-height:46px}
.pg .pl-hero .hero__br{display:inline}
.pg .hero__sub{margin-top:16px;font-size:16px;line-height:24px}
.pg .hero__form{flex-direction:column;align-items:stretch;gap:8px;width:100%;height:auto;margin-top:24px;padding:0;border-radius:0;background:none;box-shadow:none}
.pg .hero__form:focus-within{box-shadow:none}
.pg .hero__input{flex:none;width:100%;height:56px;padding:0 16px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);font-size:17px;transition:box-shadow .2s}
.pg .hero__input:focus{box-shadow:inset 0 0 0 1px #8C7449}
.pg .hero__btn{width:100%;height:52px;border-radius:14px}
.pg .hero__meta{flex-direction:column;margin-top:14px;font-size:15px;line-height:22px}
.pg .hero__wall{display:flex;margin-top:32px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.pg .hero__wall::-webkit-scrollbar{display:none}
.pg .hero__wall .slot{flex:0 0 320px;scroll-snap-align:start}
.pg .hero__wall .slot[data-slot="W2"]{order:-1}
}
.pg .r4.proof{padding:112px 0}
.pg .proof .pf-hd{display:flex;flex-direction:column;align-items:center;margin:0 auto 48px;text-align:center}
.pg .proof .r4-eb{margin:0 0 16px}
.pg .proof .pf-h2{font-size:44px;line-height:52px;letter-spacing:-.02em}
.pg .proof .pf-sub{margin:12px 0 0;font:400 17px/26px Inter,sans-serif;color:var(--ink-2)}
.pg .proof .pf-rib{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.pg .proof .pf-sk{display:flex;flex-direction:column;gap:14px;min-width:0}
.pg .proof .pf-sk .slot{aspect-ratio:1/1;border-radius:16px}
.pg .proof .pf-sk--on .slot{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--gold-t)}
.pg .proof .pf-n{display:flex;align-items:center;gap:10px;font:500 15px/22px Inter,sans-serif;color:var(--mute);font-variant-numeric:tabular-nums}
.pg .proof .pf-sk--on .pf-n{color:var(--ink)}
.pg .proof .pf-n b{font:600 12px/16px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-t)}
.pg .proof .pf-main{display:grid;grid-template-columns:824fr 400fr;column-gap:56px;margin-top:64px;align-items:stretch}
.pg .proof .pf-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0}
.pg .proof .pf-big{margin:0;min-width:0}
.pg .proof .pf-big .slot{aspect-ratio:5/6;border-radius:20px}
.pg .proof .pf-zoom{transform:scale(1.08);transform-origin:50% 55%}
.pg .proof .pf-cap{margin:14px 0 0;font:500 15px/22px Inter,sans-serif;color:var(--mute)}
.pg .proof .pf-cap--on{color:var(--ink)}
.pg .proof .pf-done{display:flex;flex-direction:column;min-width:0;padding-bottom:36px}
.pg .proof .pf-done__t{margin:0 0 4px;font:600 13px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-t)}
.pg .proof .pf-list{flex:1;display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.pg .proof .pf-it{padding:20px 0 18px;border-top:1px solid var(--line-2)}
.pg .proof .pf-it:first-child{border-top:0}
.pg .proof .pf-it__t{margin:0 0 14px;font:600 18px/24px Inter,sans-serif;letter-spacing:-.01em;color:var(--ink)}
.pg .proof .pf-it figure{margin:0;min-width:0}
.pg .proof .pf-it figcaption{margin-top:8px;font:400 13px/18px Inter,sans-serif;color:var(--mute)}
.pg .proof .pf-it .slot{border-radius:10px}
.pg .proof .pf-words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pg .proof .pf-w .slot{aspect-ratio:900/272}
.pg .proof .pf-vers{display:grid;grid-template-columns:1fr 2fr 1fr;gap:8px;align-items:start}
.pg .proof .pf-v .slot{aspect-ratio:1/1}
.pg .proof .pf-v--wide .slot{aspect-ratio:2/1}
.pg .proof .pf-sw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pg .proof .pf-c{display:flex;flex-direction:column;gap:8px;font:500 13px/18px Inter,sans-serif;letter-spacing:.02em;color:var(--ink-2);font-variant-numeric:tabular-nums}
.pg .proof .pf-c i{display:block;height:52px;border-radius:10px;background:var(--c);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .06)}
@media (max-width:1100px){
.pg .proof .pf-main{grid-template-columns:minmax(0,1fr);row-gap:40px}
.pg .proof .pf-done{padding-bottom:0}
.pg .proof .pf-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pg .proof .pf-it,.pg .proof .pf-it:first-child{border-top:1px solid var(--line-2)}
}
@media (max-width:640px){
.pg .r4.proof{padding:72px 0}
.pg .proof .pf-hd{margin-bottom:32px}
.pg .proof .r4-eb{margin-bottom:12px}
.pg .proof .pf-h2{font-size:30px;line-height:36px;letter-spacing:-.015em}
.pg .proof .pf-sub{margin-top:10px;font-size:15px;line-height:22px}
.pg .proof .pf-rib{display:flex;gap:10px;margin:0 -20px;padding:4px 20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;scrollbar-width:none}
.pg .proof .pf-rib::-webkit-scrollbar{display:none}
.pg .proof .pf-sk{flex:0 0 104px;gap:10px;scroll-snap-align:start}
.pg .proof .pf-sk .slot{border-radius:12px}
.pg .proof .pf-n{font-size:13px;line-height:18px;gap:6px}
.pg .proof .pf-n b{font-size:10px;letter-spacing:.1em}
.pg .proof .pf-main{margin-top:32px;row-gap:28px}
.pg .proof .pf-pair{gap:12px}
.pg .proof .pf-big .slot{border-radius:14px}
.pg .proof .pf-cap{margin-top:10px;font-size:14px;line-height:20px}
.pg .proof .pf-list{display:flex;gap:0}
.pg .proof .pf-it{padding:18px 0}
.pg .proof .pf-it:first-child{padding-top:14px}
.pg .proof .pf-it:last-child{padding-bottom:0}
.pg .proof .pf-it__t{font-size:17px;margin-bottom:12px}
}
/* Улучшение логотипа клиента (_improve): пары «было → стало» по две в ряд, на телефоне — по одной */
.pg .r4.improve{padding:112px 0;background:var(--surface)}
.pg .improve .im-hd{display:flex;flex-direction:column;align-items:center;max-width:900px;margin:0 auto 48px;text-align:center}
.pg .improve .im-h2{font-size:44px;line-height:52px;letter-spacing:-.02em}
.pg .improve .im-sub{margin:12px 0 0;max-width:640px;font:400 17px/26px Inter,sans-serif;color:var(--ink-2)}
.pg .improve .im-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.pg .improve .im-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:20px;border-radius:24px;background:var(--raised);box-shadow:inset 0 0 0 1px var(--line-2)}
.pg .improve .im-fig{margin:0;min-width:0}
.pg .improve .im-slot{aspect-ratio:1/1;border-radius:16px}
.pg .improve .im-slot--after{box-shadow:0 0 0 2px var(--raised),0 0 0 4px var(--gold-t)}
.pg .improve .im-arrow{flex:none;margin-bottom:34px;color:var(--gold-t)}
.pg .improve .im-cap{margin:12px 0 0;font:500 15px/22px Inter,sans-serif;color:var(--mute);text-align:center}
.pg .improve .im-cap--on{color:var(--ink)}
.pg .improve .im-foot{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:48px}
.pg .improve .im-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:60px;padding:0 32px;border-radius:16px;background:var(--gold-g);color:#151310;font:600 18px/24px Inter,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 16px 40px -16px rgb(222 196 136 / .6);transition:filter .2s}
.pg .improve .im-btn svg{flex:none}
.pg .improve .im-btn:hover{filter:brightness(1.06)}
.pg .improve .im-btn:focus-visible{outline:2px solid var(--gold-t);outline-offset:4px}
.pg .improve .im-note{margin:0;font:400 13px/18px Inter,sans-serif;color:var(--faint);text-align:center}
@media (max-width:1100px){
.pg .improve .im-list{gap:16px}
.pg .improve .im-pair{gap:12px;padding:16px}
}
@media (max-width:640px){
.pg .improve .im-list{grid-template-columns:minmax(0,1fr)}
.pg .r4.improve{padding:72px 0}
.pg .improve .im-hd{margin-bottom:32px}
.pg .improve .im-h2{font-size:30px;line-height:36px;letter-spacing:-.015em}
.pg .improve .im-sub{margin-top:10px;font-size:15px;line-height:22px}
.pg .improve .im-list{gap:12px}
.pg .improve .im-pair{gap:8px;padding:12px;border-radius:18px}
.pg .improve .im-slot{border-radius:12px}
.pg .improve .im-arrow{width:20px;height:20px;margin-bottom:28px}
.pg .improve .im-cap{margin-top:8px;font-size:13px;line-height:18px}
.pg .improve .im-foot{margin-top:32px}
.pg .improve .im-btn{width:100%}
}
.pg .r4.life1{padding:0}
.pg .life1 .l1-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.pg .life1 .slot{aspect-ratio:4/5;border-radius:0}
@media (max-width:640px){
.pg .life1 .l1-row{grid-template-columns:minmax(0,1fr)}
.pg .life1 .slot{aspect-ratio:1/1}
}
/* Слайд-шоу в рамке лент (data-show): виден снимок .is-on; уходящий (.is-out) лежит сверху и гаснет, открывая
   следующий. Классы меняет скрипт страницы, без него и при reduced-motion стоит первый снимок */
.pg [data-show] .slot__img{opacity:0;z-index:1}
.pg [data-show] .slot__img.is-on{opacity:1;z-index:2}
.pg [data-show] .slot__img.is-out{opacity:0;z-index:3;transition:opacity 1.2s ease-in-out}
.pg .r4.how{padding:112px 0}
.pg .how .hw-hd{display:flex;flex-direction:column;align-items:center;margin:0 auto 48px;text-align:center}
.pg .how .r4-eb{margin:0 0 16px}
.pg .how .hw-h2{font-size:44px;line-height:52px;letter-spacing:-.02em}
.pg .how .hw-sub{margin:12px 0 0;font:400 17px/26px Inter,sans-serif;color:#B9B0A2}
.pg .how .hw-wrap{container-type:inline-size}
.pg .how .hw-stage{position:relative;padding-top:84px}
.pg .how .hw-shot{position:relative;z-index:1;margin:0;border-radius:16px;overflow:hidden;background:#0D0C0A;box-shadow:0 32px 80px rgb(0 0 0 / .45)}
.pg .how .hw-shot::after{content:"";position:absolute;inset:0;z-index:9;border-radius:inherit;box-shadow:inset 0 0 0 1px #3A342C;pointer-events:none}
.pg .how .hw-shot--d{width:68.75cqw;aspect-ratio:1000/470;container-type:inline-size}
.pg .how .hw-shot--m{display:none}
.pg .how .stu.stu--d{width:1000px;height:470px;transform-origin:0 0;transform:scale(calc(100cqw / 1000px))}
.pg .how .hw-agent{position:absolute;z-index:3;left:62.5cqw;bottom:-7.26cqw;width:40cqw;height:auto;max-width:none;margin:0;pointer-events:none}
.pg .how .hw-say{position:absolute;z-index:4;right:calc(16.1cqw + 24px);bottom:calc(32.31cqw + 24px);max-width:340px;margin:0;font:500 17px/26px Inter,sans-serif;color:#F2ECE0;text-align:right;text-wrap:balance}
.pg .how .hw-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 24px;margin:56px 0 0;padding:0;list-style:none}
.pg .how .hw-st{min-width:0}
.pg .how .hw-sn{display:block;font:600 15px/20px Inter,sans-serif;color:var(--mute);font-variant-numeric:tabular-nums}
.pg .how .hw-st--you .hw-sn{color:#D4B97E}
.pg .how .hw-stt{margin:8px 0 0;font:600 20px/28px Inter,sans-serif;letter-spacing:-.01em;color:#F2ECE0}
.pg .how .hw-sp{margin:4px 0 0;font:400 15px/22px Inter,sans-serif;color:#B9B0A2;text-wrap:pretty}
.pg .how .hw-nw{white-space:nowrap}
.pg .how .stu{--s-bg:#0D0C0A;--s-surface:#151310;--s-raised:#1B1815;--s-fill:#23201C;--s-fill-2:#2E2A25;--s-line:rgb(222 196 136 / .16);--s-line-2:rgb(222 196 136 / .32);--s-ink:#F3EDE1;--s-ink-2:#CFC6B8;--s-mute:#9E9587;--s-faint:#6F685F;--s-gold:#D6B878;--s-on:#151310;--s-lg:linear-gradient(120deg,#F6EBC8 0%,#E3CA90 45%,#C9AB70 100%);--s-tl:linear-gradient(90deg,#E3CA90,#B8975A);position:absolute;left:0;top:0;width:100%;height:100%;display:grid;grid-template-rows:72px minmax(0,1fr);background:var(--s-bg);color:var(--s-ink);font:400 14px/20px Inter,sans-serif;text-align:left;-webkit-font-smoothing:antialiased}
.pg .how .stu p{margin:0}
.pg .how .stu-ib{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;color:var(--s-ink-2)}
.pg .how .stu-ib svg{width:20px;height:20px}
.pg .how .stu-proj{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}
.pg .how .stu-proj b{font:700 18px/28px Inter,sans-serif;letter-spacing:-.02em;color:var(--s-ink)}
.pg .how .stu-proj span{font:500 18px/28px Inter,sans-serif;letter-spacing:-.01em;background:linear-gradient(120deg,#A98C4A,#8E7444);-webkit-background-clip:text;background-clip:text;color:transparent}
.pg .how .stu-top{display:grid;grid-template-columns:auto minmax(0,1fr) 16px;align-items:center;gap:24px;padding:0 24px 0 16px;border-bottom:1px solid var(--s-line)}
.pg .how .stu-l{display:flex;align-items:center;gap:8px;min-width:0}
.pg .how .stu-tl{position:relative;min-width:0;padding:0 30px}
.pg .how .stu-tl ol{position:relative;z-index:1;display:flex;justify-content:space-between;margin:0;padding:0;list-style:none}
.pg .how .stu-tl li{position:relative;width:0;display:flex;flex-direction:column;align-items:center}
.pg .how .stu-w{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px;padding:2px 0}
.pg .how .stu-dot{width:14px;height:14px;margin:2px 0;border-radius:50%;background:var(--s-bg);box-shadow:inset 0 0 0 1.5px var(--s-line-2)}
.pg .how .stu-tl .pl-done .stu-dot{background:linear-gradient(120deg,#E3CA90,#B8975A);box-shadow:none}
.pg .how .stu-tl .now .stu-dot{width:18px;height:18px;margin:0;display:grid;place-items:center;background:var(--s-bg);box-shadow:inset 0 0 0 2px #B8975A,0 0 0 6px rgb(184 151 90 / .14)}
.pg .how .stu-tl .now .stu-dot::after{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(120deg,#E3CA90,#A88B4E)}
.pg .how .stu-lab{font:500 14px/20px Inter,sans-serif;color:var(--s-mute);white-space:nowrap}
.pg .how .stu-tl .pl-done .stu-lab{color:var(--s-ink-2)}
.pg .how .stu-tl .now .stu-lab{font-weight:600;color:var(--s-ink)}
.pg .how .stu-line{position:absolute;left:30px;right:30px;top:10px;height:2px;border-radius:1px;background:var(--s-fill-2);overflow:hidden}
.pg .how .stu-line i{display:block;width:86%;height:100%;background:var(--s-tl)}
.pg .how .stu-cv{position:relative;min-height:0;overflow:hidden}
.pg .how .stu-sec{padding:64px 20px 0}
.pg .how .stu-gh{display:flex;flex-direction:column;gap:4px}
.pg .how .stu-h{font:600 20px/28px Inter,sans-serif;letter-spacing:-.01em;color:var(--s-ink)}
.pg .how .stu-gate{margin-top:40px}
.pg .how .stu-opts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.pg .how .stu-opt{display:flex;flex-direction:column;gap:8px;min-width:0}
.pg .how .stu-im{position:relative;border-radius:16px;overflow:hidden}
.pg .how .stu-im .slot{border-radius:16px}
.pg .how .stu-im::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px #E7E5E4;pointer-events:none}
.pg .how .stu-opt.on .stu-im{transform:translateY(-8px)}
.pg .how .stu-opt.on .stu-im::after{box-shadow:inset 0 0 0 2px #D4B97E}
.pg .how .stu-lb{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;padding-left:2px;font:600 14px/20px Inter,sans-serif;color:var(--s-ink-2)}
.pg .how .stu-opt.on .stu-lb{color:var(--s-ink)}
.pg .how .stu-lb em{padding:2px 8px;border-radius:999px;background:var(--s-lg);font:600 12px/16px Inter,sans-serif;font-style:normal;color:var(--s-on)}
.pg .how .hw-foot{position:relative;z-index:5;display:flex;justify-content:center;margin-top:48px}
.pg .how .hw-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:260px;height:60px;border-radius:16px;background:var(--gold-g);color:#151310;font:600 18px/24px Inter,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 16px 40px -16px rgb(222 196 136 / .6);transition:filter .2s}
.pg .how .hw-btn svg{flex:none}
.pg .how .hw-btn:hover{filter:brightness(1.06)}
.pg .how .hw-btn:focus-visible{outline:2px solid var(--gold-t);outline-offset:4px}
@media (max-width:900px){
.pg .how .hw-steps{grid-template-columns:minmax(0,1fr);gap:24px 0}
.pg .how .hw-st{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:baseline}
.pg .how .hw-sn{grid-row:1/3;line-height:28px}
.pg .how .hw-stt{margin-top:0}
}
@media (max-width:640px){
.pg .r4.how{padding:72px 0}
.pg .how .hw-hd{margin-bottom:28px}
.pg .how .r4-eb{margin-bottom:12px}
.pg .how .hw-h2{font-size:30px;line-height:36px;letter-spacing:-.015em}
.pg .how .hw-sub{margin-top:10px;font-size:15px;line-height:22px}
.pg .how .hw-stage{--h:270px;--w:calc(var(--h) * .8056);padding-top:204px}
.pg .how .hw-shot--d{display:none}
.pg .how .hw-shot--m{display:block;width:350px;max-width:100%;aspect-ratio:390/534;border-radius:18px;container-type:inline-size}
.pg .how .stu.stu--m{width:390px;height:534px;grid-template-rows:auto minmax(0,1fr);transform-origin:0 0;transform:scale(calc(100cqw / 390px))}
.pg .how .hw-agent{left:auto;right:calc(var(--w) * -.032);bottom:auto;top:calc(204px - var(--h) * .854);width:var(--w);height:var(--h)}
.pg .how .hw-say{left:0;right:auto;top:66px;bottom:auto;max-width:calc(100% - var(--w) * .968 + var(--w) * .316 - 28px);font-size:15px;line-height:22px;text-align:left;text-wrap:pretty}
.pg .how .hw-steps{margin-top:40px}
.pg .how .hw-steps{gap:20px 0}
.pg .how .hw-stt{font-size:18px;line-height:26px}
.pg .how .hw-sn{line-height:26px}
.pg .how .hw-foot{margin-top:32px}
.pg .how .hw-btn{width:100%;height:56px;font-size:17px;box-shadow:0 12px 32px -14px rgb(222 196 136 / .55)}
}
@supports not (transform:scale(calc(1px / 1px))){
@media (max-width:640px){
.pg .how .stu.stu--m{transform:scale(.8974)}
}
@media (max-width:389px){
.pg .how .hw-shot--m{width:335px}
.pg .how .stu.stu--m{transform:scale(.859)}
}
@media (max-width:374px){
.pg .how .hw-shot--m{width:320px}
.pg .how .stu.stu--m{transform:scale(.8205)}
}
@media (max-width:359px){
.pg .how .hw-shot--m{width:280px}
.pg .how .stu.stu--m{transform:scale(.718)}
}
}
.pg .how .stum-top{display:flex;flex-direction:column;padding:0 16px 0 4px;border-bottom:1px solid var(--s-line)}
.pg .how .stum-l{display:flex;align-items:center;gap:8px;height:52px}
.pg .how .stu--m .stu-proj b,.pg .how .stu--m .stu-proj span{font-size:16px;line-height:24px}
.pg .how .stum-tl{display:flex;flex-direction:column;gap:8px;padding:0 0 12px 12px}
.pg .how .stum-seg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.pg .how .stum-seg i{position:relative;height:3px;border-radius:2px;background:var(--s-fill);overflow:hidden}
.pg .how .stum-seg i.pl-done{background:var(--s-tl)}
.pg .how .stum-seg i.now::after{content:"";position:absolute;left:0;top:0;bottom:0;width:24%;background:var(--s-tl)}
.pg .how .stum-lab{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.pg .how .stum-lab b{font:600 14px/20px Inter,sans-serif;color:var(--s-ink)}
.pg .how .stum-lab span{font:400 12px/16px Inter,sans-serif;color:var(--s-mute)}
.pg .how .stum-cv{position:relative;min-height:0;overflow:hidden}
.pg .how .stum-sec{padding:28px 16px 0}
.pg .how .stu--m .stu-gate{margin-top:20px}
.pg .how .stu--m .stu-opts{display:flex;gap:12px;width:max-content;margin:0 -16px;padding-top:8px;transform:translateX(-499px)}
.pg .how .stu--m .stu-opt{flex:0 0 268px}
.pg .how .stu-rec{position:absolute;z-index:4;top:7px;left:7px;padding:2px 7px;border-radius:999px;background:var(--s-lg);font:600 12px/16px Inter,sans-serif;font-style:normal;color:var(--s-on)}
.pg .how .stu-pn,.pg .how .stum-pn{position:absolute;inset:0}
.pg .how .stu-pn{padding:40px 20px 0}
.pg .how .stu-pn--4{padding-top:64px}
.pg .how .stum-pn{padding:24px 16px 0}
.pg .how .stum-pn--4{padding-top:28px}
.pg .how .stu-pn:not(.stu-pn--4),.pg .how .stum-pn:not(.stum-pn--4){opacity:0}
.pg .how .stu-cap{display:block;font:600 11px/14px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--s-mute)}
.pg .how .stu-card{border-radius:16px;background:var(--s-surface);box-shadow:inset 0 0 0 1px var(--s-line)}
.pg .how .stu-pn svg,.pg .how .stum-pn svg{fill:none;stroke-linecap:round;stroke-linejoin:round}
.pg .how .b1-name{margin-top:14px;font:600 56px/60px Inter,sans-serif;letter-spacing:-.03em;color:var(--s-ink)}
.pg .how .b1-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.pg .how .b1-c{min-height:124px;padding:18px 20px}
.pg .how .b1-tx{margin-top:12px;font:500 16px/24px Inter,sans-serif;color:var(--s-ink)}
.pg .how .b1-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pg .how .b1-chips i{padding:6px 12px;border-radius:999px;background:var(--s-fill);font:500 14px/20px Inter,sans-serif;font-style:normal;color:var(--s-ink)}
.pg .how .b1-sw{display:flex;gap:10px;margin-top:14px}
.pg .how .b1-sw i{width:44px;height:44px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .1)}
.pg .how .c2-row{display:grid;grid-template-columns:560px minmax(0,1fr);gap:24px;margin-top:20px}
.pg .how .c2-map{margin:0}
.pg .how .c2-svg{display:block;width:100%;height:auto}
.pg .how .mp-f{fill:var(--s-surface);stroke:var(--s-line)}
.pg .how .mp-a{stroke:rgb(222 196 136 / .14);stroke-width:1.5}
.pg .how .mp-t{font:500 12px Inter,sans-serif;fill:var(--s-mute);stroke:none}
.pg .how .mp-d circle{fill:var(--s-fill-2);stroke:rgb(222 196 136 / .25)}
.pg .how .mp-d text{font:600 11px Inter,sans-serif;fill:var(--s-ink-2);stroke:none;text-anchor:middle}
.pg .how .mp-halo{fill:rgb(214 184 120 / .16);transform-box:fill-box;transform-origin:center}
.pg .how .mp-me,.pg .how .mp-pill{fill:var(--s-gold)}
.pg .how .mp-pt{font:600 12px Inter,sans-serif;fill:var(--s-on);stroke:none}
.pg .how .c2-side{display:flex;flex-direction:column;gap:12px;padding-top:4px}
.pg .how .c2-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.pg .how .c2-chips i{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:999px;background:var(--s-fill);font:500 14px/20px Inter,sans-serif;font-style:normal;color:var(--s-ink)}
.pg .how .c2-chips svg{width:16px;height:16px;stroke-width:2.4}
.pg .how .c2-chips--ok svg{stroke:var(--s-gold)}
.pg .how .c2-chips--no i{color:var(--s-ink-2)}
.pg .how .c2-chips--no svg{stroke:var(--s-mute)}
.pg .how .i3-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;margin-top:20px}
.pg .how .i3-name{padding:18px 20px}
.pg .how .i3-name b{display:block;margin-top:12px;font:600 32px/36px Inter,sans-serif;letter-spacing:-.02em;color:var(--s-gold)}
.pg .how .i3-name p{margin-top:8px;font:400 14px/20px Inter,sans-serif;color:var(--s-ink-2)}
.pg .how .i3-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pg .how .i3-card{display:flex;flex-direction:column;min-height:214px;padding:16px 16px 14px}
.pg .how .i3-no{font:600 11px/14px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--s-mute)}
.pg .how .i3-card h4{margin:8px 0 0;font:600 17px/23px Inter,sans-serif;letter-spacing:-.01em;color:var(--s-ink)}
.pg .how .i3-ls{display:flex;flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.pg .how .i3-ls li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;font:400 13px/18px Inter,sans-serif;color:var(--s-ink-2)}
.pg .how .i3-ls svg{width:16px;height:16px;margin-top:1px;stroke-width:2.4}
.pg .how .i3-ls .ok svg{stroke:var(--s-gold)}
.pg .how .i3-ls .no svg{stroke:var(--s-mute)}
.pg .how .i3-st{align-self:flex-start;margin-top:auto;padding:4px 10px;border-radius:999px;background:var(--s-lg);font:600 12px/16px Inter,sans-serif;color:var(--s-on)}
.pg .how .l5-row{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;margin-top:20px}
.pg .how .l5-clean{padding:18px 20px}
.pg .how .l5-ft{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}
.pg .how .l5-ft figure{width:150px;height:150px;margin:0;border-radius:14px;overflow:hidden;background:#F7F2E8;box-shadow:inset 0 0 0 1px #E7E5E4}
.pg .how .l5-ft .l5-to{width:190px;height:190px;box-shadow:0 0 0 2px var(--s-bg),0 0 0 4px var(--s-gold)}
.pg .how .l5-ft img{display:block;width:100%;height:100%;object-fit:contain}
.pg .how .l5-arr svg{display:block;width:26px;height:26px;stroke:var(--s-gold);stroke-width:2}
/* «Собираю брендбук»: разворот — обложка в цвете бренда с логотипом и страница цветов и шрифта. Цвета Bramble —
   с его логотипа (bramble-logo-vertical.webp); вёрстка — как у брендбука студии (обложка и доски) */
.pg .how .l5-bb{padding:16px 18px 18px}
.pg .how .l5-book{display:grid;grid-template-columns:1fr 1fr;height:196px;margin-top:14px;border-radius:10px;overflow:hidden;box-shadow:0 18px 30px -18px rgb(0 0 0 / .7),0 0 0 1px var(--s-line)}
.pg .how .l5-pg{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px}
.pg .how .l5-pg--cover{align-items:center;justify-content:center;background:#771B2A}
.pg .how .l5-pg--cover img{display:block;width:76%;aspect-ratio:1/1;border-radius:8px;object-fit:cover}
.pg .how .l5-bbt{position:absolute;top:10px;left:12px;font:600 9px/12px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#F4EBDC;opacity:.85}
.pg .how .l5-pg--in{background:#F4EBDC;box-shadow:inset 1px 0 0 rgb(0 0 0 / .12)}
.pg .how .l5-pgh{font:600 9px/12px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#771B2A;opacity:.75}
.pg .how .l5-sw{display:flex;align-items:flex-end;height:44px;padding:5px 7px;border-radius:6px;background:var(--c)}
.pg .how .l5-sw em{font:600 10px/12px Inter,sans-serif;font-style:normal;color:#F4EBDC}
.pg .how .l5-sw--l{height:26px;box-shadow:inset 0 0 0 1px rgb(119 27 42 / .25)}
.pg .how .l5-sw--l em{color:#771B2A}
.pg .how .l5-aa{font:700 34px/1 Inter,sans-serif;letter-spacing:-.02em;color:#771B2A}
.pg .how .stu--m .stu-h{font-size:18px;line-height:24px}
.pg .how .stu--m .b1-name{margin-top:8px;font-size:40px;line-height:44px}
.pg .how .stu--m .b1-cols{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:18px}
.pg .how .stu--m .b1-c{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;min-height:0;padding:12px 14px}
.pg .how .stu--m .b1-tx,.pg .how .stu--m .b1-chips,.pg .how .stu--m .b1-sw{margin-top:0}
.pg .how .stu--m .b1-tx{font-size:14px;line-height:20px}
.pg .how .stu--m .b1-chips{gap:6px}
.pg .how .stu--m .b1-chips i{padding:3px 9px;font-size:13px;line-height:18px}
.pg .how .stu--m .b1-sw i{width:30px;height:30px}
.pg .how .stu--m .c2-row{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px}
.pg .how .stu--m .c2-side{gap:8px;padding-top:0}
.pg .how .stu--m .c2-chips{gap:6px;margin-bottom:4px}
.pg .how .stu--m .c2-chips i{padding:4px 10px 4px 6px;font-size:13px;line-height:18px}
.pg .how .stu--m .i3-row{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px}
.pg .how .stu--m .i3-name{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;padding:12px 14px}
.pg .how .stu--m .i3-name .stu-cap{width:100%}
.pg .how .stu--m .i3-name b{margin-top:6px;font-size:24px;line-height:28px}
.pg .how .stu--m .i3-name p{margin-top:0;font-size:13px;line-height:18px}
.pg .how .stu--m .i3-cards{display:flex;gap:12px;width:max-content}
.pg .how .stu--m .i3-card{flex:0 0 268px;min-height:196px}
.pg .how .stu--m .l5-row{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px}
.pg .how .stu--m .l5-clean{padding:12px 14px}
.pg .how .stu--m .l5-ft{gap:12px;margin-top:10px}
.pg .how .stu--m .l5-ft figure{width:104px;height:104px}
.pg .how .stu--m .l5-ft .l5-to{width:124px;height:124px}
.pg .how .stu--m .l5-bb{padding:12px 14px}
.pg .how .stu--m .l5-book{height:120px;margin-top:10px;border-radius:8px}
.pg .how .stu--m .l5-pg{gap:4px;padding:8px}
.pg .how .stu--m .l5-pg--cover{padding-top:20px}
.pg .how .stu--m .l5-pg--cover img{width:58%;border-radius:6px}
.pg .how .stu--m .l5-bbt{top:7px;left:8px;font-size:8px;line-height:10px}
.pg .how .stu--m .l5-pgh{font-size:8px;line-height:10px}
.pg .how .stu--m .l5-sw{height:26px;padding:3px 6px;border-radius:5px}
.pg .how .stu--m .l5-sw em{font-size:9px;line-height:11px}
.pg .how .stu--m .l5-sw--l{height:16px}
.pg .how .stu--m .l5-aa{font-size:22px}
.pg .how .stum-labs{display:grid}
.pg .how .stum-labs .stum-lab{grid-area:1/1}
.pg .how .stum-lab:not(.stum-lab--4){visibility:hidden}
.pg .how .hw-say:not(.hw-say--4){visibility:hidden}
.pg .how .hw-st{position:relative}
.pg .how .hw-st::before,.pg .how .hw-st::after{content:"";position:absolute;left:0;right:0;top:-20px;height:2px;border-radius:1px;background:#2A2621}
.pg .how .hw-st::after{background:linear-gradient(90deg,#E3CA90,#B8975A);transform-origin:0 50%;transform:scaleX(0)}
.pg .how .hw-st:nth-child(-n+4)::after{transform:none}
@media (max-width:900px){
.pg .how .hw-st::before,.pg .how .hw-st::after{display:none}
}
@media (prefers-reduced-motion:no-preference){
.pg .how .hw-shot,.pg .how .hw-say{--e:cubic-bezier(.2,.7,.2,1)}
.pg .how .stu-pn--1,.pg .how .stum-pn--1,.pg .how .hw-say--1,.pg .how .stum-lab--1{animation:hw-p1 20s ease infinite both}
.pg .how .stu-pn--2,.pg .how .stum-pn--2,.pg .how .hw-say--2,.pg .how .stum-lab--2{animation:hw-p2 20s ease infinite both}
.pg .how .stu-pn--3,.pg .how .stum-pn--3,.pg .how .hw-say--3,.pg .how .stum-lab--3{animation:hw-p3 20s ease infinite both}
.pg .how .stu-pn--4,.pg .how .stum-pn--4,.pg .how .hw-say--4,.pg .how .stum-lab--4{animation:hw-p4 20s ease infinite both}
.pg .how .stu-pn--5,.pg .how .stum-pn--5,.pg .how .hw-say--5,.pg .how .stum-lab--5{animation:hw-p5 20s ease infinite both}
.pg .how .hw-stage .hw-say,.pg .how .stum-labs .stum-lab{visibility:visible}
.pg .how .stu-line i{animation:hw-line 20s var(--e) infinite both}
.pg .how .stu-tl .stu-w .stu-dot{position:relative;display:block;width:14px;height:14px;margin:2px 0;background:var(--s-bg);box-shadow:inset 0 0 0 1.5px var(--s-line-2)}
.pg .how .stu-tl .stu-w .stu-dot::after{content:"";position:absolute;inset:0;width:auto;height:auto;border-radius:50%;background:linear-gradient(120deg,#E3CA90,#B8975A);transform:scale(0)}
.pg .how .stu-tl .stu-w .stu-lab{font-weight:500;color:var(--s-mute)}
.pg .how .stu-tl li:nth-child(1) .stu-dot::after{animation:hw-d1 20s var(--e) infinite both}
.pg .how .stu-tl li:nth-child(2) .stu-dot::after{animation:hw-d2 20s var(--e) infinite both}
.pg .how .stu-tl li:nth-child(3) .stu-dot::after{animation:hw-d3 20s var(--e) infinite both}
.pg .how .stu-tl li:nth-child(4) .stu-dot::after{animation:hw-d4 20s var(--e) infinite both}
.pg .how .stu-tl li:nth-child(5) .stu-dot::after{animation:hw-d5 20s var(--e) infinite both}
.pg .how .stu-tl li:nth-child(1) .stu-lab{animation:hw-l1 20s linear infinite both}
.pg .how .stu-tl li:nth-child(2) .stu-lab{animation:hw-l2 20s linear infinite both}
.pg .how .stu-tl li:nth-child(3) .stu-lab{animation:hw-l3 20s linear infinite both}
.pg .how .stu-tl li:nth-child(4) .stu-lab{animation:hw-l4 20s linear infinite both}
.pg .how .stu-tl li:nth-child(5) .stu-lab{animation:hw-l5 20s linear infinite both}
.pg .how .stum-seg i,.pg .how .stum-seg i.pl-done{background:var(--s-fill)}
.pg .how .stum-seg i::after,.pg .how .stum-seg i.now::after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;width:auto;background:var(--s-tl);transform-origin:0 50%;transform:scaleX(0)}
.pg .how .stum-seg i:nth-child(1)::after,.pg .how .hw-st:nth-child(1)::after{animation:hw-g1 20s linear infinite both}
.pg .how .stum-seg i:nth-child(2)::after,.pg .how .hw-st:nth-child(2)::after{animation:hw-g2 20s linear infinite both}
.pg .how .stum-seg i:nth-child(3)::after,.pg .how .hw-st:nth-child(3)::after{animation:hw-g3 20s linear infinite both}
.pg .how .stum-seg i:nth-child(4)::after,.pg .how .hw-st:nth-child(4)::after{animation:hw-g4 20s linear infinite both}
.pg .how .stum-seg i:nth-child(5)::after,.pg .how .hw-st:nth-child(5)::after{animation:hw-g5 20s linear infinite both}
.pg .how .stu-opt{animation:hw-sk 20s var(--e) infinite both}
.pg .how .stu-opt:nth-child(2){animation-delay:.12s}
.pg .how .stu-opt:nth-child(3){animation-delay:.24s}
.pg .how .stu-opt:nth-child(4){animation-delay:.36s}
.pg .how .stu-opt:nth-child(5){animation-delay:.48s}
.pg .how .stu-opt.on .stu-im{animation:hw-pick 20s var(--e) infinite both}
.pg .how .stu-opt.on .stu-im::after{animation:hw-pick-f 20s var(--e) infinite both}
.pg .how .stu-lb em,.pg .how .stu-rec{animation:hw-chip 20s var(--e) infinite both}
.pg .how .mp-halo{animation:hw-halo 2.4s ease-in-out infinite}
}
@keyframes hw-p1{0%{opacity:0}2.5%,20%{opacity:1}22.5%,100%{opacity:0}}
@keyframes hw-p2{0%,20%{opacity:0}22.5%,40%{opacity:1}42.5%,100%{opacity:0}}
@keyframes hw-p3{0%,40%{opacity:0}42.5%,60%{opacity:1}62.5%,100%{opacity:0}}
@keyframes hw-p4{0%,60%{opacity:0}62.5%,80%{opacity:1}82.5%,100%{opacity:0}}
@keyframes hw-p5{0%{opacity:1}2.5%,80%{opacity:0}82.5%,100%{opacity:1}}
@keyframes hw-line{0%,20%{width:0}22.5%,40%{width:25%}42.5%,60%{width:50%}62.5%,80%{width:75%}82.5%,99.5%{width:100%}100%{width:0}}
@keyframes hw-d1{0%{transform:scale(0)}2%,99.5%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes hw-d2{0%,21%{transform:scale(0)}23%,99.5%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes hw-d3{0%,41%{transform:scale(0)}43%,99.5%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes hw-d4{0%,61%{transform:scale(0)}63%,99.5%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes hw-d5{0%,81%{transform:scale(0)}83%,99.5%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes hw-l1{0%,20%{color:#F3EDE1}21%,99%{color:#CFC6B8}100%{color:#F3EDE1}}
@keyframes hw-l2{0%,20%{color:#9E9587}21%,40%{color:#F3EDE1}41%,99%{color:#CFC6B8}100%{color:#9E9587}}
@keyframes hw-l3{0%,40%{color:#9E9587}41%,60%{color:#F3EDE1}61%,99%{color:#CFC6B8}100%{color:#9E9587}}
@keyframes hw-l4{0%,60%{color:#9E9587}61%,80%{color:#F3EDE1}81%,99%{color:#CFC6B8}100%{color:#9E9587}}
@keyframes hw-l5{0%,80%{color:#9E9587}81%,100%{color:#F3EDE1}}
@keyframes hw-g1{0%{transform:scaleX(0)}20%,99.5%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes hw-g2{0%,20%{transform:scaleX(0)}40%,99.5%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes hw-g3{0%,40%{transform:scaleX(0)}60%,99.5%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes hw-g4{0%,60%{transform:scaleX(0)}80%,99.5%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes hw-g5{0%,80%{transform:scaleX(0)}99.5%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes hw-sk{0%,60.5%{opacity:0;transform:translateY(14px)}64%,100%{opacity:1;transform:none}}
@keyframes hw-pick{0%,66%{transform:translateY(0) scale(1)}67%{transform:translateY(-8px) scale(1.04)}68%,100%{transform:translateY(-8px) scale(1)}}
@keyframes hw-pick-f{0%,66%{box-shadow:inset 0 0 0 1px #E7E5E4}67%,100%{box-shadow:inset 0 0 0 2px #D4B97E}}
@keyframes hw-chip{0%,66%{opacity:0;transform:scale(.6)}67%{opacity:1;transform:scale(1.1)}68%,100%{opacity:1;transform:scale(1)}}
@keyframes hw-halo{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}
.pg .r4.pl-experts{padding:112px 0}
.pg .pl-experts{--kr:#F0EBDF;--kg:#3F5A43;--kgold:#B08030}
.pg .pl-experts .ex-hd{display:flex;flex-direction:column;align-items:center;margin:0 auto 48px;text-align:center}
.pg .pl-experts .r4-eb{margin:0 0 16px}
.pg .pl-experts .ex-h2{font-size:44px;line-height:52px;letter-spacing:-.02em}
.pg .pl-experts .ex-sub{margin:12px 0 0;font:400 17px/26px Inter,sans-serif;color:var(--ink-2)}
.pg .pl-experts .ex-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.pg .pl-experts .ex-c{min-width:0}
.pg .pl-experts .ex-k{margin:18px 0 2px;font:600 11px/14px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.pg .pl-experts .ex-n{margin:0;font:600 20px/28px Inter,sans-serif;letter-spacing:-.01em;color:var(--ink)}
.pg .pl-experts .ex-r{margin:4px 0 0;font:400 15px/22px Inter,sans-serif;color:var(--ink-2);text-wrap:pretty}
.pg .pl-experts .ex-t{position:relative;aspect-ratio:1/1;border-radius:18px;background:var(--kr);overflow:hidden;container-type:size}
.pg .pl-experts .ex-st{position:absolute;left:50%;top:0;width:240px;height:240px;transform-origin:50% 0;transform:translateX(-50%) scale(calc(100cqh / 240px))}
.pg .pl-experts .ex-im{display:block;width:100%;height:100%}
.pg .pl-experts .ex-ok{position:absolute;left:12px;bottom:12px;z-index:3;display:flex;align-items:center;gap:6px;margin:0;padding:6px 10px 6px 8px;border-radius:8px;background:#151310;font:600 12px/16px Inter,sans-serif;color:var(--ink);max-width:calc(100% - 24px);text-wrap:balance}
.pg .pl-experts .ex-ok svg{flex:none;width:14px;height:14px;fill:none;stroke:var(--gold-t);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pg .pl-experts .ex-ov{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pg .pl-experts .ex-ln{fill:none;stroke:var(--kgold);stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}
.pg .pl-experts .ex-sq{position:absolute;left:28px;top:8px;width:184px;height:184px}
.pg .pl-experts .ex-word{position:absolute;left:12px;top:56px;width:216px;height:85px}
.pg .pl-experts .ex-gap{fill:rgb(176 128 48 / .32)}
.pg .pl-experts .ex-brief{position:absolute;left:20px;top:14px;width:200px}
.pg .pl-experts .ex-bh{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid rgb(63 90 67 / .2)}
.pg .pl-experts .ex-bh span{font:700 11px/14px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8C7A5C}
.pg .pl-experts .ex-bh img{width:30px;height:30px}
.pg .pl-experts .ex-bl{margin:0;padding:0;list-style:none}
.pg .pl-experts .ex-bl li:last-child{border-bottom:0}
.pg .pl-experts .ex-bl li{display:grid;grid-template-columns:minmax(0,1fr) 16px;column-gap:8px;padding:6px 0;border-bottom:1px solid rgb(63 90 67 / .14)}
.pg .pl-experts .ex-bl span{grid-column:1;font:500 10px/13px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#9A8F7C}
.pg .pl-experts .ex-bl b{grid-column:1;font:600 14px/18px Inter,sans-serif;color:var(--kg)}
.pg .pl-experts .ex-bl svg{grid-column:2;grid-row:1/3;align-self:center;width:16px;height:16px;fill:none;stroke:var(--kgold);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pg .pl-experts .ex-grid{position:absolute;left:24px;top:20px;width:192px;height:128px;display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,64px)}
.pg .pl-experts .ex-g{display:flex;align-items:center;justify-content:center}
.pg .pl-experts .ex-g svg{width:36px;height:36px;fill:none;stroke:#ADA494;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pg .pl-experts .ex-g--us img{width:48px;height:48px}
.pg .pl-experts .ex-scan{position:absolute;left:0;top:0;width:64px;height:64px;border-radius:12px;box-shadow:inset 0 0 0 2px var(--kgold);transform:translate(64px,64px)}
.pg .pl-experts .ex-life{position:absolute;left:24px;top:18px;width:192px}
.pg .pl-experts .ex-v{float:left;width:88px;height:88px;margin-right:16px;border-radius:10px;overflow:hidden;background:#E6DFD1}
.pg .pl-experts .ex-v + .ex-v{margin-right:0}
.pg .pl-experts .ex-v img{width:100%;height:100%;object-fit:cover}
.pg .pl-experts .ex-v--dark{background:#151310}
.pg .pl-experts .ex-tab{clear:both;position:relative;top:14px;display:flex;align-items:flex-end;gap:10px;height:40px;padding:0 0 0 10px;border-radius:10px 10px 0 0;background:#2A2621}
.pg .pl-experts .ex-dots{display:flex;gap:4px;align-self:center;font-style:normal}
.pg .pl-experts .ex-dots b{width:6px;height:6px;border-radius:50%;background:#5A5248}
.pg .pl-experts .ex-tb{display:flex;align-items:center;gap:6px;height:30px;padding:0 14px 0 8px;border-radius:8px 8px 0 0;background:var(--kr);font:600 11px/14px Inter,sans-serif;color:#3D3A33}
.pg .pl-experts .ex-tb img{width:14px;height:14px}
@media (prefers-reduced-motion:no-preference){
.pg .pl-experts .ex-ln{animation:exLine 18s calc(var(--d) + .2s) infinite both}
.pg .pl-experts .ex-ln:nth-child(2){animation-delay:calc(var(--d) + .4s)}
.pg .pl-experts .ex-ln:nth-child(3){animation-delay:calc(var(--d) + .6s)}
.pg .pl-experts .ex-ln:nth-child(4){animation-delay:calc(var(--d) + .8s)}
.pg .pl-experts .ex-gap{animation:exBlink 18s calc(var(--d) + 1s) infinite both}
.pg .pl-experts .ex-ok{animation:exPop 18s var(--d) infinite both}
.pg .pl-experts .ex-bl li{animation:exFade 18s calc(var(--d) + var(--i) * .35s) infinite both}
.pg .pl-experts .ex-bl svg{animation:exTick 18s calc(var(--d) + var(--i) * .35s + .2s) infinite both}
.pg .pl-experts .ex-scan{animation:exScan 18s var(--d) infinite both}
.pg .pl-experts .ex-g--us img{animation:exUs 18s var(--d) infinite both}
.pg .pl-experts .ex-v,.pg .pl-experts .ex-tab{animation:exFade 18s calc(var(--d) + var(--i) * .35s) infinite both}
}
@keyframes exLine{0%,1%{stroke-dashoffset:1}6%,95%{stroke-dashoffset:0}98%,100%{stroke-dashoffset:1}}
@keyframes exBlink{0%,2%{opacity:0}5%,95%{opacity:1}98%,100%{opacity:0}}
@keyframes exPop{0%,8%{opacity:0;transform:translateY(8px) scale(.94)}10.5%,95%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(8px) scale(.94)}}
@keyframes exFade{0%,1.5%{opacity:0;transform:translateY(8px)}4.5%,95%{opacity:1;transform:none}98%,100%{opacity:0;transform:none}}
@keyframes exTick{0%,3%{opacity:0;transform:scale(.4)}5%,95%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes exScan{0%{opacity:0;transform:translate(0,0)}1%{opacity:1;transform:translate(0,0)}2.25%{transform:translate(64px,0)}3.5%{transform:translate(128px,0)}4.75%{transform:translate(0,64px)}6%{transform:translate(128px,64px)}7.25%,95%{opacity:1;transform:translate(64px,64px)}98%,100%{opacity:0;transform:translate(64px,64px)}}
@keyframes exUs{0%,6.5%{transform:scale(1)}8%{transform:scale(1.14)}9.5%,100%{transform:scale(1)}}
@media (max-width:1100px){
.pg .pl-experts .ex-row{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}
}
@media (max-width:640px){
.pg .r4.pl-experts{padding:72px 0}
.pg .pl-experts .ex-hd{margin-bottom:32px}
.pg .pl-experts .r4-eb{margin-bottom:12px}
.pg .pl-experts .ex-h2{font-size:30px;line-height:36px;letter-spacing:-.015em}
.pg .pl-experts .ex-sub{margin-top:10px;font-size:15px;line-height:22px}
.pg .pl-experts .ex-row{grid-template-columns:minmax(0,1fr);row-gap:28px}
.pg .pl-experts .ex-t{aspect-ratio:auto;height:190px;border-radius:16px}
.pg .pl-experts .ex-k{margin-top:14px}
.pg .pl-experts .ex-n{font-size:18px;line-height:24px}
.pg .pl-experts .ex-r{font-size:14px;line-height:20px}
}
.pg .r4.life2{padding:0}
.pg .life2 .l2-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.pg .life2 .slot{aspect-ratio:4/5;border-radius:0}
@media (max-width:640px){
.pg .life2 .l2-row{grid-template-columns:minmax(0,1fr)}
.pg .life2 .slot{aspect-ratio:1/1}
}
/* Правки (_edits): сами — палитры OLEN сменяются слайд-шоу лент (data-show), через агента — выделенная часть знака,
   остальное приглушено, как картинка выделения, которую видит агент */
.pg .r4.edits{padding:112px 0}
.pg .edits .ed-hd{max-width:none;margin:0 0 48px;text-align:center}
.pg .edits .ed-h2{font-size:44px;line-height:52px;letter-spacing:-.02em}
.pg .ed-sub{max-width:720px;margin:16px auto 0;font:400 18px/28px Inter,sans-serif;color:var(--ink-2);text-wrap:pretty}
.pg .ed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1040px;margin:0 auto}
.pg .ed-it{min-width:0}
.pg .ed-cv{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:24px 24px 0 0;background:var(--surface)}
.pg .ed-im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pg .ed-im--dim{opacity:.3}
.pg .ed-im--hi{clip-path:inset(9% 44% 63% 17%)}
.pg .ed-sel{position:absolute;top:9%;right:44%;bottom:63%;left:17%;border:1.5px dashed var(--gold-t);border-radius:8px}
.pg .ed-sel b{position:absolute;width:10px;height:10px;border-radius:3px;background:var(--paper);box-shadow:0 0 0 1.5px var(--gold-t)}
.pg .ed-sel b:nth-child(1){top:-6px;left:-6px}
.pg .ed-sel b:nth-child(2){top:-6px;right:-6px}
.pg .ed-sel b:nth-child(3){bottom:-6px;left:-6px}
.pg .ed-sel b:nth-child(4){bottom:-6px;right:-6px}
.pg .ed-cnt{position:absolute;top:20px;right:20px;padding:5px 12px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line-2);font:500 13px/18px Inter,sans-serif;color:var(--ink-2)}
.pg .ed-ask{flex:1;min-width:0;font:500 16px/22px Inter,sans-serif;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg .ed-send{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--gold-g);color:var(--on-ink)}
.pg .ed-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:10px 20px;border-radius:0 0 24px 24px;background:var(--raised);box-shadow:inset 0 0 0 1px var(--line)}
.pg .ed-name{display:flex;align-items:baseline;gap:10px;font:600 16px/22px Inter,sans-serif;color:var(--cream)}
.pg .ed-name i{font:400 13px/18px Inter,sans-serif;color:var(--mute)}
.pg .ed-pals{display:flex;gap:10px}
.pg .ed-pal{width:44px;height:22px;border-radius:999px;background:linear-gradient(90deg,var(--a) 0 34%,var(--b) 34% 67%,var(--c) 67%);box-shadow:0 0 0 1px var(--line-2);transition:box-shadow .4s}
.pg .ed-pal.is-on{box-shadow:0 0 0 2px var(--raised),0 0 0 3.5px var(--gold-t)}
.pg .ed-col{padding:24px 24px 0 0}
.pg .ed-t{margin:0;font:600 22px/28px Inter,sans-serif;letter-spacing:-.01em;color:var(--cream)}
.pg .ed-ls{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.pg .ed-ls li{position:relative;padding-left:24px;font:400 15px/24px Inter,sans-serif;color:var(--ink-2)}
.pg .ed-ls li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:1px;background:var(--gold-t)}
@media (max-width:640px){
.pg .r4.edits{padding:72px 0}
.pg .edits .ed-hd{margin-bottom:32px}
.pg .edits .ed-h2{font-size:30px;line-height:36px;letter-spacing:-.015em}
.pg .ed-sub{font-size:16px;line-height:24px}
.pg .ed-grid{display:flex;flex-direction:column;gap:40px}
.pg .ed-cv{border-radius:20px 20px 0 0}
.pg .ed-bar{min-height:52px;padding:8px 16px;border-radius:0 0 20px 20px}
.pg .ed-cnt{top:14px;right:14px}
.pg .ed-ask{font-size:15px;line-height:20px}
.pg .ed-send{width:32px;height:32px}
.pg .ed-pal{width:36px;height:20px}
.pg .ed-col{padding:16px 0 0}
.pg .ed-t{font-size:20px;line-height:26px}
.pg .ed-ls{margin-top:10px}
}
.pg .r4.get{padding:112px 0}
.pg .get .get__hd{max-width:none;margin:0 0 48px;text-align:center}
.pg .get .get__h2{font-size:44px;line-height:52px;letter-spacing:-.02em}
.pg .get__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pg .get__it{min-width:0}
.pg .get .get__ph{aspect-ratio:4/5;border-radius:0}
.pg .get__col{padding:24px 24px 0 0}
.pg .get__t{margin:0;font:600 22px/28px Inter,sans-serif;letter-spacing:-.01em;color:var(--cream)}
.pg .get__ls{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.pg .get__ls li{position:relative;padding-left:24px;font:400 15px/24px Inter,sans-serif;color:var(--ink-2)}
.pg .get__ls li::before{content:"";position:absolute;left:0;top:12px;width:12px;height:1px;background:var(--gold-t)}
.pg .get__was{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);font:500 15px/22px Inter,sans-serif;color:var(--cream)}
.pg .get__was s{color:var(--mute);font-weight:400;text-decoration-thickness:1px}
.pg .get__more{display:flex;align-items:center;justify-content:center;gap:12px;margin:48px 0 0;padding-top:24px;border-top:1px solid var(--line);font:500 17px/26px Inter,sans-serif;color:var(--cream);text-align:center}
.pg .get__more svg{flex:none;color:var(--gold-t)}
@media (max-width:1100px){
.pg .get__col{padding-right:8px}
.pg .get__t{font-size:20px;line-height:26px}
}
@media (max-width:640px){
.pg .r4.get{padding:72px 0}
.pg .get .get__hd{margin-bottom:32px}
.pg .get .get__h2{font-size:30px;line-height:36px;letter-spacing:-.015em}
.pg .get__grid{display:flex;flex-direction:column;gap:40px}
.pg .get .get__ph{aspect-ratio:1/1}
.pg .get .get__ph[data-slot="P3"]{--pos:50% 45%}
.pg .get__col{padding:16px 0 0}
.pg .get__t{font-size:20px;line-height:26px}
.pg .get__ls{margin-top:10px}
.pg .get__more{justify-content:flex-start;align-items:flex-start;margin-top:40px;padding-top:20px;font-size:15px;line-height:22px;text-align:left}
}
.pg .r4.life3{padding:0}
.pg .life3__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.pg .life3 .slot{aspect-ratio:4/5;border-radius:0}
@media (max-width:640px){
.pg .life3__row{grid-template-columns:1fr}
.pg .life3 .slot{aspect-ratio:1/1}
}
.pg .r4.vs{display:block;margin:0;padding:112px 0;gap:0}
.pg .vs .vs__hd{max-width:none;margin:0 0 64px;text-align:center}
.pg .vs .vs__h2{max-width:820px;margin:0 auto;font-size:44px;line-height:52px;letter-spacing:-.02em}
.pg .vs__wrap{position:relative;margin-bottom:24px}
.pg .vs__panel{position:absolute;right:0;top:-24px;bottom:-24px;width:340px;border-radius:20px;background:var(--raised);box-shadow:inset 0 0 0 1px rgb(212 185 126 / .8),0 32px 64px -40px rgb(0 0 0 / .6),0 0 56px -28px rgb(212 185 126 / .28)}
.pg .vs__tbl{position:relative;z-index:1;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.pg .vs__tbl thead .vs__k{width:180px}
.pg .vs__tbl thead .vs__us-hd{width:340px}
.pg .vs__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pg .vs__tbl th,.pg .vs__tbl td{height:80px;padding:0 24px 0 0;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}
.pg .vs__tbl thead th{padding-bottom:24px;vertical-align:bottom;font:500 17px/24px Inter,sans-serif;color:var(--ink-2)}
.pg .vs__ci{display:block;margin:0 0 12px;color:var(--faint)}
.pg .vs__cn{display:block}
.pg .vs__cd{display:block;margin-top:2px;font:400 13px/20px Inter,sans-serif;color:var(--mute)}
.pg .vs__tbl tbody th.vs__k{font:600 17px/24px Inter,sans-serif;letter-spacing:-.005em;color:var(--cream)}
.pg .vs__tbl td{font:400 16px/24px Inter,sans-serif;color:var(--mute)}
.pg .vs__c{display:flex;align-items:flex-start;gap:10px}
.pg .vs__mk{flex:none;margin-top:3px}
.pg .vs__mk--x,.pg .vs__mk--d{color:var(--faint)}
.pg .vs__mk--v{color:var(--mute)}
.pg .vs__mk--g{color:var(--gold-t)}
.pg .vs__mk--g path{stroke-dasharray:22}
.pg .vs__tbl .vs__us{padding:0 24px;border-bottom:0;background:linear-gradient(var(--line-2),var(--line-2)) 24px 100%/calc(100% - 48px) 1px no-repeat}
.pg .vs__tbl td.vs__us{font:500 17px/24px Inter,sans-serif;color:var(--cream)}
.pg .vs__c--us{gap:12px}
.pg .vs__tbl thead .vs__us-hd{padding:0 24px 24px;vertical-align:bottom}
.pg .vs__eb{margin:0 0 26px;font:600 13px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-t)}
.pg .vs__hrow{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.pg .vs__nm{margin:0;font:600 24px/30px Inter,sans-serif;letter-spacing:-.015em;color:var(--cream);white-space:nowrap}
.pg .vs__prw{text-align:right}
.pg .vs__pr{width:fit-content;margin:0 0 0 auto;padding-right:.04em;font:600 32px/36px Inter,sans-serif;letter-spacing:-.025em;white-space:nowrap;background:var(--gold-g);-webkit-background-clip:text;background-clip:text;color:transparent}
.pg .vs__once{margin:0;font:400 13px/20px Inter,sans-serif;color:var(--ink-2)}
/* строку «Итог 1 из 5 … 5 из 5» убрали 04.11: это наш подсчёт галочек, а не данные (без выдуманных цифр) */
.pg .vs__tbl tbody tr:last-child > *{border-bottom:0}
.pg .vs__tbl tbody tr:last-child .vs__us{background:none}
.pg .vs__tbl tfoot td{height:auto;border-bottom:0}
.pg .vs__tbl .vs__us-ft{padding:24px 24px 0;background:none;vertical-align:top}
.pg .vs__btn{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;border-radius:14px;background:var(--gold-g);color:#151310;font:600 17px/24px Inter,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 12px 32px -14px rgb(222 196 136 / .55);transition:filter .2s}
.pg .vs__btn svg{flex:none}
.pg .vs__btn:hover{filter:brightness(1.05)}
.pg .vs__m{display:none}
@media (max-width:1100px){
.pg .vs__tbl thead .vs__k{width:130px}
.pg .vs__tbl thead .vs__us-hd{width:290px}
.pg .vs__panel{width:290px}
.pg .vs__tbl th,.pg .vs__tbl td{padding-right:16px}
.pg .vs__tbl td{font-size:15px;line-height:22px}
.pg .vs__tbl .vs__us{padding-left:20px;padding-right:20px;background-position:20px 100%;background-size:calc(100% - 40px) 1px}
.pg .vs__tbl thead .vs__us-hd{padding:0 20px 24px}
.pg .vs__tbl .vs__us-ft{padding:24px 20px 0}
.pg .vs__pr{font-size:28px;line-height:32px}
.pg .vs__nm{font-size:22px;line-height:28px}
}
@media (max-width:640px){
.pg .r4.vs{padding:72px 0}
.pg .vs .vs__hd{margin-bottom:32px}
.pg .vs .vs__h2{font-size:30px;line-height:36px;letter-spacing:-.015em}
}
/* таблица на 5 колонок не влезает уже на планшете (колонки конкурентов 84 px на 768): до 1000 — карточкой */
@media (max-width:1000px){
.pg .vs__wrap{display:none}
.pg .vs__m{display:block;max-width:600px;margin-inline:auto}
.pg .vs__mp{position:relative;padding:24px 20px 20px;border-radius:20px;background:var(--raised);box-shadow:inset 0 0 0 1px rgb(212 185 126 / .8),0 24px 48px -24px rgb(0 0 0 / .8)}
.pg .vs__mp .vs__eb{margin-bottom:10px}
.pg .vs__mp .vs__hrow{margin-bottom:16px}
.pg .vs__ml{margin:0}
.pg .vs__ml > div{padding:14px 0;border-top:1px solid var(--line-2)}
.pg .vs__ml dt{margin:0 0 4px;font:600 12px/16px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.pg .vs__ml dd{display:flex;align-items:flex-start;gap:10px;margin:0;font:500 17px/24px Inter,sans-serif;color:var(--cream)}
.pg .vs__ml dd .vs__mk{margin-top:3px}
.pg .vs__mp .vs__btn{margin-top:4px}
.pg .vs__mo{margin-top:40px}
.pg .vs__mh,.pg .vs__mr{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1.2fr) minmax(0,.98fr);column-gap:10px}
.pg .vs__mh{padding-bottom:12px;border-bottom:1px solid var(--line);font:500 14px/20px Inter,sans-serif;color:var(--ink-2)}
.pg .vs__mh .vs__ci{margin-bottom:8px}
.pg .vs__mh .vs__cn{font-weight:500}
.pg .vs__mh .vs__cd{margin-top:2px;font:400 12px/16px Inter,sans-serif;font-style:normal;color:var(--mute)}
.pg .vs__mr{padding:12px 0 14px;border-bottom:1px solid var(--line);font:400 14px/20px Inter,sans-serif;color:var(--mute)}
.pg .vs__mr:last-child{border-bottom:0;padding-bottom:0}
.pg .vs__mk-l{grid-column:1/-1;margin:0 0 8px;font:600 12px/16px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.pg .vs__mr .vs__c{gap:4px}
.pg .vs__mr .vs__mk{width:14px;height:14px;margin-top:3px}
}
@property --vs-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@media (prefers-reduced-motion:no-preference){
.pg .vs__panel::after,.pg .vs__mp::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--vs-a),transparent 0% 70%,rgb(255 240 205 / 0) 76%,rgb(255 242 210 / .95) 86%,rgb(255 240 205 / 0) 96%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:vs-sweep 18s linear infinite}
.pg .vs__tbl tbody tr:nth-child(1) .vs__mk:not(.vs__mk--g),.pg .vs__mr:nth-child(2) .vs__mk{animation:vs-mk1 18s -3s infinite both}
.pg .vs__tbl tbody tr:nth-child(2) .vs__mk:not(.vs__mk--g),.pg .vs__mr:nth-child(3) .vs__mk{animation:vs-mk2 18s -3s infinite both}
.pg .vs__tbl tbody tr:nth-child(3) .vs__mk:not(.vs__mk--g),.pg .vs__mr:nth-child(4) .vs__mk{animation:vs-mk3 18s -3s infinite both}
.pg .vs__tbl tbody tr:nth-child(4) .vs__mk:not(.vs__mk--g),.pg .vs__mr:nth-child(5) .vs__mk{animation:vs-mk4 18s -3s infinite both}
.pg .vs__tbl tbody tr:nth-child(5) .vs__mk:not(.vs__mk--g),.pg .vs__mr:nth-child(6) .vs__mk{animation:vs-mk5 18s -3s infinite both}
.pg .vs__tbl tbody tr:nth-child(1) .vs__mk--g path,.pg .vs__ml > div:nth-child(1) .vs__mk--g path{animation:vs-g1 18s -3s infinite both}
.pg .vs__tbl tbody tr:nth-child(2) .vs__mk--g path,.pg .vs__ml > div:nth-child(2) .vs__mk--g path{animation:vs-g2 18s -3s infinite both}
.pg .vs__tbl tbody tr:nth-child(3) .vs__mk--g path,.pg .vs__ml > div:nth-child(3) .vs__mk--g path{animation:vs-g3 18s -3s infinite both}
.pg .vs__tbl tbody tr:nth-child(4) .vs__mk--g path,.pg .vs__ml > div:nth-child(4) .vs__mk--g path{animation:vs-g4 18s -3s infinite both}
.pg .vs__tbl tbody tr:nth-child(5) .vs__mk--g path,.pg .vs__ml > div:nth-child(5) .vs__mk--g path{animation:vs-g5 18s -3s infinite both}
}
@keyframes vs-sweep{to{--vs-a:360deg}}
@keyframes vs-mk1{0%,1.39%{opacity:0;transform:scale(.3)}3.33%,96.66%{opacity:1;transform:scale(1)}98.34%,100%{opacity:0;transform:scale(1)}}
@keyframes vs-mk2{0%,2.22%{opacity:0;transform:scale(.3)}4.17%,96.66%{opacity:1;transform:scale(1)}98.34%,100%{opacity:0;transform:scale(1)}}
@keyframes vs-mk3{0%,3.06%{opacity:0;transform:scale(.3)}5%,96.66%{opacity:1;transform:scale(1)}98.34%,100%{opacity:0;transform:scale(1)}}
@keyframes vs-mk4{0%,3.89%{opacity:0;transform:scale(.3)}5.83%,96.66%{opacity:1;transform:scale(1)}98.34%,100%{opacity:0;transform:scale(1)}}
@keyframes vs-mk5{0%,4.72%{opacity:0;transform:scale(.3)}6.67%,96.66%{opacity:1;transform:scale(1)}98.34%,100%{opacity:0;transform:scale(1)}}
@keyframes vs-g1{0%,5.55%{stroke-dashoffset:22;opacity:1}7.5%,96.66%{stroke-dashoffset:0;opacity:1}98.34%{stroke-dashoffset:0;opacity:0}98.5%,100%{stroke-dashoffset:22;opacity:0}}
@keyframes vs-g2{0%,6.39%{stroke-dashoffset:22;opacity:1}8.34%,96.66%{stroke-dashoffset:0;opacity:1}98.34%{stroke-dashoffset:0;opacity:0}98.5%,100%{stroke-dashoffset:22;opacity:0}}
@keyframes vs-g3{0%,7.22%{stroke-dashoffset:22;opacity:1}9.16%,96.66%{stroke-dashoffset:0;opacity:1}98.34%{stroke-dashoffset:0;opacity:0}98.5%,100%{stroke-dashoffset:22;opacity:0}}
@keyframes vs-g4{0%,8.05%{stroke-dashoffset:22;opacity:1}10%,96.66%{stroke-dashoffset:0;opacity:1}98.34%{stroke-dashoffset:0;opacity:0}98.5%,100%{stroke-dashoffset:22;opacity:0}}
@keyframes vs-g5{0%,8.89%{stroke-dashoffset:22;opacity:1}10.84%,96.66%{stroke-dashoffset:0;opacity:1}98.34%{stroke-dashoffset:0;opacity:0}98.5%,100%{stroke-dashoffset:22;opacity:0}}
.pg .r4.price{display:block;margin:0;padding:112px 0;border-radius:0;box-shadow:none;overflow:visible}
.pg .price .pr__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:64px;align-items:stretch}
.pg .pr__l{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.pg .price .pr__h2{font-size:44px;line-height:52px;letter-spacing:-.02em}
.pg .pr__sub{margin:12px 0 0;font:400 17px/26px Inter,sans-serif;color:var(--ink-2)}
.pg .pr__cmp{padding-top:48px}
.pg .pr__grp + .pr__grp{margin-top:64px}
.pg .pr__gl{margin:0 0 16px;font:600 13px/16px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.pg .pr__row{display:flex;align-items:center;gap:16px}
.pg .pr__row + .pr__row{margin-top:20px}
.pg .pr__who{flex:none;width:168px;font:400 15px/22px Inter,sans-serif;color:var(--ink-2)}
.pg .pr__track{flex:1;min-width:0;display:flex;align-items:center;height:48px}
.pg .pr__bar{display:flex;align-items:center;justify-content:flex-end;height:100%;border-radius:12px}
.pg .pr__bar--s{width:100%;padding:0 18px;background:var(--fill-2)}
.pg .pr__bar--a{flex:none;width:max(var(--w),10px);background:var(--gold-t)}
.pg .pr__bar--f{flex:none;width:max(var(--w),10px);background:var(--fill-2)}
.pg .pr__v{font:600 17px/24px Inter,sans-serif;color:var(--cream);white-space:nowrap}
.pg .pr__bar--a + .pr__v,.pg .pr__bar--f + .pr__v{margin-left:14px}
.pg .pr__panel{min-width:0;padding:36px 40px;border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.pg .pr__amt{margin:0;font:600 64px/64px Inter,sans-serif;letter-spacing:-.035em;color:var(--cream);white-space:nowrap}
.pg .pr__once{margin:6px 0 0;font:400 15px/22px Inter,sans-serif;color:var(--mute)}
/* Скидка беты (AiDesigner::Purchase.offer): новая цена, рядом полная зачёркнутая и метка — hero, сравнение, цена */
/* плашка «бета» у названия продукта (_beta, флаг premium_beta) — как в мастере: маленькая, контуром */
.pg .pl-beta{display:inline-block;margin-left:10px;padding:3px 7px;border:1px solid currentColor;border-radius:999px;font:600 10px/10px Inter,sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;color:var(--gold-t)}
.pg .pl-now{font-weight:600;color:var(--cream)}
.pg .pl-was{font-weight:400;color:var(--mute);text-decoration:line-through;text-decoration-thickness:1px}
.pg .pl-pct{font-weight:600;color:var(--gold-t)}
.pg .pr__v .pl-was{margin-left:6px}
.pg .pl-off{display:inline-flex;align-items:center;margin:0;padding:4px 12px;border-radius:999px;background:rgb(212 185 126 / .12);box-shadow:inset 0 0 0 1px rgb(212 185 126 / .4);font:600 13px/18px Inter,sans-serif;letter-spacing:.01em;color:var(--gold-t);white-space:nowrap}
.pg .hero__meta{gap:10px 16px}
.pg .vs__was{margin:0;font:400 14px/20px Inter,sans-serif;white-space:nowrap}
.pg .pr__off{margin-bottom:16px}
.pg .pr__amt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
.pg .pr__was{font-size:26px;line-height:32px;letter-spacing:-.01em}
.pg .pr__ls{margin:24px 0 0;padding:0;list-style:none}
.pg .pr__ls li{display:flex;align-items:center;gap:14px;padding:11px 0;border-top:1px solid var(--line);font:500 16px/24px Inter,sans-serif;color:var(--cream)}
.pg .pr__ls li:last-child{border-bottom:1px solid var(--line)}
.pg .pr__ls svg{flex:none;color:var(--gold-t)}
.pg .pr__old{margin-left:auto;padding-left:12px;font-weight:400;color:var(--mute);white-space:nowrap;text-decoration-thickness:1px}
.pg .pr__btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;height:56px;margin:24px 0 0;border-radius:14px;background:var(--gold-g);color:#151310;font:600 17px/24px Inter,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 12px 32px -14px rgb(222 196 136 / .55);transition:filter .2s}
.pg .pr__btn svg{flex:none}
.pg .pr__btn:hover{filter:brightness(1.05)}
@media (max-width:1100px){
.pg .price .pr__grid{grid-template-columns:minmax(0,1fr) minmax(0,440px);column-gap:40px}
.pg .pr__panel{padding:32px}
.pg .pr__who{width:140px}
}
/* на планшете колонка 440 px оставляла сравнению ~190 px (полосы по 37 px): карточка уходит под сравнение */
@media (min-width:641px) and (max-width:900px){
.pg .price .pr__grid{grid-template-columns:minmax(0,1fr);row-gap:40px}
/* заголовок «Собрал две версии и значок» в узкой колонке — в 2 строки: держим высоту, чтобы картинки шли вровень */
.pg .proof .pf-it__t{min-height:48px}
}
/* 1101–1340: колонки шагов ~182 px, «Логотип и брендбук» уходил на 2 строки и сдвигал описание */
@media (min-width:1101px) and (max-width:1340px){
.pg .how .hw-stt{font-size:18px}
.pg .how .hw-st:last-child .hw-stt{white-space:nowrap}
}
@media (max-width:640px){
.pg .r4.price{padding:72px 0}
.pg .price .pr__grid{display:flex;flex-direction:column}
.pg .pr__l,.pg .pr__hd{display:contents}
.pg .pr__hd .r4-eb{order:1}
.pg .pr__panel{order:2;margin-top:4px;padding:24px 20px;border-radius:20px}
.pg .price .pr__h2{order:3;margin-top:48px;font-size:30px;line-height:36px;letter-spacing:-.015em}
.pg .pr__sub{order:4;margin-top:10px;font-size:15px;line-height:22px}
.pg .pr__cmp{order:5;padding-top:32px}
.pg .pr__amt{font-size:48px;line-height:52px}
.pg .pr__was{font-size:20px;line-height:26px}
.pg .pr__ls{margin-top:20px}
.pg .pr__ls li{gap:12px;padding:12px 0;font-size:15px;line-height:22px}
.pg .pr__ls svg{width:20px;height:20px}
.pg .pr__btn{height:56px;margin-top:24px;border-radius:14px}
.pg .pr__grp + .pr__grp{margin-top:36px}
.pg .pr__gl{margin-bottom:12px}
.pg .pr__row{flex-direction:column;align-items:stretch;gap:6px}
.pg .pr__row + .pr__row{margin-top:14px}
.pg .pr__who{width:auto;font-size:13px;line-height:18px}
.pg .pr__track{flex:none;height:40px}
.pg .pr__bar{border-radius:10px}
.pg .pr__bar--s{padding:0 14px}
.pg .pr__v{font-size:16px;line-height:22px}
.pg .pr__bar--a + .pr__v,.pg .pr__bar--f + .pr__v{margin-left:12px}
}
@media (prefers-reduced-motion:no-preference){
.pg .pr__grp--m .pr__bar--s{animation:pr-grow-s1 18s -3s infinite both}
.pg .pr__grp--t .pr__bar--s{animation:pr-grow-s2 18s -3s infinite both}
.pg .pr__grp--m .pr__bar--a{animation:pr-grow-a1 18s -3s infinite both}
.pg .pr__grp--t .pr__bar--a{animation:pr-grow-a2 18s -3s infinite both}
.pg .pr__bar--s .pr__v{animation:pr-val-s 18s -3s infinite both}
.pg .pr__bar--a + .pr__v{animation:pr-val-a 18s -3s infinite both}
.pg .pr__grp--m .pr__bar--f{animation:pr-grow-f1 18s -3s infinite both}
.pg .pr__grp--t .pr__bar--f{animation:pr-grow-f2 18s -3s infinite both}
.pg .pr__bar--f + .pr__v{animation:pr-val-f 18s -3s infinite both}
.pg .pr__btn::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:34%;pointer-events:none;background:linear-gradient(100deg,rgb(255 255 255 / 0) 0%,rgb(255 252 240 / .65) 50%,rgb(255 255 255 / 0) 100%);animation:pr-sheen 18s -3s infinite both}
}
@keyframes pr-grow-s1{0%,1.67%{clip-path:inset(0 100% 0 0 round 12px);opacity:1}5.55%,96.66%{clip-path:inset(0 0 0 0 round 12px);opacity:1}98.34%{clip-path:inset(0 0 0 0 round 12px);opacity:0}100%{clip-path:inset(0 100% 0 0 round 12px);opacity:0}}
@keyframes pr-grow-s2{0%,2.5%{clip-path:inset(0 100% 0 0 round 12px);opacity:1}6.39%,96.66%{clip-path:inset(0 0 0 0 round 12px);opacity:1}98.34%{clip-path:inset(0 0 0 0 round 12px);opacity:0}100%{clip-path:inset(0 100% 0 0 round 12px);opacity:0}}
@keyframes pr-grow-a1{0%,6.11%{clip-path:inset(0 100% 0 0 round 12px);opacity:1}8.89%,96.66%{clip-path:inset(0 0 0 0 round 12px);opacity:1}98.34%{clip-path:inset(0 0 0 0 round 12px);opacity:0}100%{clip-path:inset(0 100% 0 0 round 12px);opacity:0}}
@keyframes pr-grow-a2{0%,6.95%{clip-path:inset(0 100% 0 0 round 12px);opacity:1}9.45%,96.66%{clip-path:inset(0 0 0 0 round 12px);opacity:1}98.34%{clip-path:inset(0 0 0 0 round 12px);opacity:0}100%{clip-path:inset(0 100% 0 0 round 12px);opacity:0}}
@keyframes pr-grow-f1{0%,3.89%{clip-path:inset(0 100% 0 0 round 12px);opacity:1}6.67%,96.66%{clip-path:inset(0 0 0 0 round 12px);opacity:1}98.34%{clip-path:inset(0 0 0 0 round 12px);opacity:0}100%{clip-path:inset(0 100% 0 0 round 12px);opacity:0}}
@keyframes pr-grow-f2{0%,4.72%{clip-path:inset(0 100% 0 0 round 12px);opacity:1}7.5%,96.66%{clip-path:inset(0 0 0 0 round 12px);opacity:1}98.34%{clip-path:inset(0 0 0 0 round 12px);opacity:0}100%{clip-path:inset(0 100% 0 0 round 12px);opacity:0}}
@keyframes pr-val-f{0%,6.67%{opacity:0;transform:translateX(-6px)}8.33%,96.66%{opacity:1;transform:none}98.34%,100%{opacity:0;transform:none}}
@keyframes pr-val-s{0%,5.55%{opacity:0}7.22%,96.66%{opacity:1}98.34%,100%{opacity:0}}
@keyframes pr-val-a{0%,8.89%{opacity:0;transform:translateX(-6px)}10.55%,96.66%{opacity:1;transform:none}98.34%,100%{opacity:0;transform:none}}
@keyframes pr-sheen{0%,11.11%{transform:translateX(-120%) skewX(-18deg)}16.11%,100%{transform:translateX(320%) skewX(-18deg)}}
/* Текст для поиска перед FAQ (_seo): заголовок слева стоит на месте, пока читают три части справа (как цена:
   слева рассказ, справа содержание); части разделены линиями, как «Что агент доделал» в примере OLEN */
.pg .r4.seo{padding:112px 0 0}
.pg .seo__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:80px;align-items:start}
/* в низком окне заголовок с кнопкой не помещался бы под шапкой — там он просто стоит наверху блока */
@media (min-height:600px){
.pg .seo__hd{position:sticky;top:120px}
}
.pg .seo .seo__h2{max-width:none;margin:0;font-size:44px;line-height:52px;letter-spacing:-.02em}
.pg .seo__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:240px;height:56px;margin-top:36px;border-radius:14px;background:var(--gold-g);color:#151310;font:600 17px/24px Inter,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 12px 32px -14px rgb(222 196 136 / .55);transition:filter .2s}
.pg .seo__btn:hover{filter:brightness(1.05)}
.pg .seo__btn:focus-visible{outline:2px solid var(--gold-t);outline-offset:4px}
.pg .seo__it{padding:32px 0;border-top:1px solid var(--line-2)}
.pg .seo__it:first-child{padding-top:4px;border-top:0}
.pg .seo__it:last-child{padding-bottom:0}
.pg .seo__t{margin:0;font:600 22px/30px Inter,sans-serif;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.pg .seo__p{margin:10px 0 0;font:400 17px/28px Inter,sans-serif;color:var(--ink-2);text-wrap:pretty}
@media (max-width:1100px){
.pg .seo__in{display:block;max-width:840px}
.pg .seo__hd{position:static;margin-bottom:36px}
.pg .seo__btn{display:none}
}
@media (max-width:640px){
.pg .r4.seo{padding:72px 0 0}
.pg .seo__hd{margin-bottom:24px}
.pg .seo .seo__h2{font-size:30px;line-height:36px;letter-spacing:-.015em}
.pg .seo__it{padding:24px 0}
.pg .seo__it:first-child{padding-top:0}
.pg .seo__t{font-size:18px;line-height:26px}
.pg .seo__p{margin-top:8px;font-size:16px;line-height:26px}
}
.pg .r4.faq{display:block;margin:0;padding:112px 0;border-top:0}
.pg .faq__col{max-width:880px;margin:0 auto}
.pg .faq .faq__h2{max-width:none;margin:0 0 40px;font-size:44px;line-height:52px;letter-spacing:-.02em;text-align:center}
.pg .faq__list{border-top:1px solid var(--line)}
.pg .faq__i{border-bottom:1px solid var(--line)}
.pg .faq__q{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;list-style:none;cursor:pointer;font:600 18px/26px Inter,sans-serif;color:var(--cream)}
.pg .faq__q::-webkit-details-marker{display:none}
.pg .faq__q::marker{content:""}
.pg .faq__i[open] .faq__q{padding-bottom:10px}
.pg .faq__ic{flex:none;position:relative;width:36px;height:36px;margin:-5px 0;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow .2s}
.pg .faq__ic::before,.pg .faq__ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;border-radius:1px;background:var(--gold-t)}
.pg .faq__ic::after{transform:rotate(90deg);transition:transform .2s}
.pg .faq__i[open] .faq__ic::after{transform:rotate(0)}
.pg .faq__q:hover .faq__ic{box-shadow:inset 0 0 0 1px var(--gold-t)}
.pg .faq__a{max-width:720px;margin:0;padding:0 0 24px;font:400 16px/24px Inter,sans-serif;color:var(--ink-2);text-wrap:pretty}
@media (max-width:640px){
.pg .r4.faq{padding:72px 0}
.pg .faq .faq__h2{margin-bottom:28px;font-size:30px;line-height:36px;letter-spacing:-.015em}
.pg .faq__q{gap:16px;padding:18px 0;font-size:17px;line-height:24px}
.pg .faq__i[open] .faq__q{padding-bottom:8px}
.pg .faq__ic{width:32px;height:32px;margin:-4px 0}
.pg .faq__a{padding-bottom:18px;font-size:15px;line-height:22px}
}
.pg .r4.final{position:relative;padding:112px 0}
.pg .final__ill{width:1120px;max-width:100%;margin:0 auto;aspect-ratio:1280/712;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.pg .final__ill .ill__img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%)}
.pg .final__sheet{--x:35.417%;--y:19.351%;--w:22.917%;--h:60.424%;--tx:90%;--ty:30%;container-type:inline-size}
.pg .final__draw{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#3A342C;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round}
.pg .final__draw .fd-g{stroke-width:.35;opacity:.35}
.pg .final__draw path{stroke-dasharray:1 2;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){
.pg .final__draw .fd-g1{animation:fd-g1 18s cubic-bezier(.45,.05,.55,.95) infinite both}
.pg .final__draw .fd-g2{animation:fd-g2 18s cubic-bezier(.45,.05,.55,.95) infinite both}
.pg .final__draw .fd-c{animation:fd-c 18s cubic-bezier(.45,.05,.55,.95) infinite both}
.pg .final__draw .fd-st{animation:fd-st 18s cubic-bezier(.45,.05,.55,.95) infinite both}
.pg .final__draw .fd-l1{animation:fd-l1 18s cubic-bezier(.45,.05,.55,.95) infinite both}
.pg .final__draw .fd-l2{animation:fd-l2 18s cubic-bezier(.45,.05,.55,.95) infinite both}
.pg .final__draw .fd-l3{animation:fd-l3 18s cubic-bezier(.45,.05,.55,.95) infinite both}
.pg .final__draw .fd-b{animation:fd-b 18s cubic-bezier(.45,.05,.55,.95) infinite both}
.pg .final__draw .fd-w{animation:fd-w 18s cubic-bezier(.45,.05,.55,.95) infinite both}
.pg .final__draw .fd-u{animation:fd-u 18s cubic-bezier(.45,.05,.55,.95) infinite both}
.pg .final__draw .fd-g{animation-name:none;stroke-dashoffset:0}
}
@keyframes fd-g1{0%,0.56%{stroke-dashoffset:1.02;opacity:1}3.33%,95%{stroke-dashoffset:0;opacity:1}97.5%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:1.02;opacity:0}}
@keyframes fd-g2{0%,1.39%{stroke-dashoffset:1.02;opacity:1}4.17%,95%{stroke-dashoffset:0;opacity:1}97.5%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:1.02;opacity:0}}
@keyframes fd-c{0%,3.89%{stroke-dashoffset:1.02;opacity:1}11.67%,95%{stroke-dashoffset:0;opacity:1}97.5%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:1.02;opacity:0}}
@keyframes fd-st{0%,11.67%{stroke-dashoffset:1.02;opacity:1}14.44%,95%{stroke-dashoffset:0;opacity:1}97.5%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:1.02;opacity:0}}
@keyframes fd-l1{0%,14.44%{stroke-dashoffset:1.02;opacity:1}16.39%,95%{stroke-dashoffset:0;opacity:1}97.5%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:1.02;opacity:0}}
@keyframes fd-l2{0%,16.39%{stroke-dashoffset:1.02;opacity:1}18.33%,95%{stroke-dashoffset:0;opacity:1}97.5%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:1.02;opacity:0}}
@keyframes fd-l3{0%,18.33%{stroke-dashoffset:1.02;opacity:1}20.28%,95%{stroke-dashoffset:0;opacity:1}97.5%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:1.02;opacity:0}}
@keyframes fd-b{0%,20.28%{stroke-dashoffset:1.02;opacity:1}21.67%,95%{stroke-dashoffset:0;opacity:1}97.5%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:1.02;opacity:0}}
@keyframes fd-w{0%,21.94%{stroke-dashoffset:1.02;opacity:1}29.44%,95%{stroke-dashoffset:0;opacity:1}97.5%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:1.02;opacity:0}}
@keyframes fd-u{0%,29.72%{stroke-dashoffset:1.02;opacity:1}31.94%,95%{stroke-dashoffset:0;opacity:1}97.5%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:1.02;opacity:0}}
.pg .final__in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.pg .final .final__h2{max-width:none;margin:8px 0 0;font-size:44px;line-height:52px;letter-spacing:-.02em}
.pg .final__form{display:flex;align-items:center;gap:8px;width:640px;max-width:100%;height:72px;margin:32px 0 0;padding:8px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);text-align:left;transition:box-shadow .2s}
.pg .final__form:focus-within{box-shadow:inset 0 0 0 1px #8C7449}
.pg .final__input{flex:1 1 auto;min-width:0;height:56px;margin:0;padding:0 0 0 16px;border:0;border-radius:10px;background:transparent;outline:0;font:400 18px/24px Inter,sans-serif;color:var(--ink)}
.pg .final__input::placeholder{color:var(--mute);opacity:1}
.pg .final__btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:220px;height:56px;margin:0;padding:0;border:0;border-radius:12px;background:var(--gold-g);color:#151310;font:600 17px/24px Inter,sans-serif;cursor:pointer;box-shadow:0 12px 32px -14px rgb(222 196 136 / .55);transition:filter .2s}
.pg .final__btn:hover{filter:brightness(1.05)}
@media (max-width:640px){
.pg .r4.final{padding:72px 0}
.pg .final__ill{width:100%;aspect-ratio:819.2/712;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.pg .final__ill .ill__img{left:-43.75%;width:156.25%}
.pg .final__sheet{--x:11.589%;--w:35.808%}
.pg .final .final__h2{margin-top:28px;font-size:30px;line-height:36px;letter-spacing:-.015em}
.pg .final__form{flex-direction:column;align-items:stretch;gap:8px;width:100%;height:auto;margin-top:24px;padding:0;border-radius:0;background:none;box-shadow:none}
.pg .final__form:focus-within{box-shadow:none}
.pg .final__input{flex:none;width:100%;height:56px;padding:0 16px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);font-size:17px;transition:box-shadow .2s}
.pg .final__input:focus{box-shadow:inset 0 0 0 1px #8C7449}
.pg .final__btn{width:100%;height:52px;border-radius:14px}
}
.pg .stk{display:none}
@media (max-width:640px){
.pg .stk{display:block;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:11px 20px calc(12px + env(safe-area-inset-bottom));background:rgb(21 19 16 / .92);border-top:1px solid #2A2621;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.pg .stk__btn{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:16px;background:var(--gold-g);color:#151310;font:600 17px/24px Inter,sans-serif;text-decoration:none;box-shadow:0 12px 32px -14px rgb(222 196 136 / .55)}
}
:root{--mv-e:cubic-bezier(.2,.7,.2,1)}
.pg .hero__type{display:none}
@media (prefers-reduced-motion:no-preference){
.pl-io .pg .r4:not(.is-in),.pl-io .pg .r4:not(.is-in) *,.pl-io .pg .r4:not(.is-in) *::before,.pl-io .pg .r4:not(.is-in) *::after{animation-play-state:paused!important}
.pl-io .pg .r4.vs *,.pl-io .pg .r4.vs *::before,.pl-io .pg .r4.vs *::after,.pl-io .pg .r4.price *,.pl-io .pg .r4.price *::before,.pl-io .pg .r4.price *::after{animation-delay:0s!important}
.pg .pl-hero .hero__in > *{animation:mvRise .9s var(--mv-e) both}
.pg .pl-hero .hero__in > :nth-child(2){animation-delay:.08s}
.pg .pl-hero .hero__in > :nth-child(3){animation-delay:.18s}
.pg .pl-hero .hero__in > :nth-child(4){animation-delay:.28s}
.pg .pl-hero .hero__in > :nth-child(5){animation-delay:.38s}
.pg .hero__form{position:relative}
.pg .hero__type{position:absolute;left:24px;top:8px;height:56px;display:grid;align-items:center;pointer-events:none;font:400 18px/24px Inter,sans-serif;color:var(--ink-2)}
.pg .hero__type b{grid-area:1/1;justify-self:start;box-sizing:content-box;max-width:0;padding-right:1px;overflow:hidden;white-space:nowrap;font:inherit;border-right:2px solid var(--gold-t);animation:heroType 12s steps(var(--n),end) var(--dl,0s) infinite both,heroCaret 1s steps(1,end) infinite}
.pg .hero__type b:nth-child(2){--dl:-8s}
.pg .hero__type b:nth-child(3){--dl:-4s}
.pg .hero__input:not(:focus)::placeholder{color:transparent}
.pg .hero__input:focus + .hero__type,.pg .hero__input:not(:placeholder-shown) + .hero__type{display:none}
.pg .proof .pf-hd > *,.pg .pl-experts .ex-hd > *,.pg .how .hw-hd > *,.pg .get .get__hd > *,.pg .vs .vs__hd > *,.pg .price .pr__hd > *,.pg .faq .faq__h2,.pg .final .final__h2{animation:mvRise .9s var(--mv-e) both}
.pg .proof .pf-hd > :nth-child(2),.pg .pl-experts .ex-hd > :nth-child(2),.pg .how .hw-hd > :nth-child(2),.pg .get .get__hd > :nth-child(2){animation-delay:.08s}
.pg .proof .pf-hd > :nth-child(3),.pg .pl-experts .ex-hd > :nth-child(3),.pg .how .hw-hd > :nth-child(3){animation-delay:.16s}
.pg .get .get__it:nth-child(2){--c:.15s}
.pg .get .get__it:nth-child(3){--c:.3s}
.pg .get .get__t{animation:mvRise .8s var(--mv-e) calc(var(--c,0s) + .45s) both}
.pg .get .get__ls li{animation:mvRise .7s var(--mv-e) calc(var(--c,0s) + .55s + var(--j,0) * .08s) both}
.pg .get .get__ls li:nth-child(2){--j:1}
.pg .get .get__ls li:nth-child(3){--j:2}
.pg .get .get__ls li:nth-child(4){--j:3}
.pg .get .get__ls li:nth-child(5){--j:4}
.pg .get .get__ls li::before{transform-origin:0 50%;animation:mvDash .5s var(--mv-e) calc(var(--c,0s) + .7s + var(--j,0) * .08s) both}
.pg .get .get__was{animation:mvRise .7s var(--mv-e) calc(var(--c,0s) + 1s) both}
.pg .get .get__was s{position:relative;text-decoration:none}
.pg .edits .ed-hd > *{animation:mvRise .9s var(--mv-e) both}
.pg .edits .ed-hd > :nth-child(2){animation-delay:.08s}
.pg .edits .ed-hd > :nth-child(3){animation-delay:.16s}
.pg .edits .ed-it:nth-child(2){--c:.15s}
.pg .edits .ed-it{animation:mvRise .9s var(--mv-e) calc(var(--c,0s) + .25s) both}
.pg .edits .ed-sel{animation:mvPop .6s var(--mv-e) 1.1s both}
.pg .edits .ed-ask{animation:mvWipe 1s steps(20) 1.5s both}
.pg .get .get__was s::after{content:"";position:absolute;left:-1px;right:-1px;top:52%;height:1px;background:currentColor;transform-origin:0 50%;animation:mvDash .5s var(--mv-e) calc(var(--c,0s) + 1.5s) both}
.pg .get .get__more{animation:mvRise .8s var(--mv-e) 1.4s both}
.pg .get .get__more svg{animation:mvTwinkle 5s ease-in-out 2s infinite}
.pg .faq .faq__i{animation:mvRise .7s var(--mv-e) calc(.15s + var(--j,0) * .06s) both}
.pg .faq .faq__i:nth-child(2){--j:1}
.pg .faq .faq__i:nth-child(3){--j:2}
.pg .faq .faq__i:nth-child(4){--j:3}
.pg .faq .faq__i:nth-child(5){--j:4}
.pg .faq .faq__i:nth-child(6){--j:5}
.pg .faq .faq__i:nth-child(7){--j:6}
.pg .faq .faq__i:nth-child(8){--j:7}
.pg .faq__q{transition:padding .35s var(--mv-e)}
.pg .faq__i[open] .faq__a{animation:faqA .45s var(--mv-e) both}
.pg .hero__btn,.pg .how .hw-btn,.pg .vs__btn,.pg .final__btn{position:relative;overflow:hidden}
.pg .hero__btn::after,.pg .how .hw-btn::after,.pg .vs__btn::after,.pg .final__btn::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:34%;pointer-events:none;background:linear-gradient(100deg,rgb(255 255 255 / 0) 0%,rgb(255 252 240 / .6) 50%,rgb(255 255 255 / 0) 100%);animation:mvSheen 7s ease-in-out 1.6s infinite both}
}
@supports (interpolate-size:allow-keywords){
@media (prefers-reduced-motion:no-preference){
.pg .faq__i{interpolate-size:allow-keywords}
.pg .faq__i::details-content{block-size:0;overflow-y:clip;transition:block-size .4s var(--mv-e),content-visibility .4s allow-discrete}
.pg .faq__i[open]::details-content{block-size:auto}
}
}
@media (min-width:1101px) and (max-height:820px){
.pg .hero__type{height:48px}
}
@media (max-width:640px){
.pg .hero__type{left:16px;top:0;height:56px;font-size:17px}
}
@keyframes mvRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes mvDash{from{transform:scaleX(0)}to{transform:none}}
@keyframes mvTwinkle{0%,76%,100%{transform:none}84%{transform:scale(1.25) rotate(15deg)}92%{transform:scale(.95) rotate(-4deg)}}
@keyframes mvSheen{0%,72%{transform:translateX(-120%) skewX(-18deg)}88%,100%{transform:translateX(320%) skewX(-18deg)}}
@keyframes faqA{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes heroType{0%{max-width:0;opacity:1}9.17%,27.5%{max-width:var(--w);opacity:1}31.67%{max-width:0;opacity:1}31.68%,100%{max-width:0;opacity:0}}
@keyframes heroCaret{0%{border-right-color:var(--gold-t)}50%{border-right-color:transparent}}
@media (prefers-reduced-motion:no-preference){
.pg .proof .pf-c i{transform-origin:0 50%}
.pg .proof .pf-sk:nth-child(1){animation:mvRise 0.5s var(--mv-e) 0.05s both}
.pg .proof .pf-sk:nth-child(2){animation:mvRise 0.5s var(--mv-e) 0.15s both}
.pg .proof .pf-sk:nth-child(3){animation:mvRise 0.5s var(--mv-e) 0.25s both}
.pg .proof .pf-sk:nth-child(4){animation:mvRise 0.5s var(--mv-e) 0.35s both}
.pg .proof .pf-sk:nth-child(5){animation:mvRise 0.5s var(--mv-e) 0.45s both}
.pg .proof .pf-sk--on .slot{animation:pfPick 0.5s var(--mv-e) 0.7s both}
.pg .proof .pf-n b{animation:mvPop 0.35s var(--mv-e) 0.85s both}
.pg .proof .pf-big:nth-child(1){animation:mvRise 0.6s var(--mv-e) 0.55s both}
.pg .proof .pf-big:nth-child(2){animation:mvRise 0.6s var(--mv-e) 0.7s both}
.pg .proof .pf-done__t{animation:mvRise 0.5s var(--mv-e) 0.9s both}
.pg .proof .pf-it:nth-child(1) .pf-it__t{animation:mvRise 0.5s var(--mv-e) 1.0s both}
.pg .proof .pf-w:nth-child(1){animation:mvRise 0.5s var(--mv-e) 1.05s both}
.pg .proof .pf-w:nth-child(2) .slot{animation:mvWipe 0.5s var(--mv-e) 1.2s both}
.pg .proof .pf-w:nth-child(2) figcaption{animation:mvRise 0.4s var(--mv-e) 1.4s both}
.pg .proof .pf-it:nth-child(2) .pf-it__t{animation:mvRise 0.5s var(--mv-e) 1.4s both}
.pg .proof .pf-v:nth-child(1){animation:mvPop 0.4s var(--mv-e) 1.5s both}
.pg .proof .pf-v:nth-child(2){animation:mvPop 0.4s var(--mv-e) 1.6s both}
.pg .proof .pf-v:nth-child(3){animation:mvPop 0.4s var(--mv-e) 1.7s both}
.pg .proof .pf-it:nth-child(3) .pf-it__t{animation:mvRise 0.5s var(--mv-e) 1.8s both}
.pg .proof .pf-c:nth-child(1){animation:mvRise 0.45s var(--mv-e) 1.9s both}
.pg .proof .pf-c:nth-child(2){animation:mvRise 0.45s var(--mv-e) 2.0s both}
.pg .proof .pf-c:nth-child(3){animation:mvRise 0.45s var(--mv-e) 2.1s both}
.pg .proof .pf-c:nth-child(1) i{animation:mvDash 0.45s var(--mv-e) 1.95s both}
.pg .proof .pf-c:nth-child(2) i{animation:mvDash 0.45s var(--mv-e) 2.05s both}
.pg .proof .pf-c:nth-child(3) i{animation:mvDash 0.45s var(--mv-e) 2.15s both}
}
@keyframes mvPop{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
@keyframes mvWipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pfPick{from{box-shadow:0 0 0 2px var(--bg),0 0 0 2px rgb(212 185 126 / 0)}to{box-shadow:0 0 0 2px var(--bg),0 0 0 4px rgb(212 185 126 / 1)}}
.pg .r4.r4.proof,.pg .r4.r4.how,.pg .r4.r4.pl-experts,.pg .r4.r4.get,.pg .r4.r4.vs,.pg .r4.r4.price,.pg .r4.r4.faq,.pg .r4.r4.final{padding-top:80px;padding-bottom:80px}
.pg .r4.r4.pl-hero{padding-bottom:80px}
@media (max-width:640px){
.pg .r4.r4.proof,.pg .r4.r4.how,.pg .r4.r4.pl-experts,.pg .r4.r4.get,.pg .r4.r4.vs,.pg .r4.r4.price,.pg .r4.r4.faq,.pg .r4.r4.final{padding-top:56px;padding-bottom:56px}
.pg .r4.r4.pl-hero{padding-bottom:56px}
}
.pg .proof .pf-sk .slot{opacity:1}
/* Шапка и подвал сайта — в ночном режиме (@nav_night). Других страниц с ним на сайте нет, поэтому его фон
   и цвет ссылок доводим здесь, только для этой страницы: матовая подложка шапки — тёмная, а не белая, пункты
   меню — светлые, подвал и меню телефона — в цвет страницы, а не чёрные. Выпадающие меню остаются белыми. */
body.premium-landing #navigation::before{background:rgb(21 19 16 / .9)}
body.premium-landing #navigation{border-bottom:1px solid #2A2621}
body.premium-landing #navigation #nav .tw-btn-nav-with-icon,body.premium-landing #navigation #nav .tw-btn-nav-with-icon *{color:#CFC6B8}
body.premium-landing #navigation #nav .tw-btn-nav-with-icon:hover{color:#F3EDE1}
body.premium-landing #nav.tw-bg-black,body.premium-landing .tw-w-full.tw-bg-black{background-color:#151310}
/* Кнопка шапки («Регистрация» гостю, «Создать логотип» вошедшему): лаймовая перебивала золото страницы, чёрная
   тонула в тёмной шапке. Здесь — золотой контур: главные кнопки страницы остаются залитыми золотом. */
body.premium-landing #navigation .tw-btn-lime-accent,body.premium-landing #navigation [data-landing-cta="header"]{background:transparent;color:#E3CA96;box-shadow:inset 0 0 0 1px #D4B97E;transition:background .2s,color .2s}
body.premium-landing #navigation .tw-btn-lime-accent:hover,body.premium-landing #navigation [data-landing-cta="header"]:hover{background:linear-gradient(135deg,#F6EBC8 0%,#C9AB70 100%);color:#151310}
/* Иконка поддержки вошедшему — тёмный SVG без инверсии в ночной шапке: светлым, как пункты меню */
body.premium-landing #navigation img[src*="/support"]{filter:invert(.82) sepia(.12)}

/* Липкая кнопка (телефон) ведёт к форме в hero. Пока на экране hero или финал с формой, её нет: иначе она жмётся
   впустую и закрывает форму и подвал (.is-off снимает скрипт страницы). */
.pg .stk{transition:transform .25s ease,opacity .25s ease,visibility .25s}
.pg .stk.is-off{transform:translateY(110%);opacity:0;visibility:hidden;pointer-events:none}

/* Телефон: блоки тут в несколько экранов высотой, а показ «по очереди» запускается, когда до экрана дошёл верх
   блока. Пока долистаешь, карточки экспертов пустые, плитки «Что агент доделал» ещё не появились, пункты FAQ
   полупрозрачные, а галочки сравнения и полосы цен раз в 18 с гаснут и растут заново — Влад 06.11: «мобилка словно
   забагованная». Здесь содержимое этих блоков стоит готовым, как при prefers-reduced-motion. Движение остаётся
   там, где оно на виду целиком: заголовки, экран студии в «Как работает», подсказка в поле, блик кнопок, рисунок
   финала и смена снимков в лентах. */
@media (max-width:640px){
.pg .proof .pf-rib *,.pg .proof .pf-main *,.pg .proof .pf-main *::before,.pg .pl-experts .ex-row *,.pg .edits .ed-grid *,.pg .get .get__grid *,.pg .get .get__grid *::before,.pg .get .get__grid *::after,.pg .get .get__more,.pg .get .get__more *,.pg .vs__m .vs__mk,.pg .vs__m .vs__mk *,.pg .pr__cmp *,.pg .faq .faq__i{animation:none!important}
}