:root {
  --dv-ink: #101923;
  --dv-navy: #1d2933;
  --dv-slate: #52606e;
  --dv-orange: #ff6b00;
  --dv-orange-dark: #dc5d00;
  --dv-line: #dce2e7;
  --dv-soft: #f3f6f8;
  --dv-white: #fff;
  --dv-radius: 10px;
  --dv-shadow: 0 14px 35px rgba(16, 25, 35, .08);
  --dv-max: 1440px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--dv-ink); background: var(--dv-white); font-family: Inter, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.6; }
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
h1, h2, h3 { margin: 0 0 .65rem; line-height: 1.12; letter-spacing: -.025em; }
h1 { font-size: clamp(2.4rem, 4.6vw, 4.85rem); }
h2 { font-size: clamp(1.8rem, 2.7vw, 3rem); }
h3 { font-size: 1.18rem; }
p { margin: 0 0 1rem; color: var(--dv-slate); }
button, input, select, textarea { font: inherit; }
.screen-reader-text, .dv-skip-link { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.dv-skip-link:focus { top: 10px; left: 10px; z-index: 10000; width: auto; height: auto; padding: .65rem 1rem; clip: auto; background: #fff; }
.dv-container { width: min(calc(100% - 40px), var(--dv-max)); margin-inline: auto; }
.dv-eyebrow { margin-bottom: .55rem; color: var(--dv-orange); font-size: .82rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.dv-lead { font-size: 1.12rem; }

.dv-header { position: sticky; top: 0; z-index: 1000; color: #fff; background: rgba(25, 37, 47, .98); box-shadow: 0 5px 20px rgba(0, 0, 0, .12); }
.dv-header__inner { display: flex; min-height: 78px; align-items: center; gap: 2rem; }
.dv-brand { display: inline-flex; min-width: 186px; flex-direction: column; color: #fff; line-height: 1; }
.dv-brand > a { display: inline-flex; flex-direction: column; }
.dv-brand__name { font-size: 1.9rem; font-weight: 850; letter-spacing: -.06em; }
.dv-brand__name span { color: var(--dv-orange); font-style: italic; }
.dv-brand small { margin-top: .35rem; color: #b8c1c8; font-size: .59rem; letter-spacing: .13em; text-transform: uppercase; }
.custom-logo-link { display: inline-flex; align-items: center; }
.custom-logo { width: auto; max-height: 54px; }
.dv-nav { flex: 1; }
.dv-menu { display: flex; justify-content: center; gap: clamp(1rem, 2.4vw, 2.5rem); margin: 0; padding: 0; list-style: none; }
.dv-menu a { display: block; padding: 1.7rem 0; color: #eef2f5; font-size: .94rem; font-weight: 600; }
.dv-menu a:hover, .dv-menu .current-menu-item > a { color: var(--dv-orange); }
.dv-menu li { position: relative; }
.dv-menu .sub-menu { position: absolute; top: 100%; left: -.9rem; z-index: 20; display: none; min-width: 250px; margin: 0; padding: .65rem; border-top: 3px solid var(--dv-orange); border-radius: 0 0 8px 8px; background: var(--dv-navy); box-shadow: var(--dv-shadow); list-style: none; }
.dv-menu .sub-menu a { padding: .62rem .7rem; }
.dv-menu .sub-menu .sub-menu { top: -.65rem; left: calc(100% + .65rem); }
.dv-menu li:hover > .sub-menu, .dv-menu li:focus-within > .sub-menu { display: block; }
.dv-header__actions { display: flex; align-items: center; gap: 1.15rem; white-space: nowrap; }
.dv-language { color: #dbe1e5; font-size: .82rem; }
.dv-menu-toggle { display: none; width: 44px; height: 42px; padding: 10px; border: 0; background: transparent; }
.dv-menu-toggle > span:not(.screen-reader-text) { display: block; height: 2px; margin: 5px 0; background: #fff; }

.dv-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: .75rem 1.35rem; border: 2px solid var(--dv-orange); border-radius: 7px; color: #fff; background: var(--dv-orange); font-weight: 750; transition: .2s ease; }
.dv-button:hover { border-color: var(--dv-orange-dark); background: var(--dv-orange-dark); transform: translateY(-1px); }
.dv-button--small { min-height: 42px; padding: .55rem 1rem; font-size: .9rem; }
.dv-button--outline { color: var(--dv-orange); background: transparent; }
.dv-button--ghost { border-color: #687580; color: #fff; background: transparent; }
.dv-button--ghost:hover { border-color: #fff; background: rgba(255,255,255,.08); }
.dv-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.6rem; }
.dv-text-link { color: var(--dv-orange); font-weight: 750; }

.dv-hero { min-height: 590px; display: grid; align-items: center; overflow: hidden; background: linear-gradient(90deg, #fff 0%, #f7f9fa 55%, #e8edf0 100%); }
.dv-hero__grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 3rem; padding-block: 5rem; }
.dv-hero__copy > p:not(.dv-eyebrow) { max-width: 690px; font-size: 1.2rem; }
.dv-hero__visual { position: relative; min-height: 460px; isolation: isolate; }
.dv-hero__visual::before { position: absolute; inset: 8% 2% 5% 8%; z-index: -1; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.95), rgba(225,232,237,.25) 58%, transparent 72%); content: ""; }
.dv-hero-device { position: absolute; width: 78%; overflow: hidden; filter: drop-shadow(0 20px 20px rgba(16,25,35,.15)); }
.dv-hero-device img { display: block; width: 100%; mix-blend-mode: multiply; }
.dv-hero-device:nth-child(1) { top: -2%; right: -2%; }
.dv-hero-device:nth-child(2) { top: 35%; left: -4%; width: 60%; }
.dv-hero-device:nth-child(3) { right: 0; bottom: -4%; width: 55%; }
.dv-hero--dark { color: #fff; background: linear-gradient(125deg, #0f151b, #202b34); }
.dv-hero--dark p { color: #c5ced5; }
.dv-system-visual { display: grid; min-height: 360px; align-content: center; gap: 1.35rem; padding: 1.5rem; border: 1px solid #3c4852; border-radius: 14px; background: rgba(255,255,255,.025); }
.dv-system-row { display: flex; align-items: center; gap: .7rem; }
.dv-system-row span { min-width: 90px; padding: .85rem .65rem; border: 1px solid #687580; border-radius: 8px; color: #eef2f5; text-align: center; font-size: .8rem; font-weight: 700; }
.dv-system-row i { height: 1px; flex: 1; background: #687580; }
.dv-system-products { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; }
.dv-system-products img { width: 100%; aspect-ratio: 1.6; object-fit: contain; border-radius: 7px; background: #fff; }
.dv-system-visual--light { border-color: var(--dv-line); background: #fff; }
.dv-system-visual--light .dv-system-row span { border-color: #aeb9c1; color: var(--dv-ink); }
.dv-system-visual--light .dv-system-row i { background: #aeb9c1; }

.dv-page-hero { padding: 5rem 0 4.25rem; background: linear-gradient(110deg, #fff 0%, #f5f7f8 62%, #e2e8ec 100%); }
.dv-page-hero h1 { max-width: 980px; }
.dv-page-hero p:not(.dv-eyebrow) { max-width: 840px; font-size: 1.15rem; }
.dv-page-hero--dark { color: #fff; background: linear-gradient(120deg, #121c24, #25333e); }
.dv-page-hero--dark p { color: #ced7dd; }
.dv-breadcrumbs { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1.8rem; color: #6c7883; font-size: .85rem; }
.dv-breadcrumbs a { color: var(--dv-orange); }

.dv-section { padding: 5rem 0; }
.dv-section--tight { padding: 3.2rem 0; }
.dv-section--muted { background: var(--dv-soft); }
.dv-section--dark { color: #fff; background: linear-gradient(120deg, #131d25, #273640); }
.dv-section--dark p, .dv-section--dark span { color: #ccd4da; }
.dv-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.dv-section-heading > a { color: var(--dv-orange); font-weight: 750; }
.dv-category-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; }
.dv-category-card { position: relative; min-height: 285px; padding: 1.15rem; overflow: hidden; border: 1px solid var(--dv-line); border-radius: var(--dv-radius); background: #fff; transition: .2s ease; }
.dv-category-card:hover { border-color: var(--dv-orange); box-shadow: var(--dv-shadow); transform: translateY(-3px); }
.dv-category-card__image { display: grid; height: 92px; place-items: center; margin: -.25rem -.25rem .55rem; overflow: hidden; }
.dv-category-card__image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.dv-category-card__icon { display: inline-grid; width: 44px; height: 44px; place-items: center; margin-bottom: 1.2rem; border-radius: 8px; color: var(--dv-orange); background: #fff1e7; font-size: 1.4rem; }
.dv-category-card__image + .dv-category-card__icon { position: absolute; top: 1rem; left: 1rem; width: 34px; height: 34px; margin: 0; font-size: 1rem; box-shadow: 0 5px 12px rgba(16,25,35,.1); }
.dv-category-card p { font-size: .92rem; }
.dv-category-card strong { color: var(--dv-orange); font-size: .9rem; }

.dv-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.2rem; }
.dv-product-card { overflow: hidden; border: 1px solid var(--dv-line); border-radius: var(--dv-radius); background: #fff; transition: .2s ease; }
.dv-product-card:hover { box-shadow: var(--dv-shadow); transform: translateY(-3px); }
.dv-product-card__image { display: grid; aspect-ratio: 1.42; place-items: center; overflow: hidden; background: #f8fafb; }
.dv-product-card__image img { width: 100%; height: 100%; object-fit: contain; image-rendering: auto; }
.dv-product-card a { display: block; }
.dv-product-card__body { padding: 1.2rem; }
.dv-product-card h2 { min-height: 2.6em; font-size: 1.05rem; }
.dv-product-card h2 a:hover { color: var(--dv-orange); }
.dv-model { margin-bottom: .35rem; color: var(--dv-orange); font-size: .78rem; font-weight: 800; letter-spacing: .05em; }
.dv-badges { display: flex; flex-wrap: wrap; gap: .4rem; margin: .9rem 0 1.1rem; }
.dv-badges span { padding: .28rem .52rem; border-radius: 4px; color: #4d5963; background: #edf1f4; font-size: .74rem; font-weight: 700; }
.dv-badges--large { gap: .65rem; }
.dv-badges--large span { padding: .7rem .85rem; border: 1px solid #ffc79e; color: var(--dv-orange-dark); background: #fff7f1; font-size: .9rem; }

.dv-solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.dv-solution-card { padding: 1.5rem; border: 1px solid var(--dv-line); border-radius: var(--dv-radius); background: #fff; }
.dv-solution-card > span { color: var(--dv-orange); font-size: 1.4rem; }
.dv-solution-card--large { min-height: 230px; }
.dv-showroom-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.dv-showroom-grid--home { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dv-showroom-card { overflow: hidden; border: 1px solid var(--dv-line); border-radius: 14px; background: #fff; box-shadow: 0 10px 30px rgba(16,25,35,.06); transition: transform .2s ease, box-shadow .2s ease; }
.dv-showroom-card:hover { transform: translateY(-4px); box-shadow: var(--dv-shadow); }
.dv-showroom-card__body { padding: 1.5rem; }
.dv-showroom-card__body h2 { font-size: 1.65rem; }
.dv-showroom-card__body strong { color: var(--dv-orange); }
.dv-showroom-scene { --scene-glow: #ff7a1a; --scene-shadow: rgba(255,122,26,.32); position: relative; min-height: 390px; overflow: hidden; border: 1px solid #3b4852; border-radius: 14px; background: linear-gradient(145deg, #25323c, #101820 75%); isolation: isolate; }
.dv-showroom-scene::before { position: absolute; inset: -25% 15% 45%; z-index: -1; border-radius: 50%; background: var(--scene-shadow); filter: blur(35px); content: ""; }
.dv-showroom-scene.is-compact { min-height: 255px; border: 0; border-radius: 0; }
.dv-showroom-scene--operations { --scene-glow: #3f8cff; --scene-shadow: rgba(63,140,255,.32); }
.dv-showroom-scene--learning { --scene-glow: #38b98b; --scene-shadow: rgba(56,185,139,.3); }
.dv-showroom-scene--signage { --scene-glow: #b15cff; --scene-shadow: rgba(177,92,255,.3); }
.dv-showroom-scene--visualization { --scene-glow: #ff4f68; --scene-shadow: rgba(255,79,104,.3); }
.dv-showroom-scene--retail { --scene-glow: #ffb020; --scene-shadow: rgba(255,176,32,.3); }
.dv-showroom-scene--image { height: 390px; }
.dv-showroom-scene--image.is-compact { height: 255px; }
.dv-showroom-scene--image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dv-showroom-wall { position: absolute; top: 13%; left: 12%; right: 12%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.2%; z-index: 2; }
.dv-showroom-wall span { aspect-ratio: 16 / 10; border: 3px solid #6c7c88; border-radius: 4px; background: linear-gradient(145deg, var(--scene-glow), #101820 82%); box-shadow: 0 0 24px var(--scene-shadow), inset 0 0 0 1px rgba(255,255,255,.14); }
.dv-showroom-wall span:nth-child(2) { transform: translateY(-7%); }
.dv-showroom-console { position: absolute; left: 23%; right: 23%; bottom: 16%; z-index: 3; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5%; padding: 4.5% 7%; border: 1px solid #82909b; border-radius: 8px 8px 18px 18px; background: linear-gradient(#40505c, #17232c); transform: perspective(500px) rotateX(58deg); box-shadow: 0 18px 25px rgba(0,0,0,.4); }
.dv-showroom-console i { aspect-ratio: 16 / 10; border-radius: 3px; background: var(--scene-glow); box-shadow: 0 0 12px var(--scene-shadow); }
.dv-showroom-device { position: absolute; right: 7%; bottom: 9%; z-index: 4; display: flex; width: 112px; height: 48px; align-items: center; justify-content: center; gap: .4rem; border: 1px solid #667580; border-radius: 5px; color: #fff; background: #121b22; box-shadow: 0 10px 18px rgba(0,0,0,.35); }
.dv-showroom-device b { color: var(--scene-glow); }
.dv-showroom-device small { font-size: .52rem; letter-spacing: .08em; }
.dv-showroom-floor { position: absolute; inset: 55% -12% -35%; z-index: -1; background: repeating-linear-gradient(90deg, transparent 0 12%, rgba(255,255,255,.055) 12.3% 12.6%), repeating-linear-gradient(0deg, transparent 0 18%, rgba(255,255,255,.055) 18.3% 18.6%); transform: perspective(380px) rotateX(58deg); }
.dv-solution-hero { padding: 3rem 0 4.5rem; color: #fff; background: linear-gradient(125deg, #111b23, #25343f); }
.dv-solution-hero p { color: #cbd4da; }
.dv-solution-hero__grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 3rem; }
.dv-showroom-intro { display: grid; grid-template-columns: .8fr 1.2fr; gap: 4rem; align-items: start; }
.dv-topology { display: flex; align-items: stretch; gap: .7rem; margin-top: 2.25rem; overflow-x: auto; padding: .2rem 0 1rem; }
.dv-topology__node { display: flex; min-width: 150px; min-height: 112px; flex: 1 0 150px; flex-direction: column; justify-content: space-between; padding: 1rem; border: 1px solid #53626e; border-radius: 9px; background: rgba(255,255,255,.055); }
.dv-topology__node small { color: var(--dv-orange); font-weight: 800; }
.dv-topology__node strong { color: #fff; font-size: .9rem; }
.dv-topology__line { display: grid; min-width: 34px; place-items: center; }
.dv-topology__line i { position: relative; display: block; width: 100%; height: 1px; background: #71808b; }
.dv-topology__line i::after { position: absolute; top: -4px; right: 0; width: 8px; height: 8px; border-top: 1px solid #71808b; border-right: 1px solid #71808b; content: ""; transform: rotate(45deg); }
.dv-topology-image { overflow: hidden; margin: 2.25rem 0 0; border: 1px solid #53626e; border-radius: 14px; background: #fff; }
.dv-topology-image img { display: block; width: 100%; height: auto; }
.dv-solution-topology { background: #fff; }
.dv-solution-topology .dv-section-heading { margin-bottom: 0; }
.dv-solution-topology .dv-topology__node { border-color: #d6dde2; background: #f5f7f9; box-shadow: 0 8px 24px rgba(16,25,35,.05); }
.dv-solution-topology .dv-topology__node strong { color: var(--dv-navy); }
.dv-solution-topology .dv-topology__line i { background: var(--dv-orange); }
.dv-solution-topology .dv-topology__line i::after { border-color: var(--dv-orange); }
.dv-solution-topology + #recommended-products { border-top: 1px solid var(--dv-line); }
.dv-why-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 4rem; align-items: center; }
.dv-feature-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.dv-feature-list > div { display: flex; flex-direction: column; gap: .35rem; padding: 1.2rem; border-left: 2px solid var(--dv-orange); }
.dv-feature-list--cards { grid-template-columns: repeat(2, 1fr); }
.dv-feature-list--cards > div { border: 1px solid var(--dv-line); border-left: 4px solid var(--dv-orange); border-radius: var(--dv-radius); }
.dv-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 2rem; }
.dv-process > div { padding: 1.4rem; border: 1px solid var(--dv-line); border-radius: var(--dv-radius); background: #fff; }
.dv-process b { display: grid; width: 34px; height: 34px; place-items: center; margin-bottom: 1rem; border-radius: 50%; color: #fff; background: var(--dv-orange); }
.dv-process--seven { grid-template-columns: repeat(7, 1fr); }
.dv-process--seven > div { padding: 1rem; }
.dv-process--seven h3 { font-size: .95rem; }
.dv-feature-list--four { grid-template-columns: repeat(4, 1fr); }
.dv-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 2rem; border: 1px solid #cfd7dd; background: #cfd7dd; }
.dv-stat-grid article { padding: 1.7rem 1.2rem; background: #fff; }
.dv-stat-grid strong, .dv-stat-grid span { display: block; }
.dv-stat-grid strong { margin-bottom: .35rem; font-size: 1.55rem; }
.dv-stat-grid span { color: var(--dv-slate); font-size: .85rem; }

.dv-cta { padding: 1.7rem 0; color: #fff; background: linear-gradient(105deg, #15202a, #26343e); }
.dv-cta .dv-container { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.dv-cta h2 { margin-bottom: .2rem; font-size: 1.7rem; }
.dv-cta p { margin: 0; color: #cbd4da; }

.dv-product-browser { padding: 3.4rem 0 5rem; }
.dv-browser-bar { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.dv-search input, .dv-resource-search input { width: min(460px, 80vw); min-height: 48px; padding: .65rem 1rem; border: 1px solid #cbd3d9; border-radius: 7px; background: #fff; }
.dv-empty-state { grid-column: 1 / -1; padding: 3rem; border: 1px dashed #bcc7cf; border-radius: var(--dv-radius); text-align: center; }
.nav-links { display: flex; gap: .4rem; justify-content: center; margin-top: 2rem; }
.page-numbers { padding: .5rem .8rem; border: 1px solid var(--dv-line); border-radius: 5px; }
.page-numbers.current { color: #fff; background: var(--dv-orange); }

.dv-product-hero { padding: 2rem 0 4rem; background: linear-gradient(110deg, #fff, #f4f7f8); }
.dv-product-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 4rem; align-items: center; }
.dv-gallery__main { display: grid; min-height: 480px; place-items: center; overflow: hidden; border: 1px solid var(--dv-line); border-radius: var(--dv-radius); background: #fff; }
.dv-gallery__main img { width: 100%; height: 100%; max-height: 560px; object-fit: contain; }
.dv-gallery__thumbs { display: flex; gap: .6rem; margin-top: .8rem; }
.dv-gallery__thumbs button { width: 82px; height: 64px; padding: 0; overflow: hidden; border: 1px solid var(--dv-line); background: #fff; cursor: pointer; }
.dv-gallery__thumbs img { width: 100%; height: 100%; object-fit: cover; }
.dv-product-summary h1 { font-size: clamp(2.3rem, 4vw, 4rem); }
.dv-product-tabs { position: sticky; top: 78px; z-index: 50; border-block: 1px solid var(--dv-line); background: rgba(255,255,255,.96); backdrop-filter: blur(10px); }
.dv-product-tabs .dv-container { display: flex; gap: .35rem; padding-block: .45rem; overflow-x: auto; scrollbar-width: thin; }
.dv-product-tabs a { flex: 0 0 auto; padding: .45rem .75rem; border-radius: 6px; color: #4d5963; font-size: .86rem; font-weight: 700; line-height: 1.25; white-space: nowrap; transition: color .18s ease, background-color .18s ease; }
.dv-product-tabs a:hover, .dv-product-tabs a:focus-visible { color: var(--dv-orange-dark); background: #fff1e7; }
.dv-two-column { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem; }
.dv-check-list { margin: 0; padding: 0; list-style: none; }
.dv-check-list li { position: relative; padding: .45rem 0 .45rem 1.8rem; }
.dv-check-list li::before { position: absolute; left: 0; color: var(--dv-orange); content: "✓"; font-weight: 900; }
.dv-product-content-narrow { max-width: 1000px; }
.dv-check-list--cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.dv-check-list--cards li { min-height: 64px; padding: 1rem 1rem 1rem 3rem; border: 1px solid var(--dv-line); border-radius: 9px; background: #fff; }
.dv-check-list--cards li::before { top: 1rem; left: 1rem; }
.dv-spec-table { overflow: hidden; border: 1px solid var(--dv-line); border-radius: var(--dv-radius); background: #fff; }
.dv-spec-table > div { display: grid; grid-template-columns: minmax(180px, .35fr) 1fr; border-bottom: 1px solid var(--dv-line); }
.dv-spec-table > div:last-child { border-bottom: 0; }
.dv-spec-table strong, .dv-spec-table span { padding: .85rem 1rem; }
.dv-spec-table strong { background: #e9eef1; }
.dv-transmission-hero { background: linear-gradient(145deg, #f7fafc, #fff 58%, #fff5ec); }
.dv-transmission-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin: 1.5rem 0; }
.dv-transmission-metrics span { padding: .85rem 1rem; border: 1px solid #dfe5e9; border-radius: 9px; background: #fff; box-shadow: 0 7px 20px rgba(16,25,35,.045); }
.dv-transmission-metrics strong { color: var(--dv-navy); font-size: .92rem; }
.dv-transmission-highlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.dv-transmission-highlights article { display: flex; min-height: 126px; flex-direction: column; justify-content: space-between; padding: 1.25rem; border: 1px solid var(--dv-line); border-radius: 11px; background: #fff; }
.dv-transmission-highlights small { color: #687580; font-weight: 700; }
.dv-transmission-highlights strong { color: var(--dv-navy); font-size: 1.2rem; line-height: 1.3; }
.dv-callout { margin-top: 1rem; padding: 1.2rem 1.4rem; border-left: 3px solid var(--dv-orange); border-radius: 0 9px 9px 0; background: #fff; }
.dv-callout p { margin: .35rem 0 0; }
.dv-interface-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 2rem; }
.dv-interface-grid > article { overflow: hidden; border: 1px solid var(--dv-line); border-radius: 13px; background: #fff; box-shadow: 0 12px 32px rgba(16,25,35,.06); }
.dv-interface-grid header { display: flex; align-items: center; gap: 1rem; padding: 1.2rem 1.35rem; color: #fff; background: var(--dv-navy); }
.dv-interface-grid header > span { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; color: var(--dv-orange); font-weight: 900; }
.dv-interface-grid header small { color: #bfcbd3; }
.dv-interface-grid header h3 { margin: .1rem 0 0; color: #fff; }
.dv-interface-grid article > div { display: grid; grid-template-columns: minmax(110px, .35fr) 1fr; gap: 1rem; padding: .9rem 1.35rem; border-top: 1px solid var(--dv-line); }
.dv-interface-grid article > div p { margin: 0; }
.dv-transmission-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: .8rem; margin-top: 2.2rem; }
.dv-transmission-flow span { display: flex; min-height: 104px; flex-direction: column; align-items: center; justify-content: center; gap: .4rem; padding: 1rem; border: 1px solid #53626e; border-radius: 10px; color: #fff; background: rgba(255,255,255,.06); text-align: center; }
.dv-transmission-flow span b { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; color: #fff; background: var(--dv-orange); }
.dv-transmission-flow > i { position: relative; color: #bfcbd3; font-size: .72rem; font-style: normal; text-align: center; }
.dv-transmission-flow > i::after { display: block; width: 54px; height: 2px; margin-top: .45rem; background: var(--dv-orange); content: ""; }
.dv-control-lane { display: flex; justify-content: center; gap: .65rem; margin-top: 1rem; }
.dv-control-lane span { padding: .4rem .75rem; border: 1px solid #53626e; border-radius: 999px; color: #dfe6eb; font-size: .78rem; }
.dv-transmission-diagram-image { overflow: hidden; margin: 2rem 0 0; border-radius: 12px; background: #fff; }
.dv-transmission-diagram-image img { display: block; width: 100%; height: auto; }
.dv-package-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 0; padding: 0; list-style: none; counter-reset: package; }
.dv-package-list li { position: relative; min-height: 58px; padding: 1rem 1rem 1rem 3.4rem; border: 1px solid var(--dv-line); border-radius: 9px; background: #fff; counter-increment: package; }
.dv-package-list li::before { position: absolute; top: .8rem; left: .85rem; display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #fff; background: var(--dv-orange); content: counter(package, decimal-leading-zero); font-size: .7rem; font-weight: 800; }
.dv-downloads { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.dv-downloads a { padding: 1.2rem; border: 1px solid var(--dv-line); border-radius: 7px; color: var(--dv-orange); background: #fff; font-weight: 750; }

.dv-resource-search { display: block; margin-bottom: 1.5rem; }
.dv-resource-search input { width: 100%; }
.dv-resource-table { overflow-x: auto; border: 1px solid var(--dv-line); border-radius: var(--dv-radius); }
.dv-resource-row { display: grid; min-width: 760px; grid-template-columns: 2fr 1fr 1.4fr .8fr; align-items: center; border-bottom: 1px solid var(--dv-line); }
.dv-resource-row:last-child { border-bottom: 0; }
.dv-resource-row > * { padding: .85rem 1rem; }
.dv-resource-row > a { color: var(--dv-orange); font-weight: 700; }
.dv-resource-row--head { background: #e8edf0; }

.dv-contact-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1.5rem; }
.dv-form-panel, .dv-contact-aside article { padding: 1.5rem; border: 1px solid var(--dv-line); border-radius: var(--dv-radius); background: #fff; }
.dv-inquiry-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.dv-inquiry-form label { display: flex; flex-direction: column; gap: .35rem; color: #303b45; font-weight: 650; }
.dv-inquiry-form input, .dv-inquiry-form select, .dv-inquiry-form textarea { width: 100%; padding: .72rem .8rem; border: 1px solid #c8d0d7; border-radius: 6px; background: #fff; }
.dv-inquiry-form input:focus, .dv-inquiry-form select:focus, .dv-inquiry-form textarea:focus { outline: 3px solid rgba(255,107,0,.18); border-color: var(--dv-orange); }
.dv-inquiry-form .dv-consent { flex-direction: row; align-items: flex-start; font-weight: 500; }
.dv-inquiry-form .dv-consent input { width: auto; margin-top: .35rem; }
.dv-form-full { grid-column: 1 / -1; }
.dv-file-field { padding: 1rem; border: 1px dashed #aeb8c2; border-radius: 7px; background: #f8fafb; }
.dv-file-field small { color: var(--dv-slate); font-weight: 500; }
.dv-contact-aside { display: grid; gap: 1rem; }
.dv-contact-aside article { display: flex; gap: 1rem; }
.dv-contact-aside article > span { color: var(--dv-orange); font-size: 1.8rem; }
.dv-alert { margin: 1rem 0; padding: .8rem 1rem; border-radius: 6px; }
.dv-alert--success { color: #125b31; background: #e4f7eb; }
.dv-alert--error { color: #8b231f; background: #ffebe9; }

.dv-article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; }
.dv-article-card { padding: 1.5rem; border: 1px solid var(--dv-line); border-radius: var(--dv-radius); }
.dv-article-single { padding: 4rem 0 5rem; }
.dv-article-single__inner { max-width: 900px; }
.dv-article-single h1 { font-size: clamp(2.4rem, 4vw, 4.2rem); }
.dv-article-meta { margin-bottom: 2rem; }
.dv-article-cover { margin: 2rem 0; overflow: hidden; border-radius: var(--dv-radius); }
.dv-article-cover img { display: block; width: 100%; }
.dv-case-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.2rem; }
.dv-case-card { padding: 1.5rem; border: 1px solid var(--dv-line); border-radius: var(--dv-radius); background: #fff; }
.dv-case-library { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.dv-case-library__card { overflow: hidden; border: 1px solid var(--dv-line); border-radius: 14px; background: #fff; box-shadow: 0 10px 28px rgba(16,25,35,.06); transition: transform .2s ease, box-shadow .2s ease; }
.dv-case-library__card:hover { transform: translateY(-4px); box-shadow: var(--dv-shadow); }
.dv-case-library__card > a > div:last-child { padding: 1.5rem; }
.dv-case-library__card h2 { font-size: 1.55rem; }
.dv-case-library__card strong { color: var(--dv-orange); }
.dv-case-scene { overflow: hidden; border: 1px solid var(--dv-line); border-radius: 14px; background: #edf2f6; box-shadow: var(--dv-shadow); }
.dv-case-scene img { display: block; width: 100%; height: auto; }
.dv-case-scene.is-compact { height: 280px; border: 0; border-radius: 0; box-shadow: none; }
.dv-case-scene.is-compact img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.dv-case-detail-hero { padding: 3rem 0 4rem; background: linear-gradient(110deg, #fff, #eef4f8); }
.dv-case-detail-hero h1 { max-width: 1000px; }
.dv-case-detail-hero .dv-lead { max-width: 850px; }
.dv-case-feature { padding: 2rem 0 4rem; background: #f7f9fb; }
.dv-case-caption { margin: .8rem 0 0; font-size: .8rem; text-align: center; }
.dv-benefit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 2rem; }
.dv-benefit-grid article { display: flex; gap: 1rem; padding: 1.25rem; border: 1px solid var(--dv-line); border-radius: 10px; background: #fff; }
.dv-benefit-grid article > span { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 50%; color: #fff; background: #147efb; font-size: .76rem; font-weight: 800; }
.dv-benefit-grid h3 { margin-bottom: .3rem; }
.dv-benefit-grid p { margin: 0; }
.dv-mini-topology { display: flex; align-items: center; gap: .6rem; min-height: 120px; margin: -1.5rem -1.5rem 1.3rem; padding: 1.5rem; border-radius: var(--dv-radius) var(--dv-radius) 0 0; background: #17222b; }
.dv-mini-topology span { padding: .65rem; border: 1px solid #66737e; border-radius: 6px; color: #fff; font-size: .75rem; }
.dv-mini-topology i { height: 1px; flex: 1; background: #66737e; }
.dv-finder-layout { display: grid; grid-template-columns: 300px 1fr; gap: 2rem; align-items: start; }
.dv-finder-panel { position: sticky; top: 100px; display: grid; gap: 1rem; padding: 1.4rem; border: 1px solid var(--dv-line); border-radius: var(--dv-radius); background: #fff; }
.dv-finder-panel label { display: grid; gap: .4rem; color: #303b45; font-weight: 700; }
.dv-finder-panel input, .dv-finder-panel select { width: 100%; padding: .7rem; border: 1px solid #c8d0d7; border-radius: 6px; }
.dv-product-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dv-compare-wrap { overflow-x: auto; border: 1px solid var(--dv-line); border-radius: var(--dv-radius); }
.dv-compare-table { width: 100%; min-width: 800px; border-collapse: collapse; background: #fff; }
.dv-compare-table th, .dv-compare-table td { padding: .9rem 1rem; border-right: 1px solid var(--dv-line); border-bottom: 1px solid var(--dv-line); text-align: left; }
.dv-compare-table thead th { color: #fff; background: #17222b; }
.dv-compare-table tbody th { background: #edf1f4; }
.dv-requirement-list { display: grid; gap: .7rem; }
.dv-requirement-list article { padding: 1rem; border: 1px solid var(--dv-line); border-radius: 8px; background: #fff; }
.dv-requirement-list p { margin: 0; }
.dv-sitemap-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.dv-sitemap-grid article { display: flex; flex-direction: column; gap: .55rem; padding: 1.4rem; border: 1px solid var(--dv-line); border-radius: var(--dv-radius); background: #fff; }
.dv-sitemap-grid h2 { font-size: 1.25rem; }
.dv-sitemap-grid a { color: var(--dv-slate); border-bottom: 1px dashed var(--dv-line); }
.dv-sitemap-grid a:hover { color: var(--dv-orange); }
.dv-richtext { max-width: 900px; }
.dv-richtext > * + * { margin-top: 1.1rem; }

.dv-footer { padding: 3.5rem 0 1rem; color: #dce3e8; background: #111a22; }
.dv-footer p { color: #aeb9c1; }
.dv-footer__grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 3rem; }
.dv-footer h2 { font-size: 1rem; }
.dv-footer__grid > div { display: flex; flex-direction: column; gap: .55rem; }
.dv-footer a:hover { color: var(--dv-orange); }
.dv-footer__bottom { display: flex; justify-content: space-between; gap: 2rem; margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid #34414b; color: #9facb6; font-size: .8rem; }

@media (max-width: 1100px) {
  .dv-header__inner { gap: 1rem; }
  .dv-menu { gap: 1rem; }
  .dv-header__actions .dv-language { display: none; }
  .dv-category-grid { grid-template-columns: repeat(3, 1fr); }
  .dv-product-grid { grid-template-columns: repeat(3, 1fr); }
  .dv-process--seven { grid-template-columns: repeat(4, 1fr); }
  .dv-showroom-grid--home { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .dv-container { width: min(calc(100% - 28px), var(--dv-max)); }
  .dv-header__inner { min-height: 68px; }
  .dv-menu-toggle { display: block; margin-left: auto; }
  .dv-nav { position: absolute; top: 100%; left: 0; width: 100%; display: none; padding: .7rem 20px 1rem; background: var(--dv-navy); }
  .dv-nav.is-open { display: block; }
  .dv-menu { display: block; }
  .dv-menu a { padding: .75rem 0; }
  .dv-menu .sub-menu, .dv-menu .sub-menu .sub-menu { position: static; display: block; margin-left: 1rem; padding: 0 0 0 .8rem; border: 0; border-left: 1px solid #4a5964; box-shadow: none; }
  .dv-header__actions { display: none; }
  .dv-hero__grid, .dv-product-hero__grid, .dv-two-column, .dv-contact-grid, .dv-why-grid, .dv-finder-layout, .dv-solution-hero__grid, .dv-showroom-intro { grid-template-columns: 1fr; }
  .dv-hero { min-height: auto; }
  .dv-hero__grid { padding-block: 3.5rem; }
  .dv-hero__visual { min-height: 340px; }
  .dv-category-grid, .dv-product-grid, .dv-solution-grid, .dv-article-grid { grid-template-columns: repeat(2, 1fr); }
  .dv-feature-list, .dv-process { grid-template-columns: repeat(2, 1fr); }
  .dv-gallery__main { min-height: 330px; }
  .dv-product-tabs { top: 68px; }
  .dv-footer__grid { grid-template-columns: repeat(2, 1fr); }
  .dv-finder-panel { position: static; }
  .dv-stat-grid, .dv-feature-list--four, .dv-sitemap-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  h1 { font-size: 2.25rem; }
  .dv-brand { min-width: 150px; }
  .dv-category-grid, .dv-product-grid, .dv-solution-grid, .dv-showroom-grid, .dv-article-grid, .dv-feature-list, .dv-feature-list--cards, .dv-process, .dv-downloads, .dv-inquiry-form, .dv-stat-grid, .dv-case-grid, .dv-case-library, .dv-benefit-grid, .dv-sitemap-grid { grid-template-columns: 1fr; }
  .dv-form-full { grid-column: auto; }
  .dv-hero__visual { min-height: 270px; }
  .dv-hero-device { width: 82%; }
  .dv-section { padding: 3.5rem 0; }
  .dv-section-heading, .dv-browser-bar, .dv-cta .dv-container, .dv-footer__bottom { align-items: flex-start; flex-direction: column; }
  .dv-spec-table > div { grid-template-columns: 1fr; }
  .dv-spec-table strong { border-bottom: 1px solid var(--dv-line); }
	.dv-check-list--cards { grid-template-columns: 1fr; }
	.dv-transmission-highlights, .dv-interface-grid { grid-template-columns: 1fr; }
	.dv-transmission-flow { grid-template-columns: 1fr; }
	.dv-transmission-flow > i::after { width: 2px; height: 32px; margin: .45rem auto 0; }
	.dv-package-list { grid-template-columns: 1fr; }
  .dv-footer__grid { grid-template-columns: 1fr; }
  .dv-product-tabs .dv-container { width: 100%; padding-inline: 14px; }
  .dv-product-tabs a { padding: .42rem .65rem; font-size: .82rem; }
  .dv-showroom-scene { min-height: 280px; }
  .dv-showroom-scene.is-compact { min-height: 220px; }
  .dv-showroom-scene--image { height: 280px; }
  .dv-showroom-scene--image.is-compact { height: 220px; }
  .dv-case-scene.is-compact { height: 220px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}