/* Страница подборок в оформлении главной агентства (просьба Галы 23.10.2026): тот же тёплый светлый фон,
   графит, акцент и золото, Montserrat в тексте, кнопки-«таблетки», карточки без рамок; вместо сгенерированных
   картинок — ролики креаторов. Подключается ПОСЛЕ sayt.css и переопределяет его; тексты и разметка блоков — прежние. */
@font-face { font-family: M; font-weight: 300 700; font-display: swap; src: url(/sayt/montserrat-cyr.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: M; font-weight: 300 700; font-display: swap; src: url(/sayt/montserrat-lat.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212; }
:root { --svet: #f2efe8; --tem: #151515; --zol: #c9a46a; --zol-t: #8a6a3d; --ak: #e3532d; --tusk: #6f6b63; --linia: #d8d3c8;
  --tx: M, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
body { background: var(--svet); font: 15px/1.55 var(--tx); }
.obl { max-width: 1320px; padding: 0 32px; }
section { padding: 100px 0; }
h2 { font-size: clamp(40px, 5.4vw, 84px); line-height: .92; letter-spacing: -.005em; }
.lid { font-size: 17px; color: #3c3a36; }
.temnyy { background: var(--tem); }
.metka { font: 600 12px/1 var(--tx); letter-spacing: .07em; color: var(--tem); border: 1px solid currentColor; border-radius: 99px; padding: 7px 13px; }
.temnyy .metka { color: var(--svet); }

/* кнопки — «таблетки», как на главной */
.knop { font: 600 14px/1 var(--tx); text-transform: none; letter-spacing: 0; padding: 15px 26px; border-radius: 99px; border: 0;
  box-shadow: inset 0 0 0 1.5px currentColor; }
.knop.zol { background: var(--tem); color: #fff; box-shadow: none; }
.knop.zol:hover { background: var(--ak); }
.knop.tem { background: transparent; color: var(--tem); }
.temnyy .knop { color: var(--svet); }
.temnyy .knop.zol { background: var(--zol); color: var(--tem); }
.temnyy .knop.zol:hover { background: #fff; }
.ssylka-bot { font: 600 14px/1 var(--tx); text-transform: none; color: var(--ak); }
.pereklyuch button { font: 600 13px/1 var(--tx); text-transform: none; border-radius: 99px; padding: 11px 14px; }
.vkladki button { border-radius: 99px; }

/* шапка — светлая, ссылки-таблетки, ссылка на агентство */
.shapka { background: rgba(242,239,232,.94); box-shadow: 0 1px 0 var(--linia); }
.shapka .obl { height: 74px; }
.shapka nav { justify-content: center; gap: 6px; }
.shapka nav a { font: 500 13px/1 var(--tx); text-transform: none; letter-spacing: 0; color: var(--tem); padding: 9px 14px; border: 1px solid var(--linia); border-radius: 99px; }
.shapka nav a:hover { color: var(--tem); border-color: var(--tem); }
.shapka nav a.agen { background: var(--tem); color: #fff; border-color: var(--tem); }
.shapka .vhod { font: 600 14px/1 var(--tx); text-transform: none; background: var(--ak); color: #fff; padding: 12px 20px; border-radius: 99px; }
.burger { color: var(--tem); }
@media (max-width: 960px) { .shapka nav { top: 74px; background: var(--svet); } }

/* 1. первый экран: ролик в слове, лента роликов */
.geroy-v { padding: 70px 0 0; text-align: center; overflow: hidden; }
.geroy-v .metki { display: inline-flex; gap: 6px; flex-wrap: wrap; justify-content: center; margin-bottom: 22px;
  font: 600 12px/1 var(--tx); text-transform: uppercase; letter-spacing: .07em; }
.geroy-v .metki span { border: 1px solid var(--tem); border-radius: 99px; padding: 7px 13px; }
.geroy-v .metki span.z { background: var(--ak); border-color: var(--ak); color: #fff; }
.geroy-v h1 { font-size: clamp(56px, 9vw, 150px); line-height: .86; margin: 0 0 14px; }
.geroy-v h1 .str { display: flex; align-items: center; justify-content: center; gap: .14em; }
.vst { display: inline-block; height: 1em; width: .6em; border-radius: .3em; overflow: hidden; background: #ddd; flex: none; vertical-align: middle; }
.vst video { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; display: block; }
.geroy-v .devis { font-family: var(--sh); text-transform: uppercase; font-size: clamp(24px, 2.6vw, 38px); color: var(--ak); margin: 0 0 18px; }
.geroy-v .podzag { max-width: 680px; margin: 0 auto 26px; font-size: 16px; color: #3c3a36; }
.geroy-v .knopki { justify-content: center; margin-bottom: 46px; }
.lenta-rol { overflow: hidden; padding: 6px 0 70px; }
.dorozhka { display: flex; gap: 14px; width: max-content; animation: dorozhka 70s linear infinite; }
.lenta-rol:hover .dorozhka { animation-play-state: paused; }
@keyframes dorozhka { to { transform: translateX(-50%); } }
.rl { display: block; width: 190px; aspect-ratio: 9 / 16; border-radius: 22px; overflow: hidden; background: #000; flex: none;
  box-shadow: 0 16px 34px rgba(0,0,0,.16); transition: transform .35s; }
.rl:nth-child(odd) { transform: translateY(18px); }
.rl:hover { transform: translateY(-6px) scale(1.04); }
.rl video { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 640px) { .rl { width: 140px; border-radius: 16px; } .geroy-v { padding-top: 40px; } }

/* бегущая строка вместо узора */
.beg { background: var(--tem); color: var(--svet); padding: 15px 0; overflow: hidden; white-space: nowrap; }
.beg div { display: inline-block; animation: beg 42s linear infinite; }
.beg span { font: 700 27px/1 var(--sh); text-transform: uppercase; letter-spacing: .04em; padding: 0 20px; }
.beg span::after { content: "✦"; color: var(--zol); margin-left: 40px; font-size: 18px; vertical-align: middle; }
@keyframes beg { to { transform: translateX(-50%); } }

/* карточки блоков — без рамок, мягкие, как на главной */
.sravn .ploho, .napr-k.h, .shema div, .poluch > div, .usl .ne, .faq details, .komanda div { border: 0; background: #fff; }
.sravn > div, .napr-k, .usl .glav, .usl .ne, .kalk { border-radius: 26px; }
.sravn .horosho, .napr-k.f, .usl .glav { background: var(--tem); }
.pyat > div { background: #222; }
.pyat .n, .shema div::before, .shagi-s .n, .usl .glav .summa, .itog .glavnoe, .k-vilka b, .poluch .ik { color: var(--ak); }
.usl .glav .summa, .k-vilka b { color: var(--zol); }
.poluch .ik { background: var(--svet); border-radius: 50%; }
.citata { font-size: clamp(28px, 3vw, 42px); }
.citata small { color: var(--ak); font: 600 13px/1.3 var(--tx); text-transform: none; }
.napr-k .plashka { font: 600 13px/1 var(--tx); text-transform: none; border-radius: 99px; padding: 10px 16px; }
.liga { background: #222; border: 1px solid #333; border-radius: 26px; }
.shagi-b span { font: 600 13px/1 var(--tx); text-transform: none; border-radius: 99px; background: #222; }
.forma { border-radius: 26px; background: #1f1f1f; }
.forma input, .forma select, .forma textarea { border-radius: 16px; background: #151515; }
.bot-k { background: var(--ak); color: #fff; border-radius: 26px; }
.bot-k b { color: #fff; }
.ekrany img { border-radius: 26px; border-width: 5px; }
.onas .foto { border-radius: 30px; }
footer { background: var(--tem); }

/* блок «Блогерам»: три ролика-телефона вместо робота */
.tri-tel { display: flex; gap: 14px; justify-content: center; align-items: center; }
.tri-tel .tel { position: relative; width: 31%; aspect-ratio: 9 / 16; border-radius: 24px; overflow: hidden; background: #000;
  box-shadow: 0 24px 50px rgba(0,0,0,.4); transition: transform .4s; display: block; }
.tri-tel .tel:nth-child(1) { transform: rotate(-5deg) translateY(16px); }
.tri-tel .tel:nth-child(2) { transform: translateY(-14px); z-index: 2; }
.tri-tel .tel:nth-child(3) { transform: rotate(5deg) translateY(16px); }
.tri-tel .tel:hover { transform: none; z-index: 3; }
.tri-tel video { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; display: block; }

/* «Как это выглядит» — ролики крупнее и мягче */
.vid-k { border-radius: 24px; flex-basis: 270px; }
.vid-k video { object-position: 50% 30%; }
.ssylka-agentstvo { color: var(--ak); }

@media (prefers-reduced-motion: reduce) { .dorozhka, .beg div { animation: none; } }
/* золотая кнопка на тёмных карточках вне .temnyy (условия, «Fashion&Beauty») */
.usl .glav .knop.zol, .napr-k.f .knop.zol { background: var(--zol); color: var(--tem); }
.usl .glav .knop.zol:hover, .napr-k.f .knop.zol:hover { background: #fff; }
.forma .soglasie { margin: 8px 0; }

/* Компактный экран: текст слева, небольшой поток роликов в правой трети. */
.ms-section{background:#171816;color:var(--svet);scroll-margin-top:74px;overflow:hidden;padding:clamp(24px,4vh,42px) 0}
.ms-section>.obl{position:relative}
.ms-section .metka{color:var(--zol);border-color:#655b48}
.ms-heading{position:relative;z-index:2;width:59%;min-height:245px}
.ms-heading h2{font-size:clamp(46px,4.7vw,66px);line-height:1;margin:18px 0 16px}
.ms-heading h2 em{font-style:normal;color:var(--zol)}
.ms-heading p{font-size:14px;line-height:1.65;color:#c8c5bd;margin:0;max-width:570px}
.ms-visual{position:absolute;top:0;right:calc(50% - 50vw);width:36vw;margin:0;border:0;border-radius:0;background:none}
.ms-domino{position:relative;height:255px;isolation:isolate}
.ms-card{position:absolute;left:var(--x);top:var(--y);width:clamp(72px,7vw,105px);aspect-ratio:9/16;transform:translate(-50%,-50%) perspective(800px) rotateY(var(--ry)) rotate(var(--r)) scale(var(--s));z-index:var(--z);border-radius:5px;overflow:hidden;box-shadow:8px 14px 22px #0005;background:#20221e;outline:1px solid #d4be9326}
.ms-card img{width:100%;height:100%;object-fit:cover;display:block}
.ms-reaction{position:absolute;z-index:40;width:27px;height:auto;filter:drop-shadow(0 0 12px #c9a46a35);animation:ms-float 5s ease-in-out infinite;pointer-events:none}
.ms-reaction img{display:block;width:100%;height:auto}
.ms-r1{left:20%;top:3%;rotate:-14deg}.ms-r2{left:77%;top:60%;rotate:12deg;animation-delay:-2s}.ms-r3{left:53%;top:0;rotate:9deg;animation-delay:-3s}.ms-r4{left:45%;top:91%;width:15px;filter:invert(45%) sepia(80%) saturate(900%);animation-delay:-1s}.ms-r5,.ms-r6,.ms-r7{display:none}
@keyframes ms-float{0%,100%{translate:0 4px;opacity:.7}50%{translate:0 -7px;opacity:1}}
.ms-visual figcaption{font-size:8px;line-height:1.5;color:#999e91;margin:6px 24px 0 0;max-width:300px}
.ms-arguments{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:28px}
.ms-argument{position:relative;padding-left:42px}.ms-argument>span{position:absolute;left:0;top:0;color:var(--zol);font:29px/1 var(--sh)}
.ms-argument h3{font-size:28px;line-height:1.1;margin:0 0 7px}.ms-argument p{font-size:12px;line-height:1.65;margin:0;color:#c8c5bd;max-width:290px}
.ms-bottom{border-top:1px solid #47443d;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px;margin-top:24px}
.ms-bottom p{font-size:13px;line-height:1.7;margin:0;color:#c8c5bd}.ms-bottom strong{color:var(--svet);font-weight:500}
.ms-section .ms-cta{background:var(--zol);color:var(--tem);display:inline-flex;align-items:center;gap:26px;white-space:nowrap;box-shadow:none}.ms-section .ms-cta:hover{background:var(--svet)}
.ms-note{font-size:9px;line-height:1.6;color:#a9ad9f;margin:12px 0 0;max-width:900px}
@media(min-width:901px) and (max-height:720px){.ms-heading{min-height:218px}.ms-heading h2{font-size:clamp(44px,4vw,58px);margin:14px 0}.ms-domino{height:225px}.ms-card{width:clamp(68px,6vw,90px)}.ms-arguments{margin-top:22px}.ms-bottom{margin-top:20px;padding-top:16px}}
@media(max-width:900px){.ms-heading{width:60%;min-height:240px}.ms-heading h2{font-size:42px}.ms-heading p{font-size:12px}.ms-heading p br{display:none}.ms-visual{width:35vw;top:12px}.ms-domino{height:220px}.ms-card{width:66px}.ms-visual figcaption{font-size:7px;max-width:230px}.ms-arguments{gap:18px}.ms-argument{padding-left:30px}.ms-argument h3{font-size:24px}.ms-argument>span{font-size:25px}}
@media(max-width:600px){.ms-section{padding:24px 0}.ms-heading{width:100%;min-height:0}.ms-heading h2{font-size:40px;margin:15px 0 12px}.ms-heading p{font-size:12px;max-width:330px}.ms-section .metka{font-size:9px}.ms-visual{position:relative;top:auto;right:auto;width:70vw;margin:17px 0 0 auto;left:32px}.ms-domino{height:125px}.ms-card{width:52px;border-radius:3px}.ms-reaction{width:19px}.ms-r4{width:12px}.ms-visual figcaption{font-size:7px;max-width:240px;margin-top:4px}.ms-arguments{grid-template-columns:1fr;gap:12px;margin-top:18px}.ms-argument{padding-left:32px}.ms-argument h3{font-size:24px;margin-bottom:3px}.ms-argument p{font-size:11px;max-width:none}.ms-bottom{flex-direction:column;align-items:stretch;gap:14px;margin-top:18px;padding-top:16px}.ms-bottom p{display:none}.ms-section .ms-cta{justify-content:space-between;padding:13px 20px;font-size:12px;white-space:normal}.ms-note{font-size:8px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.ms-reaction{animation:none}}

/* Польза подборки: четыре аргумента вместо пятнадцати операционных карточек. */
.pd-value{padding:48px 0;scroll-margin-top:74px}
.pv-heading{display:flex;align-items:flex-start;gap:70px;margin-bottom:24px}
.pv-heading .metka{margin-top:8px;white-space:nowrap}
.pv-heading h2{font-size:clamp(40px,4.4vw,62px);margin:0;line-height:.98}
.pv-heading h2 br{display:none}
.pv-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pv-grid article{padding:24px 28px;background:#fff;min-width:0}
.pv-grid .pv-shared{background:var(--zol)}
.pv-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;opacity:.64}
.pv-grid h3{font:400 clamp(25px,2.7vw,38px)/1 var(--sh);text-transform:uppercase;margin:12px 0}
.pv-grid p{font-size:13px;line-height:1.5;max-width:440px;margin:0}
.pv-split{display:flex;align-items:stretch;gap:5px;margin:20px 0 8px}
.pv-split span,.pv-split b{display:flex;justify-content:center;align-items:center;text-align:center;padding:13px 8px;flex:1;font-size:10px;background:#ffffff50}
.pv-split b{background:var(--tem);color:var(--svet);font-weight:600;flex:1.3}
.pv-caption{font-size:9px;opacity:.7}
.pv-context-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px;padding-top:17px;border-top:1px solid #ddd;font-size:11px}
.pv-context-line i{font-style:normal;color:var(--ak);font-size:22px}.pv-context-line b{font-weight:600}
.pv-grid .pv-compact{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-content:start}
.pv-compact .pv-label{grid-column:1/-1}.pv-grid .pv-compact h3{font-size:clamp(24px,2.2vw,32px);margin-bottom:0}.pv-grid .pv-compact p{margin-top:12px;font-size:12px}
.pv-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:23px}
.pv-footer p{font-size:11px;line-height:1.5;max-width:540px;margin:0}.pv-footer p b{display:block;font-weight:600}
.pv-footer .knop{font-size:11px;gap:24px;white-space:nowrap;padding:14px 18px}
@media(min-width:901px) and (max-height:800px){.pd-value{padding:30px 0}.pv-heading{margin-bottom:18px}.pv-heading h2{font-size:48px}.pv-grid article{padding:18px 24px}.pv-grid h3{font-size:32px}.pv-split{margin-top:14px}.pv-footer{margin-top:18px}}
@media(max-width:900px){.pv-heading{gap:30px}.pv-grid article{padding:22px}.pv-grid .pv-compact{display:block}.pv-footer{align-items:flex-start}.pv-footer .knop{white-space:normal;max-width:270px}}
@media(max-width:600px){.pd-value{padding:30px 0}.pv-heading{display:block;margin-bottom:22px}.pv-heading .metka{margin:0 0 14px}.pv-heading h2{font-size:40px}.pv-heading h2 br{display:block}.pv-grid{grid-template-columns:1fr;gap:10px}.pv-grid article{padding:22px}.pv-grid h3{font-size:31px}.pv-grid p{font-size:12px}.pv-grid .pv-compact h3{font-size:28px}.pv-grid .pv-compact h3 br{display:none}.pv-context-line{gap:8px;font-size:10px;margin-top:18px}.pv-footer{flex-direction:column;gap:18px}.pv-footer .knop{max-width:none;width:100%;justify-content:space-between}.pv-split span,.pv-split b{font-size:9px;padding:12px 5px}}

@media(min-width:901px) and (max-height:650px){.pd-value{padding:20px 0}.pv-heading h2{font-size:40px}.pv-heading{margin-bottom:14px}.pv-grid article{padding:14px 20px}.pv-grid h3{font-size:27px;margin:8px 0}.pv-grid p{font-size:11px}.pv-grid .pv-compact h3{font-size:25px}.pv-grid .pv-compact p{font-size:11px;margin-top:8px}.pv-split{margin-top:12px}.pv-split span,.pv-split b{padding:9px 5px}.pv-context-line{margin-top:15px;padding-top:10px}.pv-footer{margin-top:14px}.pv-footer p{font-size:10px}.pv-footer .knop{font-size:10px;padding:11px 14px}}
@media(max-width:600px){.pv-heading h2{font-size:36px}.pv-grid article{padding:18px}.pv-grid h3,.pv-grid .pv-compact h3{font-size:27px;margin:8px 0}.pv-grid h3 br{display:none}.pv-label{font-size:9px}.pv-context-line{display:none}.pv-split{margin:14px 0 6px}.pv-grid .pv-compact p{margin-top:8px}.pv-footer{margin-top:18px}.pv-footer p{font-size:11px}}
/* Платформа и последовательный старт бренда. */
.pd-platform,.pd-start{padding:44px 0;scroll-margin-top:74px}
.pp-intro{display:grid;grid-template-columns:1.25fr 1fr;column-gap:55px;align-items:end}.pp-intro>.metka{grid-column:1/-1;justify-self:start;margin-bottom:18px}
.pp-intro h2,.ps-heading h2{font-size:clamp(38px,4.5vw,62px);line-height:1;margin:0}.pp-intro>p{font-size:13px;line-height:1.6;margin:0;max-width:460px;color:#d1d1ca}
.pp-workspace{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:28px;align-items:start}
.pp-roles>div{position:relative;padding:13px 0 13px 100px;border-top:1px solid #45453e}.pp-roles span{position:absolute;left:0;top:16px;color:var(--zol);font-size:10px;font-weight:600}.pp-roles h3{font:400 28px/1.1 var(--sh);text-transform:uppercase;margin:0 0 7px}.pp-roles p{font-size:12px;line-height:1.5;margin:0;color:#d1d1ca}
.pp-preview{min-width:0}.pp-screen-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--zol)}.pp-preview figure{margin:10px 0}.pp-preview img{display:block;width:100%;height:185px;object-fit:cover;object-position:top;border-radius:5px}.pp-preview figcaption{font-size:9px;margin-top:7px;color:#aaa}.pp-preview p{font-size:11px;line-height:1.5;margin:12px 0;color:#cfcfc7}.pp-preview p b{font-weight:600;color:var(--svet)}.pp-preview>a{font-size:10px;color:var(--zol)}
.pp-action{display:flex;align-items:center;gap:28px;margin-top:22px}.pp-action .knop{font-size:12px;gap:30px}.pp-action p{font-size:10px;line-height:1.5;color:#b8b8b0;margin:0}
.ps-heading{display:flex;align-items:flex-start;gap:50px;margin-bottom:25px}.ps-heading .metka{margin-top:6px}.ps-heading h2 br{display:none}.ps-heading h2{font-size:clamp(38px,4vw,56px)}
.ps-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.ps-steps li{position:relative;padding:22px;background:white;display:flex;flex-direction:column;min-width:0}.ps-steps .ps-first{background:var(--zol)}.ps-number{font:400 43px/1 var(--sh);color:var(--ak);margin-bottom:15px}.ps-first .ps-number{color:var(--tem)}.ps-who{font-size:9px;line-height:1.4;color:#666}.ps-first .ps-who{color:#4a3d28}.ps-steps h3{font:400 31px/1 var(--sh);text-transform:uppercase;margin:10px 0}.ps-steps p{font-size:12px;line-height:1.6;margin:0 0 20px}.ps-steps li>b{font-size:11px;line-height:1.5;font-weight:600;margin-top:auto;padding-top:13px;border-top:1px solid #ddd}.ps-first>b{border-color:#8c7044!important}.ps-steps .knop{font-size:10px;padding:11px 13px;margin-top:18px;justify-content:center}
@media(max-width:1000px){.pp-intro{gap:20px}.pp-workspace{gap:25px}.pp-roles>div{padding-left:0;padding-top:32px}.pp-roles span{top:12px}.ps-steps{grid-template-columns:1fr 1fr}.ps-heading{gap:25px}}
@media(max-width:600px){.pd-platform,.pd-start{padding:30px 0}.pp-intro{display:block}.pp-intro h2,.ps-heading h2{font-size:37px}.pp-intro h2 br{display:none}.pp-intro>p{margin-top:16px;font-size:12px}.pp-workspace{grid-template-columns:1fr;gap:22px;margin-top:22px}.pp-roles>div{padding:12px 0 12px 78px}.pp-roles span{top:15px;font-size:9px}.pp-roles h3{font-size:25px}.pp-roles p{font-size:11px}.pp-preview img{height:auto;max-height:220px;object-fit:cover;object-position:top}.pp-action{flex-direction:column;align-items:stretch;gap:12px}.pp-action .knop{justify-content:space-between}.pp-action p br{display:none}.ps-heading{display:block}.ps-heading .metka{margin:0 0 16px}.ps-heading h2 br{display:block}.ps-steps{grid-template-columns:1fr;gap:9px}.ps-steps li{padding:18px 18px 18px 65px}.ps-number{position:absolute;left:18px;top:18px;font-size:35px}.ps-steps h3{font-size:28px}.ps-steps p{font-size:12px;margin-bottom:12px}.ps-steps li>b{font-size:10px}.ps-steps .knop{align-self:start}.pp-intro>.metka{margin-bottom:16px}}
.pp-ui{margin-top:10px;background:var(--svet);color:var(--tem);border-radius:7px;overflow:hidden}.pp-ui-head{display:flex;justify-content:space-between;align-items:center;background:#292a25;color:var(--svet);padding:13px 19px;font-size:12px}.pp-ui-head>span{font-size:9px;color:var(--zol)}.pp-ui ol{list-style:none;padding:0 19px;margin:0}.pp-ui li{display:flex;align-items:center;gap:15px;padding:11px 0;border-bottom:1px solid #d9d6ce}.pp-ui li:last-child{border:0}.pp-ui li>span{font:400 26px/1 var(--sh);color:var(--ak)}.pp-ui li div{display:grid;gap:3px}.pp-ui li b{font-size:11px;font-weight:600}.pp-ui li small{font-size:9px;color:#68685f}.pp-ui li i{margin-left:auto;font-style:normal;color:#8c794f}
@media(min-width:1001px) and (max-height:800px){.pd-platform{padding:28px 0}.pp-intro h2{font-size:52px}.pp-intro>.metka{margin-bottom:14px}.pp-workspace{margin-top:22px}.pp-ui li{padding:9px 0}.pp-action{margin-top:18px}}

/* Плотность лендинга: короткие секции и первый экран вместе с примерами. */
section{padding:38px 0;scroll-margin-top:74px}
h2{font-size:clamp(38px,4.2vw,60px);line-height:1;margin-bottom:14px}
.lid{font-size:15px;line-height:1.5;margin:12px 0 18px}
.geroy-v{padding:26px 0 0}.geroy-v .metki{margin-bottom:16px;font-size:10px}.geroy-v h1{font-size:clamp(62px,min(7.5vw,12vh),112px);line-height:.88;margin-bottom:14px}.geroy-v .devis{font-size:clamp(24px,2.3vw,32px);margin-bottom:12px}.geroy-v .podzag{max-width:840px;font-size:14px;line-height:1.6;margin-bottom:18px}.geroy-v .knopki{margin-bottom:20px}.lenta-rol{padding:5px 0 28px}.rl{width:clamp(72px,6.5vw,104px);border-radius:12px}.rl:nth-child(odd){transform:translateY(8px)}.dorozhka{gap:12px}
.pokaz{padding:32px 0}.vid-tabs{margin-bottom:15px}.vid-k{flex-basis:clamp(150px,14vw,200px);border-radius:18px}.vid-podp{font-size:12px}.vid-pod{font-size:12px}
.sravn,.dva-napr,.usl{margin-top:22px;gap:16px}.sravn>div,.napr-k,.usl .glav,.usl .ne{padding:24px}.sravn li{padding-top:7px;padding-bottom:7px;font-size:14px}.citata{font-size:30px;margin-top:20px}.napr-k{min-height:0}.napr-k h3{font-size:34px}.napr-k li,.usl li{font-size:14px}.napr-k .dev{font-size:22px;margin-bottom:10px}.napr-k .plashka{margin-top:12px}.usl .glav .summa{font-size:64px}
.kalk{padding:20px;margin-top:20px}.itog{padding:18px}.k-vilka b{font-size:52px}.k-tochno{font-size:13px;margin-top:12px}.k-tochno li{padding-top:4px;padding-bottom:4px}.k-cta{margin-top:12px}.k-cta .knop{font-size:11px;padding:12px 16px}.kalk label{margin-top:10px}.snoska{font-size:11px;margin-bottom:0}.k-glav{padding:16px}.k-vhod{font-size:12px}
.blogeram .obl{grid-template-columns:1.2fr .8fr}.tri-tel{max-width:390px;margin:auto;gap:10px}.liga{padding:16px 20px;margin-top:16px}.shagi-b{margin:16px 0;gap:7px}.shagi-b span{font-size:11px;padding:8px 10px}
.onas .obl{grid-template-columns:.65fr 1.35fr;gap:32px}.onas .foto{width:100%;max-height:430px;object-position:top}.lenta-let{margin:14px 0}.lenta-let li{padding:8px 0;font-size:13px}.komanda div{padding:10px 14px}.komanda{font-size:12px}
.faq{margin-top:20px;gap:20px}.faq details{padding:13px 17px;margin-bottom:8px}.faq summary{font-size:13px}.faq details p{font-size:13px}.faq h3{font-size:27px}
.forma{padding:20px;display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.forma>.pereklyuch,.forma>.soglasie,.forma>button,.forma>.otvet,.forma>textarea,.forma>label{grid-column:1/-1}.forma>input,.forma>select{grid-column:1/-1}.forma label{margin:9px 0 4px;font-size:16px}.forma input,.forma select,.forma textarea{font-size:14px;padding:8px 11px}.forma textarea{min-height:60px}.forma .soglasie{font-size:12px;margin:6px 0}.forma>button{justify-self:start;margin-top:8px}.final .lid{max-width:440px}.final .reg-ssylki{font-size:13px}footer{padding:26px 0;font-size:12px}
@media(min-width:1001px) and (max-height:700px){section{padding:26px 0}.geroy-v{padding-top:20px}.geroy-v h1{font-size:72px}.geroy-v .metki{margin-bottom:12px}.geroy-v .podzag{font-size:13px;margin-bottom:14px}.geroy-v .knopki{margin-bottom:14px}.rl{width:66px}.lenta-rol{padding-bottom:20px}h2{font-size:44px}.vid-k{flex-basis:150px}.pd-platform{padding:22px 0}.pp-intro h2{font-size:44px}.pp-workspace{margin-top:16px}.pp-roles>div{padding-top:10px;padding-bottom:10px}.pp-roles h3{font-size:25px}.pp-ui li{padding:7px 0}.pp-action{margin-top:14px}.pd-start{padding:28px 0}}
@media(max-width:900px){section{padding:30px 0}.blogeram .obl,.onas .obl{grid-template-columns:1fr}.tri-tel{max-width:330px}.onas .foto{max-width:280px;max-height:330px}.geroy-v .podzag{max-width:680px}.geroy-v h1{font-size:80px}}
@media(max-width:600px){.obl{padding:0 22px}section,.pokaz{padding:26px 0}.geroy-v{padding-top:22px}.geroy-v .metki{font-size:8px;gap:4px;margin-bottom:14px}.geroy-v .metki span{padding:6px 8px}.geroy-v h1{font-size:clamp(48px,12vw,70px)}.geroy-v .devis{font-size:25px;line-height:1.1}.geroy-v .podzag{font-size:12px;line-height:1.6}.geroy-v .knopki{gap:10px}.geroy-v .knop{font-size:12px;padding:13px 18px}.geroy-v .ssylka-bot{font-size:12px}.rl{width:66px}.lenta-rol{padding-bottom:20px}h2{font-size:36px}.lid{font-size:13px}.vid-k{flex-basis:44vw}.sravn>div,.napr-k,.usl .glav,.usl .ne{padding:20px}.citata{font-size:26px}.kalk{padding:16px}.kalk-setka{gap:16px}.k-vilka b{font-size:44px}.tri-tel{max-width:280px}.onas .foto{max-width:230px;max-height:280px}.faq{gap:14px}.final .obl{gap:24px}.forma{padding:18px}.ms-visual{left:22px}}
.k-details{margin:12px 0;font-size:12px}.k-details summary{cursor:pointer;font-weight:600;color:var(--zol-t)}
@media(min-width:1001px){.geroy-v h1{font-size:clamp(68px,min(7vw,10vh),100px)}.geroy-v .podzag{max-width:900px}.rl{width:clamp(64px,5.6vw,86px)}.vid-k{flex:0 0 164px;min-width:0}.vid-k video{position:absolute;inset:0}.pokaz .lid{max-width:1000px}.pd-platform{padding:24px 0}.pp-intro h2{font-size:48px}.pp-workspace{margin-top:18px}.pp-ui li{padding:8px 0}.pp-action{margin-top:16px}.blogeram h2{font-size:48px}.blogeram .lid{font-size:14px}.blogeram .liga{font-size:13px}.final{padding:26px 0}.forma{padding:16px 20px}.forma .soglasie{font-size:11px}.forma label{margin-top:6px}.forma input,.forma select{padding:7px 10px}.forma textarea{min-height:48px}}
@media(min-width:1001px) and (max-height:650px){.geroy-v h1{font-size:64px}.geroy-v .devis{font-size:25px}.geroy-v .podzag{line-height:1.5}.geroy-v .metki{margin-bottom:10px}.geroy-v .knopki{margin-bottom:10px}.lenta-rol{padding-bottom:18px}.rl{width:58px}.pd-platform{padding:18px 0}.pp-intro h2{font-size:40px}.pp-ui li{padding:5px 0}.pp-preview p{margin:8px 0}.pp-roles p{font-size:11px}.pp-roles h3{font-size:23px}.pp-action{margin-top:12px}}
@media(min-width:1001px){#kalkulyator{padding:24px 0}#kalkulyator h2{font-size:48px}#kalkulyator>.obl>.lid{max-width:none;font-size:14px;margin:8px 0 12px}#kalkulyator .metka{margin-bottom:10px}.kalk{margin-top:12px;padding:16px}.itog{padding:14px}.k-glav{padding:14px}.k-pribyl{font-size:13px}.k-vilka b{font-size:46px}.kalk .verdikt{font-size:18px}.final{padding:18px 0}.forma .soglasie{margin:4px 0}.forma .otvet:empty{display:none}}
@media(min-width:1001px) and (max-height:650px){.pokaz{padding:22px 0}.pokaz .lid{font-size:13px;margin:8px 0 12px}.vid-k{flex-basis:125px}.vid-tabs{margin-bottom:10px}#napravleniya{padding:22px 0}#napravleniya h2{font-size:39px}.napr-k{padding:18px}.napr-k ul{margin-top:10px}.napr-k li{font-size:12px;margin:4px 0}.napr-k .dev{font-size:20px}.napr-k .plashka{font-size:11px;padding:8px 12px}.pp-intro>.metka{margin-bottom:10px}.pp-workspace{gap:30px}.pp-roles>div{padding-left:72px}.pp-action p{font-size:9px}#kalkulyator{padding:18px 0}#kalkulyator h2{font-size:39px}#kalkulyator>.obl>.lid{font-size:12px}.k-glav .glavnoe-p{font-size:17px}.k-vilka b{font-size:36px}.k-vilka span{font-size:12px}.k-pribyl{font-size:12px;margin:6px 0}.kalk .verdikt{font-size:16px;margin-top:8px;padding:6px 10px}.kalk .budzhet{font-size:28px}.kalk label{font-size:16px;margin-top:7px}.kalk input[type=number]{padding:7px 10px}.kalk .malo-k{font-size:11px}#k-kat button{font-size:12px}.k-details{margin:8px 0}.k-cta{margin-top:8px}.k-cta .knop{font-size:10px;padding:10px 12px}.snoska{font-size:10px;margin-top:10px}.blogeram{padding:22px 0}.blogeram h2{font-size:39px}.blogeram .lid{font-size:12px}.blogeram .shagi-b{margin:10px 0}.blogeram .liga{padding:12px 16px;font-size:12px}.blogeram .liga p{margin:8px 0}.blogeram .knop{font-size:12px}.onas{padding:22px 0}.onas .foto{max-height:360px}.final .forma{padding:12px 16px}.forma label{font-size:14px;margin-top:4px}.forma input,.forma select{font-size:13px;padding:5px 9px}.forma .soglasie{font-size:10px}.forma textarea{min-height:40px}.forma .knop{font-size:11px;padding:11px 16px}}
/* Небольшой портрет в блоке команды. */
.onas .obl{grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:start}.onas .foto{width:220px;max-width:100%;height:auto;max-height:none;aspect-ratio:4/5;border-radius:20px;box-shadow:none}
@media(max-width:900px){.onas .obl{grid-template-columns:1fr;gap:20px}.onas .foto{width:140px;border-radius:14px}}
/* Один следующий шаг: бесплатный разбор, два способа начать. */
.next-free{font-size:13px;font-weight:600;margin:14px 0}.start-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.start-options article{padding:26px;background:#fff}.start-options article:first-child{background:var(--zol)}.start-options h3{font-size:32px;margin:14px 0 10px}.start-options p{font-size:14px;line-height:1.6;max-width:440px;margin:0 0 20px}.start-options .knop{font-size:12px}.start-options small{display:block;font-size:10px;line-height:1.6;color:var(--tusk);margin-top:12px;max-width:380px}.simple-platform>.obl{display:grid;grid-template-columns:1fr 1fr;gap:48px}.simple-platform h2{font-size:48px}.simple-platform p{font-size:14px}.optional-calc>summary{cursor:pointer;font-size:15px;color:var(--zol);padding:8px 0}.optional-calc[open]>summary{margin-bottom:24px}.form-title{grid-column:1/-1;font-size:18px;font-weight:600;margin:0 0 12px}.forma input[type=hidden]{display:none}.geroy-v .knopki{margin-bottom:18px}.final .reg-ssylki{margin-top:24px}
@media(max-width:600px){.start-options,.simple-platform>.obl{grid-template-columns:1fr;gap:14px}.start-options article{padding:20px}.start-options h3{font-size:28px}.start-options p{font-size:12px}.start-options .knop{font-size:11px}.simple-platform h2{font-size:36px}.simple-platform p{font-size:12px}.next-free{font-size:12px}.optional-calc>summary{font-size:13px}.geroy-v .knopki{flex-direction:column}.geroy-v .knopki .knop{justify-content:center;width:100%;max-width:340px}}

/* Причины выбрать команду: шесть коротких аргументов в одном экране. */
.pv-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pv-team-grid h3{font-size:clamp(25px,2.2vw,32px)}.pv-team-grid article{padding:20px 24px}.pv-team-grid p{font-size:12px}.pd-value:has(.pv-team-grid) .pv-heading{gap:32px}.pd-value:has(.pv-team-grid) .pv-heading h2{font-size:clamp(34px,3.6vw,48px)}
@media(max-width:1000px){.pv-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pv-team-grid{grid-template-columns:1fr}.pv-team-grid article{padding:18px}.pd-value:has(.pv-team-grid) .pv-heading h2{font-size:34px}}

/* Примеры страниц подборок и интерактивный макет кабинета. */
.platform-showcase{padding:36px 0}.platform-head{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:22px}.platform-head h2{font-size:clamp(34px,3.4vw,48px);margin:12px 0 0}.platform-head>p{font-size:13px;line-height:1.6;color:#bbb;max-width:440px}.platform-visuals{display:grid;grid-template-columns:1fr 1.1fr;gap:36px}.platform-caption h3{font:400 28px/1.1 var(--sh);text-transform:uppercase;margin:0 0 7px;color:#fff}.platform-caption p{font-size:11px;color:#bbb;margin:0 0 16px}.landing-phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.landing-phones a{text-decoration:none;min-width:0}.landing-phones a>span{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px;color:#fff}.landing-phones i{font-style:normal;color:var(--zol)}.landing-phones a>div{height:280px;overflow:hidden;border-radius:20px 20px 0 0;mask-image:linear-gradient(#000 85%,transparent)}.landing-phones img{display:block;width:100%;height:auto;transition:transform .2s}.landing-phones a:hover img{transform:translateY(-8px)}.cabinet-demo{background:#f4f1eb;color:#212121;border-radius:10px;overflow:hidden;min-height:316px}.cabinet-top{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff;padding:13px 16px;border-bottom:1px solid #ddd}.cabinet-top b{font:600 19px var(--sh)}.cabinet-top b span{font:10px var(--tx,Montserrat,sans-serif);color:#777}.cabinet-top small{font-size:8px;color:#777}.cabinet-tabs{display:flex;gap:4px;padding:10px 12px 0}.cabinet-tabs button{font:600 10px var(--tx,Montserrat,sans-serif);border:0;border-radius:5px;padding:9px 12px;background:transparent;color:#666;cursor:pointer}.cabinet-tabs button[aria-selected=true]{background:#212121;color:#fff}.cabinet-panel{padding:16px}.cabinet-panel[hidden]{display:none}.demo-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;margin-bottom:14px}.demo-title>span{font-size:9px;color:#777}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-metrics>div{background:#fff;padding:12px;border-radius:6px}.demo-metrics b{display:block;font:600 28px/1 var(--sh)}.demo-metrics span{font-size:9px;color:#777}.demo-chart{margin-top:12px;background:#fff;padding:10px 12px;border-radius:6px}.demo-chart>span{font-size:9px;color:#777}.demo-chart>div{height:60px;display:flex;align-items:flex-end;gap:8px;padding-top:8px}.demo-chart i{flex:1;height:var(--bar);background:var(--zol);border-radius:3px 3px 0 0}.demo-note{font-size:8px!important;line-height:1.5;color:#777;margin:10px 0 0!important}.demo-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #ddd}.demo-row b{display:block;font-size:11px}.demo-row div>span{display:block;font-size:9px;color:#777;margin-top:5px}.demo-row em{font:500 9px var(--tx,Montserrat,sans-serif);white-space:nowrap;background:#ead9b6;padding:6px 8px;border-radius:4px}.demo-row em.demo-done{background:#dce9dc;color:#426447}.demo-plan-head,.demo-plan-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;align-items:center;font-size:10px;padding:12px 0;border-bottom:1px solid #ddd}.demo-plan-head{font-size:9px;color:#777;padding-top:0}.demo-plan-row small{display:block;font-size:8px;font-weight:400;color:#777;margin-top:4px}.demo-plan-row strong{text-align:right;font-size:11px}.platform-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px}.platform-bottom p{font-size:11px;color:#bbb;margin:0}.platform-bottom .knop{border-color:#777;color:#fff;font-size:11px;padding:12px 18px}
@media(max-width:900px){.platform-visuals{grid-template-columns:1fr;gap:24px}.platform-head{align-items:flex-start}.landing-phones a>div{height:300px}.landing-phones{max-width:570px}.cabinet-demo{max-width:650px}.platform-head>p{max-width:300px}}
@media(max-width:600px){.platform-head{display:block}.platform-head>p{font-size:12px;margin:12px 0 0}.platform-showcase{padding:28px 0}.platform-head h2{font-size:36px}.platform-visuals{gap:20px}.landing-phones{gap:9px}.landing-phones a>span{font-size:10px}.landing-phones a>div{height:190px;border-radius:14px 14px 0 0}.platform-caption h3{font-size:26px}.cabinet-top{padding:12px 10px}.cabinet-top b{font-size:17px}.cabinet-top b span{font-size:8px}.cabinet-top small{font-size:7px}.cabinet-tabs{gap:2px;padding:8px 6px 0}.cabinet-tabs button{font-size:9px;padding:9px 8px}.cabinet-panel{padding:12px}.demo-metrics>div{padding:9px 7px}.demo-metrics b{font-size:25px}.demo-metrics span{font-size:8px}.demo-title{font-size:11px}.demo-row b{font-size:10px}.demo-row div>span{font-size:8px}.demo-row em{font-size:8px;padding:5px}.demo-plan-row,.demo-plan-head{font-size:9px}.platform-bottom{display:block}.platform-bottom .knop{margin-top:14px}.cabinet-demo{min-height:305px}}

@media(min-width:901px){.platform-showcase{padding:24px 0}.platform-head{margin-bottom:14px}.platform-head h2{font-size:36px;margin-top:8px}.platform-head .metka{margin-bottom:8px}.platform-showcase .platform-caption p{font-size:11px;line-height:1.5;margin:0 0 12px}.platform-showcase .platform-head>p{font-size:13px;line-height:1.6}.platform-showcase .platform-bottom p{font-size:11px;line-height:1.5}.cabinet-demo{min-height:306px}.demo-chart>div{height:48px}.platform-showcase .demo-note{line-height:1.5}.platform-bottom{margin-top:12px}}

/* Два способа начать: лицо руководителя и превью кабинета. */
.start-options article{border-radius:24px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:20px;align-items:center;padding:26px}.start-options .start-copy{position:relative;z-index:1;min-width:0}.start-options h3{font-size:29px}.start-options p{font-size:12px;line-height:1.6}.start-options .knop{font-size:11px;padding:13px 17px}.start-options small{font-size:9px}.start-portrait{margin:0;align-self:center}.start-portrait img{width:100%;height:178px;object-fit:cover;object-position:center 25%;display:block;border-radius:60px 60px 16px 16px}.start-portrait figcaption{font-size:11px;font-weight:600;line-height:1.5;margin-top:10px}.start-portrait figcaption span{font-size:9px;font-weight:400}.start-options .start-self{grid-template-columns:minmax(0,1fr) 180px}.start-cabinet{transform:rotate(-5deg);width:270px;box-shadow:0 12px 32px #0002;border:5px solid #242424;border-radius:12px;overflow:hidden}.start-cabinet img{width:100%;display:block}.pv-grid article{border-radius:20px}
@media(max-width:1100px) and (min-width:601px){.start-options article{grid-template-columns:minmax(0,1fr) 110px;padding:22px;gap:14px}.start-options .start-self{grid-template-columns:minmax(0,1fr) 110px}.start-cabinet{width:230px}.start-portrait img{height:150px}.start-options h3{font-size:26px}}
@media(max-width:600px){.start-options article{padding:20px;gap:14px;grid-template-columns:minmax(0,1fr) 88px;border-radius:20px}.start-options .start-self{grid-template-columns:minmax(0,1fr) 88px}.start-options h3{font-size:26px}.start-options p{font-size:11px}.start-options .knop{font-size:10px;padding:12px}.start-portrait img{height:125px}.start-portrait figcaption{font-size:9px}.start-portrait figcaption span{font-size:8px}.start-cabinet{width:210px}.start-options small{font-size:8px}.start-options .pv-label{font-size:8px}}

/* Блогерам: компактные экраны, видео и короткий путь участия. */
.creator-hero>.obl{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center}.blogger-page .creator-hero h1{font-size:clamp(48px,5.2vw,72px);line-height:.98}.creator-hero h1 em{font-style:normal;color:var(--ak)}.blogger-page .creator-hero .podzag{font-size:14px;max-width:540px}.creator-free{font-size:11px;color:var(--tusk)}.creator-reels{display:flex;gap:12px;align-items:center;padding:18px 0}.creator-reels figure{position:relative;margin:0;flex:1;min-width:0;aspect-ratio:9/16;border-radius:22px;overflow:hidden;transform:rotate(-6deg);background:#ddd}.creator-reels figure:nth-child(2){transform:translateY(-16px) rotate(3deg)}.creator-reels figure:nth-child(3){transform:rotate(8deg)}.creator-reels video{width:100%;height:100%;object-fit:cover}.creator-reels figcaption{position:absolute;bottom:0;left:0;right:0;padding:24px 8px 12px;background:linear-gradient(transparent,#000a);color:#fff;font-size:10px;text-align:center}.creator-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.creator-cards article{padding:24px;background:#252525;border-radius:22px}.creator-cards article:first-child{background:var(--zol);color:#171717}.creator-cards article>span{font-size:10px;opacity:.7}.creator-cards h3,.creator-steps h3,.creator-example h3{font:400 30px/1.1 var(--sh);text-transform:uppercase;margin:14px 0 10px}.creator-cards p{font-size:12px!important;line-height:1.6;max-width:330px;margin:0}.creator-cards article:first-child p{color:#272727}.creator-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.creator-steps article{background:#fff;border-radius:20px;padding:20px}.creator-steps article>b{font:400 38px var(--sh);color:var(--zol-t)}.creator-steps h3{font-size:27px;margin:10px 0}.creator-steps p{font-size:12px;line-height:1.6;margin:0}.creator-example{display:grid;grid-template-columns:1fr 180px 1fr;gap:30px;align-items:center;background:var(--zol);border-radius:22px;margin-top:20px;padding:20px 26px;overflow:hidden}.creator-example h3{margin-top:0}.creator-example p{font-size:12px;line-height:1.6}.creator-example a{font-size:12px;font-weight:600;color:inherit}.creator-preview{display:block;height:150px;transform:rotate(6deg);border-radius:14px;overflow:hidden}.creator-preview img{width:100%;display:block}.creator-terms{max-width:290px;margin:0}.blogger-page .final .forma{border-radius:22px}.blogger-page .final h2{font-size:46px}
@media(max-width:900px){.creator-hero>.obl{gap:24px;grid-template-columns:1.2fr 1fr}.blogger-page .creator-hero h1{font-size:48px}.creator-cards{gap:10px}.creator-cards article{padding:18px}.creator-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-example{grid-template-columns:1fr 150px}.creator-terms{grid-column:1/-1;max-width:none}}
@media(max-width:600px){.creator-hero>.obl{grid-template-columns:1fr;gap:18px}.blogger-page .creator-hero h1{font-size:clamp(42px,11vw,62px)}.blogger-page .creator-hero .podzag{font-size:12px}.creator-reels{max-width:340px;padding:12px 8px 8px}.creator-reels figure{max-height:200px}.creator-cards{grid-template-columns:1fr;margin-top:18px}.creator-cards article{padding:18px}.creator-cards h3{font-size:27px;margin:8px 0}.creator-cards p{font-size:11px!important}.creator-cards article>span{font-size:9px}.creator-steps{gap:10px;margin-top:18px}.creator-steps article{padding:16px}.creator-steps h3{font-size:24px}.creator-steps p{font-size:11px}.creator-example{padding:18px;gap:16px;grid-template-columns:1fr 90px}.creator-example h3{font-size:26px}.creator-example p{font-size:11px}.creator-preview{height:160px}.creator-example a{font-size:11px}.creator-terms{font-size:10px!important}.blogger-page .final h2{font-size:36px}}