/* MB mobile: comfortable reading and a reachable, persistent action bar. */
.mb-mobile-dock{display:none}
@media(max-width:800px){
 html{scroll-padding-top:90px}body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 .wrap{width:calc(100% - 32px)}.nav{height:68px;gap:12px}.topline .wrap{padding-block:7px;font-size:10px}.topline .wrap span:last-child{display:none}
 .menu-toggle{display:grid;place-items:center;min-width:46px;min-height:46px;font-size:23px;padding:6px;border-radius:12px;color:var(--navy)}
 .navlinks{top:68px;padding:12px 16px 18px;max-height:calc(100dvh - 165px);overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--line);border-radius:0 0 18px 18px}
 .navlinks>a{display:flex;align-items:center;min-height:48px;padding:12px 14px;border-radius:10px;font-size:15px}.navlinks>a:hover,.navlinks>a:focus-visible{background:#eef4ff}.navlinks .nav-cta{justify-content:center;background:var(--blue);color:#fff}
 .mb-mobile-dock{position:fixed;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px));gap:3px;z-index:45;background:#fff;border-top:1px solid #dce4ef;box-shadow:0 -5px 25px #0c23460c}
 .mb-mobile-dock a{min-height:54px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:12px;color:#52647b;font-size:10px;font-weight:600;line-height:1.2}
 .mb-mobile-dock a[aria-current=page]{background:#eaf1ff;color:#1458eb}.mb-mobile-dock .dock-tg{color:#087cb7}.mb-mobile-dock .dock-wa{color:#08734a;background:#eaf7ef}.mb-mobile-dock svg{width:22px;height:22px;flex:none}
 .sticky-contact,.mb-telegram-contact{display:none!important}.mobile-input-active .mb-mobile-dock{display:none}
 .hero{padding:32px 0}.hero h1{font-size:clamp(34px,7.2vw,49px);line-height:1.12;letter-spacing:-1.5px;overflow-wrap:anywhere;margin-bottom:20px}.hero .intro{font-size:16px;line-height:1.7;margin-bottom:23px}.hero-grid{gap:25px}.hero .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:17px}
 .hero .actions{display:grid;grid-template-columns:1fr;gap:10px}.hero .actions .button{width:100%}.hero-note{font-size:11px;line-height:1.5;margin-top:18px}.hero-visual.mb-photo-hero{padding:0}.mb-photo-hero>img{height:260px;object-fit:cover;border-radius:18px}.mb-photo-caption{padding:13px;font-size:11px;inset:auto 12px 12px}
 section.block{padding:48px 0}.section-top{margin-bottom:25px}.section-top h2,h2{font-size:clamp(28px,6.5vw,38px);line-height:1.2}.section-top h2 br{display:none}.section-top .text-link{margin-top:16px}.section-top>p{font-size:15px}
 .button,.filter-chip{min-height:48px;font-size:14px}.button{padding:13px 18px}.text-link{min-height:44px;font-size:14px}.service{padding:24px}.service p,.guide p,.step p{font-size:15px;line-height:1.7}.service h3,.guide h3{font-size:24px}.service>img.service-cover{width:calc(100% + 48px);height:170px;margin:-24px -24px 20px}.service .num{top:184px}.service .text-link{margin-top:8px}
 .guide-body{padding:22px}.guide-meta{flex-wrap:wrap;gap:8px 14px;font-size:11px;letter-spacing:.4px}.guide-bottom{flex-wrap:wrap;gap:8px}.save-guide{min-height:44px;padding:10px 14px;font-size:12px}.blog-cover img{height:210px}.blog-post-heading h1,.page-hero h1{font-size:clamp(31px,7.5vw,46px);line-height:1.15;overflow-wrap:anywhere}.blog-post-cover{height:260px;margin-bottom:30px}.blog-author{font-size:12px;flex-wrap:wrap}.blog-post-heading>p,.page-hero .intro{font-size:16px;line-height:1.75}
 .planner-inputs,.planner-result{padding:23px}.planner .actions{display:grid;grid-template-columns:1fr}.planner .button{width:100%}.legend{font-size:14px}.legend div{flex-wrap:wrap}.planner-result h3{font-size:25px}.fine{font-size:12px!important}
 .field input,.field select,.field textarea,.planner input,.planner select,.blog-filters input,.blog-filters select{font-size:16px;min-height:50px;width:100%;max-width:100%}.field textarea{min-height:140px}.form-grid{gap:20px}.field label,.planner label{font-size:14px;line-height:1.5}.contact-form,.contact-card{padding:24px}.contact-card .actions{display:grid;grid-template-columns:1fr}.contact-card .button{width:100%}.consent{font-size:13px;gap:10px}.consent input{width:22px;height:22px}.contact-grid{gap:24px;padding-bottom:40px}.blog-filters{align-items:stretch}.blog-filters .button{font-size:14px;min-height:50px}
 .prose p,.prose li{font-size:16px;line-height:1.85}.prose h2{font-size:27px}.prose h3{font-size:22px}.prose{overflow-wrap:anywhere;min-width:0}.prose ul,.prose ol{padding-left:23px}.prose .note{padding:20px}.faq-list summary{min-height:44px;display:flex;align-items:center;font-size:16px}.faq-list details p{font-size:15px}.breadcrumb{font-size:12px;line-height:1.6;gap:8px;overflow-wrap:anywhere}.breadcrumb a{padding-block:7px}.page-layout{gap:24px}
 .cta-panel{padding:27px 23px;margin-bottom:42px}.cta-panel .actions{display:grid;grid-template-columns:1fr;margin-top:22px}.cta-panel .actions .button{margin-top:0;width:100%}.footer{padding-top:35px}.footer-links{gap:4px}.footer-links a{min-height:44px;display:flex;align-items:center;font-size:13px}.footer-bottom{padding-bottom:10px}.toast{bottom:calc(90px + env(safe-area-inset-bottom,0px));width:max-content;max-width:calc(100% - 32px)}
 .mb-gallery{padding:45px 0}.mb-gallery figure img{height:245px}.mb-service-hero{height:230px}.platform-strip{margin-top:25px;padding:18px 0}.platforms{gap:22px;font-size:17px}
}
@media(max-width:560px){.steps{grid-template-columns:1fr;gap:22px}.step{padding-top:16px}.step .step-num{margin-bottom:12px}.step h3{font-size:22px;margin-bottom:10px}.services,.guides,.blog-grid{grid-template-columns:minmax(0,1fr)}.planner{grid-template-columns:minmax(0,1fr)}.portrait{height:340px}.mini-proof{gap:20px;flex-wrap:wrap}.cta-panel .actions{width:100%}.contact-number{font-size:25px!important}.mb-photo-hero>img{height:235px}.blog-to-guide{margin:35px 0;padding:24px}.brand strong{font-size:15px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.brand{gap:8px}.brand strong{font-size:14px}.brand small{font-size:7px}.hero h1{font-size:34px}.mb-mobile-dock a{font-size:9px}.contact-form,.contact-card,.planner-inputs,.planner-result{padding:20px}}
