/*
 * Стили главной страницы ВДПО.
 * Все правила изолированы в #vdpo-home, чтобы не менять шапку/футер INTEC.
 */

#vdpo-home{
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-head:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --red:#c0241d;
  --red-dark:#9d1813;
  --red-deep:#7a120e;
  --orange:#f0801a;
  --ink:#1a1715;
  --ink-soft:#43392f;
  --bg:#ffffff;
  --bg-soft:#fbf8f5;
  --bg-tint:#fdf3f1;
  --card:#ffffff;
  --line:#ececec;
  --line-soft:#f2efeb;
  --gold:#c8a25a;
  --muted:#73695f;
  --maxw:1240px;
  --radius:16px;
  --shadow:0 18px 50px -22px rgba(40,20,15,.22);
  --shadow-hover:0 28px 60px -24px rgba(192,36,29,.35);
}
#vdpo-home, #vdpo-home *{margin:0;padding:0;box-sizing:border-box}
#vdpo-home{scroll-behavior:smooth}
#vdpo-home{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
#vdpo-home h1, #vdpo-home h2, #vdpo-home h3, #vdpo-home h4{font-family:var(--font-head);font-weight:500;line-height:1.16;letter-spacing:-.025em;text-transform:none}
#vdpo-home .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
#vdpo-home a{color:inherit;text-decoration:none}
#vdpo-home .eyebrow{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--red);font-weight:600;display:inline-flex;align-items:center;gap:10px}
#vdpo-home .eyebrow::before{content:"—";width:auto;height:auto;background:none;animation:none;font-size:16px;line-height:1;color:currentColor;transform:translateY(-.5px)}
@keyframes vdpoHome-lineGrow{from{width:0;opacity:0}to{width:28px;opacity:1}}

/* ===== ANIMATED FLAME (reusable) ===== */
#vdpo-home .flame{display:inline-block;transform-origin:center bottom;animation:vdpoHome-flicker 1.6s ease-in-out infinite alternate}
@keyframes vdpoHome-flicker{
  0%{transform:scale(1) rotate(-1.5deg);opacity:.92}
  50%{transform:scale(1.06,1.1) rotate(1deg);opacity:1}
  100%{transform:scale(.97,1.04) rotate(-1deg);opacity:.96}
}

/* ===== TOP BAR ===== */
#vdpo-home .topbar{background:var(--ink);color:#d9cfc5;font-size:13.5px}
#vdpo-home .topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:42px;gap:20px}
#vdpo-home .topbar a{transition:color .2s}
#vdpo-home .topbar a:hover{color:var(--gold)}
#vdpo-home .topbar .tb-left{display:flex;gap:22px;align-items:center}
#vdpo-home .topbar .tb-left span{display:flex;align-items:center;gap:7px}
#vdpo-home .topbar .tb-right{display:flex;gap:18px;align-items:center}
#vdpo-home .topbar svg{width:15px;height:15px;flex:none;opacity:.85}
#vdpo-home .topbar .tb-left span:first-child svg{color:var(--orange);opacity:1;animation:vdpoHome-ring 2.5s ease-in-out infinite}
@keyframes vdpoHome-ring{0%,90%,100%{transform:rotate(0)}92%{transform:rotate(-12deg)}94%{transform:rotate(12deg)}96%{transform:rotate(-8deg)}98%{transform:rotate(8deg)}}

/* ===== HEADER ===== */
#vdpo-home .header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
#vdpo-home .header.scrolled{box-shadow:0 10px 30px -18px rgba(0,0,0,.25)}
#vdpo-home .header .wrap{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px}
#vdpo-home .logo{display:flex;align-items:center;gap:14px}
#vdpo-home .logo-mark{width:46px;height:46px;border-radius:12px;background:linear-gradient(150deg,var(--red),var(--red-deep));display:grid;place-items:center;flex:none;box-shadow:0 8px 18px -8px rgba(192,36,29,.7);position:relative;overflow:hidden}
#vdpo-home .logo-mark::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,rgba(240,128,26,.6),transparent 60%);animation:vdpoHome-glow 2s ease-in-out infinite alternate}
@keyframes vdpoHome-glow{from{opacity:.4}to{opacity:.9}}
#vdpo-home .logo-mark svg{width:26px;height:26px;position:relative;z-index:2}
#vdpo-home .logo-txt b{font-family:var(--font-head);font-size:19px;letter-spacing:-.02em;display:block;line-height:1.08;text-transform:none;font-weight:600}
#vdpo-home .logo-txt small{font-size:11.5px;color:var(--muted);letter-spacing:0}
#vdpo-home .nav{display:flex;gap:30px;align-items:center}
#vdpo-home .nav a{font-size:15px;font-weight:600;color:var(--ink-soft);position:relative;padding:6px 0;transition:color .2s}
#vdpo-home .nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--red);transition:width .25s}
#vdpo-home .nav a:hover{color:var(--red)}
#vdpo-home .nav a:hover::after{width:100%}
#vdpo-home .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-body);text-transform:none;letter-spacing:0;font-weight:600;font-size:15px;padding:13px 24px;border-radius:11px;cursor:pointer;border:none;transition:transform .15s,box-shadow .2s,background .2s;position:relative;overflow:hidden}
#vdpo-home .btn-primary{background:var(--red);color:#fff;box-shadow:0 12px 26px -12px rgba(192,36,29,.85)}
#vdpo-home .btn-primary::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
#vdpo-home .btn-primary:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(192,36,29,.95)}
#vdpo-home .btn-primary:hover::before{left:130%}
#vdpo-home .btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
#vdpo-home .btn-ghost:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
#vdpo-home .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px}
#vdpo-home .burger span{width:26px;height:2.5px;background:var(--ink);border-radius:2px;transition:.3s}

/* ===== HERO: КОМАНДА ВДПО ===== */
#vdpo-home .hero{
  --scroll:0;
  --scroll-soft:0;
  --mx:0;
  --my:0;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(700px,calc(100vh - 40px),860px);
  color:#f8f0eb;
  background:
    radial-gradient(880px 520px at 96% 5%,rgba(240,128,26,.19),transparent 64%),
    radial-gradient(700px 620px at -8% 105%,rgba(192,36,29,.31),transparent 66%),
    linear-gradient(112deg,#100c0b 0%,#1c1310 47%,#130e0c 100%);
  border-bottom:3px solid var(--red);
}
#vdpo-home .hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.5;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.42) 56%,transparent 100%);
  pointer-events:none;
}
#vdpo-home .hero::after{
  content:"";
  position:absolute;
  top:-55%;
  right:-14%;
  z-index:-1;
  width:min(68vw,940px);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 0 0 84px rgba(255,255,255,.022),0 0 0 168px rgba(255,255,255,.014);
  pointer-events:none;
}
#vdpo-home .hero-grid{position:absolute;right:2%;bottom:6%;z-index:-1;width:min(55vw,780px);height:64%;border:1px solid rgba(240,128,26,.14);transform:skewY(-8deg);opacity:.48;pointer-events:none}
#vdpo-home .hero-stage{display:flex;align-items:center;min-height:inherit;position:relative;z-index:2}
#vdpo-home .hero-wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.88fr);align-items:center;gap:clamp(36px,5vw,84px);padding-top:72px;padding-bottom:72px}
#vdpo-home .hero-copy{max-width:690px;transform:translateY(calc(var(--scroll) * -10px));transition:transform .08s linear}
#vdpo-home .hero-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;color:#f5c78f;font-size:12px;font-weight:600;letter-spacing:.075em;text-transform:uppercase}
#vdpo-home .hero-kicker-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(240,128,26,.45);border-radius:50%;color:var(--orange);background:rgba(240,128,26,.09)}
#vdpo-home .hero-kicker svg{width:16px;height:16px}
#vdpo-home .hero h1{max-width:700px;margin:0 0 22px;color:#fff8f4;font-size:clamp(40px,4.1vw,50px);font-weight:600;letter-spacing:-.048em;line-height:1.02;text-wrap:balance}
#vdpo-home .hero h1 .accent{position:relative;color:#ff7b51;white-space:nowrap}
#vdpo-home .hero h1 .accent::after{content:"";position:absolute;right:1px;bottom:4px;left:1px;z-index:-1;height:10px;background:rgba(240,128,26,.25);transform:scaleX(0);transform-origin:left;animation:vdpoHome-underline 1s ease .4s forwards}
@keyframes vdpoHome-underline{to{transform:scaleX(1)}}
#vdpo-home .hero .lead{max-width:615px;margin:0 0 32px;color:#d9c9bd;font-size:18px;line-height:1.58}
#vdpo-home .hero-cta{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:32px}
#vdpo-home .hero .btn{min-height:50px}
#vdpo-home .hero .btn-primary{background:linear-gradient(135deg,#d63227,#aa1c16);box-shadow:0 18px 34px -18px rgba(215,47,37,.92)}
#vdpo-home .hero .btn-primary:hover{background:linear-gradient(135deg,#e04636,#b41e17)}
#vdpo-home .hero .btn-ghost{border-color:rgba(255,255,255,.42);color:#fff6ef;background:rgba(255,255,255,.025)}
#vdpo-home .hero .btn-ghost:hover{border-color:#fff;background:#fff;color:#211713}
#vdpo-home .hero-points{display:grid;gap:12px;max-width:630px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}
#vdpo-home .hero-points li{display:flex;align-items:center;gap:12px;color:#e4d7ce;font-size:15px;font-weight:500;list-style:none}
#vdpo-home .hero-points .ck{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border:1px solid rgba(240,128,26,.4);border-radius:50%;color:#ffb86a;background:rgba(240,128,26,.12)}
#vdpo-home .hero-points .ck svg{width:14px;height:14px}

/* ===== FORM FIELDS ===== */
#vdpo-home .field{margin-bottom:14px}
#vdpo-home .field label{display:block;margin-bottom:6px;color:var(--ink-soft);font-family:var(--font-head);font-size:12.5px;font-weight:600;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}
#vdpo-home .field input{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:10px;outline:0;color:var(--ink);background:var(--bg-soft);font-family:var(--font-body);font-size:15px;line-height:1.35;transition:border-color .2s,box-shadow .2s,background .2s}
#vdpo-home .field input::placeholder{color:#a99e92}
#vdpo-home .field input:focus{border-color:var(--red);background:#fff;box-shadow:0 0 0 4px rgba(192,36,29,.08)}

#vdpo-home .sparks{position:absolute;inset:0;z-index:1;pointer-events:none}
#vdpo-home .spark{position:absolute;bottom:-10px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,var(--orange),rgba(240,128,26,0));opacity:0;animation:vdpoHome-rise linear infinite}
@keyframes vdpoHome-rise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.8}80%{opacity:.52}100%{transform:translateY(-90vh) translateX(40px) scale(1.1);opacity:0}}
#vdpo-home .hero-visual{position:relative;display:flex;justify-content:flex-end;align-items:center;min-height:610px;transform:translate(calc(var(--mx) * 5px),calc(var(--scroll-soft) * -10px + var(--my) * 3px));transition:transform .12s linear}
#vdpo-home .hero-photo{position:relative;isolation:isolate;overflow:hidden;width:min(100%,475px);aspect-ratio:4 / 5.15;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:30px 30px 118px 30px;background:#21130e;box-shadow:0 42px 82px -36px rgba(0,0,0,.88)}
#vdpo-home .hero-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,3,2,.08) 22%,rgba(7,4,3,.12) 49%,rgba(6,3,2,.78) 100%);pointer-events:none}
#vdpo-home .hero-photo::after{content:"";position:absolute;inset:14px;z-index:2;border:1px solid rgba(255,255,255,.19);border-radius:20px 20px 104px 20px;pointer-events:none}
#vdpo-home .hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.92) contrast(1.06) brightness(.91);transform:scale(1.018);transition:transform .65s ease,filter .65s ease}
#vdpo-home .hero-photo:hover img{filter:saturate(1) contrast(1.04) brightness(1);transform:scale(1.05)}
#vdpo-home .hero-photo-caption{position:absolute;top:28px;left:28px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;background:rgba(12,8,7,.42);backdrop-filter:blur(10px)}
#vdpo-home .hero-photo-caption-mark{width:7px;height:7px;border-radius:50%;background:#f06c44;box-shadow:0 0 0 5px rgba(240,108,68,.18)}
#vdpo-home .hero-photo-panel{position:absolute;right:24px;bottom:25px;left:24px;z-index:3;padding:15px 16px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background:linear-gradient(135deg,rgba(35,18,13,.8),rgba(15,9,7,.56));backdrop-filter:blur(12px)}
#vdpo-home .hero-photo-panel span{display:block;margin-bottom:4px;color:#f3bb78;font-size:11px;font-weight:600;letter-spacing:.035em;text-transform:uppercase}
#vdpo-home .hero-photo-panel strong{display:block;color:#fff7f1;font-family:var(--font-head);font-size:17px;line-height:1.2}
#vdpo-home .hero-side-note{position:absolute;right:min(100% - 505px,-44px);bottom:90px;z-index:4;display:flex;align-items:center;gap:11px;width:210px;padding:13px 14px;border:1px solid rgba(255,255,255,.17);border-radius:16px;color:#fff;background:rgba(20,12,10,.84);box-shadow:0 24px 48px -28px rgba(0,0,0,.8);backdrop-filter:blur(12px)}
#vdpo-home .hero-side-note-icon{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border-radius:10px;color:#ffd09c;background:rgba(240,128,26,.16)}
#vdpo-home .hero-side-note svg{width:20px;height:20px}
#vdpo-home .hero-side-note b,#vdpo-home .hero-side-note small{display:block;line-height:1.18}
#vdpo-home .hero-side-note b{margin-bottom:4px;font-size:12px}
#vdpo-home .hero-side-note small{color:#cbbab0;font-size:10.5px}
#vdpo-home .scroll-cue{position:absolute;bottom:24px;left:50%;z-index:3;display:flex;align-items:center;gap:10px;transform:translateX(-50%);color:#bea99d;font-size:12px;font-weight:600;opacity:calc(1 - var(--scroll) * 1.6);pointer-events:none}
#vdpo-home .scroll-cue i{position:relative;width:25px;height:39px;border:1px solid rgba(255,255,255,.38);border-radius:999px}
#vdpo-home .scroll-cue i::after{content:"";position:absolute;top:7px;left:50%;width:4px;height:7px;border-radius:999px;background:#ff7851;transform:translateX(-50%);animation:vdpoHome-wheel 1.35s ease-in-out infinite}
@keyframes vdpoHome-wheel{to{top:21px;opacity:0}}
@media(max-width:1080px){
  #vdpo-home .hero{min-height:auto}
  #vdpo-home .hero-wrap{grid-template-columns:1fr 420px;gap:34px;padding-top:58px;padding-bottom:58px}
  #vdpo-home .hero h1{font-size:clamp(38px,4.7vw,50px)}
  #vdpo-home .hero-visual{min-height:540px}
  #vdpo-home .hero-side-note{right:-24px}
}
@media(max-width:920px){
  #vdpo-home .hero-wrap{grid-template-columns:minmax(0,1fr);gap:36px;padding-top:54px;padding-bottom:64px}
  #vdpo-home .hero-copy{max-width:730px;transform:none}
  #vdpo-home .hero-visual{justify-content:center;min-height:550px;transform:none}
  #vdpo-home .hero-photo{width:min(100%,480px)}
  #vdpo-home .hero-side-note{right:calc(50% - 272px);bottom:36px}
  #vdpo-home .scroll-cue{display:none}
}
@media(max-width:620px){
  #vdpo-home .hero::after{top:-18%;right:-60%;width:560px}
  #vdpo-home .hero-wrap{padding-top:44px;padding-bottom:48px}
  #vdpo-home .hero-kicker{margin-bottom:18px;font-size:10.5px;letter-spacing:.055em}
  #vdpo-home .hero-kicker-mark{width:27px;height:27px}
  #vdpo-home .hero h1{font-size:clamp(36px,10.4vw,48px);line-height:1.04}
  #vdpo-home .hero .lead{margin-bottom:26px;font-size:16px}
  #vdpo-home .hero .btn{width:100%;justify-content:center}
  #vdpo-home .hero-points{gap:10px;padding-top:19px}
  #vdpo-home .hero-points li{align-items:flex-start;font-size:13.7px;line-height:1.4}
  #vdpo-home .hero-visual{min-height:490px;margin-top:0}
  #vdpo-home .hero-photo{width:min(100%,390px);border-radius:24px 24px 86px 24px}
  #vdpo-home .hero-photo::after{border-radius:16px 16px 75px 16px}
  #vdpo-home .hero-photo-caption{top:19px;left:19px;padding:7px 10px;font-size:9.5px}
  #vdpo-home .hero-photo-panel{right:16px;bottom:16px;left:16px;padding:12px}
  #vdpo-home .hero-photo-panel strong{font-size:15px}
  #vdpo-home .hero-side-note{right:calc(50% - 196px);bottom:22px;width:178px;padding:10px 11px}
  #vdpo-home .hero-side-note-icon{width:30px;height:30px}
  #vdpo-home .hero-side-note b{font-size:10.5px}
  #vdpo-home .hero-side-note small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  #vdpo-home .hero-copy,#vdpo-home .hero-visual{transform:none!important}
  #vdpo-home .hero-photo img{transition:none}
  #vdpo-home .spark{animation:none!important}
  #vdpo-home .scroll-cue{display:none}
}

/* ===== MARQUEE ===== */
#vdpo-home .marquee{background:var(--ink);color:#efe6dc;overflow:hidden;border-bottom:3px solid var(--red)}
#vdpo-home .marquee-track{display:flex;gap:46px;white-space:nowrap;padding:16px 0;animation:vdpoHome-scroll 28s linear infinite;width:max-content}
#vdpo-home .marquee:hover .marquee-track{animation-play-state:paused}
#vdpo-home .marquee-item{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-body);text-transform:none;letter-spacing:0;font-size:15px;font-weight:600}
#vdpo-home .marquee-item svg{width:18px;height:18px;color:var(--orange)}
@keyframes vdpoHome-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== SECTION ===== */
#vdpo-home .section{padding:90px 0}
#vdpo-home .sec-head{max-width:730px;margin-bottom:52px}
#vdpo-home .sec-head h2{font-size:clamp(28px,3.4vw,42px);margin:16px 0 14px;letter-spacing:-.035em;line-height:1.14}
#vdpo-home .sec-head p{color:var(--muted);font-size:17px}
#vdpo-home .sec-head.center{margin:0 0 52px;text-align:left}
#vdpo-home .sec-head.center .eyebrow::before{display:inline}
#vdpo-home .bg-soft{background:var(--bg-soft)}

/* ===== SERVICES ===== */
#vdpo-home .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#vdpo-home .svc{background:linear-gradient(155deg,#fff 0%,#fffaf8 100%);border:1px solid var(--line);border-radius:18px;padding:32px 28px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
#vdpo-home .svc::before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(var(--red),var(--orange));transform:scaleY(0);transform-origin:top;transition:transform .35s}
#vdpo-home .svc::after{content:"";position:absolute;right:-58px;top:-62px;width:148px;height:148px;border:1px solid rgba(192,36,29,.08);border-radius:50%;box-shadow:0 0 0 15px rgba(192,36,29,.028),0 0 0 30px rgba(192,36,29,.017);pointer-events:none}
#vdpo-home .svc:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:rgba(192,36,29,.17)}
#vdpo-home .svc:hover::before{transform:scaleY(1)}
#vdpo-home .svc-ic{position:relative;isolation:isolate;overflow:hidden;width:68px;height:68px;border:1px solid rgba(192,36,29,.16);border-radius:20px;background:radial-gradient(circle at 28% 25%,#fff 0%,#fff5f2 44%,#f7ddd8 100%);display:grid;place-items:center;margin-bottom:20px;box-shadow:0 12px 25px -17px rgba(128,26,20,.7),inset 0 1px 0 rgba(255,255,255,.95);transition:transform .35s,background .35s,border-color .35s,box-shadow .35s}
#vdpo-home .svc-ic::before{content:"";position:absolute;inset:7px;border:1px solid rgba(192,36,29,.18);border-radius:14px;pointer-events:none}
#vdpo-home .svc-ic::after{content:"";position:absolute;right:-16px;bottom:-18px;width:42px;height:42px;border-radius:50%;background:rgba(240,128,26,.18);filter:blur(1px);pointer-events:none}
#vdpo-home .svc:hover .svc-ic{border-color:rgba(255,255,255,.35);background:linear-gradient(145deg,#d9372b,var(--red-deep));box-shadow:0 17px 29px -14px rgba(192,36,29,.9),inset 0 1px 0 rgba(255,255,255,.28);transform:translateY(-4px) rotate(-3deg)}
#vdpo-home .svc-ic svg{position:relative;z-index:1;width:34px;height:34px;color:var(--red);filter:drop-shadow(0 1px 0 rgba(255,255,255,.8));transition:color .35s,filter .35s}
#vdpo-home .svc:hover .svc-ic svg{color:#fff;filter:drop-shadow(0 1px 0 rgba(0,0,0,.14))}
#vdpo-home .svc h3{font-size:20px;margin-bottom:11px;letter-spacing:-.02em;line-height:1.22}
#vdpo-home .svc p{font-size:14.8px;color:var(--muted);line-height:1.6}
#vdpo-home .svc .more{margin-top:18px;font-family:var(--font-body);text-transform:none;letter-spacing:0;font-size:14px;color:var(--red);font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:gap .2s}
#vdpo-home .svc:hover .more{gap:13px}

/* ===== ADVANTAGES — ТЕХНИЧЕСКИЙ ФОН ПОЖАРНОЙ БЕЗОПАСНОСТИ ===== */
#vdpo-home #advantages{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(860px 480px at -6% 6%,rgba(240,128,26,.23),transparent 63%),
    radial-gradient(760px 540px at 103% 92%,rgba(192,36,29,.28),transparent 66%),
    linear-gradient(116deg,#100c0b 0%,#251512 49%,#110d0c 100%);
}
#vdpo-home #advantages::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:url("images/advantages-fireplan.svg") center/cover no-repeat;
  opacity:.86;
}
#vdpo-home #advantages::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle,rgba(255,255,255,.115) 1.1px,transparent 1.2px) 0 0/26px 26px,
    radial-gradient(circle,rgba(255,208,155,.08) 1px,transparent 1.1px) 13px 13px/26px 26px,
    linear-gradient(90deg,rgba(15,10,9,.5) 0%,rgba(15,10,9,.1) 48%,rgba(15,10,9,.46) 100%),
    radial-gradient(500px 260px at 78% 16%,rgba(255,122,81,.13),transparent 72%),
    radial-gradient(360px 260px at 14% 82%,rgba(255,190,118,.08),transparent 75%);
  mix-blend-mode:screen;
  opacity:.92;
}
#vdpo-home #advantages .wrap{position:relative;z-index:1}
#vdpo-home #advantages .sec-head h2{color:#fff8f4}
#vdpo-home #advantages .sec-head p{color:#d9c9be}
#vdpo-home #advantages .eyebrow{color:#ffd09b}
#vdpo-home #advantages .eyebrow::before{background:var(--orange)}
#vdpo-home .adv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#vdpo-home .adv-card{
  position:relative;
  isolation:isolate;
  min-height:282px;
  padding:28px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:19px;
  color:var(--ink);
  background:linear-gradient(150deg,rgba(255,255,255,.97),rgba(255,248,244,.91));
  box-shadow:0 20px 44px -30px rgba(0,0,0,.72);
  overflow:hidden;
  transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;
}
#vdpo-home .adv-card::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  z-index:-1;
  width:126px;
  height:126px;
  border-radius:0 0 0 100%;
  background:linear-gradient(135deg,rgba(192,36,29,.13),rgba(240,128,26,.04));
  transition:transform .35s ease,opacity .35s ease;
}
#vdpo-home .adv-card::after{
  content:"";
  position:absolute;
  right:20px;
  bottom:20px;
  z-index:-1;
  width:46px;
  height:46px;
  border:1px solid rgba(192,36,29,.14);
  border-radius:50%;
  box-shadow:0 0 0 8px rgba(192,36,29,.045),0 0 0 16px rgba(192,36,29,.025);
}
#vdpo-home .adv-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.48);box-shadow:0 28px 52px -28px rgba(0,0,0,.88)}
#vdpo-home .adv-card:hover::before{transform:scale(1.22);opacity:.95}
#vdpo-home .adv-card .ic{
  position:relative;
  width:56px;
  height:56px;
  margin-bottom:22px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:17px;
  color:#fff;
  background:linear-gradient(145deg,var(--red),var(--red-deep));
  display:grid;
  place-items:center;
  box-shadow:0 14px 27px -14px rgba(192,36,29,.92),inset 0 1px 0 rgba(255,255,255,.26);
  transition:transform .28s ease,box-shadow .28s ease;
}
#vdpo-home .adv-card .ic::before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.17);border-radius:12px}
#vdpo-home .adv-card:hover .ic{transform:translateY(-3px) rotate(-4deg);box-shadow:0 19px 30px -13px rgba(192,36,29,.95)}
#vdpo-home .adv-card .ic svg{position:relative;z-index:1;width:27px;height:27px;color:#fff}
#vdpo-home .adv-card h3{font-size:19px;margin-bottom:10px;line-height:1.18}
#vdpo-home .adv-card p{font-size:14.6px;color:var(--muted);line-height:1.58}
#vdpo-home .adv-card--summary{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-color:rgba(255,255,255,.18);
  color:#fff;
  background:
    radial-gradient(220px 170px at 105% 0%,rgba(240,128,26,.38),transparent 74%),
    linear-gradient(145deg,#d33429 0%,var(--red) 53%,var(--red-deep) 100%);
  box-shadow:0 28px 54px -26px rgba(82,14,11,.9);
}
#vdpo-home .adv-card--summary::before{top:auto;right:-20px;bottom:-46px;width:208px;height:208px;border-radius:50%;background:radial-gradient(circle,rgba(255,225,187,.34),transparent 67%)}
#vdpo-home .adv-card--summary::after{top:24px;right:24px;bottom:auto;width:76px;height:76px;border-color:rgba(255,255,255,.19);box-shadow:0 0 0 12px rgba(255,255,255,.06),0 0 0 24px rgba(255,255,255,.035)}
#vdpo-home .adv-card--summary:hover{border-color:rgba(255,255,255,.28);box-shadow:0 34px 62px -26px rgba(82,14,11,.98)}
#vdpo-home .adv-summary-emblem{position:relative;z-index:1;width:56px;height:56px;margin-bottom:21px;border:1px solid rgba(255,255,255,.3);border-radius:17px;background:rgba(255,255,255,.13);display:grid;place-items:center;backdrop-filter:blur(8px)}
#vdpo-home .adv-summary-emblem svg{width:29px;height:29px;color:#fff}
#vdpo-home .adv-summary-kicker{display:block;margin-bottom:9px;color:#ffdaa9;font-size:11px;font-weight:600;letter-spacing:.075em;line-height:1.2;text-transform:uppercase}
#vdpo-home .adv-card--summary h3{max-width:265px;color:#fff;font-size:21px;line-height:1.15}
#vdpo-home .adv-card--summary p{max-width:285px;color:rgba(255,244,238,.88)}
#vdpo-home .adv-summary-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-top:19px;color:#fff;font-size:14px;font-weight:600;line-height:1.2}
#vdpo-home .adv-summary-link span{font-size:19px;font-weight:500;transition:transform .2s ease}
#vdpo-home .adv-summary-link:hover span{transform:translateX(4px)}

/* ===== SITUATIONS ===== */
#vdpo-home .sit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}
#vdpo-home .sit{padding:34px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .25s,transform .25s;z-index:1}
#vdpo-home .sit:hover{background:var(--bg-tint);z-index:2}
#vdpo-home .sit-grid .sit:nth-child(3n){border-right:none}
#vdpo-home .sit-grid .sit:nth-last-child(-n+3){border-bottom:none}
#vdpo-home .sit-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}
#vdpo-home .sit-ic{width:48px;height:48px;border-radius:12px;background:var(--ink);display:grid;place-items:center;flex:none;transition:background .25s,transform .25s}
#vdpo-home .sit:hover .sit-ic{background:var(--red)}
#vdpo-home .sit-ic svg{width:24px;height:24px;color:#fff}
#vdpo-home .sit h3{font-size:17.5px;line-height:1.15}
#vdpo-home .sit p{font-size:14.5px;color:var(--muted)}

/* ===== CTA ===== */
#vdpo-home .cta{background:linear-gradient(135deg,var(--red-deep),var(--red-dark) 55%,var(--red));color:#fff;position:relative;overflow:hidden}
#vdpo-home .cta::before{content:"";position:absolute;inset:0;background:radial-gradient(720px 420px at 86% 122%,rgba(240,128,26,.32),transparent 60%)}
#vdpo-home .cta .sparks .spark{background:radial-gradient(circle,#ffd9a8,rgba(255,217,168,0))}
#vdpo-home .cta .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr .85fr;gap:54px;align-items:center;padding:78px 24px}
#vdpo-home .cta h2{font-size:clamp(30px,3.6vw,46px);margin-bottom:18px;color:#fff}
#vdpo-home .cta p{font-size:18px;color:#f6e1de;max-width:480px;margin-bottom:28px}
#vdpo-home .cta-list{display:flex;flex-direction:column;gap:12px}
#vdpo-home .cta-list li{list-style:none;display:flex;gap:12px;align-items:center;font-size:15.5px;color:#fceeeb}
#vdpo-home .cta-list svg{width:20px;height:20px;color:#ffd9a8;flex:none}
#vdpo-home .cta-form{background:#fff;border-radius:18px;padding:34px 30px;box-shadow:0 35px 70px -25px rgba(0,0,0,.5)}
#vdpo-home .cta-form h3{color:var(--ink);font-size:23px;margin-bottom:6px}
#vdpo-home .cta-form .sub{color:var(--muted);font-size:14.5px;margin-bottom:22px}
#vdpo-home .cta-form .field label{color:var(--ink-soft)}
#vdpo-home .cta-form .btn{width:100%;justify-content:center;margin-top:8px}
#vdpo-home .cta-form .fineprint{color:var(--muted);font-size:11.5px;text-align:center;margin-top:12px}

/* ===== OBJECTS (variant C — line draw) ===== */
#vdpo-home .obj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#vdpo-home .obj{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px 24px;text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s}
#vdpo-home .obj:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
#vdpo-home .obj .o-ic{width:86px;height:86px;margin:0 auto 20px;border-radius:20px;background:var(--bg-soft);border:1px dashed rgba(192,36,29,.3);display:grid;place-items:center}
#vdpo-home .obj .o-ic svg{width:46px;height:46px;stroke:var(--red);fill:none;stroke-width:1.8}
#vdpo-home .obj .o-ic svg path, #vdpo-home .obj .o-ic svg rect, #vdpo-home .obj .o-ic svg circle, #vdpo-home .obj .o-ic svg line, #vdpo-home .obj .o-ic svg polyline{
  stroke-dasharray:240;stroke-dashoffset:240;
}
#vdpo-home .obj.draw .o-ic svg path, #vdpo-home .obj.draw .o-ic svg rect, #vdpo-home .obj.draw .o-ic svg circle, #vdpo-home .obj.draw .o-ic svg line, #vdpo-home .obj.draw .o-ic svg polyline{
  animation:vdpoHome-objDraw 1.3s ease forwards;
}
@keyframes vdpoHome-objDraw{to{stroke-dashoffset:0}}
#vdpo-home .obj h3{font-size:18px;line-height:1.2;margin-bottom:6px;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s}
#vdpo-home .obj p{font-size:13.5px;color:var(--muted);opacity:0;transform:translateY(8px);transition:opacity .6s .1s,transform .6s .1s}
#vdpo-home .obj.draw h3, #vdpo-home .obj.draw p{opacity:1;transform:none}

/* ===== DOCS ===== */
#vdpo-home .docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#vdpo-home .doc{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;transition:border .25s,transform .25s,box-shadow .25s}
#vdpo-home .doc:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:var(--shadow)}
#vdpo-home .doc .d-ic{width:56px;height:56px;border-radius:14px;background:linear-gradient(150deg,#f7ecd6,#efdcb6);display:grid;place-items:center;margin-bottom:18px}
#vdpo-home .doc .d-ic svg{width:28px;height:28px;color:#a87f2e}
#vdpo-home .doc h3{font-size:18px;margin-bottom:8px}
#vdpo-home .doc p{font-size:14.3px;color:var(--muted)}

/* ===== SOCIAL ===== */
#vdpo-home .soc-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:52px}
#vdpo-home .soc-head .eyebrow{margin-bottom:14px}
#vdpo-home .soc-head h2{font-size:clamp(28px,3.4vw,42px);letter-spacing:-.035em;line-height:1.14}
#vdpo-home .soc-head p{color:var(--muted);font-size:16.5px}
#vdpo-home .soc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
#vdpo-home .soc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 24px;transition:transform .25s,box-shadow .25s}
#vdpo-home .soc:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
#vdpo-home .soc .s-ic{width:56px;height:56px;border-radius:14px;background:var(--bg-tint);display:grid;place-items:center;margin-bottom:16px;transition:transform .3s}
#vdpo-home .soc:hover .s-ic{transform:scale(1.1)}
#vdpo-home .soc .s-ic svg{width:28px;height:28px;color:var(--red)}
#vdpo-home .soc h3{font-size:17px;margin-bottom:9px}
#vdpo-home .soc p{font-size:14px;color:var(--muted)}


/* reveal */
/* Content is readable by default. Animation is enabled only when JS starts successfully. */
#vdpo-home .reveal{opacity:1;transform:none}
#vdpo-home.js-reveal .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
#vdpo-home.js-reveal .reveal.in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  #vdpo-home, #vdpo-home *{animation:none!important;transition:none!important}
  #vdpo-home .reveal{opacity:1;transform:none}
  #vdpo-home .obj .o-ic svg path, #vdpo-home .obj .o-ic svg rect, #vdpo-home .obj .o-ic svg circle, #vdpo-home .obj .o-ic svg line, #vdpo-home .obj .o-ic svg polyline{stroke-dashoffset:0}
  #vdpo-home .obj h3, #vdpo-home .obj p{opacity:1;transform:none}
}


/* ===== READABILITY TUNING ===== */
#vdpo-home .nav a, #vdpo-home .hero-points li, #vdpo-home .lead, #vdpo-home .svc p, #vdpo-home .adv-card p, #vdpo-home .sit p, #vdpo-home .doc p, #vdpo-home .soc p{letter-spacing:-.005em}
#vdpo-home .adv-card h3, #vdpo-home .sit h3, #vdpo-home .doc h3, #vdpo-home .soc h3, #vdpo-home .cta-form h3{letter-spacing:-.02em;line-height:1.22}
#vdpo-home .cta h2{letter-spacing:-.035em;line-height:1.12}
#vdpo-home .hero h1 .accent::after{bottom:3px;height:9px}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  #vdpo-home .hero .wrap{grid-template-columns:1fr;gap:40px}
  #vdpo-home .services-grid,#vdpo-home .sit-grid,#vdpo-home .obj-grid,#vdpo-home .docs-grid{grid-template-columns:repeat(2,1fr)}
  #vdpo-home .soc-grid{grid-template-columns:repeat(2,1fr)}
  #vdpo-home .adv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #vdpo-home .cta .wrap{grid-template-columns:1fr;gap:36px}
  #vdpo-home .sit-grid .sit:nth-child(3n){border-right:1px solid var(--line)}
  #vdpo-home .sit-grid .sit:nth-child(2n){border-right:none}
}
@media(max-width:640px){
  #vdpo-home .nav{display:none}
  #vdpo-home .burger{display:flex}
  #vdpo-home .topbar .tb-left span:nth-child(2){display:none}
  #vdpo-home .header .btn{display:none}
  #vdpo-home .services-grid, #vdpo-home .sit-grid, #vdpo-home .obj-grid, #vdpo-home .docs-grid, #vdpo-home .soc-grid, #vdpo-home .adv-grid{grid-template-columns:1fr}
  #vdpo-home .sit-grid .sit{border-right:none!important}
  #vdpo-home .soc-head{grid-template-columns:1fr}
  #vdpo-home .section{padding:60px 0}
  #vdpo-home #advantages::before{background-size:24px 24px}
  #vdpo-home .adv-card{min-height:0;padding:24px}
  #vdpo-home .adv-card--summary h3{max-width:none}
  #vdpo-home .hero .wrap{padding-top:48px;padding-bottom:54px}
}


/* ===== DYNAMIC SERVICES FROM IBLOCK ===== */
#vdpo-home .services-grid--dynamic{align-items:stretch}
#vdpo-home .services-grid--dynamic .svc{
  display:flex;
  min-height:306px;
  flex-direction:column;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
#vdpo-home .services-grid--dynamic .svc-topline{display:flex;align-items:center;gap:10px;min-height:60px;margin-bottom:20px}
#vdpo-home .services-grid--dynamic .svc-ic{margin:0;flex:none}
#vdpo-home .services-grid--dynamic .svc-badge{
  margin-left:auto;
  padding:5px 9px;
  border-radius:999px;
  background:var(--bg-tint);
  color:var(--red);
  font-size:10px;
  line-height:1;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
#vdpo-home .services-grid--dynamic .svc h3{margin-bottom:12px}
#vdpo-home .services-grid--dynamic .svc p{margin-bottom:20px}
#vdpo-home .services-grid--dynamic .svc .more{margin-top:auto}
#vdpo-home .services-grid--dynamic .svc .more b{font-size:19px;line-height:.8;font-weight:500;transition:transform .2s}
#vdpo-home .services-grid--dynamic .svc:hover .more b{transform:translateX(5px)}
#vdpo-home .services-grid--dynamic .svc--featured{
  border-color:rgba(192,36,29,.22);
  background:linear-gradient(145deg,#fff 0%,#fff7f4 100%);
}
#vdpo-home .services-grid--dynamic .svc--featured::before{transform:scaleY(1);opacity:.72}
#vdpo-home .services-footer{display:flex;justify-content:center;margin-top:34px}
#vdpo-home .services-footer .btn{padding:11px 19px}
#vdpo-home .services-empty{padding:26px 28px;border:1px dashed rgba(192,36,29,.35);border-radius:var(--radius);background:var(--bg-tint);font-size:15px;color:var(--ink-soft)}
@media(max-width:640px){
  #vdpo-home .services-grid--dynamic .svc{min-height:0}
  #vdpo-home .services-grid--dynamic .svc-topline{margin-bottom:16px}
}


/* ===== SERVICES + ADVANTAGES VISUAL REFINEMENT ===== */
@media(max-width:640px){
  #vdpo-home .svc-ic{width:62px;height:62px;border-radius:18px}
  #vdpo-home .svc-ic svg{width:31px;height:31px}
  #vdpo-home #advantages::before{background-position:60% center;opacity:.72}
}

/* ===== HERO: TABLET COMPOSITION FIX =====
   The original desktop and mobile breakpoints overlapped between 1024px and 920px.
   These rules keep the photo contained in the dark hero and preserve a balanced layout.
*/
#vdpo-home .hero{background-color:#130e0c}

@media (min-width:921px) and (max-width:1080px){
  #vdpo-home .hero-stage{min-height:0}
  #vdpo-home .hero-wrap{
    grid-template-columns:minmax(0,1fr) minmax(330px,400px);
    align-items:center;
    gap:clamp(22px,3vw,34px);
    padding-top:52px;
    padding-bottom:52px;
  }
  #vdpo-home .hero-copy{max-width:570px}
  #vdpo-home .hero h1{font-size:clamp(38px,4.45vw,48px)}
  #vdpo-home .hero .lead{max-width:530px;font-size:16px}
  #vdpo-home .hero-points{max-width:540px}
  #vdpo-home .hero-visual{min-height:500px;justify-content:center}
  #vdpo-home .hero-photo{width:min(100%,400px)}
  #vdpo-home .hero-side-note{right:-8px;bottom:28px}
}

@media (min-width:621px) and (max-width:920px){
  #vdpo-home .hero-stage{min-height:0}
  #vdpo-home .hero-wrap{
    grid-template-columns:minmax(0,1fr);
    gap:30px;
    padding-top:50px;
    padding-bottom:56px;
  }
  #vdpo-home .hero-copy{width:min(100%,660px);max-width:660px;margin:0 auto}
  #vdpo-home .hero h1{max-width:640px;font-size:clamp(38px,6.2vw,48px)}
  #vdpo-home .hero .lead{max-width:610px;font-size:17px}
  #vdpo-home .hero-points{max-width:610px}
  #vdpo-home .hero-visual{width:100%;min-height:480px;justify-content:center;margin:0;transform:none}
  #vdpo-home .hero-photo{width:min(100%,440px)}
  #vdpo-home .hero-side-note{right:calc(50% - 224px);bottom:24px}
}

/* ===== BACKGROUND / ICON MOTION REFINEMENT =====
   Hero uses a calm dot field instead of square grid lines.
   Service icons remain anchored while cards themselves can still lift.
*/
#vdpo-home .hero::before{
  opacity:.52;
  background-image:radial-gradient(circle at 1px 1px,rgba(255,232,215,.28) 1px,transparent 1.35px);
  background-size:22px 22px;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.46) 57%,transparent 100%);
}
#vdpo-home .hero-grid{
  right:1%;
  bottom:5%;
  width:min(54vw,760px);
  height:62%;
  border:0;
  background-image:radial-gradient(circle at 1px 1px,rgba(240,128,26,.38) 1px,transparent 1.35px);
  background-size:19px 19px;
  opacity:.4;
  transform:skewY(-8deg);
}
#vdpo-home .svc:hover .svc-ic{transform:none}
#vdpo-home .svc:hover .svc-ic svg{transform:none}
#vdpo-home #advantages::before{background-image:url("images/advantages-fireplan.svg");background-size:cover}
@media(max-width:640px){
  #vdpo-home #advantages::before{background-size:cover;background-position:center;opacity:.68}
  #vdpo-home .hero::before{background-size:18px 18px;opacity:.42}
  #vdpo-home .hero-grid{width:88vw;height:54%;background-size:16px 16px;opacity:.28}
}

/* subtle dotted overlay tuning for advantages */
@media (max-width: 700px){
  #vdpo-home #advantages::after{
    background:
      radial-gradient(circle,rgba(255,255,255,.095) 1px,transparent 1.1px) 0 0/22px 22px,
      radial-gradient(circle,rgba(255,208,155,.065) .9px,transparent 1px) 11px 11px/22px 22px,
      linear-gradient(90deg,rgba(15,10,9,.56) 0%,rgba(15,10,9,.18) 50%,rgba(15,10,9,.52) 100%),
      radial-gradient(440px 240px at 78% 16%,rgba(255,122,81,.12),transparent 72%),
      radial-gradient(300px 220px at 18% 84%,rgba(255,190,118,.07),transparent 75%);
    opacity:.88;
  }
}


/* ===== ПРАВКИ ПО МАКЕТУ: УСЛУГИ, ЗАГОЛОВКИ И CTA ===== */
#vdpo-home .services-grid--dynamic .svc{
  min-height:296px;
  padding:29px 28px 25px;
}
#vdpo-home .services-grid--dynamic .svc-topline{
  min-height:68px;
  margin-bottom:18px;
}
#vdpo-home .services-grid--dynamic .svc h3{
  display:block;
  min-height:3.66em;
  margin:0;
  font-size:clamp(17px,1.55vw,20px);
  line-height:1.22;
  overflow-wrap:anywhere;
}
#vdpo-home .services-grid--dynamic .svc p{display:none}
#vdpo-home .services-grid--dynamic .svc .more{margin-top:auto;padding-top:18px}

/* Все заголовки секций выстроены по одной левой направляющей. */
#vdpo-home .sec-head,
#vdpo-home .sec-head.center{
  margin-right:0;
  margin-left:0;
  text-align:left;
}
#vdpo-home .sec-head.center .eyebrow::before{display:inline}

/* Заголовки ситуаций не разрывают короткие предлоги в конце строки. */
#vdpo-home .sit h3,
#vdpo-home .sit p,
#vdpo-home .cta p,
#vdpo-home .cta-list li{
  hyphens:none;
}
#vdpo-home .sit-top{align-items:flex-start}
#vdpo-home .sit h3{padding-top:2px}

/* CTA: контрастная светлая кнопка на белой форме, красная при наведении. */
#vdpo-home .cta-form .btn.btn-primary{
  border:1px solid #efb7a5;
  color:#941b16;
  background:linear-gradient(135deg,#fff3ec 0%,#ffd8c8 100%);
  box-shadow:0 12px 24px -17px rgba(120,24,18,.6);
}
#vdpo-home .cta-form .btn.btn-primary:hover,
#vdpo-home .cta-form .btn.btn-primary:focus-visible{
  color:#fff;
  background:var(--red);
  box-shadow:0 16px 28px -15px rgba(120,24,18,.75);
  transform:translateY(-2px);
}
#vdpo-home .cta-form .btn.btn-primary:focus-visible{outline:3px solid rgba(192,36,29,.24);outline-offset:3px}

@media(max-width:640px){
  #vdpo-home .services-grid--dynamic .svc{min-height:248px;padding:25px 23px 22px}
  #vdpo-home .services-grid--dynamic .svc h3{min-height:0;font-size:18px}
  #vdpo-home .sec-head,
  #vdpo-home .sec-head.center{margin-bottom:38px}
}