:root{--site-max-width: 1600px;--site-gutter: clamp(24px, 3.2vw, 64px);--site-width: min(calc(100% - var(--site-gutter) * 2), var(--site-max-width));--section-space: clamp(80px, 7vw, 136px)}body .shell,body .section-wide,body .detail-shell,body.solutions-page .shell,body.apple-pro .section-wide,body.apple-pro .parallax-glass-section>.section-wide,body .hardware-section .section-wide{width:var(--site-width);margin-inline:auto}body.apple-pro .detector-section,body.apple-pro .faq-section,body.apple-pro .compat-section,body.apple-pro .scenario-section,body.apple-pro .use-cases-section,body.apple-pro .parallax-glass-section{padding-block:var(--section-space);min-height:0}body.apple-pro .parallax-glass-section>.section-wide{padding:clamp(28px,4vw,64px)}body .scenario-track,body.apple-pro .scenario-track{width:var(--site-width);margin-inline:auto;padding:4px 2px 12px;scroll-padding-inline:2px}body.apple-pro .scenario-card{flex:0 0 calc((100% - 44px) / 3);min-width:0;height:auto;border-radius:22px}body.apple-pro .overview-intro h2,body.apple-pro .workflow-section h2,body.apple-pro .practice-section h2{font-size:clamp(48px,5.4vw,86px)}body.apple-pro .faq-copy h2,body.apple-pro .scenario-section h2,body.apple-pro .compat-section h2,body.apple-pro .use-cases-section h2{font-size:clamp(44px,5.1vw,80px)}body.apple-pro .overview-grid,body.apple-pro .workflow-steps,body.apple-pro .practice-grid,body.apple-pro .integration-technologies,body.apple-pro .use-cases-grid{align-items:stretch}body.apple-pro .overview-grid article,body.apple-pro .workflow-steps article,body.apple-pro .practice-grid article{min-width:0;padding:clamp(22px,2.2vw,34px)}body.apple-pro .overview-grid h3{margin-top:26px}body.apple-pro .workflow-steps h3{margin-top:50px}body.apple-pro .practice-grid h3{margin-top:24px}body.apple-pro .practice-illustration{height:auto;aspect-ratio:16/9}body.apple-pro .faq-layout{gap:clamp(32px,4vw,70px)}body.apple-pro .faq-illustration{min-height:480px}body.apple-pro .integration-technologies article{min-width:0;padding:clamp(22px,2vw,30px)}body.apple-pro .integration-technologies{gap:16px;border:0}body.apple-pro .integration-technologies article{border:1px solid #ffffff17}body.apple-pro .bottom-cta-inner{gap:40px}body.apple-pro .bottom-cta h2{font-size:clamp(48px,5.3vw,86px)}body .site-footer .shell{gap:22px}body .site-footer nav{flex-wrap:wrap}.cctv-frame{position:relative;display:block;min-width:0;overflow:hidden;aspect-ratio:16/9;background:#151a1d;isolation:isolate}.cctv-frame:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(#0005,transparent 28%);pointer-events:none}body .cctv-frame>img{position:static;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0;filter:saturate(.84) contrast(1.02);transform:none}body .cctv-osd{position:absolute;z-index:3;inset:12px 13px auto;color:#fff;font-family:Courier New,monospace!important;font-size:clamp(9px,.75vw,12px);line-height:1.55;font-weight:700;letter-spacing:.015em;text-shadow:1px 1px 1px #000,-1px -1px 1px #000,0 1px 3px #000;pointer-events:none}.cctv-osd time{display:block;font-variant-numeric:tabular-nums;white-space:nowrap}.cctv-osd div{overflow-wrap:anywhere}body .scenario-card.solution-card:after{display:none}body .scenario-card.solution-card>a,body .scenario-card.solution-card>.solution-preview{display:flex;flex-direction:column;height:100%}body .scenario-card.solution-card .cctv-frame{flex:none}body .scenario-card.solution-card .solution-card-copy,body .solution-tile .solution-card-copy{position:static;padding:24px}body .scenario-card.solution-card strong{font-size:clamp(22px,1.65vw,27px)}body .scenario-card.solution-card .solution-card-copy{flex:1;display:flex;flex-direction:column}body .solution-card-copy small{margin-top:auto}body .solution-figure>.cctv-frame{border:1px solid #ffffff1c;border-radius:22px}body .solution-figure .cctv-osd{font-size:clamp(11px,1vw,16px);inset:18px 20px auto}body .catalog-card-image>.cctv-frame{position:relative;inset:auto;width:100%;height:auto;border:0;border-radius:0;padding:0;background:#151a1d}body .catalog-card-image>span:not(.cctv-frame){top:auto;bottom:12px}body .scenario-card .cctv-frame{position:relative;inset:auto}body .scenario-card:hover .cctv-frame>img{transform:none;filter:saturate(.84) contrast(1.02)}.lightbox-stage>.cctv-frame{width:100%}body .detail-hero-copy{min-width:0}body .detail-hero h1{overflow-wrap:anywhere}body .practice-illustration .cctv-osd{inset:10px 12px auto;font-size:10px}body .practice-illustration>.cctv-frame{height:100%}@media(min-width:1700px){body.apple-pro .scenario-card{flex-basis:calc((100% - 66px)/4)}}@media(max-width:1200px){body.apple-pro .workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}body.apple-pro .workflow-steps article{min-height:240px}body.apple-pro .integration-technologies{grid-template-columns:repeat(2,minmax(0,1fr))}body .header-inner{gap:22px}body .site-nav{gap:18px}body .header-cta{white-space:nowrap}}@media(max-width:1000px){body.apple-pro .scenario-card{flex-basis:calc((100% - 22px)/2)}body.apple-pro .overview-grid{grid-template-columns:1fr}body.apple-pro .overview-grid article{min-height:0}body.apple-pro .faq-layout{grid-template-columns:1fr}body.apple-pro .faq-illustration{min-height:300px}body.apple-pro .faq-illustration img{max-height:300px}body.apple-pro .bottom-cta-inner{flex-direction:column;align-items:start}}@media(max-width:700px){:root{--site-gutter: 17px;--section-space: 72px}body .practice-grid h3{overflow-wrap:anywhere}body.apple-pro .parallax-glass-section>.section-wide{padding:28px 20px;border-radius:26px}body.apple-pro .scenario-card{flex-basis:88%;border-radius:18px}body.apple-pro .detector-heading-row{margin-bottom:32px}body.apple-pro .overview-intro h2,body.apple-pro .workflow-section h2,body.apple-pro .practice-section h2,body.apple-pro .faq-copy h2,body.apple-pro .scenario-section h2,body.apple-pro .compat-section h2,body.apple-pro .use-cases-section h2,body.apple-pro .bottom-cta h2{font-size:clamp(32px,8.5vw,52px);line-height:1.06}body.apple-pro .workflow-steps,body.apple-pro .practice-grid,body.apple-pro .integration-technologies{grid-template-columns:1fr}body.apple-pro .workflow-steps article{min-height:0}body.apple-pro .workflow-steps h3{margin-top:28px}body.apple-pro .practice-grid article{min-height:0}body.apple-pro .scenario-card.solution-card .solution-card-copy{padding:20px}body .cctv-osd{font-size:9px;inset:10px 11px auto}body .solution-figure .cctv-osd{font-size:10px;inset:12px 13px auto}body .detail-hero-grid{grid-template-columns:minmax(0,1fr)}body .detail-hero h1{font-size:clamp(32px,8.5vw,48px)}}@media(prefers-reduced-motion:reduce){body .cctv-frame>img{transition:none}}.detail-page{--dv-blue:#2997ff;--dv-cyan:#00bad2;--dv-text:#f5f5f7;--dv-muted:#a7b4bf;color-scheme:dark;background:#000;color:var(--dv-text);-webkit-font-smoothing:antialiased}.detail-page .detail-shell{max-width:1600px}.detail-page .detail-eyebrow{color:var(--dv-blue);font-size:11px;letter-spacing:.1em}.detail-page .breadcrumbs-detail,.detail-page .breadcrumbs-detail a{color:#9ca9b3}.detail-page .breadcrumbs-detail a:hover,.detail-page .detail-back{color:#7edce8}.detail-page .detail-hero{padding-block:42px 88px;border-color:#ffffff1c;background:radial-gradient(ellipse at 75% 20%,#2997ff0e,transparent 60%),#000}.detail-page .detail-hero-grid{gap:clamp(30px,4vw,80px);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.detail-page .detail-hero h1{font-size:clamp(42px,4.5vw,78px);font-weight:700;letter-spacing:-.055em;line-height:1.05;overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto}.detail-page .detail-hero-copy>p{color:var(--dv-muted);max-width:600px}.detail-page .detail-primary{background:#e9f5f7;color:#061116;border-color:#e9f5f7;border-radius:12px}.detail-page .detail-primary:hover{background:#fff;border-color:#fff}.detail-page .detector-meta,.detail-page .detector-meta>div,.detail-page .detail-aside nav,.detail-page .detail-aside nav a,.detail-page .detector-benefits,.detail-page .detector-note{border-color:#ffffff1c}.detail-page .detector-meta dt,.detail-page .detail-photo figcaption,.detail-page .application-photo figcaption{color:#9ca9b3}.detail-page .detector-meta dd{color:#d4e0e7}.detail-page .gallery-trigger{background:#101010;border:1px solid #ffffff25;border-radius:24px}.detail-page .detail-aside nav a{color:#a7bdc6}.detail-page .detail-aside nav a:hover{color:#f5f5f7}.detail-page .detail-article h2,.detail-page .detail-cta h2{font-weight:600;letter-spacing:-.045em;overflow-wrap:anywhere}.detail-page .detail-article p,.detail-page .detector-benefits p{color:#a7b4bf}.detail-page .detail-article .detail-lead{color:#e1e9ee}.detail-page .detector-benefits li>span,.detail-page .detector-note>span{color:#75cedb}.detail-page .setup-block{background:linear-gradient(130deg,#ffffff08,#2997ff08),#101010;border-color:#fff2;border-radius:24px}.detail-page .detail-cta{background:radial-gradient(ellipse at 30% 100%,#00bad217,transparent 65%),#080b0d;border-block:1px solid #ffffff1c}.detail-page .adjacent-card{background:#101010;border-color:#fff2;border-radius:18px}.detail-page .adjacent-card:hover{background:#121a20;border-color:#2997ff66}.detail-page .adjacent-card span,.detail-page .adjacent-card small{color:#9eafb9}.detail-page .adjacent-card b{color:#75cedb}.detail-page .catalog-heading h1{font-weight:700;letter-spacing:-.055em;max-width:1000px}.detail-page .catalog-heading h1 span{color:#a7bdc6}.detail-page .catalog-heading>p{color:#a7b4bf;max-width:790px}.detail-page .catalog-tools{border-color:#fff2;align-items:flex-start}.detail-page .catalog-filters{max-width:1100px}.detail-page .catalog-filters button{color:#b6c2ca;border:1px solid #ffffff1c;border-radius:999px;min-height:40px}.detail-page .catalog-filters button:hover{background:#ffffff0d}.detail-page .catalog-filters button[aria-pressed=true]{background:#e9f5f7;color:#061116;border-color:#e9f5f7}.detail-page .catalog-search{background:#101010;border-color:#ffffff26;min-width:220px;border-radius:12px;min-height:44px}.detail-page .catalog-search input{color:#f5f5f7;width:100%}.detail-page .catalog-search input::placeholder{color:#9eafb9}.detail-page .catalog-count,.detail-page .catalog-empty p{color:#a7b4bf}.detail-page .catalog-grid{gap:24px}.detail-page .catalog-card{display:flex;flex-direction:column;background:linear-gradient(135deg,#ffffff06,transparent),#101010;border-color:#ffffff20;border-radius:24px;min-width:0;isolation:isolate}.detail-page .catalog-card[hidden]{display:none}.detail-page .catalog-card:hover{border-color:#2997ff80}.detail-page .catalog-card h2{font-size:clamp(23px,1.85vw,29px);font-weight:600;line-height:1.15;color:#f5f5f7;overflow-wrap:anywhere}.detail-page .catalog-card p{color:#a7b4bf}.detail-page .catalog-card-copy{flex:1;min-height:265px;padding:28px}.detail-page .catalog-card-copy>span,.detail-page .catalog-card strong{color:#78d3e1}.detail-page .catalog-card-image>span:not(.cctv-frame){background:#040b10d9;border-color:#ffffff32;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:calc(100% - 36px)}.detail-page .catalog-card:hover img{transform:none}.detail-page .algorithm-original{display:block;margin-top:12px;font-size:12px;line-height:1.6;color:#94a6b1}.detail-page .detector-lightbox{background:#101010;border:1px solid #ffffff30;color:#f5f5f7}.detail-page .detector-lightbox::backdrop{background:#000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-page :focus-visible{outline:2px solid #00bad2;outline-offset:5px}@media(min-width:2200px){.detail-page .catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.detail-page .catalog-search{width:100%}}@media(max-width:800px){.detail-page .detail-hero-grid{grid-template-columns:minmax(0,1fr)}.detail-page .detail-hero{padding-bottom:50px}}@media(max-width:620px){.detail-page .detail-hero h1{font-size:clamp(34px,9vw,48px)}.detail-page .catalog-card-copy{min-height:0;padding:24px}.detail-page .catalog-heading h1{font-size:clamp(36px,10vw,54px)}.detail-page .catalog-filters button{padding:10px 12px}.detail-page .detector-meta>div{flex-direction:column;gap:5px}.detail-page .detector-meta dd{text-align:left}}.detail-page .cctv-frame>noscript>img{display:block;width:100%;height:100%;object-fit:cover}
