@font-face { font-family: 'Geist'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/geist-latin.woff2') format('woff2'); }
@font-face { font-family: 'Geist Mono'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/geist-mono-latin.woff2') format('woff2'); }
:root { --font-geist-sans: 'Geist'; --font-geist-mono: 'Geist Mono'; }

:root {
  --ink: #07101f;
  --ink-soft: #0a1526;
  --panel: #0e1a2c;
  --panel-light: #121f33;
  --line: rgba(145, 177, 220, 0.17);
  --muted: #91a2b9;
  --white: #f7f9fd;
  --blue: #1765ff;
  --cyan: #29c8ff;
  --green: #47dda0;
  --red: #ff4a5f;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; background: var(--ink); color: var(--white); font-family: var(--font-geist-sans), Arial, sans-serif; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
svg { stroke-width: 1.75; }

.site-header { height: 82px; padding: 0 clamp(24px, 5vw, 84px); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); position: absolute; z-index: 20; width: 100%; }
.brand img { width: 190px; height: auto; display: block; }
.site-header nav { display: flex; gap: clamp(22px, 3vw, 44px); color: #b6c2d4; font-size: 14px; }
.site-header nav a, footer a { transition: color .2s ease; }
.site-header nav a:hover, .site-header nav a:focus-visible, footer a:hover { color: white; }
.header-cta { display: flex; gap: 10px; align-items: center; color: white; border: 1px solid rgba(76, 143, 255, .55); padding: 11px 16px; border-radius: 4px; font-size: 13px; font-weight: 650; background: rgba(18,100,255,.08); }
.header-cta svg { width: 16px; transition: transform .2s; }
.header-cta:hover svg { transform: translateX(3px); }

.hero { min-height: 900px; padding: 165px clamp(24px, 5vw, 84px) 100px; position: relative; display: grid; grid-template-columns: minmax(470px, .85fr) minmax(560px, 1.15fr); align-items: center; gap: clamp(50px, 7vw, 120px); background: radial-gradient(circle at 70% 37%, rgba(18,100,255,.14), transparent 32%), linear-gradient(145deg, #07101f 0%, #07101f 68%, #09172a 100%); overflow: hidden; }
.hero:before { content: ""; position: absolute; width: 520px; height: 520px; border: 1px solid rgba(33,119,255,.14); border-radius: 50%; right: 13%; top: 16%; box-shadow: 0 0 0 92px rgba(33,119,255,.025), 0 0 0 184px rgba(33,119,255,.018); }
.hero-grid { position: absolute; inset: 0; opacity: .11; background-image: linear-gradient(rgba(100,150,220,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(100,150,220,.16) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to right, transparent, black 54%, transparent); }
.hero-copy, .hero-product { position: relative; z-index: 2; }
.eyebrow { color: #69a3ff; font-family: var(--font-geist-mono), monospace; text-transform: uppercase; letter-spacing: .18em; font-size: 11px; font-weight: 700; display: flex; align-items: center; gap: 10px; }
.hero .eyebrow span { width: 28px; height: 1px; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
h1 { font-size: clamp(54px, 5.6vw, 88px); letter-spacing: -.058em; line-height: .96; margin: 25px 0 28px; max-width: 760px; font-weight: 690; }
.hero-copy > p { color: #aebbd0; font-size: clamp(17px, 1.25vw, 21px); line-height: 1.65; max-width: 660px; margin: 0; }
.hero-actions { display: flex; align-items: center; gap: 30px; margin-top: 38px; }
.primary-button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; padding: 0 22px; color: white; background: linear-gradient(110deg, #0a55ed, #1478ff); border: 1px solid #448aff; border-radius: 4px; box-shadow: 0 12px 34px rgba(0,79,255,.25), inset 0 1px rgba(255,255,255,.18); font-weight: 680; font-size: 14px; transition: transform .2s, box-shadow .2s; }
.primary-button:hover { transform: translateY(-2px); box-shadow: 0 16px 38px rgba(0,79,255,.36); }
.primary-button svg { width: 18px; }
.text-link { color: #c6d0df; font-size: 14px; font-weight: 600; border-bottom: 1px solid #50617a; padding-bottom: 4px; }
.text-link span { color: var(--cyan); margin-left: 7px; }
.hero-proof { display: flex; gap: 22px; flex-wrap: wrap; color: #7689a2; margin-top: 34px; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.hero-proof span { display: flex; align-items: center; gap: 7px; }.hero-proof svg { width: 14px; color: var(--green); }

.hero-product { perspective: 1200px; }
.product-halo { position: absolute; width: 90%; height: 85%; inset: 7% 5%; filter: blur(70px); background: rgba(12,79,220,.21); border-radius: 50%; }
.capture-window { position: relative; border: 1px solid rgba(94,143,214,.42); background: #07101c; border-radius: 7px; overflow: hidden; box-shadow: 0 34px 80px rgba(0,0,0,.48), 0 0 0 7px rgba(90,135,205,.035); }
.capture-hero { transform: rotateY(-3deg) rotateX(1deg); }
.window-bar { height: 35px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; background: #101c2d; border-bottom: 1px solid #24364f; font: 650 7px var(--font-geist-mono), monospace; letter-spacing: .1em; color: #8ea1ba; }
.window-bar > div { display: flex; gap: 5px; }.window-bar i { display: block; width: 6px; height: 6px; border-radius: 50%; background: #43546a; }.window-bar i:first-child { background: #ff5167; }.window-bar i:nth-child(2) { background: #f2b73d; }.window-bar i:nth-child(3) { background: #45d89b; }.window-bar em { color: var(--green); font-style: normal; }
.capture-viewport { overflow: hidden; background: #07101c; }.capture-viewport img { display: block; width: 100%; height: auto; }
.capture-hero .capture-viewport { aspect-ratio: 1.63; }.capture-hero .capture-viewport img { width: 116%; max-width: none; }
.floating-chip { position: absolute; min-width: 120px; padding: 11px 13px; display: grid; grid-template-columns: 25px 1fr; column-gap: 9px; border: 1px solid #2c609f; background: rgba(10,25,46,.96); box-shadow: 0 12px 30px rgba(0,0,0,.35); }.floating-chip svg { grid-row: span 2; width: 22px; color: #5c9aff; }.floating-chip span { color: #6f85a3; font: 650 7px var(--font-geist-mono); letter-spacing: .12em; }.floating-chip b { color: #dfe8f4; font-size: 10px; }.chip-one { left: -28px; bottom: -20px; }.chip-two { right: -18px; top: -22px; }

.trust-strip { border-block: 1px solid var(--line); background: #091425; display: grid; grid-template-columns: repeat(4, 1fr); padding: 24px clamp(24px, 6vw, 108px); }
.trust-strip > div { display: flex; gap: 14px; align-items: center; padding: 0 clamp(10px, 2vw, 34px); border-right: 1px solid var(--line); }
.trust-strip > div:last-child { border: 0; }.trust-strip svg { color: #4e8dff; width: 22px; height: 22px; }.trust-strip span { color: #74869f; font-size: 11px; line-height: 1.5; }.trust-strip b { display: block; color: #dde6f2; font-size: 12px; }

.section { padding: 126px clamp(24px, 7vw, 120px); }
.section-intro { max-width: 880px; margin-bottom: 58px; }.section-intro.centered { text-align: center; margin-inline: auto; }.section-intro.centered .eyebrow { justify-content: center; }.section-intro.centered > p { margin-inline: auto; }
h2 { font-size: clamp(40px, 4.2vw, 64px); line-height: 1.04; letter-spacing: -.048em; margin: 18px 0 20px; font-weight: 650; }
.section-intro p, .integration-copy > p, .alarm-copy > p, .viewer-copy > p { color: var(--muted); font-size: 17px; line-height: 1.72; max-width: 680px; }
.split-intro { max-width: none; display: grid; grid-template-columns: 1.3fr .7fr; gap: 8vw; align-items: end; }.split-intro h2 { max-width: 850px; margin-bottom: 0; }.split-intro > p { margin: 0; padding-left: 35px; border-left: 1px solid var(--line); }

.suite-section { background: linear-gradient(180deg, #0a1424, #08111f); }
.suite-pillars { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); }
.suite-pillars article { position: relative; min-height: 310px; padding: 32px; border-right: 1px solid var(--line); background: linear-gradient(150deg,rgba(16,31,53,.9),rgba(9,20,35,.9)); }.suite-pillars article:last-child { border: 0; }.suite-pillars article > span { position: absolute; right: 22px; top: 21px; color: #38506e; font: 650 9px var(--font-geist-mono); }.suite-pillars svg { width: 33px; height: 33px; color: #5c97f5; margin-top: 12px; }.suite-pillars h3 { font-size: 20px; margin: 55px 0 13px; }.suite-pillars p { color: #7c8fa8; font-size: 13px; line-height: 1.7; margin: 0; }

.integration-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 9vw; align-items: center; background: #07101f; }
.integration-copy ul { list-style: none; padding: 0; margin: 34px 0 0; display: grid; gap: 18px; }.integration-copy li { display: flex; gap: 14px; align-items: flex-start; color: #8193aa; font-size: 13px; line-height: 1.55; }.integration-copy li svg { flex: none; width: 18px; color: var(--green); }.integration-copy li b { display: block; color: #dce5f1; font-size: 14px; }
.integration-map { min-height: 580px; position: relative; display: grid; place-items: center; }.integration-map:before { content: ""; position: absolute; width: 390px; height: 390px; border: 1px solid rgba(40,113,225,.16); border-radius: 50%; right: 0; box-shadow: 0 0 0 68px rgba(40,113,225,.025); }.map-node,.map-core,.module-orbit { background: #0c1a2e; border: 1px solid #265488; box-shadow: 0 18px 45px rgba(0,0,0,.32); }.map-node { position: absolute; left: 0; width: 160px; min-height: 145px; display: flex; flex-direction: column; align-items: center; justify-content: center; }.map-node svg { color: #62a0ff; width: 36px; height: 36px; margin-bottom: 11px; }.map-node small,.map-core small { color: #637c9d; font: 650 7px var(--font-geist-mono); letter-spacing: .12em; }.map-node b { font: 700 24px var(--font-geist-mono); margin: 4px 0 10px; }.map-node span { color: var(--green); font: 650 7px var(--font-geist-mono); }.map-node span i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 7px var(--green); }.data-link { position: absolute; left: 160px; right: 300px; height: 1px; border-top: 1px dashed #2d75d8; display: flex; justify-content: space-around; }.data-link i { width: 5px; height: 5px; background: #55a4ff; border-radius: 50%; transform: translateY(-3px); box-shadow: 0 0 8px #3c91ff; }.data-link span { position: absolute; top: -22px; color: #5e83b6; font: 650 7px var(--font-geist-mono); letter-spacing: .1em; white-space: nowrap; }.map-core { position: absolute; right: 80px; width: 205px; height: 205px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle,#112e58,#09182d 68%); box-shadow: 0 0 60px rgba(19,101,255,.22); z-index: 2; }.map-core img { width: 65px; height: auto; margin-bottom: 8px; }.map-core b { color: #f4f7fb; font: 700 13px var(--font-geist-mono); margin-top: 7px; }.module-orbit { position: absolute; z-index: 3; width: 105px; height: 76px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: #69a2ff; }.module-orbit span { color: #7d92ae; font: 650 7px var(--font-geist-mono); }.module-orbit svg { width: 20px; }.orbit-one { right: 265px; top: 60px; }.orbit-two { right: -15px; top: 140px; }.orbit-three { right: -25px; bottom: 125px; }.orbit-four { right: 260px; bottom: 55px; }

.modules-section { background: linear-gradient(180deg,#0a1526,#08111f); border-block: 1px solid var(--line); }
.module-label { display: flex; align-items: center; gap: 18px; color: #6da3f9; font: 700 9px var(--font-geist-mono); letter-spacing: .16em; margin: 0 0 18px; }.module-label i { height: 1px; background: var(--line); flex: 1; }.roadmap-label { margin-top: 48px; color: #697e9a; }
.available-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.roadmap-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.module-card { position: relative; border: 1px solid var(--line); background: #0d1a2c; padding: 28px; overflow: hidden; }.module-card.available { min-height: 310px; background: radial-gradient(circle at 95% 5%,rgba(18,100,255,.13),transparent 34%),#0d1a2c; border-color: rgba(56,121,225,.4); }.module-card.roadmap { min-height: 270px; opacity: .82; }.module-card:after { content: ""; position: absolute; width: 150px; height: 150px; right: -80px; bottom: -90px; background: rgba(18,100,255,.08); filter: blur(35px); }.module-top { display: flex; justify-content: space-between; align-items: flex-start; }.module-top > div { width: 48px; height: 48px; display: grid; place-items: center; color: #68a2ff; border: 1px solid #2c5c99; background: rgba(18,100,255,.07); }.module-top svg { width: 22px; }.module-top > span { color: #7187a4; font: 650 7px var(--font-geist-mono); letter-spacing: .1em; }.available .module-top > span { color: var(--green); }.available .module-top > span i { display: inline-block; width: 5px; height: 5px; background: var(--green); border-radius: 50%; box-shadow: 0 0 6px var(--green); }.module-card h3 { font-size: 26px; margin: 37px 0 13px; }.module-card p { color: #8395ad; font-size: 13px; line-height: 1.7; max-width: 520px; }.module-card a { position: absolute; left: 28px; bottom: 26px; display: flex; align-items: center; gap: 10px; font-size: 11px; color: #a9c5ee; }.module-card a svg { width: 15px; color: #5f9dff; }

.alarm-section { display: grid; grid-template-columns: .72fr 1.28fr; gap: 7vw; align-items: center; background: #07101f; }
.capability-list { margin-top: 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.capability-list > div,.viewer-list > div { display: flex; gap: 13px; align-items: flex-start; padding-top: 15px; border-top: 1px solid var(--line); }.capability-list svg,.viewer-list svg { width: 19px; flex: none; color: #609cff; }.capability-list span,.viewer-list span { color: #71849d; font-size: 11px; line-height: 1.55; }.capability-list b,.viewer-list b { color: #dce5f1; display: block; font-size: 12px; }
.alarm-main-capture { transform: perspective(1100px) rotateY(-2deg); }.alarm-main-capture .capture-viewport { aspect-ratio: 1.58; }.alarm-main-capture .capture-viewport img { width: 112%; max-width: none; }

.notification-section { display: grid; grid-template-columns: .82fr 1.18fr; gap: 7vw; align-items: center; background: linear-gradient(150deg,#0a1628,#08111f); border-block: 1px solid var(--line); }
.notification-copy > p { color: var(--muted); font-size: 17px; line-height: 1.72; max-width: 670px; }.notification-copy ul { list-style: none; padding: 0; margin: 32px 0 0; display: grid; gap: 16px; }.notification-copy li { display: flex; gap: 13px; align-items: flex-start; color: #8193aa; font-size: 12px; line-height: 1.55; }.notification-copy li svg { width: 17px; flex: none; color: var(--green); }.notification-copy li b { display: block; color: #dce5f1; font-size: 13px; }.channel-cards { margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.channel-cards > div { min-height: 70px; display: flex; align-items: center; gap: 13px; padding: 13px; border: 1px solid var(--line); background: rgba(255,255,255,.018); }.channel-cards svg { width: 20px; color: #63a0ff; }.channel-cards span { color: #73869f; font-size: 9px; line-height: 1.5; }.channel-cards b { display: block; color: #d8e2ef; font-size: 11px; }
.notification-photo { margin: 0; position: relative; border: 1px solid rgba(71,126,206,.35); background: #07101c; overflow: hidden; box-shadow: 0 28px 65px rgba(0,0,0,.4); }.notification-photo > img { display: block; width: 100%; height: auto; }.notification-photo figcaption { min-height: 58px; padding: 0 18px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid var(--line); background: #0c192b; }.notification-photo figcaption span { display: flex; align-items: center; gap: 9px; color: #c4d1e1; font-size: 11px; }.notification-photo figcaption svg { width: 16px; color: #5f9fff; }.notification-photo figcaption small { color: #697d97; font: 650 8px var(--font-geist-mono); letter-spacing: .06em; }

.product-gallery { background: #0a1526; border-block: 1px solid var(--line); padding: 0 clamp(24px,5vw,84px) 105px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.product-gallery figure { margin: 0; border: 1px solid var(--line); background: #0c192b; overflow: hidden; }.product-gallery .gallery-large { grid-column: span 2; }.gallery-image { overflow: hidden; background: #07101f; }.gallery-large .gallery-image { aspect-ratio: 2.1; }.gallery-large .gallery-image img { width: 100%; height: auto; transform: translateY(-1%); }.product-gallery figure:not(.gallery-large) .gallery-image { aspect-ratio: 1.85; }.product-gallery figure:not(.gallery-large) .gallery-image img { width: 100%; height: 100%; object-fit: cover; }.product-gallery figcaption { min-height: 95px; padding: 20px 24px; border-top: 1px solid var(--line); display: flex; gap: 17px; align-items: flex-start; }.product-gallery figcaption > span { color: #4b6483; font: 650 9px var(--font-geist-mono); }.product-gallery figcaption b { display: block; font-size: 14px; margin-bottom: 6px; }.product-gallery figcaption p { margin: 0; color: #7f91a9; font-size: 11px; line-height: 1.5; }

.viewer-section { display: grid; grid-template-columns: 1.05fr .95fr; gap: 9vw; align-items: center; background: #07101f; }
.viewer-visual { min-height: 470px; position: relative; display: flex; align-items: center; justify-content: space-between; }.cabinet { width: 190px; height: 340px; padding: 20px 14px; background: linear-gradient(120deg,#26323f,#101923); border: 2px solid #475564; box-shadow: inset 0 0 0 5px #19232d, 12px 20px 35px rgba(0,0,0,.4); color: #8794a1; font: 600 8px var(--font-geist-mono); text-align: center; }.workstation { width: 135px; height: 185px; margin: 28px auto 15px; border: 3px solid #101822; background: #07111e; display: grid; place-items: center; position: relative; }.workstation img { width: 74px; height: auto; filter: drop-shadow(0 0 14px rgba(20,98,255,.45)); }.workstation i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--green); right: 8px; bottom: 7px; box-shadow: 0 0 7px var(--green); }.connection-line { position: absolute; left: 190px; right: 285px; height: 1px; border-top: 1px dashed #3475d3; color: #4d83cf; display: flex; justify-content: space-between; align-items: center; }.connection-line i { width: 7px; height: 7px; border: 1px solid #5f9bf5; background: #07101f; border-radius: 50%; }.connection-line span { position: absolute; left: 50%; transform: translate(-50%,-19px); white-space: nowrap; font: 600 7px var(--font-geist-mono); letter-spacing: .1em; }.laptop { position: relative; width: 280px; }.laptop-screen { height: 180px; border: 7px solid #202b38; border-radius: 7px 7px 0 0; background: #0a1525; padding: 11px; box-shadow: 0 16px 35px rgba(0,0,0,.4); }.viewer-head { font: 650 7px var(--font-geist-mono); border-bottom: 1px solid var(--line); padding-bottom: 9px; }.viewer-head span { float: right; color: var(--green); font-size: 5px; }.viewer-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 12px; }.viewer-cards i { height: 50px; background: #11233b; border: 1px solid #254264; border-left: 2px solid var(--green); }.viewer-cards i.warning { border-color: rgba(255,78,104,.5); border-left: 2px solid var(--red); background: rgba(255,78,104,.08); }.laptop-base { height: 12px; background: #485564; border-radius: 0 0 10px 10px; transform: perspective(100px) rotateX(-7deg); }.viewer-list { margin-top: 33px; display: grid; gap: 12px; }

.deployment-section { background: linear-gradient(180deg,#0a1526,#08111f); border-top: 1px solid var(--line); }.deployment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; max-width: 1120px; margin: 0 auto; }.deployment-grid article { padding: 38px; min-height: 480px; border: 1px solid var(--line); background: #0c192b; position: relative; }.deployment-grid article.recommended { border-color: rgba(46,120,235,.55); background: radial-gradient(circle at 90% 10%,rgba(18,100,255,.14),transparent 30%),#0c192b; }.recommended-label { position: absolute; top: 0; right: 0; background: var(--blue); padding: 8px 12px; font: 700 8px var(--font-geist-mono); letter-spacing: .1em; }.deployment-icon { width: 60px; height: 60px; display: grid; place-items: center; color: #609cff; border: 1px solid #2c5f9f; background: rgba(18,100,255,.07); margin-bottom: 48px; }.deployment-icon svg { width: 30px; }.deployment-grid article > small { color: #4d91ff; font: 650 9px var(--font-geist-mono); letter-spacing: .15em; }.deployment-grid h3 { font-size: 29px; line-height: 1.15; letter-spacing: -.03em; margin: 15px 0; max-width: 410px; }.deployment-grid p { color: #8496ae; line-height: 1.65; font-size: 14px; max-width: 460px; }.deployment-grid ul { list-style: none; padding: 24px 0 0; margin: 28px 0 0; display: grid; gap: 13px; border-top: 1px solid var(--line); color: #a9b7ca; font-size: 12px; }.deployment-grid li { display: flex; gap: 10px; }.deployment-grid li svg { color: var(--green); width: 16px; }

.data-section { background: #07101f; padding-top: 50px; }.data-panel { border: 1px solid rgba(45,119,230,.35); background: radial-gradient(circle at 10% 50%,rgba(18,100,255,.14),transparent 26%),#0b182a; display: grid; grid-template-columns: 100px 1.1fr 1fr; gap: 35px; align-items: center; padding: 50px; }.data-panel > div:first-child { width: 78px; height: 78px; border: 1px solid #276acb; background: rgba(18,100,255,.08); display: grid; place-items: center; color: #67a2ff; }.data-panel > div:first-child svg { width: 38px; height: 38px; }.data-panel h2 { font-size: clamp(28px,3vw,42px); margin-bottom: 0; }.data-panel > p { color: #8496ae; line-height: 1.75; font-size: 14px; border-left: 1px solid var(--line); padding-left: 35px; }

.distributors-section { background: linear-gradient(180deg,#091525,#07101f); border-top: 1px solid var(--line); }
.distributor-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 18px; }.distributor-card,.network-card { border: 1px solid var(--line); background: #0c192b; position: relative; }.distributor-card { padding: 38px; border-color: rgba(51,120,229,.42); background: radial-gradient(circle at 95% 10%,rgba(18,100,255,.13),transparent 30%),#0c192b; }.distributor-badge { position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 8px; padding: 9px 12px; color: #8ebaff; background: rgba(18,100,255,.13); border-left: 1px solid rgba(58,126,232,.4); border-bottom: 1px solid rgba(58,126,232,.4); font: 700 8px var(--font-geist-mono); letter-spacing: .1em; }.distributor-badge svg { width: 15px; }.distributor-heading { display: flex; align-items: center; gap: 20px; padding-bottom: 30px; border-bottom: 1px solid var(--line); }.distributor-logo { width: 100px; height: 82px; flex: none; display: grid; place-items: center; padding: 9px; background: #0a1422; border: 1px solid #30445f; }.distributor-logo img { width: 100%; height: 100%; object-fit: contain; }.distributor-heading small,.network-card small { color: #5f94df; font: 650 8px var(--font-geist-mono); letter-spacing: .12em; }.distributor-heading h3 { font-size: 27px; margin: 6px 0 5px; }.distributor-heading p { margin: 0; color: #788aa2; font-size: 11px; }.distributor-services { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 28px; padding: 27px 0; }.distributor-services span { display: flex; gap: 10px; align-items: center; color: #9aabc0; font-size: 12px; }.distributor-services svg { width: 16px; color: var(--green); }.distributor-contact { display: flex; flex-wrap: wrap; gap: 10px 24px; padding-top: 22px; border-top: 1px solid var(--line); color: #9eb5d3; font-size: 11px; }.distributor-contact a:last-child { margin-left: auto; display: flex; align-items: center; gap: 8px; color: #73a9fa; }.distributor-contact svg { width: 14px; }.network-card { padding: 38px; display: flex; flex-direction: column; justify-content: space-between; }.network-card > svg { width: 42px; height: 42px; color: #609cff; }.network-card h3 { font-size: 24px; line-height: 1.2; margin: 11px 0; }.network-card p { color: #7f91a9; font-size: 12px; line-height: 1.65; }.network-card > a { display: flex; align-items: center; gap: 9px; color: #a6c7f6; font-size: 11px; }.network-card > a svg { width: 15px; color: #5e9eff; }

.contact-section { padding: 120px clamp(24px,7vw,120px); display: grid; grid-template-columns: .68fr 1.32fr; align-items: start; gap: 8vw; background: radial-gradient(circle at 20% 30%,rgba(20,104,255,.14),transparent 28%),linear-gradient(180deg,#091526,#07101f); position: relative; overflow: hidden; }.contact-section:before { content: ""; position: absolute; inset: 0; opacity: .08; background-image: linear-gradient(rgba(100,150,220,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(100,150,220,.15) 1px,transparent 1px); background-size: 60px 60px; mask-image: linear-gradient(to right,black,transparent 70%); }.contact-section > * { position: relative; }.contact-intro { position: sticky; top: 30px; }.contact-intro > img { width: 68px; height: auto; filter: drop-shadow(0 0 20px rgba(18,100,255,.4)); margin-bottom: 26px; }.contact-intro h2 { font-size: clamp(42px,4vw,62px); max-width: 590px; }.contact-intro > p { color: #8fa0b7; line-height: 1.7; max-width: 560px; font-size: 16px; }.contact-points { margin-top: 30px; display: grid; gap: 12px; color: #8da0b9; font-size: 12px; }.contact-points span { display: flex; align-items: center; gap: 9px; }.contact-points svg { width: 15px; color: var(--green); }
.project-form { border: 1px solid rgba(58,123,225,.36); background: rgba(10,23,41,.96); padding: 34px; box-shadow: 0 28px 65px rgba(0,0,0,.3); }.project-form fieldset { border: 0; padding: 0; margin: 0; }.project-form legend,.project-form label > span:first-child { display: block; color: #7f98ba; font: 650 8px var(--font-geist-mono); letter-spacing: .1em; text-transform: uppercase; margin-bottom: 9px; }.request-type { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 28px !important; }.request-type legend { grid-column: span 2; }.request-type label { cursor: pointer; position: relative; }.request-type input { position: absolute; opacity: 0; pointer-events: none; }.request-type label > span { min-height: 78px; display: flex !important; flex-direction: column; justify-content: center; margin: 0 !important; padding: 15px 16px; border: 1px solid #283d59; background: #0d1a2d; color: #6f829c !important; text-transform: none !important; letter-spacing: 0 !important; font: 400 10px var(--font-geist-sans) !important; }.request-type label > span b { color: #dbe5f2; font-size: 12px; margin-bottom: 4px; }.request-type input:checked + span { border-color: #2875e8; background: rgba(18,100,255,.1); box-shadow: inset 3px 0 #1765ff; }.request-type input:focus-visible + span { outline: 2px solid #73a9fa; outline-offset: 2px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 14px; }.project-form input,.project-form select,.project-form textarea { width: 100%; color: #e8eef8; background: #081221; border: 1px solid #2a3d57; border-radius: 3px; min-height: 45px; padding: 0 12px; font: 400 12px var(--font-geist-sans); outline: none; transition: border-color .2s, box-shadow .2s; }.project-form textarea { padding: 12px; resize: vertical; line-height: 1.55; }.project-form input:focus,.project-form select:focus,.project-form textarea:focus { border-color: #2f84ff; box-shadow: 0 0 0 2px rgba(47,132,255,.12); }.project-form select { color-scheme: dark; }.module-options { margin: 28px 0 !important; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.module-options legend { grid-column: 1 / -1; }.module-options label { position: relative; cursor: pointer; }.module-options input { position: absolute; opacity: 0; pointer-events: none; }.module-options label > span { min-height: 39px; margin: 0 !important; padding: 0 10px; display: flex !important; flex-direction: row !important; align-items: center; gap: 7px; border: 1px solid #263a55; background: #0d1a2d; color: #8c9db4 !important; text-transform: none !important; letter-spacing: 0 !important; font: 500 9px var(--font-geist-sans) !important; }.module-options span svg { width: 13px; color: #405670; }.module-options input:checked + span { border-color: #2a73df; color: #dce8f8 !important; background: rgba(18,100,255,.09); }.module-options input:checked + span svg { color: var(--green); }.module-options input:focus-visible + span { outline: 2px solid #73a9fa; outline-offset: 2px; }.message-field { display: block; }.privacy-check { margin: 17px 0 23px; display: flex; gap: 9px; align-items: flex-start; color: #73859e; font-size: 10px; line-height: 1.5; }.privacy-check input { width: 15px; min-height: 15px; margin: 1px 0 0; accent-color: var(--blue); }.form-submit { min-height: 48px; padding: 0 20px; display: inline-flex; align-items: center; gap: 11px; border: 1px solid #428bff; background: linear-gradient(110deg,#0b55e8,#176fff); color: white; border-radius: 3px; cursor: pointer; font-weight: 680; font-size: 12px; }.form-submit svg { width: 17px; }.form-result { margin-top: 22px; padding: 17px; display: grid; grid-template-columns: 38px 1fr auto auto; gap: 12px; align-items: center; border: 1px solid rgba(71,221,160,.32); background: rgba(71,221,160,.055); }.result-mark { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(71,221,160,.35); color: var(--green); }.result-mark svg { width: 18px; }.form-result b { display: block; color: #dcf3e9; font-size: 12px; }.form-result p { margin: 3px 0 0; color: #769287; font-size: 9px; }.form-result a,.form-result button { min-height: 35px; padding: 0 11px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #32659f; background: #102540; color: #b6d2f5; font-size: 9px; cursor: pointer; white-space: nowrap; }.form-result button { background: transparent; color: #8fa4be; }.form-result svg { width: 13px; }
footer { min-height: 110px; border-top: 1px solid var(--line); padding: 28px clamp(24px,5vw,84px); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 35px; color: #62748e; font-size: 11px; }footer > img { width: 150px; height: auto; }footer p { margin: 0; }footer > div { display: flex; gap: 25px; }footer > div a { color: #a9b9ce; }

@media (max-width: 1180px) {
  .site-header nav { display: none; }.hero { grid-template-columns: 1fr; padding-top: 150px; }.hero-copy { max-width: 850px; }.hero-product { max-width: 920px; width: 100%; margin: 25px auto 0; }.trust-strip { grid-template-columns: 1fr 1fr; gap: 20px 0; }.trust-strip > div:nth-child(2) { border-right: 0; }.suite-pillars { grid-template-columns: 1fr 1fr; }.suite-pillars article:nth-child(2) { border-right: 0; }.suite-pillars article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.integration-section,.alarm-section,.notification-section,.viewer-section { grid-template-columns: 1fr; }.integration-copy,.alarm-copy,.notification-copy,.viewer-copy { max-width: 820px; }.integration-map { max-width: 720px; width: 100%; margin: 0 auto; }.alarm-main-capture { transform: none; }.roadmap-grid { grid-template-columns: 1fr 1fr; }.viewer-visual { order: 2; max-width: 700px; width: 100%; margin: 0 auto; }.data-panel { grid-template-columns: 80px 1fr; }.data-panel > p { grid-column: 2; border-left: 0; padding-left: 0; }.distributor-grid { grid-template-columns: 1fr; }.network-card { min-height: 290px; }.contact-section { grid-template-columns: 1fr; }.contact-intro { position: relative; top: 0; max-width: 760px; }
}

@media (max-width: 760px) {
  .site-header { height: 70px; padding-inline: 18px; }.brand img { width: 143px; }.header-cta { padding: 9px 11px; font-size: 11px; }.header-cta svg { display: none; }
  .hero { min-height: auto; padding: 130px 20px 75px; gap: 65px; }.hero h1 { font-size: 48px; }.hero-copy > p { font-size: 16px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 20px; }.hero-proof { display: grid; gap: 10px; }.capture-hero { transform: none; }.window-bar { height: 29px; }.window-bar > span { display: none; }.capture-hero .capture-viewport { aspect-ratio: 1.55; }.capture-hero .capture-viewport img { width: 150%; }.floating-chip { display: none; }
  .trust-strip { grid-template-columns: 1fr; padding: 24px 20px; }.trust-strip > div { border-right: 0; border-bottom: 1px solid var(--line); padding: 0 0 18px; }.trust-strip > div:last-child { border: 0; padding-bottom: 0; }
  .section { padding: 86px 20px; }.section-intro { margin-bottom: 40px; }h2 { font-size: 39px; }.split-intro { grid-template-columns: 1fr; gap: 28px; }.split-intro > p { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--line); }.suite-pillars { grid-template-columns: 1fr; }.suite-pillars article { min-height: 250px; border-right: 0; border-bottom: 1px solid var(--line); }.suite-pillars article:last-child { border: 0; }.integration-map { min-height: 520px; transform: scale(.78); margin-inline: -50px; width: calc(100% + 100px); }.map-node { left: 0; }.map-core { right: 30px; }.data-link { right: 250px; }.orbit-one { right: 210px; }.orbit-two { right: -25px; }.orbit-three { right: -25px; }.orbit-four { right: 205px; }.available-grid,.roadmap-grid { grid-template-columns: 1fr; }.module-card.available,.module-card.roadmap { min-height: 270px; }.capability-list { grid-template-columns: 1fr; }.alarm-main-capture .capture-viewport { aspect-ratio: 1.25; }.alarm-main-capture .capture-viewport img { width: 145%; }.product-gallery { grid-template-columns: 1fr; padding: 0 20px 75px; }.product-gallery .gallery-large { grid-column: auto; }.product-gallery .gallery-large .gallery-image,.product-gallery figure:not(.gallery-large) .gallery-image { aspect-ratio: 1.45; }.product-gallery .gallery-large .gallery-image img { width: 150%; max-width: none; height: 100%; object-fit: cover; object-position: left top; }.viewer-visual { min-height: 560px; display: block; }.cabinet { transform: scale(.75); transform-origin: left center; position: absolute; top: 50px; left: 0; }.laptop { transform: scale(.76); transform-origin: right center; position: absolute; top: 185px; right: 0; }.connection-line { left: 142px; right: 205px; top: 275px; }.connection-line span { display: none; }.deployment-grid { grid-template-columns: 1fr; }.deployment-grid article { min-height: 0; padding: 28px; }.data-section { padding-top: 20px; }.data-panel { display: block; padding: 28px; }.data-panel > div:first-child { margin-bottom: 30px; }.data-panel > p { border-top: 1px solid var(--line); padding-top: 24px; }.distributor-card,.network-card { padding: 25px; }.distributor-badge { position: relative; width: max-content; margin: -25px 0 25px auto; }.distributor-heading { align-items: flex-start; }.distributor-logo { width: 70px; height: 64px; flex: none; }.distributor-heading h3 { font-size: 21px; }.distributor-services { grid-template-columns: 1fr; }.distributor-contact { flex-direction: column; }.distributor-contact a:last-child { margin-left: 0; }.contact-section { padding: 90px 20px; }.contact-intro h2 { font-size: 39px; }.project-form { padding: 22px; }.request-type,.form-grid,.module-options { grid-template-columns: 1fr; }.request-type legend { grid-column: auto; }.module-options legend { grid-column: auto; }.form-result { grid-template-columns: 38px 1fr; }.form-result a,.form-result button { justify-content: center; }.form-result a { grid-column: 1 / -1; }.form-result button { grid-column: 1 / -1; }footer { grid-template-columns: 1fr; text-align: center; justify-items: center; }footer > div { flex-direction: column; gap: 8px; }
}

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

/* Final image proportions */
.distributor-logo { width: 62px; height: 54px; padding: 6px; }

@media (max-width: 1180px) {
  .notification-photo { max-width: 820px; width: 100%; margin-inline: auto; }
}

@media (max-width: 760px) {
  .channel-cards { grid-template-columns: 1fr; }
  .notification-photo { margin-top: 8px; }
  .notification-photo figcaption { align-items: flex-start; flex-direction: column; justify-content: center; gap: 4px; padding-block: 12px; }
  .distributor-logo { width: 52px; height: 48px; padding: 5px; }
}


/* === VALENT multipage extension: compatible with existing home === */
.site-header .desktop-nav {display:flex;gap:clamp(16px,2vw,32px)}
.site-header .desktop-nav a{white-space:nowrap}
.site-header .header-cta span{font-size:17px}
.mobile-nav{display:none}
.trust-strip>div{justify-content:center}
.trust-strip span{font-size:12px}
.integration-new{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:radial-gradient(circle at 80% 50%,rgba(28,98,204,.12),transparent 42%),#07101f}
.integration-new-copy p{color:var(--muted);font-size:17px;line-height:1.75;max-width:610px;margin-bottom:32px}
.protocol-stage{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.protocol-box{border:1px solid var(--line);min-height:165px;padding:27px;background:linear-gradient(150deg,#101f35,#091625);display:flex;flex-direction:column;gap:12px}
.protocol-box.primary{grid-column:1/-1;border-color:rgba(46,130,255,.5);background:linear-gradient(120deg,#112a51,#0a1b31)}
.protocol-box small,.protocol-note{font:650 10px var(--font-geist-mono),monospace;color:#76a4e9;letter-spacing:.09em}
.protocol-box strong{font-size:27px;letter-spacing:-.04em}
.protocol-box span{font-size:12px;color:#9aaec8;line-height:1.5}
.protocol-note{grid-column:1/-1;color:#8c9bb0;line-height:1.6}
.modules-v2{background:#081320}
.module-grid-new{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.module-new-card{display:flex;flex-direction:column;min-height:310px;padding:34px;border:1px solid var(--line);background:linear-gradient(130deg,rgba(19,37,64,.92),rgba(9,20,34,.96));transition:transform .2s,border-color .2s}
.module-new-card:hover,.module-new-card:focus-visible{transform:translateY(-4px);border-color:#3580df}
.module-new-tag{align-self:flex-start;padding:7px 11px;letter-spacing:.1em;font:700 9px var(--font-geist-mono),monospace;border:1px solid rgba(76,143,255,.3)}
.available-tag{color:#70dfb1;background:rgba(64,214,153,.06);border-color:rgba(64,214,153,.22)}
.dev-tag{color:#f3c980;background:rgba(211,163,83,.07);border-color:rgba(211,163,83,.2)}
.module-card-symbol{color:#5496ea;font:650 11px var(--font-geist-mono),monospace;letter-spacing:.12em;margin-top:30px}
.module-new-card h3{font-size:clamp(27px,2.5vw,38px);letter-spacing:-.04em;margin:12px 0}
.module-new-card p{font-size:14px;line-height:1.7;color:#8da1ba;max-width:460px;margin:0}
.module-link{display:block;color:#8db9ff;border-top:1px solid var(--line);padding-top:16px;margin-top:auto;font-size:12px;font-weight:700}
.roadmap-note{margin-top:26px;border:1px solid var(--line);padding:22px 30px;display:flex;gap:25px;align-items:center}
.roadmap-note span{font:650 10px var(--font-geist-mono),monospace;color:#e4bd7d;white-space:nowrap}
.roadmap-note p{font-size:13px;line-height:1.65;color:#8b9bb2;margin:0}
.custom-highlight{padding:100px clamp(24px,7vw,120px);background:linear-gradient(110deg,#0a1729,#0d2040 53%,#08111e);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;border-block:1px solid var(--line)}
.custom-highlight h2{max-width:700px}.custom-highlight p{max-width:630px;font-size:17px;line-height:1.7;color:#a8b9d0;margin-bottom:30px}
.custom-feature-visual{min-height:335px;border:1px solid #2d4d78;padding:45px;display:flex;flex-direction:column;justify-content:center;gap:40px;background:radial-gradient(circle at 50% 50%,#123464,#0a1628 68%)}
.custom-code{text-align:center;color:#c9e0ff;font:800 clamp(35px,5vw,60px) var(--font-geist-mono),monospace;letter-spacing:-.08em}
.custom-code span{display:block;margin:10px 0 0;font:600 9px var(--font-geist-mono),monospace;letter-spacing:.2em;color:#66a6ff}
.custom-nodes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.custom-nodes b{text-align:center;padding:13px;border:1px solid #305587;color:#9cc0eb;font:700 10px var(--font-geist-mono),monospace;letter-spacing:.07em;background:rgba(13,31,56,.85)}
.form-mail-hint{font-size:10px;line-height:1.7;color:#8da3bc;margin:15px 0 0}
/* Interior pages */
.inner-hero{position:relative;padding:166px clamp(24px,7vw,120px) 110px;min-height:530px;overflow:hidden;background:linear-gradient(145deg,#07101f 35%,#0b2241)}
.inner-hero:before{position:absolute;inset:0;content:"";background-image:linear-gradient(rgba(100,150,220,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(100,150,220,.09) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(100deg,transparent 4%,black,transparent 95%)}
.inner-orb{position:absolute;right:-8%;top:0;width:650px;height:650px;border:1px solid rgba(56,127,231,.14);border-radius:50%;box-shadow:0 0 0 90px rgba(56,127,231,.025),0 0 0 180px rgba(56,127,231,.018);pointer-events:none}
.inner-hero-content{position:relative;z-index:1;max-width:1100px}
.breadcrumb{display:flex;gap:12px;align-items:center;color:#8fa5c3;font-size:12px;margin-bottom:29px}
.breadcrumb span{color:#4f6380}
.inner-hero h1{font-size:clamp(46px,5vw,76px);line-height:1.04;margin:23px 0 26px;max-width:1120px}
.inner-hero-content>p{max-width:830px;color:#b2c3d9;font-size:clamp(16px,1.4vw,19px);line-height:1.7;margin:0}
.inner-hero .hero-actions{margin-top:36px}
.product-state{margin-left:10px;padding:7px 11px;border:1px solid rgba(90,160,250,.4);background:rgba(23,101,255,.08);color:#b8d9ff;letter-spacing:0;font-size:10px}
.inner-section{padding:100px clamp(24px,7vw,120px);background:#07101f}
.inner-section.alt-bg{background:#0b1627}
.inner-section-heading{max-width:920px;margin-bottom:45px}
.inner-section-heading h2{max-width:850px}
.inner-section-heading>p{font-size:17px;line-height:1.7;color:#96a9c1;max-width:800px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.feature-block{border:1px solid var(--line);padding:30px;min-height:230px;background:linear-gradient(150deg,#102035,#0b1728)}
.feature-nr{color:#5a91dc;font:700 11px var(--font-geist-mono),monospace}
.feature-block h3{font-size:20px;letter-spacing:-.03em;margin:35px 0 12px}
.feature-block p{font-size:13px;line-height:1.7;color:#8fa4be;margin:0}
.product-screenshot{margin:0;border:1px solid #2d4770;overflow:hidden;background:#101a28;box-shadow:0 30px 65px rgba(0,0,0,.3)}
.product-screenshot img{display:block;width:100%;height:auto}
.screen-ribbon{background:#14233a;color:#a9bdd5;border-bottom:1px solid #2d4770;display:flex;justify-content:space-between;padding:13px 17px;align-items:center;font:700 11px var(--font-geist-mono),monospace;letter-spacing:.03em}
.screen-pips{font-size:11px;letter-spacing:3px;color:#4d82ce}
.product-screenshot figcaption{padding:13px 17px;background:#0b1729;font-size:11px;color:#8c9cb2}
.two-shot{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
.inline-links{display:flex;gap:14px;flex-wrap:wrap}
.inline-links a{padding:16px 19px;border:1px solid #2b4f7c;background:#0f2340;color:#a9d1ff;font-size:13px;font-weight:650}
.inline-links a:hover{border-color:#5599e9}
.disclosure-card{border-left:3px solid #d3a250;background:#17202c;padding:27px;max-width:900px;margin-bottom:28px}
.disclosure-card b{color:#f4c77d;letter-spacing:.1em;font:700 11px var(--font-geist-mono),monospace}
.disclosure-card p{color:#bac5d4;line-height:1.75;font-size:14px;margin:12px 0 0}
.viewer-diagram{display:flex;align-items:center;gap:12px;max-width:1200px;justify-content:space-between}
.diagram-node{min-height:200px;flex:1;border:1px solid #315784;background:linear-gradient(130deg,#142e4b,#0a1a2f);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:25px}
.diagram-node small{font:700 9px var(--font-geist-mono),monospace;letter-spacing:.1em;color:#6a9ed7}
.diagram-node b{font-size:21px}
.diagram-node em{font:700 9px var(--font-geist-mono),monospace;color:#7edaa8;font-style:normal}
.diagram-node.core{border-color:#3383db;background:linear-gradient(120deg,#103466,#0b213b)}
.diagram-node.core img{width:55px;height:auto}
.diagram-link{width:90px;min-width:50px;height:2px;background:#3b76c6;position:relative}
.diagram-link:after{position:absolute;right:-1px;top:-4px;content:"";border:5px solid transparent;border-left-color:#4796ee}
.diagram-link span{position:absolute;bottom:17px;width:160px;left:50%;transform:translateX(-50%);font-size:10px;text-align:center;color:#8fa6c7}
.concept-caption{margin-top:20px;color:#9ba9b8;font-size:12px;line-height:1.6}
.hmi-concept{max-width:1130px;border:1px solid #31568c;background:#101b2c;box-shadow:0 30px 65px rgba(0,0,0,.3)}
.hmi-concept-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#102644;padding:16px 26px;border-bottom:1px solid #31568c}
.hmi-concept-bar b{font-size:12px;letter-spacing:.12em}.hmi-concept-bar span{color:#d3b077;font-size:10px}
.hmi-concept-body{padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:25px}
.hmi-machine,.hmi-controls{padding:28px;border:1px solid #2a476e;background:#091728;min-height:290px}
.hmi-machine>span{font-size:11px;color:#9bb8dc;letter-spacing:.1em;font-weight:700}
.hmi-led{margin-top:22px;display:flex;align-items:center;gap:10px;color:#a5e5be;font-size:15px}
.hmi-led i{width:12px;height:12px;background:#47dda0;border-radius:50%;box-shadow:0 0 15px #47dda0}
.hmi-machine-diag{margin-top:34px;display:flex;gap:12px}.hmi-machine-diag>div{flex:1;height:45px;border:1px solid #245388;background:linear-gradient(#194477,#0b2443)}
.hmi-machine small{display:block;margin-top:24px;color:#829ab8}.hmi-controls>b{font-size:11px;color:#9bb8dc;letter-spacing:.1em}
.hmi-demo-buttons{margin-top:30px;display:flex;gap:12px}.hmi-demo-buttons span{flex:1;padding:16px;text-align:center;background:#126ac6;border:1px solid #419cfa;font-weight:700;font-size:12px}
.hmi-demo-buttons span:last-child{background:#592b37;border-color:#9e5767}
.hmi-field{display:flex;align-items:center;justify-content:space-between;border:1px solid #2a476e;margin-top:18px;padding:15px}.hmi-field small{color:#94abc5}
.hmi-controls p{font-size:11px;color:#8fa3bc;line-height:1.5;margin:23px 0 0}
.protocol-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.protocol-detail{border:1px solid var(--line);padding:30px;background:#0c1c30}
.protocol-detail.is-primary{border-color:#3876c1;background:#11294a}
.protocol-detail span{font:700 10px var(--font-geist-mono),monospace;color:#80b5ff;letter-spacing:.12em}
.protocol-detail h3{font-size:30px;letter-spacing:-.04em;margin:17px 0 10px}
.protocol-detail p{font-size:14px;line-height:1.7;color:#9fb1c9}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps-grid article{padding:30px;border:1px solid var(--line);background:#102038}
.steps-grid small{font:700 13px var(--font-geist-mono),monospace;color:#77aafb}.steps-grid h3{margin-top:35px;font-size:20px}.steps-grid p{font-size:13px;line-height:1.7;color:#a2b2c9}
.inner-bottom-cta{text-align:center;padding:100px 24px 110px;background:radial-gradient(circle at 50% 60%,#133564,#0a1729 66%);border-top:1px solid var(--line)}
.inner-bottom-cta .eyebrow{justify-content:center}.inner-bottom-cta h2{max-width:800px;margin:20px auto}.inner-bottom-cta p{max-width:650px;color:#9db1c8;margin:0 auto 30px;line-height:1.7}
@media(max-width:1180px){.site-header .desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;list-style:none;padding:10px;border:1px solid #2b507f;font-size:12px;color:#bdcfea;display:flex;gap:10px;align-items:center}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;top:48px;right:0;width:260px;z-index:40;background:#0c1b30;border:1px solid #325b8f;padding:8px;display:flex;flex-direction:column;box-shadow:0 20px 55px rgba(0,0,0,.45)}.mobile-nav nav a{padding:13px 14px;font-size:13px;border-bottom:1px solid #203651}.integration-new,.custom-highlight{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.viewer-diagram{gap:8px}.diagram-node{min-height:170px}.diagram-link{width:55px}}
@media(max-width:760px){.site-header{gap:10px}.site-header .header-cta{margin-left:auto}.mobile-nav summary{font-size:0;gap:0}.mobile-nav summary span{font-size:18px}.mobile-nav nav{right:0}.inner-hero{min-height:0;padding:127px 20px 77px}.inner-hero h1{font-size:clamp(40px,10vw,53px)}.inner-section{padding:75px 20px}.feature-grid,.module-grid-new,.protocol-list,.two-shot,.hmi-concept-body,.steps-grid{grid-template-columns:1fr}.module-new-card{min-height:270px;padding:28px}.roadmap-note{flex-direction:column;align-items:flex-start;gap:10px;padding:23px}.custom-highlight{padding:80px 20px}.custom-feature-visual{padding:25px;min-height:280px}.protocol-stage{grid-template-columns:1fr}.protocol-box.primary,.protocol-note{grid-column:auto}.viewer-diagram{flex-direction:column;gap:20px}.diagram-node{width:100%;min-height:135px}.diagram-link{width:2px;height:50px;min-width:0}.diagram-link:after{right:-4px;top:auto;bottom:-3px;border:5px solid transparent;border-top-color:#4796ee}.diagram-link span{bottom:17px;left:15px;transform:none;width:150px;text-align:left}.hmi-concept-bar{flex-direction:column;align-items:flex-start;padding:13px}.hmi-concept-body{padding:15px}.hmi-machine,.hmi-controls{padding:18px;min-height:220px}.inner-bottom-cta{padding:80px 20px}.screen-ribbon b{font-size:9px}.feature-block{min-height:0}.site-header{flex-wrap:nowrap}.inner-hero .hero-actions{align-items:flex-start}}

/* VALENT V3 — multi-page commercial website */
.site-header .desktop-nav{gap:clamp(12px,1.8vw,28px);font-size:13px}
.site-header .desktop-nav a{white-space:nowrap}
.install-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.install-card{background:linear-gradient(150deg,#11233b,#0b1626);border:1px solid rgba(115,157,216,.24);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease,transform .2s ease}
.install-card:hover{border-color:#397fc9;transform:translateY(-3px)}
.install-card img{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover;display:block}
.install-copy{padding:24px 24px 30px;flex:1}
.install-copy>span{color:#71a6f1;letter-spacing:.13em;font:650 10px var(--font-geist-mono),monospace}
.install-copy h3{font-size:clamp(20px,2vw,27px);letter-spacing:-.035em;line-height:1.2;margin:18px 0 12px}
.install-copy p{font-size:14px;color:#9fb3ca;line-height:1.65;margin:0}
.image-disclosure,.visual-disclaimer{color:#8c9eb7;font-size:12px;line-height:1.7;margin-top:18px}
.center-cta{text-align:center;margin-top:30px}
.module-thumb{height:174px;overflow:hidden;margin:15px 0 22px;border:1px solid #28446a;background:#0d1a2b;}
.module-thumb img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .3s ease}
.module-new-card:hover .module-thumb img{transform:scale(1.035)}
.product-visual-feature{background:#091525;display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;padding:95px clamp(24px,7vw,120px);align-items:center}
.product-visual-feature.is-reversed figure{order:-1}
.product-visual-feature figure{margin:0;overflow:hidden;border:1px solid #29476f;box-shadow:0 25px 80px rgba(0,0,0,.3)}
.product-visual-feature img{display:block;width:100%;height:auto}
.product-visual-feature h2{max-width:690px}
.product-visual-feature .visual-copy>p{font-size:16px;color:#9db0c9;line-height:1.75}
.product-visual-feature .visual-copy .visual-disclaimer{font-size:12px;color:#8195ae}
.viewer-screen-section .product-screenshot{margin-top:26px}
.concept-product{border-color:#3a6299}
.subsection-link{color:#94afcf;font-size:14px;margin:36px 0 10px}
.subsection-link a{color:#8dbfff;text-decoration:underline;text-underline-offset:5px}
.install-card img, .product-screenshot img{object-position:center}
@media (max-width:1150px){.install-grid{grid-template-columns:1fr 1fr}.product-visual-feature{grid-template-columns:1fr}.product-visual-feature.is-reversed figure{order:0}}
@media (max-width:760px){.install-grid{grid-template-columns:1fr}.install-card img{max-height:none}.module-thumb{height:185px}.product-visual-feature{padding:74px 20px;gap:27px}.product-visual-feature h2{font-size:clamp(34px,9vw,49px)}.install-copy{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* ================================ 
   VALENT V4 — DIGITAL PRODUCT RE-DESIGN
   ================================ */
:root{--ink:#061225;--ink-soft:#0a203b;--panel:#10243e;--line:rgba(123,174,236,.19);--muted:#a5b6cb}
html{scroll-padding-top:100px}
body{background:linear-gradient(135deg,#061122 0%,#092344 46%,#071629 100%);}
.hero,.inner-hero,.inner-bottom-cta,.custom-feature-visual,.integration-new,.custom-highlight{background-image:none}
.hero::before,.hero-grid,.inner-hero::before,.inner-orb,.product-halo{display:none!important}
.hero{min-height:760px;padding:144px clamp(26px,5.8vw,94px) 85px;background:linear-gradient(116deg,#061123 4%,#0b2446 67%,#10335d 100%);grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(34px,5vw,95px)}
.hero h1{font-size:clamp(52px,5.5vw,82px)}
.hero-product .capture-hero{transform:none;border-radius:10px;box-shadow:0 20px 65px rgba(0,0,0,.3);}
.capture-hero .capture-viewport{aspect-ratio:auto}
.capture-hero .capture-viewport img{width:100%;max-width:100%;height:auto;object-fit:contain}
.hero .eyebrow{color:#85bdff}
.hero-proof{color:#98b8d9}
.hero .floating-chip{display:none}
.site-header{position:sticky!important;top:0;height:78px;padding:0 clamp(24px,4.5vw,80px);background:rgba(5,15,30,.97);backdrop-filter:blur(14px);border-bottom:1px solid #1d3654;box-shadow:0 7px 20px rgba(0,0,0,.13);gap:clamp(14px,2.2vw,35px)}
.site-header .brand{flex-shrink:0}
.site-header .brand img{width:180px}
.site-header .desktop-nav{display:flex;gap:clamp(13px,2.1vw,31px);align-items:center;margin:auto;font-size:13px;font-weight:560;color:#c1d0e2;white-space:nowrap}
.site-header .desktop-nav>a,.product-menu summary{display:inline-flex;align-items:center;min-height:46px;position:relative;cursor:pointer;transition:color .15s;color:#c5d5e9}
.site-header .desktop-nav>a:hover,.site-header .desktop-nav>a[aria-current],.product-menu summary:hover{color:#fff}
.site-header .desktop-nav>a[aria-current]::after{position:absolute;content:'';left:0;right:0;bottom:2px;height:2px;background:#318cff;border-radius:2px}
.product-menu{position:relative}
.product-menu summary{list-style:none;gap:6px}
.product-menu summary::-webkit-details-marker{display:none}
.product-menu summary .chevron{font-size:17px;color:#6eaeff;line-height:0;transform:translateY(-2px)}
.product-menu[open] .chevron{transform:rotate(180deg) translateY(2px)}
.product-popover{position:absolute;top:53px;left:-130px;width:min(675px,72vw);background:#0a1c33;border:1px solid #33527a;border-radius:12px;padding:22px;box-shadow:0 25px 65px rgba(0,0,0,.47);z-index:50;white-space:normal}
.menu-kicker{font:700 10px var(--font-geist-mono),monospace;color:#72aaff;letter-spacing:.16em;padding:0 6px 13px}
.product-popover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.site-header .product-option{display:flex;min-height:101px;flex-direction:column;gap:5px;padding:18px!important;background:linear-gradient(140deg,#132a47,#0b192d);border:1px solid #254363;border-radius:7px;color:#e7f3ff}
.site-header .product-option:hover{background:#163758;border-color:#3e87df}
.nav-product-name{font-weight:710;font-size:15px}
.product-option small{color:#a0b8d0;font-size:12px}
.product-option em{font-size:10px;font-style:normal;color:#74d8b1;margin-top:auto}
.product-option em.upcoming{color:#e6bd85}
.site-header .header-cta{margin-left:auto;white-space:nowrap;border-radius:5px;background:linear-gradient(110deg,#0758d9,#087af0);border-color:#4c98ff;padding:12px 19px}
.mobile-nav{display:none}
/* Navigation clarity and rhythm */
.trust-strip{background:#081a30;border-block:1px solid #203c5b}
.section{padding:96px clamp(26px,6vw,100px)}
.modules-v2{background:linear-gradient(155deg,#09192e,#0b2747 70%,#08192d)}
.module-grid-new{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}
.module-new-card{padding:24px 25px 23px;min-height:0;background:linear-gradient(150deg,#112a47,#0a1b30 88%);border-color:#2b496b;border-radius:11px;position:relative}
.module-new-card:hover{border-color:#3f8ed8;transform:translateY(-3px)}
.module-card-symbol{margin:11px 0 0;font-size:9px}
.module-new-card h3{font-size:clamp(24px,2.4vw,34px);margin:14px 0 8px}
.module-new-card p{font-size:14px;line-height:1.55;margin:0 0 15px;min-height:45px}
.module-thumb{order:0;display:grid;place-items:center;width:100%;height:auto;aspect-ratio:16/9;padding:0;margin:16px 0 2px;overflow:hidden;border:1px solid #2e5075;border-radius:7px;background:#061321}
.module-thumb img,.module-thumb img:hover{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:none!important;transform:none!important}
.module-new-card:hover .module-thumb img{transform:none!important}
.module-link{padding-top:14px;display:flex;align-items:center;color:#8ac3ff}
.image-disclosure{max-width:900px;color:#819fbe;font-size:11px}
/* homepage deployment snippet, no fake 3-up small crops */
.home-deployment{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,5vw,88px);padding:100px clamp(26px,6vw,100px);background:linear-gradient(125deg,#07182c,#0f2c4f);border-block:1px solid #23476c}
.home-deployment h2{font-size:clamp(36px,3.8vw,62px);margin:20px 0}
.home-deployment p{color:#adc0d6;max-width:570px;font-size:16px;line-height:1.75}
.home-deployment .primary-button{margin-top:20px}
.home-deployment-visual{border:1px solid #35628e;background:#081b31;border-radius:10px;overflow:hidden;box-shadow:0 26px 65px rgba(0,0,0,.25)}
.home-deployment-visual img{display:block;width:100%;height:auto;object-fit:contain}
.home-deployment-visual>span{display:block;padding:17px 20px;color:#85b2e2;font:650 11px var(--font-geist-mono),monospace;letter-spacing:.08em}
.suite-section{background:linear-gradient(150deg,#07182c,#0b2644)}
.integration-new{background:linear-gradient(115deg,#08182e,#0c2541);}
.protocol-box,.protocol-detail,.step-grid article{border-radius:6px}
.custom-highlight{background:linear-gradient(100deg,#081a30,#102f55 85%);}
.custom-feature-visual{background:linear-gradient(130deg,#0e284a,#071728)!important;border-radius:8px}
.contact-section{background:linear-gradient(130deg,#071424,#0d2a4e 90%)}
/* interior hero split layout */
.inner-hero{padding:86px clamp(26px,6vw,100px) 85px;min-height:0;background:linear-gradient(110deg,#061222 5%,#0c2649 65%,#11345d 100%);display:grid;grid-template-columns: minmax(0,1fr) minmax(0,.93fr);gap:clamp(30px,4vw,80px);align-items:center;border-bottom:1px solid #244569}
.inner-hero-content{max-width:730px}
.inner-hero h1{font-size:clamp(38px,4.15vw,64px);line-height:1.05;max-width:760px;margin:20px 0 22px}
.inner-hero-content>p{font-size:16px;line-height:1.75}
.inner-hero .breadcrumb{margin-bottom:22px}
.inner-hero .eyebrow{flex-wrap:wrap}
.inner-hero .hero-actions{margin-top:30px;gap:18px;flex-wrap:wrap}
.inner-hero-visual{margin:0;background:#071421;border:1px solid #365f8d;border-radius:10px;padding:11px;box-shadow:0 24px 65px rgba(0,0,0,.23);min-width:0}
.screen-inner{display:grid;place-items:center;background:#05111d;border:1px solid #233f61;border-radius:4px;aspect-ratio:16/10;overflow:hidden}
.screen-inner img{width:100%;height:100%;object-fit:contain;object-position:center}
.inner-hero-visual figcaption{font:570 10px var(--font-geist-mono),monospace;letter-spacing:.03em;color:#80a8d4;padding:13px 7px 4px}
.inner-section{background:linear-gradient(150deg,#071727,#0a2340);padding:90px clamp(26px,6vw,100px)}
.inner-section.alt-bg{background:linear-gradient(110deg,#0a1e36,#0e2b4b)}
.inner-bottom-cta{background:linear-gradient(125deg,#0b2547,#061526);padding:78px 24px 100px}
.product-visual-feature{background:linear-gradient(120deg,#08192c,#103051);padding:84px clamp(26px,6vw,100px)}
.product-visual-feature figure{border-radius:8px}
/* Never crop interfaces or marketing designs */
.product-screenshot,.gallery-image,.two-shot figure{overflow:hidden;background:#091a2e}
.product-screenshot img,.gallery-image img,.two-shot img{max-width:100%;width:100%;height:auto;object-fit:contain!important;object-position:center!important}
.install-grid{gap:20px}
.install-card{border-color:#2d527c;border-radius:10px;background:linear-gradient(140deg,#102b49,#091c31)}
.install-card img{aspect-ratio:4/3;height:auto;object-fit:contain!important;background:#09182c}
/* Footer compact but fully navigable */
.footer-v4{display:grid;grid-template-columns:1.05fr 1fr;gap:45px 60px;align-items:start;background:#050f1e;border-top:1px solid #254262;padding:65px clamp(26px,6vw,100px) 25px;min-height:0;color:#8ea9c5;text-align:left;justify-items:stretch}
.footer-brand img{width:205px;height:auto}
.footer-brand p{max-width:350px;font-size:13px;line-height:1.8;margin:17px 0 0}
.footer-menu{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.footer-menu div{display:flex;flex-direction:column;gap:11px}
.footer-menu strong{font:700 10px var(--font-geist-mono),monospace;color:#7bb4ff;letter-spacing:.12em;margin-bottom:10px}
.footer-menu a{font-size:13px;color:#a8bbd4}
.footer-bottom{grid-column:1/-1;border-top:1px solid #1a3656;display:flex;justify-content:space-between;padding-top:22px;font-size:11px}
/* responsive tablet and phone */
@media(max-width:1240px){.site-header .desktop-nav{display:none}.site-header .header-cta{margin-left:auto}.mobile-nav{display:block;position:relative;z-index:60}.mobile-nav summary{display:flex;align-items:center;gap:9px;list-style:none;background:#0c2848;border:1px solid #3c6292;color:#deecff;border-radius:6px;padding:12px 15px;font-size:13px;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav .menu-icon{font-size:19px}.mobile-nav nav{display:flex;flex-direction:column;position:absolute;top:57px;right:0;min-width:305px;width:min(360px,89vw);max-height:80vh;overflow:auto;padding:12px;background:#081a30;border:1px solid #345b86;border-radius:9px;box-shadow:0 26px 60px rgba(0,0,0,.55);gap:0!important}.mobile-nav nav>a{display:flex;justify-content:space-between;padding:13px 12px;font-size:14px;color:#dfebfa;border-bottom:1px solid #203855}.mobile-nav nav>a:hover{color:#69b2ff}.mobile-label{padding:15px 12px 7px;font:700 10px var(--font-geist-mono),monospace;color:#7faef0;letter-spacing:.12em}}
@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:0;padding-top:80px}.hero-product{max-width:850px}.inner-hero{grid-template-columns:1fr;gap:35px;padding-top:65px}.inner-hero-content{max-width:890px}.inner-hero-visual{max-width:900px;width:100%}.home-deployment{grid-template-columns:1fr}.home-deployment-visual{max-width:850px}.module-grid-new{grid-template-columns:1fr 1fr}}
@media(max-width:690px){.site-header{height:70px;padding-inline:18px;gap:8px}.site-header .brand img{width:148px}.site-header .header-cta{font-size:11px;padding:10px 12px}.mobile-nav summary{font-size:0;padding:8px 10px;gap:0}.mobile-nav .menu-icon{font-size:22px}.hero{padding:70px 20px 65px;gap:30px}.hero h1{font-size:clamp(44px,11vw,59px)}.hero-copy>p{font-size:16px}.hero-actions{gap:15px}.module-grid-new{grid-template-columns:1fr;gap:18px}.section{padding:72px 20px}.module-new-card{padding:19px}.module-new-card h3{font-size:27px}.module-thumb{aspect-ratio:16/9}.home-deployment{padding:72px 20px;gap:28px}.home-deployment h2{font-size:38px}.home-deployment p{font-size:15px}.inner-hero{padding:46px 20px 60px;gap:29px}.inner-hero h1{font-size:clamp(35px,9vw,50px)}.inner-hero-content>p{font-size:15px}.inner-hero-visual{padding:7px}.inner-hero-visual figcaption{font-size:9px}.inner-section{padding:72px 20px}.inner-section-heading>p{font-size:15px}.footer-v4{grid-template-columns:1fr;padding:48px 22px 25px;gap:34px}.footer-menu{gap:20px}.footer-bottom{align-items:start;gap:12px;flex-direction:column}.inner-bottom-cta{padding:68px 20px}}

/* Language navigation: one selector visible on desktop and tablet; mobile selection in menu */
.language-menu{position:relative;flex:0 0 auto;z-index:91}
.language-menu>summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;min-height:43px;padding:9px 12px;background:#102946;border:1px solid #375779;border-radius:6px;color:#e2f2ff;font-size:12px;font-weight:700;letter-spacing:.04em}
.language-menu>summary::-webkit-details-marker{display:none}
.language-menu>summary:hover,.language-menu[open]>summary{background:#163759;border-color:#3982d0}
.language-menu .language-options{position:absolute;right:0;top:calc(100% + 8px);min-width:143px;background:#081c32;border:1px solid #345779;box-shadow:0 14px 37px #0007;border-radius:7px;padding:6px;z-index:100}
.language-menu .language-options>a{display:block;color:#d8e9fa;padding:10px 12px;font-size:13px;border-radius:4px}
.language-menu .language-options>a:hover,.language-menu .language-options>a[aria-current="page"]{background:#123d6c;color:#fff}
@media(max-width:690px){.language-menu{display:none}.site-header .mobile-nav{order:3}.site-header .header-cta{margin-left:auto}}
@media(min-width:691px) and (max-width:1240px){.site-header .language-menu{margin-left:0}.site-header .header-cta{margin-left:auto}}


/* VALENT V5 — producto y comunicación comercial. Sin estados internos en el sitio. */
.product-option{min-height:80px!important}
.product-popover{max-height:calc(100vh - 104px);overflow:auto}
.module-grid-new .module-new-card{overflow:hidden}
.module-new-card .module-card-symbol{font-size:11px;letter-spacing:.085em;color:#7caad8}
.module-new-card h3{margin-top:18px}
.module-sketch{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;background:linear-gradient(135deg,#091f3c,#0b345c 55%,#091e34);border-color:#3a6aa0}
.sketch-track{display:flex;align-items:center;gap:10px;justify-content:center;width:95%}
.sketch-track span{background:linear-gradient(120deg,#193e67,#12568e);border:1px solid #357ebb;border-radius:9px;padding:13px 17px;color:#e5f4ff;font-size:clamp(13px,1.5vw,22px);font-weight:700;letter-spacing:.05em}
.sketch-track i{height:2px;width:12%;background:#489eff}
.sketch-lines{display:flex;gap:7px;width:73%}
.sketch-lines b{height:4px;background:#2f6da8;flex:1;border-radius:5px}
.maintenance-sketch{background:linear-gradient(135deg,#0b1b32,#0c3157)}
.sketch-sheet{width:70%;height:78%;border:1px solid #4c86b4;border-radius:9px;background:#0c2744;box-shadow:0 15px 40px #0005;padding:17px 20px;display:flex;flex-direction:column;gap:17px}
.sketch-sheet-head{display:flex;align-items:center;gap:12px;color:#c6e4ff;font-weight:800;font-size:clamp(13px,1.4vw,20px)}
.sketch-sheet-head i{display:block;width:25px;height:25px;border-radius:6px;border:2px solid #379dff;background:#0c508b}
.sketch-sheet-lines{display:flex;flex-direction:column;gap:9px}
.sketch-sheet-lines b{height:6px;border-radius:3px;background:#225379}
.sketch-sheet-lines b:nth-child(2){width:80%}.sketch-sheet-lines b:nth-child(3){width:60%}
.sketch-sheet-bottom{display:flex;gap:8px;margin-top:auto}.sketch-sheet-bottom i{height:21px;flex:1;border-radius:5px;background:#174778;border:1px solid #3274a8}
/* Homepage: three authentic full marketing visuals instead of one small thumbnail */
.home-deploy-gallery{background:linear-gradient(117deg,#05162a 2%,#0a2748 53%,#09243e 100%);padding:112px clamp(26px,6vw,100px);border-block:1px solid #294e75}
.deploy-gallery-intro{max-width:850px;margin-bottom:43px}.deploy-gallery-intro h2{font-size:clamp(38px,4.2vw,64px);letter-spacing:-.05em;line-height:1.09;margin:17px 0 21px}.deploy-gallery-intro p{color:#b4c8df;font-size:17px;line-height:1.6;max-width:700px}
.deploy-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.deploy-gallery-card{background:linear-gradient(140deg,#12345a,#071a2d);border:1px solid #305982;border-radius:10px;display:block;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.deploy-gallery-card:hover{transform:translateY(-5px);border-color:#61a8ff;box-shadow:0 24px 50px #0005}
.deploy-gallery-image{background:#07182d}.deploy-gallery-image img{display:block;aspect-ratio:4/3;width:100%;height:auto;object-fit:contain!important}
.deploy-gallery-caption{padding:22px 24px 26px}.deploy-gallery-caption>span{font:750 11px var(--font-geist-mono),monospace;color:#66b7ff;letter-spacing:.1em}
.deploy-gallery-caption h3{font-size:clamp(19px,1.8vw,27px);letter-spacing:-.03em;margin:10px 0 7px;color:#edf7ff}
.deploy-gallery-caption p{font-size:13px;line-height:1.6;margin:0;color:#9ebad7}
.deploy-gallery-cta{display:inline-flex;margin-top:33px;color:#9ed4ff;border-bottom:1px solid #3995ed;padding-bottom:9px;font-weight:650}
/* Interior: detailed, alternating image / text rows. Keep images uncropped. */
.deployment-feature-list{display:flex;flex-direction:column;gap:32px;margin-top:46px}
.deployment-feature{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);align-items:stretch;overflow:hidden;border:1px solid #325f8b;border-radius:13px;background:linear-gradient(125deg,#123452,#081b31)}
.deployment-feature.reverse{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr)}
.deployment-feature.reverse .deployment-feature-photo{order:2}
.deployment-feature-photo{display:flex;align-items:center;background:#071a2b}
.deployment-feature-photo img{width:100%;height:auto;display:block;object-fit:contain!important}
.deployment-feature-text{padding:clamp(30px,4vw,65px);display:flex;flex-direction:column;justify-content:center;gap:0}
.feature-count{font:700 11px var(--font-geist-mono),monospace;color:#64b0f9;letter-spacing:.12em}
.deployment-feature-text h3{font-size:clamp(29px,3vw,47px);line-height:1.12;letter-spacing:-.035em;margin:20px 0 15px;color:#f1f8ff}
.deployment-feature-text>strong{font-size:17px;color:#a4d0ff;font-weight:600}
.deployment-feature-text>p{font-size:15px;line-height:1.75;color:#acc3dc;margin:21px 0 24px}
.deployment-feature-text ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
.deployment-feature-text li{font-size:13px;color:#dbebfb;display:flex;align-items:center;gap:12px}
.deployment-feature-text li span{color:#61bbff;font-weight:900}
/* New product conceptual schematic, not a fabricated software screenshot */
.new-module-hero-art{min-width:0;border:1px solid #3c6b9d;background:linear-gradient(145deg,#0c274a,#06192f);border-radius:13px;box-shadow:0 30px 75px #0006;padding:clamp(24px,3vw,46px);min-height:355px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.art-top{display:flex;align-items:center;gap:13px;color:#e6f4ff;font-size:12px;font-weight:750;letter-spacing:.09em}
.art-top img{width:32px;height:32px;object-fit:contain}.art-top i{width:42px;height:2px;background:#367bc0;margin-left:auto}
.art-title{color:#f2f9ff;font-size:clamp(22px,3vw,42px);font-weight:800;letter-spacing:-.035em}
.art-status{color:#91cafa;font-size:13px;display:flex;align-items:center;gap:10px}.art-status span{background:#2f97ff;width:9px;height:9px;border-radius:50%}
.art-panels{display:grid;grid-template-columns:1fr 1fr;gap:13px}.art-panels>div{border:1px solid #2d5f91;background:#0a2540;padding:17px;border-radius:6px;display:flex;flex-direction:column;gap:6px}
.art-panels small{color:#79a7d3;font-size:10px;letter-spacing:.1em}.art-panels strong{font-size:clamp(17px,2.4vw,28px);color:#fff}
.art-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;border-top:1px solid #2f5275;padding-top:23px}
.demo-flow-item{display:flex;flex-direction:column;gap:10px;min-width:0;color:#accbec;font-size:11px;line-height:1.35}
.demo-flow-dot{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid #2e87d9;color:#76c2ff;font-weight:700}
.demo-flow-item b{font-weight:600}
@media(max-width:1080px){.deploy-gallery-grid{grid-template-columns:1fr 1fr}.deployment-feature,.deployment-feature.reverse{grid-template-columns:1fr}.deployment-feature.reverse .deployment-feature-photo{order:0}}
@media(max-width:720px){.home-deploy-gallery{padding:72px 20px}.deploy-gallery-grid{grid-template-columns:1fr}.deploy-gallery-intro h2{font-size:38px}.deploy-gallery-card{max-width:590px}.deployment-feature-list{gap:25px}.deployment-feature-text{padding:28px}.deployment-feature-text h3{font-size:33px}.art-flow{grid-template-columns:1fr 1fr;row-gap:20px}.new-module-hero-art{min-height:315px;padding:20px}}


/* VALENT V8 - explicit dropdown visibility, including with legacy browser styles. */
details.mobile-nav:not([open]) > nav { display: none !important; }
details.language-menu:not([open]) > .language-options { display: none !important; }
details.product-menu:not([open]) > .product-popover { display: none !important; }
@media (min-width: 1241px) { .site-header .mobile-nav { display: none !important; } }
@media (max-width: 1240px) { .site-header .desktop-nav { display: none !important; } }


.lang-chip, .lang-option, .lang-inline {display:inline-flex; align-items:center; gap:.45rem;}
.lang-chip img, .lang-option img, .lang-inline img {width:18px; height:12px; display:block; border-radius:2px; box-shadow:0 0 0 1px rgba(255,255,255,.12);}
.language-menu summary {display:inline-flex; align-items:center; gap:.45rem;}
.language-options a {display:flex; align-items:center; gap:.55rem;}



/* V10 - Mobile header: brand, language picker, compact mobile navigation. */
@media(max-width:1240px){
  .site-header .mobile-nav{display:block;position:relative;z-index:70;flex:0 0 auto;}
  .mobile-nav > summary{width:46px;height:45px;padding:0!important;display:flex;align-items:center;justify-content:center;border:1px solid #3a658f;background:#0d2949;border-radius:9px;color:#e6f2ff;cursor:pointer;list-style:none;font-size:23px!important;}
  .mobile-nav > summary::-webkit-details-marker{display:none;}
  .mobile-nav .menu-open-icon,.mobile-nav .menu-close-icon{font-size:23px;line-height:1;font-weight:400;}
  .mobile-nav .menu-close-icon{display:none;}
  .mobile-nav[open] .menu-close-icon{display:inline;}
  .mobile-nav[open] .menu-open-icon{display:none;}
  .mobile-nav[open] > summary{background:#15518a;border-color:#60aaff;}
  .mobile-nav[open]::before{content:'';position:fixed;inset:78px 0 0;background:rgba(2,8,19,.68);z-index:1;pointer-events:none;}
  .site-header .mobile-nav nav.mobile-drawer{display:flex!important;flex-direction:column;position:fixed;top:calc(78px + 8px);right:clamp(12px,3vw,35px);width:min(440px,calc(100vw - 24px));min-width:0;max-height:calc(100dvh - 94px);padding:19px 18px 18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:13px;border:1px solid #37658f;background:linear-gradient(150deg,#0e2a48,#07172a 85%);box-shadow:0 30px 72px #0009;gap:0!important;z-index:3;}
  .site-header .mobile-nav:not([open]) > nav.mobile-drawer{display:none!important;}
  .site-header .mobile-drawer .drawer-title{font:700 11px var(--font-geist-mono),monospace;color:#69aaff;letter-spacing:.13em;margin:2px 0 12px;}
  .site-header .mobile-drawer .drawer-home{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:650;color:#e4f3ff;padding:12px 14px;background:#122e4b;border:1px solid #2b4f72;border-radius:7px;}
  .site-header .mobile-drawer .drawer-home::after,.site-header .mobile-drawer .drawer-services a::after,.site-header .mobile-drawer .drawer-contact::after{content:'↗';color:#77b7fc;font-size:15px;}
  .site-header .mobile-drawer .drawer-label{font:750 10px var(--font-geist-mono),monospace;letter-spacing:.12em;color:#79b6f8;margin:16px 2px 9px;padding:0;}
  .site-header .mobile-drawer .drawer-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .site-header .mobile-drawer .drawer-modules a{min-height:63px;display:flex;align-items:center;justify-content:center;line-height:1.32;text-align:center;padding:11px 8px;border:1px solid #305577;border-radius:7px;background:linear-gradient(145deg,#143556,#0b2138);color:#f0f7ff;font-weight:650;font-size:12px;letter-spacing:.01em;}
  .site-header .mobile-drawer .drawer-services{display:grid;grid-template-columns:1fr;gap:0;}
  .site-header .mobile-drawer .drawer-services a{display:flex;align-items:center;justify-content:space-between;padding:11px 5px;border-bottom:1px solid #264360;color:#dceafd;font-size:14px;}
  .site-header .mobile-drawer .drawer-contact{display:flex;align-items:center;justify-content:space-between;margin-top:17px;border:1px solid #357ccc;border-radius:7px;padding:12px 13px;color:#ecf6ff;background:#0d3965;font-size:14px;font-weight:650;}
  .site-header .mobile-drawer a:focus-visible{outline:2px solid #82c2ff;outline-offset:2px;}
  .site-header .mobile-drawer a[aria-current='page']{color:#fff;border-color:#5f9ff0;background:#164b7a;}
}
@media(max-width:760px){
  .site-header{height:72px;padding-inline:clamp(12px,3.7vw,18px);gap:8px;justify-content:space-between;}
  .site-header .brand{flex:1 1 auto;margin-right:auto;min-width:0;}
  .site-header .brand img{width:clamp(128px,38vw,165px);max-width:100%;height:auto;}
  .site-header .header-cta{display:none!important;}
  .site-header .language-menu{display:block!important;order:2;flex:0 0 auto;margin:0!important;}
  .site-header .language-menu > summary{min-height:45px;height:45px;padding:8px 9px;border-radius:9px;gap:5px;}
  .site-header .language-menu .lang-chip{gap:5px;}
  .site-header .language-menu .language-options{right:0;min-width:165px;top:calc(100% + 9px);}
  .site-header .mobile-nav{order:3;flex:0 0 auto;}
  .mobile-nav > summary{width:45px;height:45px;}
  .mobile-nav[open]::before{top:72px;}
  .site-header .mobile-nav nav.mobile-drawer{top:calc(72px + 7px);right:10px;width:calc(100vw - 20px);max-height:calc(100dvh - 92px);padding:17px 16px;}
  body:has(.mobile-nav[open]){overflow:hidden;}
}
@media(max-width:355px){
  .site-header .brand img{width:122px;}
  .site-header .language-menu > summary{padding-inline:6px;}
  .site-header .mobile-drawer .drawer-modules a{font-size:11px;}
}

/* V11: distributor section restored; streamlined contact */
.site-header .desktop-nav {gap:clamp(12px,1.55vw,26px);font-size:13px;}
.distributors-section{scroll-margin-top:80px;}
.distributors-section .distributor-badge{font-size:9px;line-height:1.4;}
.distributor-contact a{overflow-wrap:anywhere;}
.contact-section.contact-simple{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(35px,5vw,88px);align-items:center;padding-block:100px;background:linear-gradient(120deg,#071421 5%,#0c294b 100%);}
.contact-simple .contact-intro{position:relative;top:auto;}
.contact-simple .contact-points{margin-top:26px;gap:13px;}
.contact-simple .contact-points span{font-size:13px;color:#afc9e6;line-height:1.5;}
.contact-direct-card{padding:clamp(24px,3vw,44px);border:1px solid #35628c;border-radius:14px;background:linear-gradient(145deg,#0e2b4d,#07182c);box-shadow:0 25px 65px rgba(0,0,0,.24);min-width:0;}
.contact-card-eyebrow{display:block;font:700 10px var(--font-geist-mono),monospace;letter-spacing:.15em;color:#78b7ff;margin-bottom:24px;}
.contact-address{display:block;font-size:clamp(19px,2.25vw,36px);letter-spacing:-.035em;font-weight:750;color:white;overflow-wrap:anywhere;text-decoration:none;border-bottom:1px solid #35516f;padding-bottom:27px;}
.contact-address:hover{color:#77baff;}
.contact-direct-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px;}
.contact-email-button,.contact-copy-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 17px;min-height:48px;border-radius:6px;font:700 13px var(--font-geist),sans-serif;cursor:pointer;text-decoration:none;}
.contact-email-button{color:white;background:#176ff4;border:1px solid #488dff;}
.contact-copy-button{color:#d7eaff;background:#0b2440;border:1px solid #39658e;}
.contact-email-button:hover{background:#2882ff;}
.contact-copy-button:hover{background:#17406b;}
.contact-direct-note{font-size:12px;color:#8ca8c5;line-height:1.7;margin:20px 0 0;}
@media(max-width:1050px){.contact-section.contact-simple{grid-template-columns:1fr;gap:30px;}}
@media(max-width:760px){.distributor-grid{grid-template-columns:1fr;}.distributor-card,.network-card{padding:24px;}.distributor-badge{position:relative;display:inline-flex;border:1px solid rgba(58,126,232,.4);margin:-9px -9px 25px -9px;}.contact-section.contact-simple{padding:75px 20px;}.contact-simple .contact-intro h2{font-size:clamp(34px,8vw,46px);}.contact-direct-card{padding:23px;}.contact-direct-actions{flex-direction:column;}.contact-email-button,.contact-copy-button{width:100%;}.site-header .desktop-nav{display:none;}}

@media(max-width:760px){
 .distributors-section .distributor-grid{grid-template-columns:minmax(0,1fr);min-width:0;}
 .distributors-section .distributor-card,.distributors-section .network-card{min-width:0;max-width:100%;}
}
@media(max-width:360px){.distributors-section .distributor-heading{flex-wrap:wrap;gap:13px;}.distributor-badge{font-size:8px;}}