/* Мобильная версия посадочных (≤760px). Компьютерная версия не меняется.
   Блоки: первый экран с квизом, «Знакомо?», «Со мной не всё удобно», работы,
   «Какие сайты делаю», этапы, «Узнайте цену». Разметку достраивает /js/mobile-v2.js. */

.mh{display:none;font-family:var(--sans);color:var(--text)}
.mh__eye{font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin:0 0 12px}
.mh__h{font:400 31px/1.12 var(--serif);letter-spacing:-.01em;margin:0 0 12px;color:var(--ink)}
.mh__h em{font-style:italic;color:var(--rust)}
.mh__p{font-size:16px;line-height:1.5;color:var(--text-2);margin:0 0 16px}
.mh__btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 18px;background:var(--rust);color:#fff;border:0;border-radius:var(--radius-lg);font:600 16px/1.2 var(--sans);text-decoration:none}
.mh__btn small{display:block;font-weight:400;font-size:12.5px;opacity:.85;margin-top:3px}
.mh__alt{display:block;text-align:center;margin-top:12px;font-size:14px;color:var(--text-2)}
.mh__alt u{color:var(--ink);text-decoration-color:var(--rust);text-underline-offset:3px}
.mh__trust{display:flex;flex-wrap:wrap;gap:6px 14px;margin:14px 0 0;padding:0;list-style:none;font-size:13px;color:var(--text-2)}
.mh__trust li:before{content:'✓';color:var(--rust);margin-right:6px;font-weight:700}
@media (max-width:760px){
.fs__in>div:has(>.fs__h){display:none!important}
.mh{display:block!important}
.fs{padding-top:22px!important}
.fs .calc{margin-top:18px}
.fs .opts{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.fs .opt{padding:12px 10px!important;gap:8px!important;font-size:14px!important;line-height:1.25;min-width:0}
.fs .opt__box{width:18px!important;height:18px!important}
.fs .opts .opt:last-child:nth-child(odd){grid-column:1/-1}
.fs .calc__bonus{display:none!important}
.fs .calc__top,.fs .calc__bar,.fs .calc__body,.fs .calc__nav{padding-left:16px!important;padding-right:16px!important}
.fs .calc__body{min-height:0!important}

.mh__h{font-size:30px}
.mh__p{margin-bottom:0}
.fs .calc{margin-top:16px}
.fs .calc__top{display:none!important}
.fs .calc__bar{padding-top:16px!important}
.fs .calc__body{padding-top:16px!important}
.mh-after{margin-top:20px}
.mh-prices{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mh-prices li{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.mh-prices b{font-weight:600}
.mh-prices span{font-family:var(--serif);font-size:16px;white-space:nowrap}
}

.pv{display:none;font-family:var(--sans)}
@media (max-width:760px){
.pain .grid--3,.pain .note{display:none!important}
.pv{display:block}
.pain{padding-top:44px!important;padding-bottom:44px!important}
.pain h2{margin-bottom:6px!important}
.pv__lead{font-size:15px;color:var(--text-2);margin:0 0 18px}

.pv1{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
.pv1 li{padding:16px 0;border-bottom:1px solid var(--line-2)}
.pv1 q{display:block;font:400 19px/1.3 var(--serif);color:var(--ink);quotes:"«" "»";margin:0 0 8px}
.pv1 p{margin:0;font-size:15px;line-height:1.5;color:var(--text);padding-left:16px;border-left:2px solid var(--rust)}
.pv1 p b{color:var(--rust);font-weight:600}
}
.av{display:none;font-family:var(--sans)}@media (max-width:760px){
.abt .abt__grid>*{display:none!important}
.abt .abt__grid>.av{display:block!important;min-width:0}
.abt .abt__grid{grid-template-columns:minmax(0,1fr)!important}
.abt{padding-top:44px!important;padding-bottom:44px!important}
.av__eye{font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin:0 0 10px}
.av__h{font:400 27px/1.15 var(--serif);color:var(--ink);margin:0 0 10px}
.av__h em{font-style:italic;color:var(--rust)}
.av__lead{font-size:15px;line-height:1.5;color:var(--text-2);margin:0 0 18px}
.av__sign{font:italic 400 17px/1.4 var(--serif);color:var(--ink);margin:18px 0 0}

.av2-ph{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin:0 0 22px;aspect-ratio:4/3.4}
.av2-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.av2-ph figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 16px 14px;background:linear-gradient(to top,rgba(24,24,27,.92),rgba(24,24,27,0));color:#fff}
.av2-ph q{display:block;font:italic 400 18px/1.35 var(--serif);quotes:"«" "»";margin:0 0 8px}
.av2-ph span{font-size:12.5px;opacity:.8}
.av2{list-style:none;margin:0;padding:0}
.av2 li{padding:14px 0;border-top:1px solid var(--line-2)}
.av2 li:last-child{border-bottom:1px solid var(--line-2)}
.av2 .t{font:600 15.5px/1.3 var(--sans);color:var(--ink);margin:0 0 4px}
.av2 .m{font-size:14px;line-height:1.45;color:var(--text-2);margin:0 0 6px}
.av2 .p{font-size:14.5px;line-height:1.45;color:var(--ink);margin:0}
.av2 .p b{color:var(--rust)}
}
@media (max-width:760px){
#raboty{padding-top:44px!important;padding-bottom:44px!important}
#raboty .lead{font-size:15px!important;line-height:1.5!important;margin-bottom:14px!important}
#ccFilters{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:8px;margin:0 -24px 16px!important;padding:0 24px 4px;scrollbar-width:none}
#ccFilters::-webkit-scrollbar{display:none}
#ccFilters .filt{flex:0 0 auto;white-space:nowrap;margin:0!important}
.v-more{display:block;width:100%;margin:14px 0 0;padding:15px;border:1px solid var(--ink);background:transparent;font:600 15px/1.2 var(--sans);border-radius:var(--radius-lg);color:var(--ink)}
.cc.is-open ~ .v-more{display:none}

.cc:not(.is-open) .cc__card:nth-child(n+5){display:none!important}
.cc{gap:12px!important}
.cc__card .cc__media{aspect-ratio:16/9!important;height:auto!important}
.cc__card .cc__media img{height:100%!important;object-fit:cover;object-position:top}
.cc__body{padding:14px 16px 14px!important}
.cc__biz{display:none!important}
.cc__foot{margin-top:10px!important;padding-top:10px!important}
.cc__what{display:none!important}
.cc__res{font-size:19px!important;line-height:1.25!important}
}
.tv{display:none;font-family:var(--sans)}@media (max-width:760px){
.wm .wm__head,.wm .wmg{display:none!important}
.tv{display:block!important}
.wm{padding-top:44px!important;padding-bottom:44px!important}
.tv__eye{font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin:0 0 10px}
.tv__h{font:400 27px/1.15 var(--serif);color:var(--ink);margin:0 0 8px}
.tv__h em{font-style:italic;color:var(--rust)}
.tv__lead{font-size:15px;line-height:1.5;color:var(--text-2);margin:0 0 16px}
.wm .wmcta{margin-top:16px!important}

.tv4{margin:0;padding:18px 16px 6px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg)}
.tv4 a{display:block;text-decoration:none;color:var(--ink);padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.tv4 a:last-child{border-bottom:0;margin-bottom:0}
.tv4 .l{display:flex;align-items:baseline;gap:8px}
.tv4 .n{font:400 19px/1.2 var(--serif);white-space:nowrap}
.tv4 .dots{flex:1;border-bottom:1.5px dotted var(--line-2);transform:translateY(-4px);min-width:16px}
.tv4 .p{font:400 18px/1 var(--serif);white-space:nowrap}
.tv4 .p small{font:12.5px var(--sans);color:var(--muted);margin-right:3px}
.tv4 .d{display:block;margin-top:5px;font:italic 400 14.5px/1.35 var(--serif);color:var(--text-2)}
}
.cv{display:none;font-family:var(--sans)}@media (max-width:760px){
.ctaq .ctaq__left{display:none!important}
.cv{display:block!important}
.ctaq{padding-top:44px!important;padding-bottom:44px!important}
.ctaq .ctaq__grid{gap:0!important}
.cv__eye{font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin:0 0 10px}
.cv__h{font:400 28px/1.15 var(--serif);color:var(--ink);margin:0 0 10px}
.cv__h em{font-style:italic;color:var(--rust)}
.cv__p{font-size:15px;line-height:1.5;color:var(--text-2);margin:0 0 16px}
.ctaq .opts{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.ctaq .opt{padding:11px 8px!important;gap:7px!important;font-size:13px!important;line-height:1.25;min-width:0}
.ctaq .opt__box{width:18px!important;height:18px!important}
.ctaq .opts .opt:last-child:nth-child(odd){grid-column:1/-1}
.ctaq__card{padding:18px 12px!important}
.ctaq .opt__box{width:16px!important;height:16px!important}
.msg{display:flex;gap:8px;margin-top:14px}
.msg a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid var(--line-2);border-radius:var(--radius-lg);background:var(--white);color:var(--ink);font:600 14px/1 var(--sans);text-decoration:none}
.msg svg{width:22px;height:22px}

.cv1-who{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:13.5px;line-height:1.4;color:var(--text-2)}
.cv1-who img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:0 0 36px}
}

.sv{display:none;font-family:var(--sans)}@media (max-width:760px){
.b2 .wrap>*:not(.sv){display:none!important}
.sv{display:block!important}
.b2{padding-top:44px!important;padding-bottom:44px!important}
.sv__eye{font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rust);margin:0 0 10px}
.sv__h{font:400 27px/1.15 var(--serif);color:var(--ink);margin:0 0 10px}
.sv__h em{font-style:italic;color:var(--rust)}
.sv__p{font-size:15px;line-height:1.5;color:var(--text-2);margin:0 0 20px}

.sv2g{background:var(--ink);border-radius:var(--radius-lg);padding:18px 16px;margin:0 0 18px}
.sv2g p{margin:0 0 12px;font:600 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--rust-2)}
.sv2g ul{list-style:none;margin:0;padding:0}
.sv2g li{color:#fff;font-size:15px;line-height:1.4;padding:9px 0;border-top:1px solid var(--line-dark)}
.sv2g li:first-child{border-top:0;padding-top:0}
.sv2g li:before{content:'✓';color:var(--rust-2);font-weight:700;margin-right:10px}
.sv2p{display:flex;flex-direction:column;gap:0}
.sv2p .s{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line-2)}
.sv2p .s:first-child{border-top:1px solid var(--line-2)}
.sv2p i{font:italic 400 22px/1 var(--serif);color:var(--rust);grid-row:1/3}
.sv2p b{font:600 15.5px/1.3 var(--sans);color:var(--ink)}
.sv2p span{font-size:13.5px;color:var(--text-2)}
}
@media (max-width:820px){section.ctaq{padding-left:0!important;padding-right:0!important}}
/* Общие для посадочных: ритм секций и карточки «три в ряд» списком */
@media (max-width:760px){
.section,.b2,.wm,.ctaq{padding-top:44px!important;padding-bottom:44px!important}
.section .wrap>.lead{margin-bottom:18px!important;font-size:15px;line-height:1.5}
section:not(.pain) .grid--3{gap:0!important;background:none!important;border:0!important;border-top:1px solid var(--line-2)!important}
section:not(.pain) .grid--3>.card{background:none!important;border:0!important;border-bottom:1px solid var(--line-2)!important;border-radius:0!important;box-shadow:none!important;padding:16px 0!important}
section:not(.pain) .grid--3>.card h3{font:400 19px/1.3 var(--serif)!important;color:var(--ink);margin:0 0 8px!important}
section:not(.pain) .grid--3>.card p{margin:0;font-size:15px;line-height:1.5;color:var(--text);padding-left:16px;border-left:2px solid var(--rust)}
section:not(.pain) .grid--3+.note{margin-top:18px!important;font-size:14px}
}