/* Task 99 C3. Signage studio: logo red, structural navy, clear white surfaces. */
:root { --vm-ink:#16344f; --vm-muted:#526475; --vm-red:#c82333; --vm-line:#dce4eb; --vm-paper:#f3f6f9; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body.vm-site { color:var(--vm-ink); background:#fff; }
body.vm-site .container { width:min(1200px,calc(100% - 64px)); max-width:1200px; }
body.vm-site a:focus-visible,body.vm-site button:focus-visible,body.vm-site input:focus-visible,body.vm-site [tabindex]:focus-visible { outline:3px solid #1779b7; outline-offset:4px; }
body.vm-site .first-screen { min-height:0!important; padding:0 0 64px!important; background:var(--vm-paper)!important; overflow:hidden; }
body.vm-site .first-screen header { position:relative!important; inset:auto!important; width:100%!important; height:auto!important; padding:12px 0!important; background:#fff!important; border-bottom:1px solid var(--vm-line); box-shadow:none!important; z-index:3!important; }
body.vm-site .first-screen .header { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:24px!important; padding:0!important; min-height:90px!important; }
body.vm-site .first-screen .logo { width:auto!important; flex:0 0 auto; margin:0!important; }
body.vm-site .first-screen .logo__img { width:190px!important; max-width:190px!important; max-height:96px!important; height:auto!important; }
body.vm-site .logo__c { display:block!important; }
body.vm-site .logo__desc,body.vm-site .logo__text { display:none!important; }
.vm-nav { display:flex; align-items:center; gap:26px; font:500 14px/1.4 Arial,sans-serif; }
.vm-nav a { padding:14px 0; color:var(--vm-ink); text-decoration:none; white-space:nowrap; }
.vm-nav a:hover { color:var(--vm-red); }
body.vm-site .header__contact { display:flex!important; align-items:center!important; gap:22px!important; margin:0!important; }
body.vm-site .header__whatsapp { display:flex!important; position:static!important; gap:8px!important; padding:0!important; margin:0!important; background:none!important; box-shadow:none!important; }
body.vm-site .header__whatsapp__link { display:flex!important; align-items:center!important; gap:7px!important; width:auto!important; min-width:0!important; height:42px!important; min-height:42px!important; padding:0 12px!important; margin:0!important; border:1px solid var(--vm-line)!important; border-radius:8px!important; background:#fff!important; color:var(--vm-ink)!important; box-shadow:none!important; font:600 12px/1 Arial,sans-serif!important; }
body.vm-site .header__whatsapp__link img,body.vm-site .header__whatsapp__link svg { width:22px!important; height:22px!important; }
body.vm-site .header__messenger-title,body.vm-site .header__email-link,body.vm-site .header__wa-m,body.vm-site .header__burger { display:none!important; }
body.vm-site .header__telegram__text { display:block!important; }
body.vm-site .header__phone { display:block!important; position:static!important; width:auto!important; margin:0!important; text-align:right!important; }
body.vm-site .header__phone::before { content:none!important; }
body.vm-site .header__phone__online { display:block!important; margin:0 0 6px!important; color:var(--vm-muted)!important; font:400 11px/1.4 Arial,sans-serif!important; }
body.vm-site .header__phone__link { display:block!important; padding:0!important; margin:0!important; background:none!important; color:var(--vm-ink)!important; font:700 20px/1.4 Arial,sans-serif!important; }
body.vm-site .header__phone p { display:block!important; margin:5px 0 0!important; font:400 12px/1.4 Arial,sans-serif; }
body.vm-site .header__phone p a { color:var(--vm-muted); }
body.vm-site .header__callback { display:none!important; }
body.vm-site .first-screen .first-screen__bg { position:absolute!important; top:130px!important; right:0!important; left:auto!important; bottom:0!important; width:55%!important; height:calc(100% - 130px)!important; background:none!important; opacity:1!important; }
body.vm-site .first-screen__bg img { display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; }
body.vm-site .first-screen__bg::after { display:block!important; background:linear-gradient(90deg,#f3f6f9 0%,rgba(243,246,249,.35) 25%,transparent 55%),linear-gradient(0deg,#f3f6f9,transparent 25%)!important; }
body.vm-site .first-screen .main { position:relative!important; display:block!important; margin:0 auto!important; padding:64px 0 0!important; z-index:2; }
body.vm-site .first-screen .main__info { width:57%!important; max-width:650px!important; padding:0!important; margin:0!important; }
body.vm-site .first-screen .main__subtitle { display:inline-block!important; transform:none!important; background:none!important; padding:0 0 0 12px!important; margin:0 0 22px!important; border-left:3px solid var(--vm-red); color:var(--vm-ink)!important; font:500 14px/1.5 Arial,sans-serif!important; }
body.vm-site .main__subtitle--skew { transform:none!important; }
body.vm-site .first-screen h1.main__title { width:auto!important; max-width:none!important; margin:0 0 22px!important; padding:0!important; color:var(--vm-ink)!important; font-family:Arial,sans-serif!important; font-weight:800!important; font-size:clamp(36px,3.6vw,53px)!important; line-height:1.1!important; letter-spacing:-1.5px!important; text-transform:none!important; text-shadow:none!important; }
body.vm-site .first-screen .main__title span { color:var(--vm-red)!important; }
body.vm-site .first-screen .main__lead { max-width:480px!important; margin:0 0 28px!important; color:var(--vm-muted)!important; font:400 17px/1.65 Arial,sans-serif!important; }
body.vm-site .main__lead br { display:none; }
body.vm-site .first-screen .main__advantages { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px 20px!important; width:100%!important; max-width:475px!important; margin:0 0 28px!important; padding:0!important; }
body.vm-site .first-screen .main__advantage { display:flex!important; align-items:center!important; gap:10px!important; width:auto!important; max-width:none!important; margin:0!important; padding:0!important; text-align:left!important; }
body.vm-site .first-screen .main__advantage img { width:32px!important; height:32px!important; margin:0!important; object-fit:contain; }
body.vm-site .first-screen .main__advantage p { margin:0!important; color:var(--vm-ink)!important; font:500 13px/1.45 Arial,sans-serif!important; }
body.vm-site .first-screen .main__advantage p:empty { display:none; }
body.vm-site .first-screen .main__btn-wrap { display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:12px 18px!important; width:100%!important; max-width:520px!important; margin:0!important; padding:0!important; background:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
body.vm-site .first-screen .main__cta-copy { flex:0 0 100%!important; width:100%!important; max-width:450px!important; margin:0 0 4px!important; color:var(--vm-ink)!important; font:500 15px/1.55 Arial,sans-serif!important; }
body.vm-site .btn { min-height:56px; border:0!important; border-radius:9px!important; background:var(--vm-red)!important; box-shadow:none!important; color:#fff!important; text-shadow:none!important; }
body.vm-site .btn:hover { background:#a81728!important; transform:none!important; }
body.vm-site .btn:disabled { background:#778492!important; cursor:not-allowed; }
body.vm-site .btn::before,body.vm-site .btn::after,body.vm-site .main__btn__text::before,body.vm-site .main__btn__text::after { display:none!important; }
body.vm-site .main__btn__text svg { display:none!important; }
body.vm-site .main__btn { position:static!important; width:auto!important; min-width:250px!important; max-width:100%!important; margin:0!important; padding:18px 28px!important; }
body.vm-site .main__btn__text { font:600 15px/1.4 Arial,sans-serif!important; letter-spacing:.1px!important; }
body.vm-site .first-screen .main__btn__desc { position:static!important; width:auto!important; margin:0!important; padding:0!important; color:var(--vm-muted)!important; font:400 12px/1.5 Arial,sans-serif!important; }
body.vm-site .main__btn__desc img,body.vm-site .main__btn__desc::before { display:none!important; }
body.vm-site .main__btn__desc br { display:none; }
body.vm-site .main__vid:empty,body.vm-site .main__vid_m:empty { display:none; }
body.vm-site .work-steps { padding:36px 0!important; background:#fff!important; border-bottom:1px solid var(--vm-line); }
body.vm-site .work-steps__title { margin:0 0 24px!important; color:var(--vm-ink)!important; font:700 24px/1.3 Arial,sans-serif!important; }
body.vm-site .work-steps__list { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:22px!important; padding:0!important; }
body.vm-site .work-steps__item { display:flex!important; gap:10px!important; min-width:0; }
body.vm-site .work-steps__num { flex:0 0 30px!important; width:30px!important; height:30px!important; border-radius:7px!important; background:#eaf0f5!important; color:var(--vm-ink)!important; box-shadow:none!important; font:700 13px/30px Arial,sans-serif!important; }
body.vm-site .work-steps__text { color:var(--vm-ink)!important; font:700 14px/1.5 Arial,sans-serif!important; }
body.vm-site .work-steps__desc { display:block; margin-top:5px; color:var(--vm-muted)!important; font:400 12px/1.5 Arial,sans-serif!important; }
body.vm-site section.portfolio { padding:72px 0!important; margin:0!important; background:var(--vm-paper); }
body.vm-site .portfolio__title { margin:0 0 32px!important; color:var(--vm-ink)!important; font:700 clamp(27px,3vw,38px)/1.2 Arial,sans-serif!important; letter-spacing:-.7px; text-align:left!important; }
body.vm-site .portfolio__slide { display:grid!important; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:38px!important; align-items:start!important; }
body.vm-site .portfolio__slide__photo,body.vm-site .portfolio__slide__info { width:100%!important; min-width:0; margin:0!important; padding:0!important; }
body.vm-site .portfolio__slide__photo--big { height:360px!important; border-radius:14px!important; overflow:hidden; }
body.vm-site .portfolio__slide__photo--big img { width:100%; height:100%; object-fit:cover; }
body.vm-site .portfolio__slide__photo__bottom { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; margin-top:10px!important; }
body.vm-site .portfolio__slide__photo--sm { width:100%!important; height:95px!important; margin:0!important; border-radius:9px!important; }
body.vm-site .portfolio__slide__title { margin:8px 0 15px!important; color:var(--vm-ink)!important; font:700 26px/1.3 Arial,sans-serif!important; }
body.vm-site .portfolio__slide__place { font:400 13px/1.6 Arial,sans-serif!important; color:var(--vm-muted)!important; margin-bottom:25px!important; }
body.vm-site .portfolio__slide__desc-title { margin:18px 0 8px!important; color:var(--vm-ink)!important; font:700 14px/1.5 Arial,sans-serif!important; }
body.vm-site .portfolio__slide__desc { color:var(--vm-muted)!important; font:400 16px/1.75 Arial,sans-serif!important; }
body.vm-site .portfolio__slide__spec { padding-top:18px; border-top:1px solid var(--vm-line); }
body.vm-site .portfolio__slide__spec__name { color:var(--vm-muted)!important; font:400 13px/1.5 Arial,sans-serif!important; }
body.vm-site .portfolio__slide__spec__val { color:var(--vm-ink)!important; font:700 28px/1.4 Arial,sans-serif!important; }
body.vm-site .portfolio__slider__arrows { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }
body.vm-site .portfolio__slider__arrows .slider-arrow { position:static!important; transform:none!important; width:46px!important; height:46px!important; background:var(--vm-ink)!important; opacity:1!important; border-radius:50%!important; }
body.vm-site .portfolio__slider__dots { margin-top:15px!important; }
body.vm-site .portfolio__slider__dots .slick-active button { background:var(--vm-red)!important; }
body.vm-site .editor { padding:64px 0!important; }
body.vm-site .editor .wp-block-gallery { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; margin:0!important; }
body.vm-site .editor .wp-block-gallery .wp-block-image { display:block!important; width:100%!important; height:auto!important; margin:0!important; overflow:hidden; border-radius:10px; }
body.vm-site .editor .wp-block-gallery img { display:block!important; width:100%!important; height:auto!important; aspect-ratio:4/3; object-fit:cover!important; }
body.vm-site .container.portfolio { margin:0 auto 64px!important; padding:42px!important; background:var(--vm-ink); border-radius:16px; }
body.vm-site .container.portfolio .portfolio__title { max-width:760px; margin:0 auto 25px!important; color:#fff!important; text-align:center!important; }
body.vm-site .container.portfolio .main__btn-wrap { display:flex!important; justify-content:center; align-items:center; flex-direction:column; gap:12px; padding:0!important; margin:0!important; }
body.vm-site .container.portfolio .main__btn__desc { margin:0!important; color:#dae3eb!important; font:400 13px/1.5 Arial,sans-serif!important; }
body.vm-site footer { background:var(--vm-paper); padding:30px 0 100px; }
body.vm-site footer .footer { display:block!important; padding:0!important; }
body.vm-site footer .footer__btn { display:none; }
body.vm-site .footer__c { gap:24px; color:var(--vm-muted); font:400 12px/1.7 Arial,sans-serif; }
body.vm-site .footer__policy a { color:var(--vm-ink); }
body.vm-site .popup { z-index:10000; background:rgba(12,31,48,.72)!important; }
body.vm-site .popup-wrap { padding:28px 16px!important; }
body.vm-site .popup .quiz,body.vm-site .popup .form-consult,body.vm-site .popup .policy { border-radius:18px; box-shadow:0 20px 80px #10283f33; }
body.vm-site .quiz__question__title { color:var(--vm-ink); font-weight:600; }
body.vm-site .quiz__bar__prg { background:var(--vm-red)!important; }
body.vm-site .quiz__left { background:var(--vm-paper)!important; }
.vm-manager-mark { display:grid; place-items:center; width:90px; height:90px; margin:auto; border-radius:50%; background:var(--vm-ink); color:#fff; font:700 28px/1 Arial,sans-serif; }
body.vm-site .quiz__manager { min-height:90px; }
body.vm-site .popup .close { min-width:44px; min-height:44px; z-index:10; cursor:pointer; }
body.vm-site .popup input:not([type=radio]):not([type=checkbox]):not([type=hidden]) { font-size:16px; }
body.vm-site .quiz__answer:focus-within,body.vm-site .quiz__contact__item:focus-within,body.vm-site .quiz__final__agreement:focus-within { outline:3px solid #1779b7; outline-offset:2px; }
body.vm-site .vm-submit-error { margin:14px 0; color:#a81728; font:400 14px/1.6 Arial,sans-serif; }
body.vm-site .vm-price-note { margin:15px 0 0; color:var(--vm-muted); font:400 12px/1.6 Arial,sans-serif; }
body.vm-site .vm-project-cta { display:inline-flex; align-items:center; justify-content:center; margin-top:20px; padding:14px 18px; min-height:48px; border:1px solid var(--vm-ink); border-radius:8px; color:var(--vm-ink); background:#fff; font:600 14px/1.5 Arial,sans-serif; cursor:pointer; }
/* Reset only legacy geometry which otherwise clips the redesigned content. */
body.vm-site .first-screen { display:block!important; height:auto!important; max-height:none!important; }
body.vm-site .first-screen .main { height:auto!important; min-height:0!important; background:none!important; }
body.vm-site .first-screen .main__info { display:block!important; height:auto!important; }
body.vm-site .first-screen .main__info > h1.main__title { font-size:clamp(36px,3.6vw,53px)!important; }
body.vm-site .first-screen .main__advantages { height:auto!important; min-height:0!important; }
body.vm-site .first-screen .main__advantage { height:auto!important; min-height:42px!important; }
body.vm-site .first-screen .main__advantage::before,body.vm-site .first-screen .main__advantage::after,body.vm-site .first-screen .main__advantage p::before,body.vm-site .first-screen .main__advantage p::after { display:none!important; }
body.vm-site .first-screen .main__btn-wrap { height:auto!important; min-height:0!important; }
body.vm-site .first-screen .main__btn,body.vm-site .container.portfolio .main__btn { height:auto!important; min-height:56px!important; background:var(--vm-red)!important; box-shadow:none!important; }
body.vm-site .first-screen .header__contact { order:3!important; }
body.vm-site .vm-nav { order:2!important; }
body.vm-site .first-screen .header__whatsapp { width:auto!important; }
body.vm-site .work-steps__item { padding:0!important; background:none!important; box-shadow:none!important; }
body.vm-site .work-steps__item::after { display:none!important; }
body.vm-site .portfolio__slider__arrows { position:static!important; width:auto!important; inset:auto!important; transform:none!important; }
body.vm-site .portfolio__slider__arrows .slider-arrow { display:grid!important; place-items:center; color:#fff; background:#16344f!important; }
body.vm-site .portfolio__slider__arrows .slider-arrow::before,body.vm-site .portfolio__slider__arrows .slider-arrow::after { display:none!important; }
body.vm-site .portfolio__slide__photo--sm img { width:100%!important; max-width:none!important; height:100%!important; object-fit:cover!important; }
body.vm-site .portfolio__slider__arrows .slider-prev { transform:rotate(180deg)!important; }
body.vm-site .portfolio__slide__spec__item { width:auto!important; }
body.vm-site footer { position:relative!important; inset:auto!important; }
@media(max-width:1100px) {
  .vm-nav { display:none; }
  body.vm-site .first-screen .main__info { width:62%!important; }
  body.vm-site .work-steps__list { gap:14px!important; }
}
@media(min-width:761px) and (max-width:1000px) {
  body.vm-site .work-steps__list { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:24px!important; }
}
@media(min-width:1101px) {
  body.vm-site .popup .quiz { width:min(1440px,calc(100vw - 64px))!important; max-width:none!important; }
}
@media(max-width:760px) {
  body.vm-site .container { width:calc(100% - 36px); }
  body.vm-site .first-screen .header { min-height:76px!important; gap:12px!important; }
  body.vm-site .first-screen .logo__img { width:155px!important; max-width:155px!important; max-height:78px!important; }
  body.vm-site .header__whatsapp { display:none!important; }
  body.vm-site .header__phone__link { font-size:17px!important; }
  body.vm-site .header__phone__online { font-size:10px!important; }
  body.vm-site .header__phone p { display:none!important; }
  body.vm-site .first-screen .first-screen__bg { top:120px!important; width:100%!important; height:320px!important; opacity:.3!important; }
  body.vm-site .first-screen__bg::after { background:linear-gradient(90deg,#f3f6f9,transparent),linear-gradient(0deg,#f3f6f9,transparent 70%)!important; }
  body.vm-site .first-screen .main { padding:34px 0 0!important; }
  body.vm-site .first-screen .main__info { width:100%!important; max-width:600px!important; }
  body.vm-site .first-screen .main__info > h1.main__title { max-width:580px!important; font-size:clamp(33px,6.2vw,45px)!important; letter-spacing:-1px!important; }
  body.vm-site .first-screen .main__lead { font-size:16px!important; }
  body.vm-site .first-screen .main__advantages { max-width:480px!important; }
  body.vm-site .first-screen .main__cta-copy { font-size:14px!important; }
  body.vm-site .work-steps__list { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:24px 16px!important; }
  body.vm-site .work-steps__item:last-child { grid-column:1/-1; }
  body.vm-site .portfolio__slide { grid-template-columns:minmax(0,1fr); gap:20px!important; }
  body.vm-site .portfolio__slide__photo--big { height:300px!important; }
  body.vm-site .portfolio__slide__info { min-height:280px; }
  body.vm-site section.portfolio { padding:45px 0!important; }
  body.vm-site .editor { padding:44px 0!important; }
  body.vm-site .editor .wp-block-gallery { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  body.vm-site .container.portfolio { padding:30px 20px!important; margin-bottom:36px!important; }
  body.vm-site .footer__c { flex-direction:column; gap:16px; }
  body.vm-site .popup-wrap { padding:12px 8px!important; }
  body.vm-site .popup .quiz { width:100%!important; }
}
@media(max-width:380px) {
  body.vm-site .container { width:calc(100% - 28px); }
  body.vm-site .first-screen .logo__img { width:130px!important; max-width:130px!important; }
  body.vm-site .header__phone__link { font-size:14px!important; }
  body.vm-site .header__phone__online { max-width:140px; font-size:9px!important; }
  body.vm-site .first-screen .main__advantage p { font-size:12px!important; }
  body.vm-site .first-screen .main__advantages { gap:14px 10px!important; }
  body.vm-site .portfolio__slide__photo--big { height:235px!important; }
  body.vm-site .work-steps__list { grid-template-columns:minmax(0,1fr)!important; gap:18px!important; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  body.vm-site *,body.vm-site *::before,body.vm-site *::after { animation:none!important; transition:none!important; }
  body.vm-site .wow { visibility:visible!important; }
}