:root{--ink:#0B1F33;--dark:#0B1F33;--paper:#F4F7FB;--white:#FFFFFF;--muted:#64748B;--line:#DCE5EF;--soft:#EEF3F9;--lime:#2563EB;--blue:#2563EB;--accent:#12B8A6;--utility-height:38px}
body{background:#F4F7FB;color:#0B1F33}.company-topbar{position:sticky;top:0;z-index:45;height:var(--utility-height);background:#0B1F33;color:#FFFFFF;border-color:#ffffff15}.topbar-inner{min-height:var(--utility-height)}.company-details{gap:29px;font-size:10px;color:#FFFFFF}.company-details a:hover{color:#FFFFFF;text-decoration:underline;text-underline-offset:4px}.utility-icon{height:14px;width:14px;fill:none;stroke:#12B8A6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.topbar-social>a,.topbar-social>span{color:#12B8A6;border-color:#12B8A650}.social-pending{opacity:.55}.topbar-social>a:hover{background:#12B8A6;color:#0B1F33}.header{top:var(--utility-height);background:#FFFFFFf5;border-color:#DCE5EF}.brand{color:#0B1F33}.brand-dot{color:#12B8A6}.nav-links a:hover,.services-menu[open] summary,.nav-links>a[aria-current=page]{color:#2563EB}.services-dropdown{background:#FFFFFF;border-color:#DCE5EF}.services-dropdown>a:hover{background:#EEF3FF}.services-menu summary{color:#0B1F33}.button-dark,.button-lime{background:#2563EB;color:#FFFFFF;border-color:#2563EB}.button-dark:hover,.button-lime:hover{background:#1D4ED8;border-color:#1D4ED8;color:#FFFFFF}.button-outline{color:#2563EB;border-color:#B9CDF8;background:transparent}.button-outline:hover{background:#EAF1FF}.status-dot{background:#12B8A6;box-shadow:0 0 0 4px #12B8A618}.hero{background:radial-gradient(ellipse at 5% 2%,#EAF1FF80,transparent 60%)}.hero-visual{background-color:#0B1F33;color:#FFFFFF;background-image:radial-gradient(ellipse at 55% 50%,#193d60 0,transparent 65%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}.scene-top{color:#CAD9E9}.scene-bottom{color:#C0D1E2}.scene-bottom a{color:#12B8A6}.scene-coordinate{color:#7994B0}.scene-tag{background:#0B1F33eb;border-color:#12B8A650}.scene-tag div>span{color:#A9C2D8}.camera-mini,.tag-check{color:#12B8A6}.hero-points i{color:#12B8A6}.tools-feature,.dark-card{background:#0B1F33;color:#FFFFFF}.tools-feature .eyebrow,.dark-card .eyebrow{color:#12B8A6}.tools-feature p,.dark-card p{color:#BACBDD}.feature-note{color:#9BB3CB}.planner-preview{border-color:#45688B;box-shadow:0 25px 50px #05142360}.dark-card .resource-icon{color:#12B8A6}.cta{background:#EAF1FF;border-color:#D4E1FA}.resource-card:not(.dark-card),.solution-card{background:#F0F4FA;border-color:#DCE5EF}.preset-buttons button.active{background:#E7EFFF;border-color:#AAC3F7;color:#2563EB}.camera-row.active{background:#E7EFFF;border-color:#AAC3F7}.camera-color{background:#2563EB}.add-camera{border-color:#ACC4EF;color:#2563EB}.plan-canvas{background-color:#F4F7FB}.view-toggle button.active{color:#2563EB}.plan-metrics strong{color:#0B1F33}.equipment-icon{background:#EDF3FF;color:#2563EB}.check-list li::before{color:#12B8A6}.contact-demo{background:#EEF4FF}.storage-output .eyebrow{color:#12B8A6}.storage-output>span{color:#BACBDD}.storage-output>strong,.storage-big{color:#FFFFFF}.storage-big small{color:#12B8A6}.storage-rule{background:#ffffff25}.storage-output .small-note{color:#ACC0D5!important}.catalog-presets button{background:#EDF4FF;color:#2563EB;border-color:#D0DEFA}.catalog-presets button:hover{background:#DFEAFF}.active-filters button{background:#E5EFFF;border-color:#ABC5F7;color:#2563EB}.filter-options input,input[type=checkbox],input[type=range]{accent-color:#2563EB}.camera-brand{color:#2563EB}.camera-spec-line span{background:#EDF3FF;color:#315580}.camera-card:hover{border-color:#8EB0F7;box-shadow:0 8px 24px #2563EB0c}.search-box{border-color:#C6D6EF}.search-box>span{color:#12B8A6}.camera-card-specs dd{color:#0B1F33}.product-specs dd{color:#0B1F33}.compare-dock{background:#0B1F33f5;border-color:#496A8C}.compare-dock #compare-items{color:#B8CEE4}.compare-dock .icon-button{color:#FFFFFF;border-color:#567391}.compare-table tr.different{background:#E7F0FF}.compare-table tr:not(.different){background:#FFFFFF}.support-choices>a{background:#EFF5FF;border-color:#D9E5F9}.support-choices>a:hover{border-color:#93B3EE}.support-layout .dark-card .check-list li{color:#CBD9E7}.support-layout .dark-card .eyebrow{color:#12B8A6}.cart-empty{background:#ECF3FF;border-color:#ADC8F4}.cart-empty>span{color:#12B8A6}.compare-table tbody th{color:#58718B}.no-results{background:#ECF3FF}.beta{background:#E4EEFF;color:#2563EB}footer{background:#0B1F33;color:#FFFFFF;border-top-color:#0B1F33}footer .brand{color:#FFFFFF}.footer-top p,.footer-top>a:last-child{color:#FFFFFF}.footer-bottom{border-color:#ffffff20;color:#ACC0D5}.footer-bottom a:hover,.footer-top>a:last-child:hover{color:#12B8A6}.footer-top .brand-dot{color:#12B8A6}.toast{background:#0B1F33}
@media(max-width:760px){:root{--utility-height:61px}.company-topbar{height:var(--utility-height)}.topbar-inner{height:var(--utility-height);gap:12px}.company-details{display:grid;grid-template-columns:auto auto;gap:5px 18px;padding:6px 0;font-size:9px;flex:1}.topbar-location{grid-column:1;grid-row:1}.topbar-phone{grid-column:2;grid-row:1;font-size:9px!important;justify-self:start}.topbar-hours{display:flex!important;grid-column:1/-1;grid-row:2;font-size:8px}.utility-icon{width:12px;height:12px}.topbar-social{gap:6px;flex-shrink:0}.topbar-social>a,.topbar-social>span{height:21px;width:21px;font-size:8px}.header .nav-links{background:#FFFFFF}.services-dropdown{background:#F4F7FB}.header .nav{height:68px}.header .nav-links{top:67px}.header{top:var(--utility-height)}.nav-links{max-height:calc(100vh - 130px);overflow:auto}.support-layout .dark-card .check-list li{font-size:12px}}
@media(max-width:390px){.company-details{gap:5px 10px;font-size:8px}.topbar-phone{font-size:8px!important}.topbar-social{gap:4px}.topbar-social>a,.topbar-social>span{height:18px;width:18px;font-size:7px}.topbar-inner{gap:8px}}