.vdt{--vdt-red:#d71920;--vdt-ink:#1b2027;--vdt-text:#3b4652;--vdt-muted:#687482;--vdt-line:#e1e6ec;--vdt-cloud:#f5f7fa}
.vdt .viox-solution-hero h1{max-width:15ch;font-size:clamp(40px,3.8vw,58px);line-height:1.06}
.vdt .viox-solution-hero__media img{position:absolute;inset:0}
.vdt-hero-actions{display:flex;align-items:center;gap:24px}
.vdt-text-link{display:inline-flex;min-height:48px;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.vdt-text-link span,.vdt-family__link b,.vdt-guide-grid b{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.vdt-text-link:hover span,.vdt-text-link:focus-visible span,.vdt-family:hover .vdt-family__link b,.vdt-family:focus-within .vdt-family__link b,.vdt-guide-grid a:hover b,.vdt-guide-grid a:focus-visible b{transform:translateX(4px)}
.vdt-path,.vdt-families,.vdt-spec,.vdt-guides{padding:104px 0}
.vdt-heading{display:grid;grid-template-columns:minmax(0,.86fr) minmax(340px,1.14fr);gap:80px;align-items:start;margin-bottom:58px}
.vdt-heading h2,.vdt-spec h2{margin:0;color:var(--vdt-ink);font-size:clamp(32px,3.2vw,46px);line-height:1.14;letter-spacing:-.03em}
.vdt-heading p,.vdt-spec p{max-width:68ch;margin:0;color:var(--vdt-text);font-size:16px;line-height:1.75}
.vdt-system-map{position:relative;padding:38px 32px 32px;border:1px solid var(--vdt-line);background:#fff;overflow:hidden}
.vdt-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(420px,100%);margin:0 auto 36px}
.vdt-source{display:grid;grid-template-columns:50px minmax(0,1fr);gap:1px 14px;align-items:center;padding:14px 16px;border:1px solid var(--vdt-line);border-radius:0;background:#fff;color:var(--vdt-muted);font:inherit;text-align:left;appearance:none;cursor:pointer;transition:border-color .3s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),opacity .3s ease,transform .3s cubic-bezier(.16,1,.3,1)}
.vdt-source>span{grid-row:1 / span 2;width:50px;height:50px}
.vdt-source svg,.vdt-node__icon svg,.vdt-path-support svg,.vdt-zone-list svg{display:block;width:100%;height:100%}
.vdt-source strong{font-size:14px;line-height:1.35}
.vdt-source small{font-size:11px;line-height:1.45}
.vdt-system-map.is-normal .vdt-source--normal,.vdt-system-map.is-alternate .vdt-source--alternate{border-color:var(--vdt-red);background:#fff8f8;color:var(--vdt-ink)}
.vdt-system-map.is-normal .vdt-source--alternate,.vdt-system-map.is-alternate .vdt-source--normal{opacity:.48}
.vdt-source:hover{border-color:var(--vdt-red);background:#fff8f8;color:var(--vdt-ink);opacity:1!important;transform:translateY(-3px)}
.vdt-source:hover>span{color:var(--vdt-red)}
.vdt-source:focus-visible{outline:3px solid var(--vdt-red);outline-offset:3px;opacity:1!important}
.vdt-system-map .vdt-sources{position:static;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:104px}
.vdt-source{position:relative;z-index:1}
.vdt-source-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.vdt-route path{fill:none;stroke:#cbd3dc;stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.vdt-route circle{fill:var(--vdt-red);visibility:hidden}
.is-normal .vdt-route--normal path,.is-alternate .vdt-route--alternate path{stroke:var(--vdt-red)}
.is-normal .vdt-route--normal circle,.is-alternate .vdt-route--alternate circle{visibility:visible}
@media(max-width:760px){.vdt-system-map .vdt-source{grid-template-columns:1fr;gap:8px;padding:14px 10px;align-content:start}.vdt-system-map .vdt-source>span{grid-row:auto;width:44px;height:44px}.vdt-source strong{font-size:13px}.vdt-source small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.vdt-route circle{visibility:hidden!important}}
.vdt .vdt-icon-accent{stroke:var(--vdt-red)}
.vdt-main-path{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}
.vdt-main-path::before{position:absolute;top:47px;right:9%;left:9%;height:2px;background:var(--vdt-ink);content:""}
.vdt-main-path::after{position:absolute;top:43px;left:9%;width:10px;height:10px;border-radius:50%;background:var(--vdt-red);content:"";animation:vdt-current 5.8s cubic-bezier(.45,0,.55,1) infinite}
.vdt-node{position:relative;min-width:0}
.vdt-node a,.vdt-node>div{position:relative;z-index:1;display:flex;min-height:205px;flex-direction:column;align-items:center;padding:0 14px 20px;color:var(--vdt-ink);text-align:center;text-decoration:none}
.vdt-node__icon{display:block;width:96px;height:96px;padding:13px;border:1px solid var(--vdt-line);border-radius:6px;background:#fff;color:var(--vdt-ink);transition:border-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}
.vdt-node strong{margin-top:17px;font-size:18px;line-height:1.3}
.vdt-node span:last-child{max-width:23ch;margin-top:7px;color:var(--vdt-text);font-size:13px;line-height:1.55}
.vdt-node.is-system .vdt-node__icon{border-style:dashed;background:var(--vdt-cloud);color:#5c6874}
.vdt-node.is-system strong,.vdt-node.is-system span:last-child{color:#5c6874}
.vdt-node a:hover .vdt-node__icon,.vdt-node a:focus-visible .vdt-node__icon{border-color:var(--vdt-red);color:var(--vdt-red);transform:translateY(-4px)}
.vdt-node a:focus-visible{outline:3px solid var(--vdt-red);outline-offset:2px}
@keyframes vdt-current{0%,9%{left:9%;opacity:0}15%{opacity:1}84%{opacity:1}91%,100%{left:90%;opacity:0}}
.vdt-path-support{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;border-top:1px solid var(--vdt-line)}
.vdt-path-support a{display:grid;grid-template-columns:52px minmax(0,1fr);gap:3px 15px;padding:26px 28px;color:var(--vdt-ink);text-decoration:none}
.vdt-path-support a+a{border-left:1px solid var(--vdt-line)}
.vdt-path-support a>span{grid-row:1 / span 2;width:52px;height:52px;color:var(--vdt-ink);transition:color .3s ease}
.vdt-path-support strong{font-size:15px;line-height:1.35}
.vdt-path-support small{color:var(--vdt-text);font-size:12px;line-height:1.5}
.vdt-path-support a:hover>span,.vdt-path-support a:focus-visible>span{color:var(--vdt-red)}
.vdt-path-support a:focus-visible{outline:3px solid var(--vdt-red);outline-offset:-3px}
.vdt-path__note{margin:18px 0 0;color:var(--vdt-text);font-size:13px;line-height:1.7}
.vdt-families{background:var(--vdt-cloud)}
.vdt-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vdt-family{min-width:0;background:#fff}
.vdt-family>a{display:grid;grid-template-columns:minmax(120px,.72fr) minmax(0,1.28fr);height:100%;color:var(--vdt-ink);text-decoration:none}
.vdt-family__media{display:grid;min-height:280px;place-items:center;overflow:hidden;border:1px solid var(--vdt-line);border-right:0;background:#fff}
.vdt-family__media img{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.vdt-family__body{display:block;padding:28px 25px;border:1px solid var(--vdt-line)}
.vdt-family__body small{display:block;margin-bottom:10px;color:var(--vdt-red);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.vdt-family h3{margin:0;color:var(--vdt-ink);font-size:20px;line-height:1.35}
.vdt-family p{margin:12px 0 0;color:var(--vdt-text);font-size:13px;line-height:1.65}
.vdt-family__link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--vdt-red);font-size:13px;font-weight:700}
.vdt-family:hover img,.vdt-family:focus-within img{transform:scale(1.045)}
.vdt-family>a:focus-visible{outline:3px solid var(--vdt-red);outline-offset:4px}
.vdt-zones{padding:104px 0;background:var(--vdt-ink);color:#d7dee6}
.vdt-zones .vdt-heading h2{color:#fff}
.vdt-zones .vdt-heading p{color:#d7dee6}
.vdt-zone-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;margin:0}
.vdt-zone-list>div{padding:27px 0 31px;border-top:1px solid #4a535e}
.vdt-zone-list dt{display:flex;align-items:center;gap:15px;color:#fff;font-size:20px;font-weight:600;line-height:1.35}
.vdt-zone-list dt>span{width:48px;height:48px;color:#fff}
.vdt-zone-list dd{margin:12px 0 0 63px;color:#d7dee6;font-size:14px;line-height:1.7}
.vdt-spec{background:#fff}
.vdt-spec__grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:90px}
.vdt-spec p{margin-top:24px}
.vdt-spec-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:0}
.vdt-spec-list>div{padding:20px 0 23px;border-top:1px solid var(--vdt-line)}
.vdt-spec-list dt{color:var(--vdt-ink);font-size:17px;font-weight:600}
.vdt-spec-list dd{margin:7px 0 0;color:var(--vdt-text);font-size:14px;line-height:1.65}
.vdt-guides{background:var(--vdt-cloud)}
.vdt-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cbd3dc;border-left:1px solid #cbd3dc}
.vdt-guide-grid a{position:relative;display:flex;min-height:210px;flex-direction:column;padding:28px;border-right:1px solid #cbd3dc;border-bottom:1px solid #cbd3dc;color:var(--vdt-ink);text-decoration:none;transition:background-color .3s ease}
.vdt-guide-grid strong{font-size:18px;line-height:1.4}
.vdt-guide-grid span{margin-top:12px;color:var(--vdt-text);font-size:14px;line-height:1.65}
.vdt-guide-grid b{margin-top:auto;padding-top:20px;color:var(--vdt-red);font-size:20px}
.vdt-guide-grid a:hover{background:#fff}
.vdt-guide-grid a:focus-visible{outline:3px solid var(--vdt-red);outline-offset:-3px}
.vdt .viox-solution-cta h2,.vdt .viox-solution-cta p{color:#fff}
@media(max-width:1180px){.vdt-family>a{grid-template-columns:1fr}.vdt-family__media{min-height:220px;border-right:1px solid var(--vdt-line);border-bottom:0}.vdt-family__body{min-height:235px}}
@media(max-width:920px){.vdt-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vdt-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vdt-spec__grid{gap:50px}}
@media(max-width:760px){.vdt .viox-solution-hero h1{font-size:36px}.vdt-hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.vdt-path,.vdt-families,.vdt-zones,.vdt-spec,.vdt-guides{padding:64px 0}.vdt-heading,.vdt-spec__grid{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.vdt-system-map{padding:26px 20px}.vdt-sources{grid-template-columns:1fr;margin-bottom:28px}.vdt-main-path{grid-template-columns:1fr;padding-left:26px}.vdt-main-path::before{top:43px;bottom:43px;left:26px;width:2px;height:auto}.vdt-main-path::after{top:43px;left:22px;animation:none}.vdt-node{padding-bottom:8px}.vdt-node a,.vdt-node>div{display:grid;grid-template-columns:78px minmax(0,1fr);column-gap:18px;align-items:center;min-height:0;padding:8px 0 22px;text-align:left}.vdt-node__icon{grid-row:1 / span 2;width:78px;height:78px;padding:10px}.vdt-node strong{margin-top:0}.vdt-node span:last-child{margin-top:3px}.vdt-path-support{grid-template-columns:1fr;margin-top:12px}.vdt-path-support a{padding:20px 0}.vdt-path-support a+a{border-top:1px solid var(--vdt-line);border-left:0}.vdt-zone-list,.vdt-spec-list{grid-template-columns:1fr}.vdt-spec__grid{gap:36px}}
@media(max-width:560px){.vdt-family-grid,.vdt-guide-grid{grid-template-columns:1fr}.vdt-family>a{grid-template-columns:120px minmax(0,1fr)}.vdt-family__media{min-height:230px;border-right:0;border-bottom:1px solid var(--vdt-line)}.vdt-family__body{min-height:230px;padding:22px 18px}.vdt-family h3{font-size:18px}.vdt-guide-grid a{min-height:0}.vdt-zone-list dd{margin-left:0}}
@media(max-width:390px){.vdt-family>a{grid-template-columns:1fr}.vdt-family__media{min-height:220px;border-right:1px solid var(--vdt-line);border-bottom:0}.vdt-family__body{min-height:0}}
@media(prefers-reduced-motion:reduce){.vdt-main-path::after{animation:none}.vdt-source,.vdt-node__icon,.vdt-family__media img,.vdt-text-link span,.vdt-family__link b,.vdt-guide-grid b{transition:none!important}}