.cctv-guide{--cctv-copy:#bac9d2;--cctv-line:#253740}.cctv-intro{grid-template-columns:1.08fr 1fr;align-items:center;gap:50px;padding-block:64px 54px;display:grid}.cctv-back{color:#9bafb9;margin-bottom:48px;font-size:13px;text-decoration:none;display:inline-block}.cctv-back:hover{color:#fff}.cctv-kicker{color:#9abfc9;text-transform:uppercase;letter-spacing:.13em;margin:0 0 18px;font-size:11px;font-weight:600;line-height:1.6}.cctv-intro h1{letter-spacing:-.035em;text-wrap:balance;max-width:620px;margin:0 0 25px;font-size:clamp(33px,3.7vw,53px);font-weight:580;line-height:1.16}.cctv-lead{color:var(--cctv-copy);max-width:550px;margin:0 0 28px;font-size:17px;line-height:1.8}.cctv-intro .text-link{font-size:14px}.cctv-brands{color:#a9b6bf;letter-spacing:.07em;margin:36px 0 0;font-size:12px}.cctv-brands span{color:#6f8d9a;padding:0 15px}.cctv-hero-art{width:100%;height:auto}.cctv-nav{border-block:1px solid var(--cctv-line);flex-wrap:wrap;gap:10px 26px;padding-block:22px;display:flex}.cctv-nav a{color:#bdcbd3;padding-block:4px;font-size:12px;line-height:1.8;text-decoration:none;transition:color .18s}.cctv-nav a:hover{color:#7ed0df}.cctv-nav-title{color:#dce6eb;align-self:center;font-size:13px;font-weight:550}.cctv-nav-number{color:#9abfc9;font-variant-numeric:tabular-nums;margin-right:8px;font-size:11px}.cctv-chapters{padding-top:12px;padding-bottom:58px}.cctv-chapter{border-bottom:1px solid var(--cctv-line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:30px 72px;padding-block:72px;scroll-margin-top:35px;display:grid}.cctv-copy{min-width:0}.cctv-number{color:#7895a2;font-variant-numeric:tabular-nums;margin-bottom:18px;font-size:12px;display:inline-block}.cctv-chapter h2,.cctv-faq>h2{letter-spacing:-.025em;text-wrap:balance;margin:0 0 26px;font-size:clamp(25px,2.7vw,35px);font-weight:550;line-height:1.25}.cctv-prose{color:var(--cctv-copy);font-size:15px;line-height:1.9}.cctv-prose p{margin:0 0 18px}.cctv-prose p:last-child{margin-bottom:0}.cctv-prose strong{color:#e1e9ed;font-weight:550}.cctv-prose h3{color:#e5edf1;margin:28px 0 10px;font-size:16px;font-weight:550}.cctv-prose h3:first-child{margin-top:0}.cctv-prose a{color:#8ecbd8;text-underline-offset:4px;text-decoration-thickness:1px}.cctv-art{width:100%;margin:0}.cctv-art img{width:100%;height:auto;display:block}.cctv-bridge-art,.cctv-network-diagram{justify-self:center;width:82%;max-width:560px}.cctv-bridge-art figcaption{color:#a4bbc6;margin-top:16px;font-size:13px;line-height:1.7}.cctv-network-diagram svg{width:100%;height:auto;display:block;overflow:visible}.cctv-network-diagram text{text-anchor:middle;font-family:inherit}.cctv-network-diagram text[text-anchor=start]{text-anchor:start}.cctv-network-diagram text[text-anchor=end]{text-anchor:end}.cctv-network-diagram .network-label{fill:#e1e9ed;font-size:18px;font-weight:500}.cctv-network-diagram .network-detail{fill:#a4bbc6;font-size:16px}.cctv-network-diagram .network-cable-label{fill:#a9e3df;font-size:17px;font-weight:550}.cctv-network-diagram figcaption{color:#a4bbc6;margin-top:14px;font-size:13px;line-height:1.7}.cctv-storage{grid-column:1/-1;min-width:0;margin-top:20px}.cctv-storage-intro h3{letter-spacing:-.02em;margin:0 0 14px;font-size:25px;font-weight:550}.cctv-storage-intro p{max-width:900px;color:var(--cctv-copy);margin:0 0 12px;font-size:14px;line-height:1.8}.cctv-storage-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;margin-top:26px;display:grid}.cctv-storage-card{background:linear-gradient(145deg,#233c4b70,#0b1b26d9);border:1px solid #adc9d22b;border-radius:14px;min-width:0;padding:18px 14px 12px}.cctv-storage-scroll{border-radius:5px;overflow-x:auto}.cctv-storage-scroll:focus-visible{outline-offset:4px;outline:2px solid #9bd9e8}.cctv-storage table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:290px;font-size:13px}.cctv-storage caption{text-align:left;padding:0 6px 18px}.cctv-storage caption strong{color:#edf5f8;font-size:24px;font-weight:550;display:block}.cctv-storage caption span{color:#a2ced7;margin-top:6px;font-size:13px;display:block}.cctv-storage caption small{color:#9cb2bf;margin-top:6px;font-size:12px;display:block}.cctv-storage th,.cctv-storage td{text-align:center;white-space:nowrap;border-bottom:1px solid #c7deea13;padding:10px 5px}.cctv-storage thead th{color:#c6dce5;border-bottom-color:#a1c7d144;font-size:12px;font-weight:550}.cctv-storage tbody th{color:#95cdd6;font-weight:550}.cctv-storage td{color:#e0ebf0}.cctv-storage tbody tr:nth-child(2n){background:#d0e5ef04}.cctv-storage tbody tr:last-child th,.cctv-storage tbody tr:last-child td{border-bottom:0}.cctv-storage-note{color:#a4bbc6;margin:20px 0 12px;font-size:13px;line-height:1.8}.cctv-storage-method{color:#a4bbc6;font-size:13px;line-height:1.8}.cctv-storage-method summary{cursor:pointer;color:#a2ced7;width:fit-content}.cctv-storage-method p{max-width:900px;margin:12px 0}.cctv-storage-method a{text-underline-offset:3px;text-decoration:underline}.cctv-chapter.art-first.has-art .cctv-copy{grid-area:1/2}.cctv-chapter.art-first.has-art .cctv-art{grid-area:1/1}.cctv-chapter.text-only{display:block}.cctv-chapter.text-only .cctv-copy{max-width:850px;margin-inline:auto}.cctv-chapter.text-only .cctv-prose{columns:2;column-gap:42px}.cctv-chapter.text-only .cctv-prose p{break-inside:avoid}.cctv-fact{color:#334650;background:#eef2f3;border-radius:16px;grid-column:1/-1;align-items:flex-start;gap:17px;max-width:780px;margin:10px auto 0;padding:25px 30px;display:flex;box-shadow:0 12px 28px #00000018}.cctv-fact-mark{border:1px solid #91a6ae;border-radius:50%;flex:0 0 23px;place-items:center;height:23px;margin-top:2px;font-family:Georgia,serif;font-style:italic;display:grid}.cctv-fact p{margin:0;font-size:14px;line-height:1.75}.cctv-fact .cctv-fact-label{color:#1e3440;margin-bottom:7px;font-size:15px;font-weight:600}.cctv-fact strong{font-weight:600}.cctv-fact.is-seen{animation:.55s ease-out both cctv-fact-in}@keyframes cctv-fact-in{0%{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cctv-features{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 36px;margin:0;padding-top:24px;display:grid}.cctv-features>div{border-top:1px solid #3a505b;padding-top:19px}.cctv-features dt{color:#e1e9ed;margin:0 0 10px;font-size:15px;font-weight:550}.cctv-features dd{color:var(--cctv-copy);margin:0;font-size:14px;line-height:1.8}.cctv-model-note{color:#93a7b2;grid-column:1/-1;margin:-8px 0 0;font-size:12px;line-height:1.7}.cctv-resolution{border:1px solid var(--cctv-line);background:#0c1b25;border-radius:12px;grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:25px 55px;margin:25px 0 0;padding:38px;display:grid}.cctv-resolution h3{letter-spacing:-.025em;margin:0 0 16px;font-size:27px;font-weight:550}.cctv-resolution-copy>p:not(.cctv-kicker){color:var(--cctv-copy);font-size:14px;line-height:1.8}.cctv-resolution-key{margin:25px 0 0;padding:0;list-style:none}.cctv-resolution-key li{border-top:1px solid var(--cctv-line);color:#d7e1e7;justify-content:space-between;gap:16px;padding:11px 0;font-size:13px;display:flex}.cctv-resolution-key li span:last-child{color:#a4bac5;font-variant-numeric:tabular-nums}.cctv-resolution-chart{justify-self:center;width:80%;height:auto;overflow:visible}.cctv-resolution-chart text{font-family:inherit;font-size:14px}.cctv-resolution figcaption{color:#a3b6c1;border-top:1px solid var(--cctv-line);grid-column:1/-1;padding-top:20px;font-size:12px;line-height:1.7}.cctv-faq{padding-top:68px;scroll-margin-top:30px}.cctv-faq>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 65px;margin-top:36px;display:grid}.cctv-faq h3{margin:0 0 12px;font-size:17px;font-weight:550;line-height:1.5}.cctv-faq p:not(.cctv-kicker){color:var(--cctv-copy);margin:0;font-size:14px;line-height:1.85}.cctv-guide .solution-cta h2{font-size:clamp(28px,3vw,39px);font-weight:550}.cctv-guide .service-card-copy{position:static}.cctv-guide .service-card h3{letter-spacing:-.025em;margin:0;font-size:23px;font-weight:500;line-height:1.2}.cctv-guide .service-card-title{color:inherit;text-decoration:none}.cctv-guide .service-card-title:after{content:"";z-index:4;position:absolute;inset:0}.cctv-guide .service-card:focus-within{border-color:#89d5e578;box-shadow:0 0 24px #72d6e809}.cctv-guide .service-card:focus-within:before{opacity:0}.cctv-guide .service-card:focus-within .service-card-link{color:#d3f4ff;text-shadow:0 0 13px #70dfff60}.cctv-guide .service-card:focus-within .service-art{filter:saturate()brightness(1.06)}@media (max-width:1000px){.cctv-intro{gap:24px}.cctv-chapter{column-gap:36px}.cctv-resolution{gap:24px;padding:28px}}@media (max-width:760px){.cctv-intro{grid-template-columns:1fr;gap:20px;padding-block:35px}.cctv-back{margin-bottom:30px}.cctv-intro h1{max-width:560px;font-size:34px}.cctv-lead{font-size:16px}.cctv-brands{margin-top:26px}.cctv-hero-art{justify-self:center;max-width:470px}.cctv-nav{gap:8px 20px;padding-block:18px}.cctv-chapter{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:46px}.cctv-chapter.art-first.has-art .cctv-copy,.cctv-chapter.art-first.has-art .cctv-art{grid-area:auto}.cctv-chapter.text-only .cctv-prose{columns:auto}.cctv-art{justify-self:center;max-width:500px}.cctv-bridge-art,.cctv-network-diagram{width:100%}.cctv-network-diagram .network-label{font-size:20px}.cctv-network-diagram .network-detail{font-size:17px}.cctv-network-diagram .network-cable-label{font-size:19px}.cctv-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;padding-top:8px}.cctv-fact{gap:13px;margin-top:0;padding:23px}.cctv-resolution{grid-template-columns:minmax(0,1fr);margin-top:10px;padding:25px}.cctv-resolution-chart{justify-self:center;width:100%;max-width:450px}.cctv-faq{padding-top:46px}.cctv-faq>div{grid-template-columns:1fr;gap:27px}}@media (max-width:420px){.cctv-intro h1{font-size:31px}.cctv-features{grid-template-columns:1fr;gap:21px}.cctv-fact{padding:20px}.cctv-fact-mark{display:none}}@media (prefers-reduced-motion:reduce){.cctv-fact.is-seen{animation:none}}
.solution-hub-intro [data-load-reveal]{animation:.6s cubic-bezier(.22,.61,.36,1) both solution-intro-in}.solution-hub-intro [data-load-reveal]:focus-within{animation:none}@keyframes solution-intro-in{0%{opacity:0;translate:0 72px}to{opacity:1;translate:0}}.solutions-content{overflow-x:clip}.solutions-content [data-reveal]{--reveal-progress:1;--reveal-distance:100vw;--reveal-x:0px;--reveal-y:clamp(120px, 18vh, 180px)}.solutions-content [data-reveal=left]{--reveal-x:calc(-1 * var(--reveal-distance));--reveal-y:0px}.solutions-content [data-reveal=right]{--reveal-x:var(--reveal-distance);--reveal-y:0px}.solutions-content .reveal-scroll{opacity:calc(.15 + .85 * var(--reveal-progress));translate:calc(var(--reveal-x) * (1 - var(--reveal-progress))) calc(var(--reveal-y) * (1 - var(--reveal-progress)))}@media (max-width:760px){.solutions-content [data-reveal]{--reveal-y:clamp(80px, 14vh, 120px)}.solutions-content [data-reveal=left],.solutions-content [data-reveal=right]{--reveal-y:0px}}@media (prefers-reduced-motion:reduce){.solution-hub-intro [data-load-reveal]{animation:none}.solutions-content .reveal-scroll{opacity:1;translate:none}}@media print{.solution-hub-intro [data-load-reveal]{animation:none}.solutions-content .reveal-scroll{opacity:1;translate:none}}
.solutions-content{background:radial-gradient(ellipse 650px 500px at 95% 8%, #254c5b24, transparent 80%), radial-gradient(ellipse 600px 650px at 0% 60%, #2442581c, transparent 80%), var(--night)}.solutions-content .service-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(140deg,#233d4b9c,#10222edb 50%,#0a1822ed);border-color:#c4e0eb36;border-radius:16px;transition:border-color .25s,box-shadow .25s;box-shadow:inset 0 1px #e7f7ff26,inset 1px 0 #dceeff0a,0 14px 35px #00000014}.solutions-content .service-card:before{z-index:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(125deg,#e0f5ff1a,#d5edff05 39%,#0000 40%,#accfdf08 78%,#edfaff12)}.solutions-content .service-card-copy{position:static}.solutions-content .service-card h2,.solutions-content .service-card h3{letter-spacing:-.025em;margin:0;font-weight:500;line-height:1.25;position:static}.solutions-content .service-card h3{font-size:23px}.solutions-content .service-card-title{color:inherit;text-decoration:none}.solutions-content .service-card-title:after{content:"";z-index:4;position:absolute;inset:0}.solutions-content .service-card p{color:#beced8}.solutions-content .service-card:hover,.solutions-content .service-card:focus-within{border-color:#a5dcea8a;box-shadow:inset 0 1px #e7f7ff35,0 0 28px #81cfdf16,0 16px 36px #0002}.solutions-content .service-card:focus-within:before{opacity:0}.solutions-content .service-card:focus-within .service-card-link{color:#d3f4ff;text-shadow:0 0 13px #70dfff60}.solutions-content .service-card:focus-within .service-art{filter:saturate()brightness(1.06)}.solutions-content .service-card:focus-within{outline-offset:4px;outline:2px solid #9bd9e8}.solutions-content .service-card-title:focus-visible{outline:none}.solutions-content .cctv-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(120deg,#a9d0df12,#8fb8c204 55%,#a9d0df0b);border-color:#b7d5df30;gap:8px 12px;box-shadow:inset 0 1px #d9f1ff0a,0 12px 24px #0000000d}.solutions-content .cctv-nav a{color:#cbdbe3;background:#bddcec05;border:1px solid #c6e2ef1c;border-radius:8px;padding:8px 12px;transition:background .2s,border-color .2s,color .2s}.solutions-content .cctv-nav a:hover{color:#effbff;background:#b8deed10;border-color:#c6e2ef50}.solutions-content .solution-cta{background:linear-gradient(120deg,#b8dce916,#16364544 48%,#d7edff08);border-color:#c2e0eb2b;box-shadow:inset 0 1px #f2fbff09}.service-hero-visual{background:radial-gradient(#73afc417,#0000 68%);min-width:0;position:relative}.service-hero-visual img{display:block}.service-guide .service-chapter{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start}.service-chapter-heading,.service-guide .cctv-prose{min-width:0}.service-guide .cctv-prose ul{padding-left:22px}.service-guide .cctv-prose li{margin-block:8px}.service-guide .solution-table-wrap{background:#c4dfed04;border-color:#c6e0ed2b;margin-block:0;box-shadow:inset 0 1px #e4f6ff0d}.service-guide .solution-table-wrap th{background:#a7cee016}.service-guide .solution-table-wrap td{color:#c4d3dc}.service-guide .solution-table-wrap tr:last-child td{border-bottom:0}.service-guide .solution-note{background:linear-gradient(130deg,#b5deee14,#92c5dd05);border:1px solid #b5ddec2b;border-radius:12px;padding:22px;box-shadow:inset 0 1px #e6f7ff16}.service-guide .solution-note strong{margin-bottom:8px;display:block}.service-guide .cctv-faq>div>section{background:linear-gradient(125deg,#b5d9e510,#a7ccd803);border:1px solid #c4dce926;border-radius:12px;padding:25px;box-shadow:inset 0 1px #ebf8ff0d}@media (max-width:760px){.service-guide .service-chapter{grid-template-columns:minmax(0,1fr);gap:0}.service-guide .service-chapter h2{margin-bottom:22px}.service-hero-visual{justify-self:center;max-width:470px}.solutions-content .cctv-nav{gap:8px}.solutions-content .cctv-nav a{padding:8px 10px;font-size:12px}.service-guide .cctv-faq>div>section{padding:21px}}@media (prefers-reduced-motion:reduce){.solutions-content .service-card,.solutions-content .service-card:before,.solutions-content .service-art,.solutions-content .service-card-link,.solutions-content .cctv-nav a{transition:none}}