.via { --via-red:#d71920; --via-ink:#1b2027; --via-text:#3b4652; --via-muted:#687482; --via-line:#e1e6ec; --via-cloud:#f5f7fa; }
.via [hidden]{display:none!important}
.via-explorer{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border:1px solid var(--via-line)}
.via-machine{position:relative;align-self:start;margin-top:60px;color:var(--via-ink)}
.via-machine>svg{display:block;width:100%;height:auto}
.via-hotspot{position:absolute;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;max-width:180px;padding:10px 14px;border:1px solid #cbd3dc;border-radius:4px;background:#fff;color:var(--via-ink);font:600 12px/1.4 Poppins,sans-serif;cursor:pointer;transition:background .2s,color .2s;transform:translate(-50%,-50%)}
.via-hotspot>span{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--via-red)}
.via-hotspot:hover,.via-hotspot[aria-pressed=true]{background:var(--via-ink);color:#fff;border-color:var(--via-ink)}
.via-hotspot:focus-visible{outline:3px solid var(--via-red);outline-offset:3px}
.via-hotspot--sense{left:18%;top:22%}.via-hotspot--switch{left:58%;top:71%}.via-hotspot--time{left:65%;top:10%}.via-hotspot--climate{left:81%;top:43%}
.via-details{padding:32px;border-left:1px solid var(--via-line);background:var(--via-cloud);min-width:0}
.via-detail-image{display:flex;align-items:center;justify-content:center;height:230px;margin-bottom:24px;background:#fff;border:1px solid var(--via-line)}
.via-detail-image img{width:100%;height:100%;object-fit:contain}
.via-detail h3{margin:0 0 12px;font-size:26px;line-height:1.25;color:var(--via-ink)}
.via-detail p{margin:0 0 14px;font-size:14px;line-height:1.7;color:var(--via-text)}
.via-detail .via-detail-name{font-weight:600;color:var(--via-ink)}
.via-detail .via-range-link{margin-top:0;color:var(--via-red)}
@media(max-width:760px){.via-explorer{grid-template-columns:1fr}.via-machine{margin-top:16px}.via-hotspots{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 24px}.via-hotspot{position:static;transform:none;max-width:none;min-height:48px;padding:10px 8px}.via-details{border-left:0;border-top:1px solid var(--via-line);padding:24px}.via-detail-image{height:220px}.via-detail h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.via-hotspot{transition:none}}
.via .viox-solution-hero h1 { max-width: 13ch; font-size: clamp(42px,4.3vw,64px); line-height:1.06; }
.via .viox-solution-hero__media img { position:absolute; inset:0; }
.via-hero-actions { display:flex; align-items:center; gap:24px; }
.via-text-link { display:inline-flex; align-items:center; gap:8px; min-height:48px; color:#fff; font-size:14px; font-weight:700; text-decoration:none; }
.via-text-link span,.via-range-link span { transition:transform .3s cubic-bezier(.16,1,.3,1); }
.via-text-link:hover span,.via-text-link:focus-visible span,.via-range-link:hover span,.via-range-link:focus-visible span { transform:translateX(4px); }
.via-flow,.via-products,.via-spec { padding:104px 0; }
.via-heading { display:grid; grid-template-columns:minmax(0,.86fr) minmax(340px,1.14fr); gap:80px; align-items:start; margin-bottom:58px; }
.via-heading h2,.via-spec h2 { margin:0; color:var(--via-ink); font-size:clamp(32px,3.2vw,46px); line-height:1.14; letter-spacing:-.03em; }
.via-heading p,.via-spec p { max-width:68ch; margin:0; color:var(--via-text); font-size:16px; line-height:1.75; }
.via-chain { position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:0; padding:0; list-style:none; }
.via-chain::before { position:absolute; top:54px; right:9%; left:9%; height:1px; background:var(--via-red); content:""; }
.via-chain::after { position:absolute; top:49px; left:9%; width:11px; height:11px; border-radius:50%; background:var(--via-red); content:""; animation:via-signal 5.8s cubic-bezier(.45,0,.55,1) infinite; }
.via-chain li { position:relative; min-width:0; }
.via-chain a,.via-chain li>div { position:relative; z-index:1; display:flex; min-height:235px; flex-direction:column; align-items:center; padding:0 20px 24px; color:var(--via-ink); text-align:center; text-decoration:none; }
.via-chain__icon { display:block; width:108px; height:108px; padding:14px; border:1px solid var(--via-line); border-radius:6px; background:#fff; color:var(--via-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); }
.via-chain__icon svg,.via-support__items svg { display:block; width:100%; height:100%; }
.via .via-icon-accent { stroke:var(--via-red); }
.via-chain strong { margin-top:20px; color:var(--via-ink); font-size:19px; line-height:1.25; }
.via-chain li span:last-child { max-width:22ch; margin-top:8px; color:var(--via-text); font-size:14px; line-height:1.55; }
.via-chain .is-system .via-chain__icon { border-style:dashed; background:var(--via-cloud); color:#596571; }
.via-chain .is-system strong,.via-chain .is-system span:last-child { color:#596571; }
.via-chain a:hover .via-chain__icon,.via-chain a:focus-visible .via-chain__icon { border-color:var(--via-red); color:var(--via-red); transform:translateY(-5px); }
.via-chain a:focus-visible { outline:3px solid var(--via-red); outline-offset:2px; }
.via-flow__note { margin:18px 0 0; padding-top:22px; border-top:1px solid var(--via-line); color:var(--via-text); font-size:13px; line-height:1.7; }
.via-support { display:grid; grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr); gap:70px; align-items:start; margin-top:64px; padding-top:38px; border-top:1px solid #cbd3dc; }
.via-support h3 { margin:0; color:var(--via-ink); font-size:25px; line-height:1.25; }
.via-support__items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.via-support__items a { display:grid; grid-template-columns:54px minmax(0,1fr); gap:5px 16px; min-width:0; padding:4px 24px; color:var(--via-ink); text-decoration:none; }
.via-support__items a+a { border-left:1px solid var(--via-line); }
.via-support__items a>span { grid-row:1 / span 2; width:54px; height:54px; color:var(--via-ink); transition:color .3s cubic-bezier(.16,1,.3,1); }
.via-support__items strong { font-size:16px; line-height:1.4; }
.via-support__items small { color:var(--via-text); font-size:13px; line-height:1.55; }
.via-support__items a:hover>span,.via-support__items a:focus-visible>span { color:var(--via-red); }
.via-support__items a:focus-visible { outline:3px solid var(--via-red); outline-offset:4px; }
@keyframes via-signal { 0%,10%{left:9%;opacity:0} 16%{opacity:1} 84%{opacity:1} 90%,100%{left:90%;opacity:0} }
.via-tasks { padding:104px 0; background:var(--via-ink); color:#d7dee6; }
.via-tasks .via-heading h2 { color:#fff; }
.via-tasks .via-heading p { color:#d7dee6; }
.via-task-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 70px; margin:0; }
.via-task-list>div { padding:27px 0 30px; border-top:1px solid #4a535e; }
.via-task-list dt { color:#fff; font-size:20px; font-weight:600; line-height:1.35; }
.via-task-list dd { margin:10px 0 0; color:#d7dee6; font-size:15px; line-height:1.7; }
.via-products { background:var(--via-cloud); }
.via-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.via-product { min-width:0; background:#fff; }
.via-product>a { display:block; height:100%; color:var(--via-ink); text-decoration:none; }
.via-product__media { display:grid; aspect-ratio:1/1; place-items:center; overflow:hidden; border:1px solid var(--via-line); border-bottom:0; background:#fff; }
.via-product__media img { width:100%; height:100%; object-fit:contain; transition:transform .5s cubic-bezier(.16,1,.3,1); }
.via-product__body { display:block; min-height:170px; padding:24px; border:1px solid var(--via-line); border-top:0; }
.via-product__body small { display:block; margin-bottom:10px; color:var(--via-red); font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.via-product h3 { margin:0; color:var(--via-ink); font-size:18px; line-height:1.45; }
.via-product__link { display:inline-flex; align-items:center; gap:8px; margin-top:20px; color:var(--via-red); font-size:13px; font-weight:700; }
.via-product__link b { font-weight:700; transition:transform .3s cubic-bezier(.16,1,.3,1); }
.via-product:hover img,.via-product:focus-within img { transform:scale(1.045); }
.via-product:hover .via-product__link b,.via-product:focus-within .via-product__link b { transform:translateX(4px); }
.via-product>a:focus-visible { outline:3px solid var(--via-red); outline-offset:4px; }
.via-range-link { display:inline-flex; align-items:center; gap:8px; min-height:48px; margin-top:30px; color:var(--via-ink); font-size:14px; font-weight:700; text-decoration:none; }
.via-spec { background:#fff; }
.via-spec__grid { display:grid; grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr); gap:90px; }
.via-spec p { margin-top:24px; }
.via-spec__list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; margin:0; }
.via-spec__list>div { padding:20px 0 23px; border-top:1px solid var(--via-line); }
.via-spec__list dt { color:var(--via-ink); font-size:17px; font-weight:600; }
.via-spec__list dd { margin:7px 0 0; color:var(--via-text); font-size:14px; line-height:1.65; }
.via .viox-solution-cta h2,.via .viox-solution-cta p { color:#fff; }
@media(max-width:1100px){.via-chain a,.via-chain li>div{padding-inline:10px}.via-support{grid-template-columns:1fr;gap:28px}.via-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.via-spec__grid{gap:50px}}
@media(max-width:760px){.via .viox-solution-hero h1{font-size:38px}.via-hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.via-flow,.via-tasks,.via-products,.via-spec{padding:64px 0}.via-heading,.via-spec__grid{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.via-chain{grid-template-columns:1fr;padding-left:28px}.via-chain::before{top:44px;bottom:44px;left:28px;width:1px;height:auto}.via-chain::after{top:44px;left:23px;animation:none}.via-chain li{padding-bottom:10px}.via-chain a,.via-chain li>div{min-height:0;display:grid;grid-template-columns:82px minmax(0,1fr);column-gap:20px;align-items:center;padding:10px 0 24px;text-align:left}.via-chain__icon{grid-row:1 / span 2;width:82px;height:82px;padding:11px}.via-chain strong{margin-top:0;font-size:18px}.via-chain li span:last-child{margin-top:4px}.via-flow__note{margin-top:8px}.via-support{margin-top:44px}.via-support__items{grid-template-columns:1fr}.via-support__items a{padding:20px 0}.via-support__items a+a{border-top:1px solid var(--via-line);border-left:0}.via-task-list,.via-spec__list{grid-template-columns:1fr}.via-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.via-product__body{min-height:165px;padding:18px}.via-product h3{font-size:16px}.via-spec__grid{gap:36px}}
@media(max-width:480px){.via-product-grid{grid-template-columns:1fr}.via-product__body{min-height:0}.via-support__items a{grid-template-columns:48px minmax(0,1fr)}.via-support__items a>span{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.via-chain::after{animation:none}.via-chain__icon,.via-text-link span,.via-range-link span,.via-support__items a>span,.via-product__media img,.via-product__link b{transition:none!important}}