/* Вдома UA — дизайн-система сайту */
:root{
  --vd-paper:#F6F8FC;
  --vd-white:#FFFFFF;
  --vd-mist:#EDF1F8;
  --vd-ink:#0F1B3D;
  --vd-ink-2:#3B4664;
  --vd-muted:#5A6580;
  --vd-blue:#2C54B0;
  --vd-blue-ink:#22458F;
  --vd-deep:#16306E;
  --vd-deep-2:#0F2456;
  --vd-sun:#F2B705;
  --vd-sun-soft:#FFF4CC;
  --vd-line:#D8DFEC;
  --vd-line-2:#C5CFE0;
  --vd-ok:#1F6B4F;
  --vd-err:#B3261E;
  --vd-err-soft:#FDECEA;
  --vd-serif:"Lora",Georgia,"Times New Roman",serif;
  --vd-sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --vd-wrap:1240px;
  --vd-gut:clamp(16px,4vw,40px);
  --vd-r-s:8px;
  --vd-r:12px;
  --vd-r-l:20px;
}

/* ---------- base ---------- */
body.vd-site{margin:0;background:var(--vd-paper);color:var(--vd-ink);font-family:var(--vd-sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.vd-site *,.vd-site *::before,.vd-site *::after{box-sizing:border-box}
.vd-site img{max-width:100%;height:auto;display:block}
.vd-site a{color:var(--vd-blue);text-decoration-thickness:1px;text-underline-offset:3px}
.vd-site a:hover{color:var(--vd-deep)}
.vd-site :focus-visible{outline:3px solid var(--vd-sun);outline-offset:2px;border-radius:4px}
.vd-site h1,.vd-site h2,.vd-site h3,.vd-site h4{font-family:var(--vd-serif);color:var(--vd-ink);font-weight:600;letter-spacing:-.01em;margin:0 0 .5em;line-height:1.15}
.vd-site h1{font-size:clamp(38px,5.4vw,68px);line-height:1.05;letter-spacing:-.02em}
.vd-site h2{font-size:clamp(30px,3.4vw,44px)}
.vd-site h3{font-size:clamp(21px,1.8vw,24px);line-height:1.25}
.vd-site h4{font-size:19px}
.vd-site p{margin:0 0 1em}
.vd-site ul,.vd-site ol{margin:0;padding:0}
.vd-skip{position:absolute;left:-9999px;top:8px;z-index:1000;background:var(--vd-sun);color:var(--vd-ink);padding:10px 16px;border-radius:var(--vd-r-s);font-weight:700}
.vd-skip:focus{left:16px}
.vd-wrap{max-width:var(--vd-wrap);margin:0 auto;padding:0 var(--vd-gut)}
.vd-main{display:block}
.vd-main > .wp-block-html{margin:0}
.vd-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- buttons ---------- */
.vd-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:10px;border:2px solid transparent;font-family:var(--vd-sans);font-weight:700;font-size:16px;line-height:1.1;text-decoration:none!important;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.vd-btn svg{width:20px;height:20px;flex:none}
.vd-btn--blue{background:var(--vd-blue);color:#fff!important}
.vd-btn--blue:hover{background:var(--vd-deep);color:#fff!important}
.vd-btn--sun{background:var(--vd-sun);color:var(--vd-ink)!important}
.vd-btn--sun:hover{background:#E0A800;color:var(--vd-ink)!important}
.vd-btn--line{background:transparent;border-color:var(--vd-line-2);color:var(--vd-ink)!important}
.vd-btn--line:hover{border-color:var(--vd-blue);color:var(--vd-blue)!important}
.vd-btn--light{background:transparent;border-color:rgba(255,255,255,.45);color:#fff!important}
.vd-btn--light:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.vd-btn--sm{min-height:44px;padding:0 18px;font-size:15px}
.vd-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* ---------- utility bar + header ---------- */
.vd-util{background:var(--vd-deep-2);color:#C9D3EA;font-size:14px}
.vd-util .vd-wrap{display:flex;justify-content:space-between;gap:16px;min-height:40px;align-items:center}
.vd-util a{color:#fff;font-weight:700;text-decoration:none}
.vd-util__note{display:flex;align-items:center;gap:8px}
.vd-util__note::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--vd-sun);transform:rotate(45deg)}
.vd-head{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--vd-line)}
.vd-head.is-menu{z-index:70}
.admin-bar .vd-head{top:32px}
.vd-head .vd-wrap{display:flex;align-items:center;gap:28px;min-height:76px}
.vd-logo{display:flex;align-items:center;flex:none;text-decoration:none}
.vd-logo img{height:40px;width:auto}
.vd-logo svg{height:40px;width:auto}
.vd-nav{flex:1}
.vd-nav ul{list-style:none;display:flex;gap:2px;justify-content:center;flex-wrap:nowrap}
.vd-nav a{display:block;padding:10px 11px;border-radius:8px;color:var(--vd-ink-2);font-weight:600;font-size:15.5px;text-decoration:none;white-space:nowrap}
.vd-nav a:hover{color:var(--vd-blue);background:var(--vd-mist)}
.vd-nav .current-menu-item > a,.vd-nav .current_page_item > a,.vd-nav .current-page-ancestor > a,.vd-nav a[aria-current]{color:var(--vd-blue);box-shadow:inset 0 -2px 0 var(--vd-sun)}
.vd-head__cta{display:flex;gap:10px;flex:none}
.vd-burger{display:none;margin-left:auto;width:48px;height:48px;border-radius:10px;border:1px solid var(--vd-line);background:#fff;cursor:pointer;align-items:center;justify-content:center}
.vd-burger span{display:block;width:20px;height:2px;background:var(--vd-ink);position:relative}
.vd-burger span::before,.vd-burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--vd-ink)}
.vd-burger span::before{top:-6px}.vd-burger span::after{top:6px}
@media (max-width:1240px){
  .vd-head__cta .vd-btn--line{display:none}
}
@media (max-width:1000px){
  .vd-burger{display:flex}
  .vd-head__cta{display:none}
  .vd-nav{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(380px,88vw);background:#fff;z-index:60;padding:88px 24px 32px;transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .vd-nav.is-open{transform:none;visibility:visible;transition:transform .25s ease;box-shadow:-20px 0 60px rgba(15,27,61,.22)}
  .admin-bar .vd-nav{top:32px}
  .vd-nav .vd-btn{display:flex;justify-content:center;padding:0 18px;font-size:16px}
  .vd-nav ul a{border-bottom:1px solid var(--vd-line);border-radius:0}
  .vd-nav ul{flex-direction:column;gap:2px}
  .vd-nav a{font-size:19px;padding:14px 12px}
  .vd-nav__extra{display:grid!important;gap:10px;margin-top:24px}
  .vd-util__note{display:none}
}
.vd-nav__extra{display:none}
.vd-nav__close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:1px solid var(--vd-line);border-radius:10px;background:#fff;font-size:26px;line-height:1;cursor:pointer;display:none}
@media (max-width:1000px){.vd-nav__close{display:block}}
.vd-scrim{position:fixed;inset:0;background:rgba(15,27,61,.4);z-index:55;opacity:0;pointer-events:none;transition:opacity .2s}
.vd-scrim.is-open{opacity:1;pointer-events:auto}

/* ---------- sections ---------- */
.vd-sec{padding:clamp(64px,8vw,112px) 0}
.vd-sec--mist{background:var(--vd-mist)}
.vd-sec--white{background:var(--vd-white)}
.vd-sec--tight{padding:clamp(40px,5vw,64px) 0}
.vd-head2{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.vd-head2 > div{max-width:720px}
.vd-head2 h2{margin:0}
.vd-lead{font-size:clamp(18px,1.6vw,20px);color:var(--vd-ink-2);line-height:1.6;max-width:640px}
.vd-head2 .vd-lead{margin:14px 0 0}
.vd-kicker{display:block;font-size:15px;font-weight:700;color:var(--vd-blue);margin-bottom:12px}
.vd-link{font-weight:700;text-decoration:none;display:inline-flex;gap:8px;align-items:center;border-bottom:2px solid var(--vd-sun);padding-bottom:2px;color:var(--vd-ink)!important}
.vd-link:hover{border-color:var(--vd-blue)}

/* ---------- hero (home) ---------- */
.vd-hero{position:relative;background:var(--vd-white);overflow:hidden;border-bottom:1px solid var(--vd-line)}
.vd-hero .vd-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:end;padding-top:clamp(120px,14vw,190px);padding-bottom:clamp(56px,7vw,96px)}
.vd-roof{position:absolute;left:var(--vd-gut);right:var(--vd-gut);top:clamp(28px,4vw,48px);height:clamp(70px,10vw,130px);pointer-events:none}
.vd-roof svg{width:100%;height:100%;overflow:visible}
.vd-roof path{fill:none;stroke:var(--vd-blue);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.vd-roof__win{position:absolute;left:50%;top:58%;width:30px;height:30px;margin-left:-15px;background:var(--vd-sun);border-radius:3px;box-shadow:0 0 0 8px rgba(242,183,5,.18)}
@media (prefers-reduced-motion:no-preference){
  .vd-roof path{stroke-dasharray:1;stroke-dashoffset:1;animation:vd-draw 1.3s cubic-bezier(.6,.1,.2,1) .15s forwards}
  .vd-roof__win{opacity:0;transform:scale(.6);animation:vd-light .5s ease 1.35s forwards}
}
@keyframes vd-draw{to{stroke-dashoffset:0}}
@keyframes vd-light{to{opacity:1;transform:none}}
.vd-hero__pre{font-family:var(--vd-serif);font-size:clamp(22px,2.4vw,30px);color:var(--vd-blue);font-weight:500;font-style:italic;margin:0 0 10px}
.vd-hero h1{margin:0 0 24px;max-width:13ch}
.vd-hero__text{font-size:clamp(18px,1.6vw,20px);color:var(--vd-ink-2);max-width:560px;margin:0}
.vd-trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:28px!important;color:var(--vd-muted);font-size:15px;font-weight:600}
.vd-trust li{display:flex;align-items:center;gap:8px}
.vd-trust svg{width:18px;height:18px;color:var(--vd-ok)}
.vd-desk{background:var(--vd-deep);color:#DDE5F6;border-radius:var(--vd-r-l);padding:clamp(24px,3vw,36px);position:relative}
.vd-desk::before{content:"";position:absolute;top:-1px;left:clamp(24px,3vw,36px);width:56px;height:6px;background:var(--vd-sun);border-radius:0 0 4px 4px}
.vd-desk__label{font-size:15px;font-weight:600;color:#AFC0E6;margin:0 0 6px}
.vd-desk__phone{display:block;font-family:var(--vd-serif);font-size:clamp(30px,3vw,40px);font-weight:600;color:#fff!important;text-decoration:none;letter-spacing:-.01em;line-height:1.1}
.vd-desk__hours{font-size:15px;margin:8px 0 0;color:#C2CFEB}
.vd-desk__list{list-style:none;margin:24px 0 0!important;border-top:1px solid rgba(255,255,255,.14)}
.vd-desk__list li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.vd-desk__list li:last-child{border-bottom:0;padding-bottom:0}
.vd-desk__list svg{width:24px;height:24px;flex:none;color:var(--vd-sun);margin-top:2px}
.vd-desk__list strong{display:block;color:#fff;font-size:16.5px}
.vd-desk__list span{font-size:15px;color:#B9C7E6}

/* ---------- page hero (inner) ---------- */
.vd-phero{background:var(--vd-white);border-bottom:1px solid var(--vd-line);position:relative;overflow:hidden}
.vd-phero .vd-wrap{padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(48px,6vw,80px);position:relative}
.vd-phero__roof{position:absolute;right:var(--vd-gut);bottom:-2px;width:clamp(180px,26vw,360px);height:auto;color:var(--vd-mist)}
.vd-crumbs{font-size:14.5px;color:var(--vd-muted);margin-bottom:clamp(28px,4vw,48px)}
.vd-crumbs a{color:var(--vd-muted);text-decoration:none}
.vd-crumbs a:hover{color:var(--vd-blue)}
.vd-crumbs span[aria-hidden]{margin:0 8px;color:var(--vd-line-2)}
.vd-phero h1{font-size:clamp(36px,4.6vw,58px);max-width:18ch;margin-bottom:20px;position:relative}
.vd-phero .vd-lead{position:relative;margin:0}
.vd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;position:relative}
.vd-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--vd-mist);color:var(--vd-ink-2)!important;font-weight:600;font-size:14.5px;text-decoration:none}
a.vd-chip:hover{background:#E1E8F5;color:var(--vd-blue)!important}
.vd-chip--live{background:var(--vd-sun-soft);color:#5C4500!important}
.vd-chip--live::before{content:"";width:8px;height:8px;border-radius:50%;background:#D99A00;box-shadow:0 0 0 3px rgba(242,183,5,.3)}
.vd-chip--ok svg{width:16px;height:16px;color:var(--vd-ok)}

/* ---------- stats ledger ---------- */
.vd-ledger{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--vd-ink)}
.vd-ledger > div{padding:28px 28px 8px 0}
.vd-ledger > div + div{padding-left:28px;border-left:1px solid var(--vd-line-2)}
.vd-ledger b{display:block;font-family:var(--vd-serif);font-weight:600;font-size:clamp(40px,4.6vw,60px);line-height:1;letter-spacing:-.02em;color:var(--vd-deep)}
.vd-ledger span{display:block;margin-top:12px;color:var(--vd-ink-2);font-size:17px;max-width:24ch}
.vd-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(24px,5vw,72px);margin-bottom:44px;align-items:end}
.vd-intro h2{margin:0}
.vd-intro p{margin:0;color:var(--vd-ink-2);font-size:18px}

/* ---------- steps ---------- */
.vd-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:vdstep}
.vd-steps li{background:var(--vd-white);border:1px solid var(--vd-line);border-radius:var(--vd-r);padding:28px;position:relative;counter-increment:vdstep}
.vd-steps li::before{content:counter(vdstep);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--vd-blue);color:#fff;font-weight:800;font-size:18px;margin-bottom:22px}
.vd-steps li:not(:last-child)::after{content:"";position:absolute;top:50px;left:86px;right:-21px;height:2px;background:repeating-linear-gradient(90deg,var(--vd-line-2) 0 6px,transparent 6px 12px)}
.vd-steps h3{margin-bottom:10px}
.vd-steps p{margin:0;color:var(--vd-ink-2)}

/* ---------- feature (project) ---------- */
.vd-feature{background:var(--vd-deep);color:#D5DEF2;border-radius:var(--vd-r-l);overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr}
.vd-feature__body{padding:clamp(28px,5vw,64px)}
.vd-feature h2,.vd-feature h3{color:#fff}
.vd-feature p{color:#C9D4EC;font-size:18px;max-width:52ch}
.vd-feature .vd-chip{background:rgba(255,255,255,.1);color:#fff!important}
.vd-feature .vd-chip--live{background:var(--vd-sun);color:var(--vd-ink)!important}
.vd-feature .vd-chips{margin:0 0 24px}
.vd-feature__media{position:relative;min-height:320px;background:var(--vd-deep-2)}
.vd-feature__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vd-art{position:absolute;inset:0;width:100%;height:100%}

/* ---------- cards: team, news, categories ---------- */
.vd-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vd-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.vd-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.vd-person{background:var(--vd-white);border:1px solid var(--vd-line);border-radius:var(--vd-r);padding:28px;display:flex;flex-direction:column}
.vd-person__ph{width:88px;height:88px;border-radius:50%;background:var(--vd-mist);display:flex;align-items:center;justify-content:center;margin-bottom:22px;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 1px var(--vd-line)}
.vd-person__ph img{width:100%;height:100%;object-fit:cover}
.vd-person__ph svg{width:44px;height:44px;color:var(--vd-line-2)}
.vd-person__role{font-size:14.5px;font-weight:700;color:var(--vd-blue);margin:0 0 6px}
.vd-person h3{margin-bottom:4px}
.vd-person__pos{color:var(--vd-muted);font-weight:600;margin:0 0 14px}
.vd-person p:last-child{margin:0;color:var(--vd-ink-2);font-size:16px}

.vd-news{background:var(--vd-white);border:1px solid var(--vd-line);border-radius:var(--vd-r);overflow:hidden;display:flex;flex-direction:column}
.vd-news__img{aspect-ratio:16/10;background:var(--vd-mist);position:relative;overflow:hidden;display:block}
.vd-news__img img{width:100%;height:100%;object-fit:cover}
.vd-news__img .vd-art{color:var(--vd-line-2)}
.vd-news--noimg{border-top:4px solid var(--vd-blue)}
.vd-news__body{padding:24px;display:flex;flex-direction:column;flex:1}
.vd-news__meta{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--vd-muted);margin-bottom:12px}
.vd-news__cat{font-weight:700;color:var(--vd-blue)}
.vd-news h3{font-size:20px;line-height:1.3;margin-bottom:10px}
.vd-news h3 a{color:var(--vd-ink);text-decoration:none}
.vd-news h3 a:hover{color:var(--vd-blue)}
.vd-news p{color:var(--vd-ink-2);font-size:16px;margin:0 0 18px}
.vd-news__more{margin-top:auto;font-weight:700;font-size:15px;text-decoration:none}
.vd-news-empty{padding:32px;border:1px dashed var(--vd-line-2);border-radius:var(--vd-r);color:var(--vd-muted);text-align:center}
.vd-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.vd-filter a{padding:9px 16px;border-radius:999px;border:1px solid var(--vd-line-2);font-weight:600;font-size:15px;text-decoration:none;color:var(--vd-ink-2)}
.vd-filter a:hover{border-color:var(--vd-blue);color:var(--vd-blue)}
.vd-filter a.is-active{background:var(--vd-ink);border-color:var(--vd-ink);color:#fff}

.vd-who{background:var(--vd-white);border:1px solid var(--vd-line);border-radius:var(--vd-r);padding:26px;border-top:4px solid var(--vd-blue)}
.vd-who svg{width:32px;height:32px;color:var(--vd-blue);margin-bottom:18px}
.vd-who h3{font-size:20px;margin-bottom:10px}
.vd-who p{margin:0;color:var(--vd-ink-2);font-size:16px}

.vd-principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--vd-ink)}
.vd-principles > div{padding:28px 28px 0 0}
.vd-principles > div + div{padding-left:28px;border-left:1px solid var(--vd-line-2)}
.vd-principles h3{font-size:24px}
.vd-principles p{margin:0;color:var(--vd-ink-2)}

.vd-principles--stack{grid-template-columns:1fr}
.vd-principles--stack > div{padding:24px 0}
.vd-principles--stack > div + div{padding-left:0;border-left:0;border-top:1px solid var(--vd-line-2)}
.vd-principles--stack > div:first-child{padding-top:24px}

/* ---------- split ---------- */
.vd-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.vd-prose{font-size:18px;color:var(--vd-ink-2);max-width:62ch}
.vd-prose p:first-child{font-family:var(--vd-serif);font-size:clamp(21px,2vw,25px);line-height:1.5;color:var(--vd-ink)}

/* ---------- quote ---------- */
.vd-quote{background:var(--vd-blue);color:#fff}
.vd-quote .vd-wrap{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}
.vd-quote blockquote{margin:0;max-width:30ch;font-family:var(--vd-serif);font-size:clamp(26px,3vw,40px);line-height:1.3;font-weight:500;position:relative;padding-left:28px;border-left:4px solid var(--vd-sun)}

/* ---------- documents ---------- */
.vd-docs{list-style:none;border-top:1px solid var(--vd-line-2)}
.vd-docs li{display:grid;grid-template-columns:48px 1fr auto;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--vd-line-2)}
.vd-docs li > svg{width:40px;height:40px;color:var(--vd-blue)}
.vd-docs h3{font-size:21px;margin:0 0 4px}
.vd-docs p{margin:0;color:var(--vd-muted);font-size:16px}
.vd-docs__state{font-size:14px;font-weight:700;color:var(--vd-muted);background:var(--vd-mist);padding:6px 12px;border-radius:999px;white-space:nowrap}
.vd-docs a.vd-docs__state{background:var(--vd-blue);color:#fff;text-decoration:none}

/* ---------- band CTA ---------- */
.vd-band{background:var(--vd-sun);color:var(--vd-ink);position:relative;overflow:hidden}
.vd-band .vd-wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px);flex-wrap:wrap;position:relative}
.vd-band h2{margin:0 0 10px;max-width:22ch}
.vd-band p{margin:0;font-size:18px;max-width:52ch;color:#3A2E00}
.vd-band__roof{position:absolute;right:-40px;top:-10px;width:420px;color:rgba(255,255,255,.35);pointer-events:none}
.vd-band .vd-btn--ink{background:var(--vd-ink);color:#fff!important}
.vd-band .vd-btn--ink:hover{background:var(--vd-deep)}

/* ---------- info cards (contacts etc.) ---------- */
.vd-info{background:var(--vd-white);border:1px solid var(--vd-line);border-radius:var(--vd-r);padding:28px;scroll-margin-top:110px}
.vd-info > svg{width:30px;height:30px;color:var(--vd-blue);margin-bottom:18px}
.vd-info h2,.vd-info h3{font-size:24px;margin-bottom:12px}
.vd-info p{color:var(--vd-ink-2);margin:0 0 10px}
.vd-info p:last-child{margin:0}
.vd-big{font-family:var(--vd-serif);font-size:clamp(26px,2.4vw,32px);font-weight:600;color:var(--vd-ink)!important;text-decoration:none;display:inline-block;line-height:1.2}
.vd-big:hover{color:var(--vd-blue)!important}
.vd-note{background:var(--vd-sun-soft);border-left:4px solid var(--vd-sun);padding:14px 16px;border-radius:0 8px 8px 0;color:#4A3800;font-size:15.5px;margin-top:16px}
.vd-mail{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-top:1px solid var(--vd-line)}
.vd-mail span{font-size:14.5px;color:var(--vd-muted)}
.vd-mail a{font-weight:700;font-size:18px;text-decoration:none}
.vd-map{border-radius:var(--vd-r);overflow:hidden;border:1px solid var(--vd-line);background:var(--vd-mist);min-height:360px;position:relative}
.vd-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- forms ---------- */
.vd-form{background:var(--vd-white);border:1px solid var(--vd-line);border-radius:var(--vd-r-l);padding:clamp(22px,3.5vw,44px);scroll-margin-top:110px}
.vd-form h2,.vd-form h3{margin-bottom:8px}
.vd-form__sub{color:var(--vd-muted);margin:0 0 28px}
.vd-fs{border:0;padding:0;margin:0 0 28px}
.vd-fs legend{display:flex;gap:14px;align-items:flex-start;padding:0;margin-bottom:20px;width:100%}
.vd-fs legend b{flex:none;width:34px;height:34px;border-radius:50%;background:var(--vd-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}
.vd-fs legend strong{display:block;font-size:19px;font-family:var(--vd-serif);font-weight:600}
.vd-fs legend span{display:block;font-size:15px;color:var(--vd-muted);font-weight:500}
.vd-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vd-field{margin-bottom:18px}
.vd-field label,.vd-label{display:block;font-weight:700;font-size:15.5px;margin-bottom:8px;color:var(--vd-ink)}
.vd-field label i,.vd-label i{color:var(--vd-err);font-style:normal}
.vd-field small{display:block;color:var(--vd-muted);font-size:14px;margin-top:6px}
.vd-site .vd-input{width:100%;min-height:52px;padding:12px 16px;border:1.5px solid var(--vd-line-2);border-radius:10px;background:#fff;font:inherit;font-size:17px;color:var(--vd-ink);transition:border-color .15s,box-shadow .15s}
.vd-site textarea.vd-input{min-height:140px;resize:vertical}
.vd-site select.vd-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%230F1B3D' stroke-width='2'%3E%3Cpath d='M2 5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.vd-site .vd-input:focus{outline:0;border-color:var(--vd-blue);box-shadow:0 0 0 4px rgba(44,84,176,.15)}
.vd-site .vd-field.is-invalid .vd-input{border-color:var(--vd-err)}
.vd-err{display:none;color:var(--vd-err);font-size:14.5px;font-weight:600;margin-top:6px}
.is-invalid > .vd-err,.is-invalid .vd-err{display:block}
.vd-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vd-check{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1.5px solid var(--vd-line-2);border-radius:12px;cursor:pointer;background:#fff;transition:border-color .15s,background-color .15s}
.vd-check:hover{border-color:var(--vd-blue)}
.vd-check input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--vd-blue);flex:none}
.vd-check:has(input:checked){border-color:var(--vd-blue);background:#F2F6FD}
.vd-check strong{display:block;font-size:16.5px}
.vd-check span{display:block;font-size:14.5px;color:var(--vd-muted);margin-top:2px}
.vd-consent{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--vd-ink-2);margin:6px 0 22px;cursor:pointer}
.vd-consent input{width:22px;height:22px;accent-color:var(--vd-blue);flex:none;margin:1px 0 0}
.vd-form__foot{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.vd-form__foot small{color:var(--vd-muted);font-size:14px;display:flex;gap:8px;align-items:center}
.vd-form__foot small svg{width:16px;height:16px}
.vd-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.vd-alert{border-radius:12px;padding:18px 20px;margin-bottom:24px;font-weight:600;display:flex;gap:12px;align-items:flex-start}
.vd-alert svg{width:22px;height:22px;flex:none;margin-top:1px}
.vd-alert--ok{background:#E6F4EE;color:var(--vd-ok);border:1px solid #BFE0D0}
.vd-alert--err{background:var(--vd-err-soft);color:var(--vd-err);border:1px solid #F3C4BF}
.vd-form.is-sending button[type=submit]{opacity:.6;pointer-events:none}

/* ---------- help page layout ---------- */
.vd-aside{display:grid;gap:20px;position:sticky;top:110px}
.vd-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:start}
.vd-process{list-style:none;counter-reset:vdp}
.vd-process li{counter-increment:vdp;display:grid;grid-template-columns:36px 1fr;gap:14px;padding:12px 0;position:relative}
.vd-process li::before{content:counter(vdp);width:36px;height:36px;border-radius:50%;border:2px solid var(--vd-blue);color:var(--vd-blue);font-weight:800;display:flex;align-items:center;justify-content:center;background:#fff;position:relative;z-index:1}
.vd-process li:not(:last-child)::after{content:"";position:absolute;left:17px;top:48px;bottom:-12px;width:2px;background:var(--vd-line)}
.vd-process strong{display:block}
.vd-process span{font-size:15px;color:var(--vd-muted)}
.vd-callout{background:var(--vd-sun-soft);border:1px solid #F3DD8F;border-radius:var(--vd-r-l);padding:clamp(22px,3vw,32px)}
.vd-callout h2{font-size:clamp(22px,2vw,26px);margin-bottom:10px}
.vd-callout p{color:#3E3300}

/* ---------- donate ---------- */
.vd-give{background:var(--vd-white);border:1px solid var(--vd-line);border-radius:var(--vd-r-l);padding:clamp(22px,3.5vw,40px)}
.vd-toggle{display:inline-grid;grid-template-columns:1fr 1fr;background:var(--vd-mist);border-radius:12px;padding:4px;margin-bottom:24px}
.vd-toggle button{border:0;background:transparent;min-height:44px;padding:0 20px;border-radius:9px;font:inherit;font-weight:700;color:var(--vd-ink-2);cursor:pointer}
.vd-toggle button[aria-pressed=true]{background:#fff;color:var(--vd-ink);box-shadow:0 1px 3px rgba(15,27,61,.12)}
.vd-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.vd-amounts button{min-height:58px;border:1.5px solid var(--vd-line-2);border-radius:12px;background:#fff;font:inherit;font-size:19px;font-weight:800;color:var(--vd-ink);cursor:pointer}
.vd-amounts button:hover{border-color:var(--vd-blue)}
.vd-amounts button[aria-pressed=true]{border-color:var(--vd-blue);background:var(--vd-blue);color:#fff}
.vd-other{margin-top:12px;display:none}
.vd-other.is-on{display:block}
.vd-impact{margin:22px 0 0;padding:18px 20px;border-radius:12px;background:var(--vd-mist);display:flex;gap:14px;align-items:flex-start}
.vd-impact svg{width:26px;height:26px;color:var(--vd-blue);flex:none}
.vd-impact b{display:block;font-size:14px;color:var(--vd-muted);font-weight:700;margin-bottom:2px}
.vd-req{list-style:none;border-top:1px solid var(--vd-line)}
.vd-req li{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--vd-line)}
.vd-req span{display:block;font-size:14px;color:var(--vd-muted);font-weight:600}
.vd-req strong{display:block;font-size:18px;word-break:break-word}
.vd-copy{border:1.5px solid var(--vd-line-2);background:#fff;border-radius:9px;min-height:40px;padding:0 14px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;color:var(--vd-ink)}
.vd-copy:hover{border-color:var(--vd-blue);color:var(--vd-blue)}
.vd-copy.is-done{background:var(--vd-ok);border-color:var(--vd-ok);color:#fff}
.vd-bullets{list-style:none;display:grid;gap:12px;margin:22px 0 0!important}
.vd-bullets li{display:flex;gap:12px;align-items:flex-start}
.vd-bullets svg{width:22px;height:22px;color:var(--vd-ok);flex:none;margin-top:2px}
.vd-dark{background:var(--vd-deep);color:#D5DEF2}
.vd-dark h2,.vd-dark h3{color:#fff}
.vd-dark .vd-lead{color:#C9D4EC}
.vd-dark .vd-bullets svg{color:var(--vd-sun)}

/* ---------- post content ---------- */
.vd-article{max-width:760px;margin:0 auto}
.vd-article__meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--vd-muted);font-size:15px;margin-bottom:18px}
.vd-article__img{border-radius:var(--vd-r-l);overflow:hidden;margin:0 0 36px}
.vd-entry{font-size:18.5px;line-height:1.75;color:var(--vd-ink-2)}
.vd-entry h2{font-size:30px;margin-top:1.6em}
.vd-entry h3{margin-top:1.4em}
.vd-entry ul,.vd-entry ol{padding-left:1.3em;margin:0 0 1em}
.vd-entry img{border-radius:var(--vd-r)}
.vd-entry blockquote{border-left:4px solid var(--vd-sun);margin:1.5em 0;padding:4px 0 4px 22px;font-family:var(--vd-serif);font-size:22px;color:var(--vd-ink)}
.vd-entry .wp-block-gallery{gap:12px}
.vd-plain{padding:clamp(48px,6vw,88px) 0}
.vd-pager{display:flex;gap:8px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.vd-pager a,.vd-pager span{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--vd-line-2);text-decoration:none;font-weight:700;padding:0 12px}
.vd-pager .current{background:var(--vd-ink);color:#fff;border-color:var(--vd-ink)}

/* ---------- footer ---------- */
.vd-foot{background:var(--vd-deep-2);color:#AEBBDA;font-size:15.5px}
.vd-foot .vd-wrap{padding-top:clamp(56px,6vw,80px)}
.vd-foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(24px,4vw,56px)}
.vd-foot__logo{display:inline-block;background:#fff;border-radius:10px;padding:10px 14px;margin-bottom:20px}
.vd-foot__logo img,.vd-foot__logo svg{height:44px;width:auto}
.vd-foot p{margin:0 0 18px;max-width:34ch}
.vd-foot h2{font-family:var(--vd-sans);font-size:15px;font-weight:800;color:#fff;margin:0 0 16px;letter-spacing:0}
.vd-foot ul{list-style:none;display:grid;gap:10px}
.vd-foot a{color:#DCE3F3;text-decoration:none}
.vd-foot a:hover{color:var(--vd-sun)}
.vd-foot__contacts{display:grid;gap:10px;list-style:none}
.vd-foot__contacts li{display:flex;gap:10px;align-items:flex-start}
.vd-foot__contacts svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--vd-sun)}
.vd-foot__bottom{margin-top:56px;padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:#8E9CC0}
.vd-mbar{display:none}
@media (max-width:760px){
  .vd-mbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--vd-line);backdrop-filter:blur(8px)}
  .vd-mbar .vd-btn{min-height:48px;padding:0 8px;font-size:14.5px;white-space:nowrap}
  body.vd-site{padding-bottom:72px}
}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .vd-grid4{grid-template-columns:repeat(2,1fr)}
  .vd-foot__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .vd-hero .vd-wrap{grid-template-columns:1fr;align-items:start}
  .vd-feature{grid-template-columns:1fr}
  .vd-feature__media{min-height:240px;order:-1}
  .vd-grid3,.vd-steps{grid-template-columns:1fr}
  .vd-steps li::after{display:none}
  .vd-split,.vd-layout,.vd-intro{grid-template-columns:1fr}
  .vd-aside{position:static}
  .vd-ledger,.vd-principles{grid-template-columns:1fr}
  .vd-ledger > div + div,.vd-principles > div + div{padding-left:0;border-left:0;border-top:1px solid var(--vd-line-2)}
  .vd-ledger > div,.vd-principles > div{padding:22px 0}
}
@media (max-width:640px){
  body.vd-site{font-size:16.5px}
  .vd-grid2,.vd-grid4,.vd-row,.vd-checks{grid-template-columns:1fr}
  .vd-foot__grid{grid-template-columns:1fr}
  .vd-amounts{grid-template-columns:repeat(2,1fr)}
  .vd-btns .vd-btn{width:100%}
  .vd-docs li{grid-template-columns:40px 1fr}
  .vd-docs__state{grid-column:2;justify-self:start}
  .vd-head .vd-wrap{min-height:66px}
  .vd-logo img,.vd-logo svg{height:34px}
  .vd-util{font-size:13px}
  .vd-roof{left:16px;right:16px}
}
@media (max-width:782px){.admin-bar .vd-head{top:46px}}
@media (max-width:600px){.admin-bar .vd-head{top:0}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- utilities ---------- */
.vd-mt{margin-top:20px}
.vd-mb{margin-bottom:24px}
.vd-star{color:var(--vd-err);font-style:normal}
.vd-chips--top{margin:0 0 20px}
.vd-media-card{position:relative;border-radius:var(--vd-r-l);overflow:hidden;min-height:360px;background:var(--vd-deep-2)}
.vd-media-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vd-big--addr{font-size:24px}
.vd-sec--flush{padding-top:0}
.vd-desk__text{color:#C9D4EC;margin:0 0 16px}
.vd-give h2{font-size:30px}
.vd-num{max-width:200px}
.vd-checks--gap{margin-bottom:22px}

.vd-site input[name="family"]{max-width:200px}
.vd-field label.vd-consent{display:flex;font-weight:500;font-size:15px;color:var(--vd-ink-2);margin:6px 0 4px}

/* ---------- анімовані ілюстрації (перенесено з попереднього сайту) ---------- */
.vd-site .il{display:block;width:100%;height:100%;--linen:#EEF2F8;--linen-2:#E4EAF4;--linen-3:#D6DFEC;--primary-soft:#EBF0FB;--primary:#2C54B0;--navy:#16306E;--navy-2:#34457A;--navy-rgb:22,48,110;--accent:#F2B705;--sage:#2F7A55}
.il .f-bg0{fill:var(--linen)}.il .f-bg2{fill:var(--linen-2)}.il .f-fl{fill:var(--linen-3)}.il .f-ps{fill:var(--primary-soft)}
.il .f-p{fill:var(--primary)}.il .f-pd{fill:var(--navy)}.il .f-n2{fill:var(--navy-2)}.il .f-a{fill:var(--accent)}.il .f-s{fill:var(--sage)}
.il .f-w{fill:#fff}.il .f-gl{fill:#D6E7F4}.il .f-wd{fill:#C99C70}.il .f-bx{fill:#DCB588}.il .f-bx2{fill:#C59766}
.il .f-sk{fill:#F2C6A1}.il .f-sk2{fill:#C98D66}.il .f-hr{fill:#3B2B24}.il .f-hr2{fill:#DDD7CF}.il .f-hr3{fill:#7C4F33}.il .f-hr4{fill:#D9A54E}
.il .f-ink{fill:#1D2333}.il .f-avatar{fill:#9FB0D0}.il .f-blush{fill:#EE9F86;opacity:.5}.il .f-ua1{fill:#2C5FC9}.il .f-ua2{fill:#F5C518}
.il .s-arm{fill:none;stroke-width:17;stroke-linecap:round}.il .s-arm2{fill:none;stroke-width:46;stroke-linecap:round}
.il .s-p{stroke:var(--primary)}.il .s-pd{stroke:var(--navy)}.il .s-n2{stroke:var(--navy-2)}.il .s-s{stroke:var(--sage)}.il .s-a{stroke:var(--accent)}
.il .s-a2{stroke:rgba(0,0,0,.12)}.il .s-w{stroke:#fff}.il .s-ink{stroke:#1D2333}.il .s-ln{stroke:rgba(var(--navy-rgb),.2)}.il .s-sk{stroke:#F2C6A1}
@media (prefers-reduced-motion:no-preference){
  .il .an-float,.il .an-drift,.il .an-sway,.il .an-swing,.il .an-drop,.il .an-pop,.il .an-ring,.il .an-wave,.il .an-beat,.il .an-bob,.il .an-curtain,.il .an-glow,.il .an-blink{transform-box:fill-box;transform-origin:center}
  .il .an-float{animation:vdil-float 4.5s ease-in-out infinite}
  .il .an-drift{animation:vdil-drift 14s ease-in-out infinite}
  .il .an-sway{transform-origin:50% 100%;animation:vdil-sway 6s ease-in-out infinite}
  .il .an-curtain{transform-origin:50% 0;animation:vdil-sway 7s ease-in-out infinite}
  .il .an-swing{transform-origin:50% 0;animation:vdil-swing 4s ease-in-out infinite}
  .il .an-ring{transform-origin:50% 0;animation:vdil-ring 3.5s ease-in-out infinite}
  .il .an-drop{animation:vdil-drop 3.2s cubic-bezier(.5,0,.7,1) infinite}
  .il .an-pop{animation:vdil-pop 3.5s ease-in-out infinite}
  .il .an-wave{transform-origin:0 50%;animation:vdil-wave 1.8s ease-out infinite}
  .il .an-beat{animation:vdil-beat 2.4s ease-in-out infinite}
  .il .an-bob{animation:vdil-bob 1.6s ease-in-out infinite}
  .il .an-glow{animation:vdil-glow 5s ease-in-out infinite}
  .il .an-blink{animation:vdil-blink 1.6s steps(2) infinite}
  .il .an-d2{animation-delay:-1.5s}
  .il .an-d3{animation-delay:-3s}
  .il.is-paused *{animation-play-state:paused!important}
}
@keyframes vdil-beat{0%,60%,100%{transform:scale(1)}10%{transform:scale(1.22)}20%{transform:scale(.96)}30%{transform:scale(1.14)}}
@keyframes vdil-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes vdil-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(34px)}}
@keyframes vdil-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes vdil-swing{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes vdil-ring{0%,50%,100%{transform:rotate(0)}5%,15%,25%{transform:rotate(-14deg)}10%,20%,30%{transform:rotate(14deg)}}
@keyframes vdil-drop{0%{transform:translateY(-10px);opacity:0}15%{opacity:1}70%{transform:translateY(170px) scale(.9);opacity:1}85%,100%{transform:translateY(190px) scale(.6);opacity:0}}
@keyframes vdil-pop{0%,100%{transform:scale(1)}8%{transform:scale(1.25)}16%{transform:scale(.95)}24%{transform:scale(1)}}
@keyframes vdil-wave{0%{opacity:0;transform:translateX(-6px) scale(.85)}40%{opacity:1}100%{opacity:0;transform:translateX(10px) scale(1.1)}}
@keyframes vdil-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes vdil-glow{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.08);opacity:.65}}
@keyframes vdil-blink{50%{opacity:.35}}

/* герой з ілюстрацією */
.vd-hero:has(.vd-hero__media:not(:empty)) .vd-wrap{padding-top:clamp(96px,9vw,136px);align-items:center}
.vd-hero:has(.vd-hero__media:not(:empty)) .vd-roof{top:clamp(20px,2.6vw,32px);height:clamp(56px,7vw,92px)}
.vd-hero:has(.vd-hero__media:not(:empty)) h1{font-size:clamp(38px,4.6vw,60px)}
.vd-hero__side{display:flex;flex-direction:column}
.vd-hero__media{aspect-ratio:5/4;max-height:380px;border-radius:var(--vd-r-l);overflow:hidden;background:var(--vd-mist)}
.vd-hero__media:empty{display:none}
.vd-hero__media:not(:empty) + .vd-desk{margin:-72px 0 0 28px;position:relative;box-shadow:0 24px 48px -20px rgba(15,27,61,.45)}
.vd-hero__media:not(:empty) + .vd-desk .vd-desk__list{display:none}
.vd-desk__more{display:none}
.vd-hero__media:not(:empty) + .vd-desk .vd-desk__more{display:block;margin:10px 0 0;font-size:15px;color:#C2CFEB}
@media (max-width:900px){.vd-hero__media{max-height:none;aspect-ratio:4/3}.vd-hero__media:not(:empty) + .vd-desk{margin:-64px 16px 0}}
/* сторінковий герой з ілюстрацією */
.vd-phero__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;position:relative}
.vd-phero__media{aspect-ratio:4/3;border-radius:var(--vd-r-l);overflow:hidden;background:var(--vd-mist)}
.vd-phero__media:empty{display:none}
@media (max-width:900px){.vd-phero__grid{grid-template-columns:1fr}}
.vd-person__ph .il{width:100%;height:100%}

/* ---------- мобільна версія ---------- */
@media (max-width:782px){.admin-bar .vd-nav{top:46px}}
html,body.vd-site{overflow-x:clip}
@media (max-width:640px){
  .vd-sec{padding:48px 0}
  .vd-sec--tight{padding:32px 0}
  .vd-head2{margin-bottom:28px}
  .vd-head2 .vd-btn,.vd-band .vd-btn,.vd-callout .vd-btn,.vd-form__foot .vd-btn{width:100%}
  .vd-intro{margin-bottom:24px;gap:12px}
  .vd-ledger b{font-size:40px}
  .vd-ledger span{margin-top:6px;font-size:16px}
  .vd-ledger > div,.vd-ledger > div + div{padding:18px 0}
  .vd-steps{gap:12px}
  .vd-steps li{display:grid;grid-template-columns:40px 1fr;column-gap:16px;padding:20px}
  .vd-steps li::before{grid-row:1 / span 2;width:40px;height:40px;font-size:16px;margin:0}
  .vd-steps h3{font-size:19px;margin-bottom:6px}
  .vd-steps p{font-size:15.5px}
  .vd-hero .vd-wrap,.vd-hero:has(.vd-hero__media:not(:empty)) .vd-wrap{padding-top:84px;padding-bottom:48px;gap:28px}
  .vd-roof,.vd-hero:has(.vd-hero__media:not(:empty)) .vd-roof{top:18px;height:52px}
  .vd-roof__win{width:22px;height:22px;margin-left:-11px;top:62%}
  .vd-hero__pre{font-size:21px}
  .vd-hero h1,.vd-hero:has(.vd-hero__media:not(:empty)) h1{font-size:36px;margin-bottom:16px}
  .vd-trust{gap:8px;margin-top:20px!important;font-size:14px}
  .vd-desk{padding:22px}
  .vd-desk__phone{font-size:30px}
  .vd-phero .vd-wrap{padding-top:20px;padding-bottom:36px}
  .vd-crumbs{margin-bottom:18px;font-size:13.5px}
  .vd-phero h1{font-size:32px}
  .vd-phero__roof{width:140px;opacity:.7}
  .vd-feature__body{padding:24px 20px 28px}
  .vd-feature__media{min-height:200px}
  .vd-feature p{font-size:16.5px}
  .vd-chip{font-size:13.5px;padding:7px 12px}
  .vd-person,.vd-who,.vd-info,.vd-news__body{padding:20px}
  .vd-principles h3{font-size:21px}
  .vd-quote blockquote{font-size:24px;padding-left:18px}
  .vd-docs li{gap:12px;padding:18px 0}
  .vd-docs h3{font-size:18px}
  .vd-form{padding:20px 16px;border-radius:16px}
  .vd-fs legend strong{font-size:17px}
  .vd-check{padding:14px}
  .vd-give{padding:20px 16px}
  .vd-amounts button{min-height:52px;font-size:17px}
  .vd-toggle{display:grid;width:100%}
  .vd-req strong{font-size:16px}
  .vd-req li{gap:10px}
  .vd-copy{min-height:36px;padding:0 10px;font-size:13px}
  .vd-big{font-size:24px;word-break:break-word}
  .vd-map{min-height:260px}
  .vd-band .vd-wrap{gap:20px}
  .vd-band__roof{width:260px;right:-60px}
  .vd-foot .vd-wrap{padding-top:44px}
  .vd-foot__grid{gap:28px}
  .vd-foot__contacts{flex-direction:column}
  .vd-foot__bottom{margin-top:32px;padding-bottom:20px}
  .vd-article__meta{gap:8px}
  .vd-entry{font-size:17px}
}
@media (max-width:380px){
  .vd-hero h1,.vd-hero:has(.vd-hero__media:not(:empty)) h1{font-size:32px}
  .vd-logo img,.vd-logo svg{height:30px}
  .vd-mbar .vd-btn{font-size:13px}
}

/* ---------- QA: планшет, сторінка новини ---------- */
.vd-site .vd-h3{font-size:clamp(21px,1.8vw,24px);margin-bottom:4px}
.vd-phero--post h1{font-size:clamp(30px,3.6vw,46px);max-width:24ch}
@media (min-width:641px) and (max-width:900px){
  .vd-grid3{grid-template-columns:repeat(2,1fr)}
  .vd-grid3 > :last-child:nth-child(odd){grid-column:1 / -1}
  .vd-grid3 > .vd-news:last-child:nth-child(odd){display:grid;grid-template-columns:1fr 1fr}
  .vd-grid3 > .vd-news:last-child:nth-child(odd) .vd-news__img{aspect-ratio:auto;height:100%}
  .vd-hero__media,.vd-phero__media{max-width:560px;width:100%}
  .vd-hero__media{max-height:420px}
  .vd-hero__media:not(:empty) + .vd-desk{max-width:520px}
  .vd-steps li{display:grid;grid-template-columns:44px 1fr;column-gap:18px;padding:22px}
  .vd-steps li::before{grid-row:1 / span 2;margin:0}
}

/* форма на темному фоні */
.vd-dark .vd-form{color:var(--vd-ink)}
.vd-site .vd-dark .vd-form h2,.vd-site .vd-dark .vd-form h3{color:var(--vd-ink)}
.vd-dark .vd-form .vd-check strong{color:var(--vd-ink)}