
.solution-hero{background:#000;padding:28px 0 65px}
.breadcrumb{display:flex;gap:12px;color:#8ea8b8;font-size:11px;margin-bottom:40px}
.solution-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.solution-hero h1{font-size:clamp(44px,4.8vw,68px);letter-spacing:-3px;line-height:1.09}
.solution-hero h1 em{font-style:normal;background:linear-gradient(105deg,#13eff5,#b1b0ff,#f112ed);background-clip:text;color:transparent}
.solution-hero-grid>div>p:not(.kicker){font-size:16px;line-height:1.9;color:#a7bece;max-width:560px}
.solution-photo{margin:0;border:1px solid #364a58;border-radius:12px;overflow:hidden;background:#0a1015}
.solution-photo img{width:100%;height:390px;object-fit:cover;display:block}
.product-photo{background:radial-gradient(ellipse,#fff,#dce4e9)}
.product-photo img{object-fit:contain;padding:30px}
.solution-subnav{position:sticky;top:93px;z-index:20;border-block:1px solid #32434e;background:#080d11f5;backdrop-filter:blur(12px)}
.solution-subnav>div{display:flex;justify-content:space-between;gap:30px;overflow:auto;padding-block:18px}
.solution-subnav a{white-space:nowrap;color:#b4cad8;font-size:12px}
.solution-subnav a:hover{color:var(--cyan)}
.solution-section{border-top:1px solid #263540;background:#000}
.solution-section[id]{scroll-margin-top:165px}
.solution-three{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.solution-two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.solution-three>article:not(.solution-product){border-top:2px solid #397180;padding-top:25px}
.solution-three h3{font-size:21px;line-height:1.5;letter-spacing:-.5px;margin:0 0 15px}
.solution-three p,.solution-section p{font-size:14px;line-height:1.9;color:#a6bdcc}
.solution-three+.solution-three{margin-top:27px}
.solution-note{font-size:11px!important;color:#819fae!important;line-height:1.9}
.solution-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.solution-split .section-head{margin-bottom:25px}
.solution-split .solution-photo img{height:390px}
.solution-product{border:1px solid #344d5c;background:#0b1319;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.solution-product-image{height:250px;background:#f0f4f6}
.solution-product-image img{width:100%;height:100%;object-fit:contain;padding:25px;display:block}
.solution-product>div:last-child{padding:28px;display:flex;flex-direction:column;flex:1}
.solution-product h3{font-size:22px;line-height:1.4;margin:0 0 16px}
.solution-product p{font-size:13px;line-height:1.9}
.solution-product ul{font-size:12px;line-height:1.9;color:#bad3e3;padding-left:17px;margin:3px 0 25px}
.solution-product li::marker{color:var(--cyan)}
.solution-product .text-link{margin-top:auto;font-size:11px}
.poe-network{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:42px;border:1px solid #335362;background:#0a171e;border-radius:12px;margin-bottom:25px}
.network-station{padding:35px;border:1px solid #3d7c8a;border-radius:10px;background:#061014}
.network-station>span{font-size:10px;letter-spacing:2px;color:var(--cyan);display:block}
.network-station strong{display:block;font-size:23px;margin:17px 0 13px}
.network-station small{font-size:11px;color:#a1bdcd;line-height:1.8}
.network-lines>div{position:relative;padding:16px 20px;background:#10252f;border:1px solid #3c5b6e;border-radius:8px;margin:12px 0}
.network-lines .cable{position:absolute;height:2px;background:var(--cyan);width:76px;left:-76px;top:50%}
.network-lines strong{display:block;font-size:14px}
.network-lines small{display:block;font-size:10px;color:#90b5c9;margin-top:7px}
.poe-network+.solution-note{margin-bottom:40px}
.alexa-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;margin-bottom:50px;align-items:center}
.voice-commands{padding:30px;border:1px solid #355163;background:#0a151d;border-radius:12px}
.voice-commands button{border:1px solid #3f6173;background:#112734;color:#e0f4ff;width:100%;padding:19px 21px;text-align:left;border-radius:7px;display:flex;justify-content:space-between;gap:12px;line-height:1.6;font-size:15px;margin:11px 0}
.voice-commands button:hover,.voice-commands button[aria-pressed="true"]{border-color:var(--cyan);color:var(--cyan)}
.voice-commands button span{color:var(--cyan)}
.voice-demo{text-align:center;background:radial-gradient(ellipse,#173d4966,transparent 75%);padding:30px 20px;color:#aeefff;border:1px solid #2b4b5c;border-radius:12px}
.voice-demo svg{width:100%;max-width:300px;display:block;margin:auto}
.lamp-beam{fill:#ffe09c;opacity:.45;transition:opacity .3s}
.voice-demo[data-light-level="off"] .lamp-beam{opacity:0}
.voice-demo[data-light-level="dim"] .lamp-beam{opacity:.13}
.voice-demo>p{color:#deedf4;font-size:14px;margin:20px 0 10px}
.voice-demo>span{font-size:10px;color:#7a9fb4}
.solution-video{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.solution-video video{display:block;width:100%;max-height:460px;aspect-ratio:16/10;object-fit:contain;background:#111820;border:1px solid #39515f;border-radius:10px}
.solution-video h3{font-size:29px}
.solution-video .kicker{font-size:9px;letter-spacing:2px}
.solution-final{text-align:center}
.solution-final>p:not(.kicker){max-width:650px;margin:27px auto;line-height:1.9}
.solution-final .hero-actions{justify-content:center}
.solution-final small{font-size:11px;color:#819fb2;line-height:1.9}
.solution-credits{padding-bottom:30px;font-size:10px;color:#6f91a6;line-height:1.9}
@media(max-width:1050px){.solution-hero-grid{gap:30px}.solution-hero h1{font-size:52px}.solution-three{gap:19px}.solution-split{gap:35px}.solution-product>div:last-child{padding:23px}.solution-product h3{font-size:20px}.poe-network{padding:30px;gap:50px}.network-lines .cable{width:51px;left:-51px}.nav{gap:15px}.nav>a{font-size:11px}}
@media(max-width:760px){.solution-hero-grid,.solution-split,.solution-two,.solution-three,.alexa-layout,.solution-video{grid-template-columns:1fr;gap:27px}.solution-hero h1{font-size:clamp(43px,10vw,62px)}.solution-photo img,.solution-split .solution-photo img{height:300px}.solution-hero{padding-bottom:40px}.solution-subnav{top:76px}.solution-subnav>div{gap:24px;padding-block:15px}.solution-three>article:not(.solution-product){padding-top:22px}.solution-product-image{height:270px}.poe-network{padding:22px;gap:25px;grid-template-columns:1fr}.network-lines{padding-left:25px}.network-lines .cable{width:25px;left:-25px}.network-station{padding:25px}.voice-commands{padding:23px}.voice-commands button{font-size:13px;padding:16px}.solution-final .hero-actions{align-items:center}}
@media(max-width:480px){.solution-hero h1{font-size:42px;letter-spacing:-2px}.solution-photo img{height:265px}.solution-product>div:last-child{padding:27px}.solution-product h3{font-size:23px}.solution-final .hero-actions{align-items:stretch}}

.video-embed{aspect-ratio:16/9;background:#101420;border:1px solid var(--line);border-radius:16px;overflow:hidden}.video-embed iframe{width:100%;height:100%;border:0}.product-hero{background:#f1f5f8}.product-hero img{object-fit:contain!important;padding:25px}.solution-note{color:var(--muted);font-size:13px;line-height:1.8;margin-top:28px}

.arrival-demo{padding:38px;border:1px solid var(--line);border-radius:22px;background:#0e171d}.arrival-command{font-size:clamp(23px,4vw,38px);text-align:center;color:var(--cyan)}.arrival-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}.arrival-grid article{padding:30px 16px;background:#101d29;border-radius:16px}.arrival-grid article>span{font-size:54px;display:block;height:95px}.arrival-light>span{animation:welcome-light 8s infinite}.window-demo{width:84px;height:85px;margin:0 auto 10px;background:linear-gradient(#8fe7ff,#fff0a0);border:5px solid #c8e2eb;overflow:hidden}.window-demo i{display:block;height:100%;background:repeating-linear-gradient(#456071 0 8px,#152b3a 9px 11px);animation:welcome-shutter 8s infinite;transform-origin:top}.arrival-comfort>span{color:var(--cyan)}.wifi-reasons{grid-template-columns:1fr!important;gap:16px!important}@keyframes welcome-light{0%,15%{color:#546270;text-shadow:none}30%,85%{color:#ffe780;text-shadow:0 0 35px #ffd958}100%{color:#546270}}@keyframes welcome-shutter{0%,20%{transform:scaleY(1)}45%,85%{transform:scaleY(.08)}100%{transform:scaleY(1)}}@media(max-width:760px){.arrival-grid{grid-template-columns:1fr}.arrival-demo{padding:22px}}@media(prefers-reduced-motion:reduce){.arrival-light>span,.window-demo i{animation:none}.arrival-light>span{color:#ffe780}.window-demo i{transform:scaleY(.08)}}

.interphone-ambiance img{object-fit:cover!important;object-position:70% center;padding:0!important}.solution-hero img[src*="ezviz-interphone-ambiance"]{object-fit:cover!important;object-position:70% center;padding:0!important}
