/* =====================================================
   АДАПТИВ ГЛАВНОЙ. Редактируй только этот файл.
   Планшет: макет 768 (работает до 1100px)
   Мобилка: макет 393 (работает до 600px)
   ОТСТУПЫ: в начале каждого блока есть "пульт управления" — переменные:
   --pad (поля по краям), --gap (расстояние между секциями),
   --hero-top (от шапки до имени), --hero-bottom (после первого экрана)
   ===================================================== */
picture{display:block}
.hbtn,.bg{display:none}

/* ===== ПЛАНШЕТ ===== */
@media(max-width:1100px){
:root{--pad:10px;--gap:100px;--hero-top:150px;--hero-bottom:200px}
body{font:500 14px/18px Roboto,sans-serif}
.w{padding:0 var(--pad)}
section{scroll-margin-top:20px}
.lb{font-size:14px;line-height:18px;margin-bottom:20px}
.lb small,small{font-size:12px;line-height:16px;margin-left:8px}
.h4{font:500 16px/20px Roboto,sans-serif;letter-spacing:-.04em}
.btn{height:32px;font-size:12px;line-height:16px}
.ar{width:20px;height:20px}
.full{margin-top:20px}
.hd{display:grid;grid-template-columns:190px 1fr auto;padding-top:20px;font:500 14px/18px Roboto,sans-serif}
.hd nav{display:flex;gap:20px}
.hero{margin-top:var(--hero-top);margin-bottom:var(--hero-bottom)}
.nm{margin-top:0;font:500 14px/18px Roboto,sans-serif}.nm i{width:96px;height:1px}
.lg{margin-top:10px}
.logo{aspect-ratio:748/398}
.tag{position:absolute;margin-top:0;width:200px;font-size:16px;line-height:20px}
.ab{display:block;position:relative}
.ab .lb{position:absolute;left:0;top:0}
.lead{font:500 28px/32px Roboto,sans-serif}.lead span{display:block;padding-left:378px}
.abc{display:grid;grid-template-columns:369px 1fr;grid-template-rows:1fr auto;column-gap:11px;gap:0 11px;height:408px;margin-top:20px}
.ph{grid-row:1/3;height:auto}
.abc>p:not(.stats){max-width:234px}
.stats{width:370px;margin:0;font-size:16px;line-height:20px}
.prg{grid-template-columns:1fr 1fr;gap:20px 10px}
.card div{height:300px;aspect-ratio:auto}
.card h3{font-size:20px;line-height:24px}
.it,.hdb{grid-template-columns:1fr 369px}
.pn{grid-column:2}
.ic{width:20px;height:20px}
.ic::before,.ic::after{left:2px;right:2px;top:9px}
.pn__in,.faq .pn__in{max-width:369px}
.pn .t6{margin-top:20px;font-size:18px;line-height:22px}
.pn .t6+p{margin-top:10px}
.pn .btn{margin-top:10px}
.sc img{width:140px;height:140px}
.st,.st:first-child{width:180px;height:281px;padding:0 4px}
.sl{margin-top:20px}
.apl{grid-template-columns:1fr 1fr;gap:10px}
.big{font:500 28px/32px Roboto,sans-serif;max-width:369px}
.f{font:500 14px/18px Roboto,sans-serif;padding-bottom:4px}
textarea.f{height:39px}
footer{padding:20px 0}
footer .h4{font:600 24px/28px Roboto,sans-serif;letter-spacing:0}
.ftc{grid-template-columns:386px 1fr;margin-top:40px}
.ftc .lb{font-size:18px;line-height:22px}
.fl{gap:10px;font-size:16px;line-height:20px}
.flg{margin-top:30px}.flg img{aspect-ratio:748/398}
.info{position:absolute;margin-top:0;width:332px;bottom:16px;gap:4px;font-size:12px;line-height:16px}
}

/* ===== МОБИЛКА ===== */
@media(max-width:700px){
:root{--pad:10px;--gap:80px;--hero-top:clamp(32px,9svh,100px);--hero-bottom:80px}
.hd{grid-template-columns:1fr auto;font:500 16px/20px Roboto,sans-serif}
.hd>.btn{display:none}
.hd>a:first-child{position:relative;z-index:7}
.bg{display:block;position:relative;z-index:7;width:24px;height:24px;border:0;background:none;cursor:pointer}
.bg::before,.bg::after{content:"";position:absolute;left:2px;right:2px;height:2px;background:var(--t);transition:transform .4s var(--ease)}
.bg::before{top:8px}.bg::after{top:14px}
.hd.open .bg::before{transform:translateY(3px) rotate(45deg)}
.hd.open .bg::after{transform:translateY(-3px) rotate(-45deg)}
.hd nav{position:fixed;inset:0;z-index:6;flex-direction:column;justify-content:center;gap:20px;padding:0 10px;background:#d2d2d2;font:500 32px/36px Roboto,sans-serif;opacity:0;pointer-events:none;transition:opacity .3s}
.hd.open nav{opacity:1;pointer-events:auto}
.hero{margin-top:var(--hero-top);margin-bottom:var(--hero-bottom)}
.nm{width:100%;justify-content:space-between;gap:8px;font:500 clamp(13px,4.07vw,16px)/20px Roboto,sans-serif}.nm i{flex:1 1 0;width:auto;min-width:12px;max-width:65px}
.logo{aspect-ratio:373/347;max-height:max(160px,calc(100vh - 360px));max-height:max(160px,calc(100svh - 360px));object-fit:contain;object-position:left top}
.tag{position:static;width:100%;margin-top:20px}
.hbtn{display:flex;margin-top:20px}
.btn.full,.pn .btn{display:flex;width:100%;height:52px;font-size:14px;line-height:18px}
.lb{font-size:12px;line-height:16px}
.ab{display:flex;flex-direction:column}
.ab .lb{position:static}
.abw,.abc{display:contents}
.abc>p:not(.stats){display:none}
.stats{order:1;align-self:stretch;width:auto;margin:0 0 10px;font-weight:700}
.ph{order:2;height:412px;margin-bottom:10px}
.lead{order:3;font:500 20px/24px Roboto,sans-serif}.lead span{padding:0}
.prg{grid-template-columns:1fr;gap:20px}
.card div{height:auto;aspect-ratio:434/352}
.n{display:none}
.it,.hdb{grid-template-columns:1fr}
.pn{grid-column:1}
.pn__in,.faq .pn__in{max-width:none;display:flex;flex-direction:column}
.pn__in>:first-child{margin-top:0}
.pn .t6{margin-top:10px;font-size:16px;line-height:20px}
.pn .t6+p{margin-top:4px}
.pn .sc{order:1;margin-top:20px}
.pn .btn{order:2;margin-top:20px}
.sc img{width:200px;height:200px}
.apl{grid-template-columns:1fr;gap:20px}
.big{font:500 20px/24px Roboto,sans-serif;max-width:none}
form .full{height:52px}
footer .h4{font:500 16px/20px Roboto,sans-serif;letter-spacing:-.04em}
.ftc{grid-template-columns:1fr 1fr;margin-top:40px}
.ftc>div:last-child{text-align:right}
.ftc>div:last-child .fl{align-items:flex-end}
.ftc .lb{font-size:12px;line-height:16px}
.fl{font-size:14px;line-height:18px}
.flg{margin-top:20px}.flg img{aspect-ratio:373/347}
.info{position:static;width:auto;margin-top:10px}

/* --- Услуги и вопросы (макет 320px) --- */
.it{margin-top:0}
.hdb{padding:20px 0}
.is-open .hdb{padding-bottom:0}
.tt{align-items:flex-start;gap:20px;font:500 20px/20px Roboto,sans-serif;letter-spacing:-.04em}
.faq .tt{line-height:24px}
.ic{width:20px;height:20px}
.acc{padding-bottom:0}
.pn__in>:first-child{margin-top:20px}
.pn__in>:last-child{margin-bottom:20px}
.svc .pn__in>:last-child{margin-bottom:12px}
.service-desc{font:500 14px/18px Roboto,sans-serif}
.service-footer{flex-direction:column;align-items:stretch;gap:20px;margin-top:20px;padding-bottom:0}
.service-price{font:700 20px/24px Roboto,sans-serif}
.service-footer .btn{margin-top:0}
.sub-acc{margin:20px 0 0;counter-reset:s}
.sub-it summary{padding:12px 0;font:400 16px/24px Roboto,sans-serif}
.sub-it summary span::before{counter-increment:s;content:counter(s,decimal-leading-zero) ". "}
.sub-ic{width:20px;height:20px}
.sub-pn{max-width:none;padding-bottom:12px;font:400 14px/18px Roboto,sans-serif}
}