/* Showcase owns only its page surface; the shared header and Trustpilot stay untouched. */
#showcase-start{font-size:14px;min-width:215px;min-height:52px}#showcase-start[hidden]{display:none}
.demo-shell:is([data-mode="ready"],[data-mode="complete"]) .system-header{display:grid;grid-template-columns:1fr auto 1fr;gap:16px}.demo-shell:is([data-mode="ready"],[data-mode="complete"]) #system-health{justify-self:end;text-transform:uppercase}.demo-shell[data-mode="ready"] .system-header i{background:var(--healthy)}
.demo-shell:not(.is-eyesec) .perimeter{visibility:hidden}
.media-status{position:absolute;left:50%;bottom:16%;transform:translateX(-50%);z-index:7;margin:0;max-width:90%;padding:7px 12px;background:#031729ed;color:#edf5ff;font-size:12px;text-align:center;border-radius:3px}.media-status[hidden]{display:none}
#reduced-motion-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-shell.reduced-motion .scene-video{visibility:hidden!important;opacity:0!important}
.showcase-page{background:#030d19;color:#edf5ff;--signal:#20b7f2;--healthy:#21dfae;--border:#21415b;overflow-anchor:none}
.showcase-page main{overflow:hidden}.showcase-page button{font-family:inherit}.showcase-page button:focus-visible,.showcase-page a:focus-visible{outline:3px solid #91d5ff;outline-offset:5px}
.showcase-intro{padding:156px 0 38px;background:radial-gradient(ellipse at 80% 0,#0b2a48,transparent 65%)}
.showcase-kicker{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.14em;color:#80b5d4;margin:0 0 28px}.showcase-kicker span{color:#72889e;letter-spacing:.1em}
.intro-layout{display:flex;justify-content:space-between;align-items:center;gap:30px}.showcase-versus{font-size:13px;letter-spacing:.13em;margin-bottom:12px;color:#dcecff}.showcase-versus span{color:#607b94;padding:0 10px;font-style:italic;text-transform:lowercase}
.showcase-intro h1{font-size:clamp(24px,2.55vw,38px);line-height:1.3;font-weight:600;letter-spacing:-.04em;margin:0}.showcase-intro h1 em,.showcase-cta em{color:#43b3ff;font-style:normal}
.showcase-intro h1.showcase-versus{font-size:38px;letter-spacing:0}.showcase-summary{font-size:20px;line-height:1.5;letter-spacing:0;color:#c7d9e8;margin:16px 0 0;max-width:760px}.showcase-summary em{color:#43b3ff;font-style:normal}
.intro-action{flex-shrink:0}.intro-action button{font-size:14px;min-width:215px;min-height:52px}.intro-action p{font-size:12px;color:#8ba0b3;margin:12px 0 0}.intro-action p span{display:block}.showcase-page button:disabled{opacity:.5;cursor:default}
.showcase-experience{padding:0 0 50px;scroll-margin-top:20px}.showcase-container{width:min(1400px,calc(100% - 48px));margin:auto}.chapter-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 1px;gap:16px}.chapter-heading h2{font-size:17px;letter-spacing:0;margin:0;font-weight:500}.chapter-heading>span{font-size:11px;letter-spacing:.12em;color:#7b94aa}
.demo-shell{border:1px solid var(--border);border-radius:5px;background:#041626;box-shadow:0 28px 90px #0006;overflow:hidden}.system-header{display:flex;justify-content:space-between;align-items:center;min-height:62px;padding:14px 24px;gap:15px}.system-header>strong{font-size:17px;font-weight:500;color:#aebdcc;letter-spacing:.035em}.system-header>span{font-size:14px;display:flex;align-items:center;gap:10px}.system-header i{width:9px;height:9px;background:#a6b1bf;border-radius:50%}
.camera-viewport{position:relative;aspect-ratio:1920/1072;isolation:isolate;overflow:hidden;margin:0 14px;border:1px solid #27465e;background:#122633}.property-scene,.camera-media,.scene-video{position:absolute;inset:0;width:100%;height:100%}.property-scene,.scene-video{display:block;object-fit:cover}.camera-media{z-index:1}.scene-video{visibility:hidden;opacity:0;pointer-events:none}.demo-shell.media-ready .scene-video.is-active{visibility:visible;opacity:1}.camera-viewport:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#00102055,transparent 15%,transparent 82%,#00102065);z-index:3}
.camera-text,.camera-bottom{position:absolute;left:2%;right:2%;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:5;font:500 clamp(10px,1.15vw,16px)/1.3 ui-monospace,Consolas,monospace;text-shadow:0 1px 5px #000,0 0 9px #000}.camera-text{top:3%}.camera-text b,.camera-bottom b{font-weight:400}.camera-bottom{bottom:3%;font-size:12px;letter-spacing:.07em}.camera-bottom span:first-child{padding:5px 8px;background:#03111aaa}
.perimeter{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#23b8ed;stroke-width:2;opacity:0;z-index:2;filter:drop-shadow(0 0 3px #03121c)}.perimeter path{vector-effect:non-scaling-stroke}.tracking-box{position:absolute;z-index:2;transform:translate(-50%,-100%);border:1px solid #d8f6ff;opacity:0;box-shadow:0 0 0 1px #081b3040;pointer-events:none}.tracking-box span{position:absolute;bottom:calc(100% + 6px);left:-1px;white-space:nowrap;color:#fff;background:#052238dc;padding:4px 6px;font:10px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.05em}.tracking-box.animal-tracking{border-color:#53bded}
.zone-label{position:absolute;bottom:9%;left:2%;z-index:4;padding:12px 17px;border-left:2px solid var(--signal);background:#031729e8;opacity:0}.zone-label span,.zone-label strong{display:block}.zone-label span{font-size:12px;letter-spacing:.08em}.zone-label strong{font-size:13px;font-weight:400;color:#42c2f6;margin-top:3px}.alert-label{position:absolute;left:43%;top:26%;transform:translateX(-50%);z-index:4;background:#cf2837;color:white;font-size:12px;font-weight:700;padding:8px 12px;opacity:0;white-space:nowrap}
.scene-intertitle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;padding:24px;background:#02112075;z-index:6}.scene-intertitle>span{font-size:20px;letter-spacing:.18em;color:#c1d7e8}.scene-intertitle>strong{font-family:Manrope,Arial,sans-serif;font-size:clamp(33px,5.1vw,70px);line-height:1.22;letter-spacing:-.025em;font-weight:600;text-shadow:0 2px 20px #000}.scene-intertitle[hidden]{display:none}.rewind-text{display:none;position:absolute;right:3%;top:12%;z-index:5;font-size:24px;color:#def1ff}.rewind-text span{font:12px ui-monospace,monospace;vertical-align:middle}
.status-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 24px}.status-strip>div{padding:0 24px;border-right:1px solid var(--border)}.status-strip>div:first-child{padding-left:0}.status-strip>div:last-child{border:0}.status-strip span{display:block;color:#97afc2;font-size:13px}.status-strip strong{display:block;font-size:19px;font-weight:500;margin-top:5px}
.deterrence-strip{display:none;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.deterrence-strip>div{display:flex;gap:14px;align-items:center;padding:18px 22px;border-right:1px solid var(--border)}.deterrence-strip>div:last-child{border-right:0}.response-icon{font-size:23px;line-height:1;color:#7faccb}.deterrence-strip p{font-size:14px;line-height:1.4;margin:0}.deterrence-strip strong{display:block;color:#93a9bb;font-size:12px;font-weight:400;margin-top:3px}.deterrence-strip .active strong{color:var(--healthy)}.deterrence-strip .active .response-icon{color:var(--healthy)}
.event-line{display:flex;align-items:center;gap:20px;min-height:60px;padding:13px 24px;border-top:1px solid #16334a}.event-line>span{font-size:11px;color:#66bde8;letter-spacing:.1em;flex-shrink:0}.event-line p{font-size:14px;margin:0;color:#c7d7e4}.experience-timeline{padding:16px 24px 20px;background:#03111e}.timeline-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;color:#9bb3c7;margin-bottom:14px}.timeline-heading span:last-child{color:#6b8499}.timeline-track{height:3px;background:#20384c;position:relative}.timeline-track>div{height:100%;width:0;background:#8a9eb0;position:relative}.timeline-track>div:after{content:"";position:absolute;right:-3px;top:-2px;width:7px;height:7px;background:#cce6f5;border-radius:50%}.experience-timeline ol{list-style:none;display:flex;justify-content:space-between;gap:5px;margin:10px 0 0;padding:0}.experience-timeline li{font-size:10px;color:#617e96;letter-spacing:.035em}.experience-timeline li.passed{color:#c5d9e9}.experience-timeline li.current{color:#fff}
.experience-controls{display:flex;align-items:center;gap:9px;padding:15px 24px;border-top:1px solid #18344c;background:#051725}.experience-controls button{background:transparent;color:#c7d9e8;border:1px solid #31516a;border-radius:3px;min-height:40px;padding:8px 16px;font-size:13px;cursor:pointer}.experience-controls button:first-child{background:#122f46;border-color:#3e6a89;min-width:100px}.experience-controls button:hover:not(:disabled){background:#173c58}.experience-controls>span{margin-left:auto;color:#8fa7bc;font:12px ui-monospace,monospace}.demo-note{font-size:12px;color:#7e95a9;text-align:center;margin:18px 0 0}
.demo-shell.is-eyesec .system-header>strong{color:var(--signal)}.demo-shell.is-eyesec .system-header i{background:var(--healthy)}.is-eyesec .perimeter{opacity:.62}.is-eyesec .zone-label{opacity:1}.is-eyesec .deterrence-strip{display:grid}.is-eyesec .timeline-track>div{background:#22b7ef}.demo-shell.threat .system-header i{background:#ff4d5c}.threat .perimeter{stroke:#ff3446;opacity:1;stroke-width:2}.threat .zone-label{border-color:#ff3446}.threat .zone-label strong{color:#ff8290}.threat .alert-label{opacity:1}.threat #security-status{color:#ff8c96}.demo-shell[data-mode="rewind"] .rewind-text{display:block}.demo-shell[data-mode="rewind"] .camera-viewport:after{background:repeating-linear-gradient(0deg,#8ebce00b 0px,#8ebce00b 1px,transparent 1px,transparent 5px),linear-gradient(#05233d55,#05233d33)}.demo-shell.reduced-motion[data-mode="rewind"] .camera-viewport:after{background:#05233d22}
.showcase-result{padding:45px 0 85px;border-top:1px solid #18364e;background:radial-gradient(ellipse at 100% 100%,#092a45,transparent 65%)}.showcase-result[hidden]{display:none}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.comparison-grid article{padding:28px 0;border-top:1px solid #3a5063}.comparison-grid article>span{color:#8ca1b4;font-size:12px;letter-spacing:.1em}.comparison-grid h3{font-size:28px;font-weight:500;margin:18px 0 22px}.comparison-grid ul{list-style:none;padding:0;margin:0;color:#9db1c3;font-size:16px}.comparison-grid li{padding:7px 0}.comparison-grid li:before{content:"—";margin-right:12px;color:#647b90}.comparison-grid .eyesec-comparison{border-color:#23b5f3}.eyesec-comparison>span{color:#43beff!important}.eyesec-comparison li:before{content:"✓";color:#20d7ac}.showcase-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:45px;margin-top:25px;border-top:1px solid #274359}.showcase-cta h2{font-size:clamp(32px,4.3vw,56px);margin:0;font-weight:600}.showcase-cta .button{flex-shrink:0}
@media(min-width:1500px){.showcase-intro .container{width:min(1400px,calc(100% - 48px))}}
@media(max-width:900px){.showcase-intro{padding-top:140px}.intro-layout{align-items:flex-start;flex-direction:column;gap:22px}.intro-action{display:flex;align-items:center;gap:20px}.intro-action p{margin:0}.showcase-kicker span{display:none}.showcase-intro h1{font-size:32px}.deterrence-strip>div{padding:16px 14px;gap:9px}.response-icon{font-size:18px}.deterrence-strip p{font-size:12px}.status-strip strong{font-size:16px}.comparison-grid{gap:30px}}
@media(max-width:600px){.showcase-intro{padding:125px 0 22px}.showcase-kicker{font-size:10px;margin-bottom:20px}.showcase-intro h1{font-size:25px}.intro-action{display:block;width:100%}.intro-action button{width:100%}.intro-action p{margin-top:10px;text-align:center}.intro-action p span{display:inline}.showcase-container{width:calc(100% - 20px)}.chapter-heading{padding:15px 5px}.chapter-heading h2{font-size:14px}.chapter-heading>span{font-size:9px;max-width:90px;text-align:right}.system-header{padding:13px 12px;min-height:49px}.system-header>strong{font-size:13px}.system-header>span{font-size:11px;gap:6px}.camera-viewport{margin:0 5px}.camera-text{font-size:9px}.camera-text b{display:none}.camera-bottom{font-size:8px}.zone-label{padding:6px 8px;bottom:15%}.zone-label span{font-size:8px}.zone-label strong{font-size:9px}.tracking-box span{font-size:7px;padding:2px;bottom:calc(100% + 3px)}.alert-label{font-size:8px;padding:5px 7px;top:22%}.scene-intertitle{gap:9px;padding:20px}.scene-intertitle>span{font-size:13px}.scene-intertitle>strong{font-size:clamp(26px,6.5vw,37px)}.status-strip{padding:15px 12px}.status-strip>div{padding:0 10px}.status-strip span{font-size:10px}.status-strip strong{font-size:12px;line-height:1.4}.deterrence-strip{grid-template-columns:1fr 1fr}.deterrence-strip>div{padding:12px}.deterrence-strip>div:nth-child(2){border-right:0}.deterrence-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.event-line{display:block;padding:12px;min-height:72px}.event-line>span{font-size:9px}.event-line p{font-size:12px;margin-top:3px}.experience-timeline{padding:14px 12px}.timeline-heading{font-size:9px}.experience-timeline ol{flex-wrap:wrap;justify-content:flex-start;gap:6px 10px;min-height:30px}.experience-timeline li{font-size:9px}.experience-timeline li:before{content:"· ";color:#466780}.experience-controls{padding:12px;gap:6px;flex-wrap:wrap}.experience-controls button{padding:8px 10px;font-size:12px;min-height:42px}.experience-controls button:first-child{min-width:85px}.experience-controls>span{font-size:10px}.demo-note{font-size:10px;padding:0 12px}.comparison-grid{grid-template-columns:1fr;gap:14px}.comparison-grid h3{font-size:25px}.showcase-cta{flex-direction:column;align-items:flex-start}.showcase-cta .button{width:100%}.rewind-text{font-size:18px}.rewind-text span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.showcase-page *, .showcase-page *:before,.showcase-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.showcase-intro h1.showcase-versus{font-size:26px}.showcase-versus span{padding:0 4px}.showcase-summary{font-size:16px;margin-top:12px}.demo-shell:is([data-mode="ready"],[data-mode="complete"]) .system-header{grid-template-columns:1fr;justify-items:center;gap:12px;padding:16px 12px}.demo-shell:is([data-mode="ready"],[data-mode="complete"]) #system-health{justify-self:center}}
.scene-intertitle>strong{white-space:pre-line}
.scene-intertitle>p{max-width:720px;margin:5px 0 0;color:#e1edf5;font-size:clamp(16px,2vw,24px);line-height:1.55}.demo-shell[data-mode="deterrents"] .scene-intertitle{background:#021120df}.demo-shell[data-mode="deterrents"] .scene-intertitle>strong{font-size:clamp(28px,4.2vw,58px)}
@media(max-width:600px){.demo-shell[data-mode="deterrents"] .scene-intertitle{gap:7px;padding:12px}.demo-shell[data-mode="deterrents"] .scene-intertitle>strong{font-size:24px}.scene-intertitle>p{font-size:13px;line-height:1.35}}
.demo-shell[data-mode="rewind"] .scene-intertitle{inset:auto 3% 12% auto;align-items:flex-end;text-align:right;padding:12px 16px;background:#031729d9;gap:6px;max-width:42%}
.demo-shell[data-mode="rewind"] .scene-intertitle>strong{font-size:clamp(20px,2.6vw,35px)}
.demo-shell[data-mode="rewind"] .scene-intertitle>span{font-size:10px;letter-spacing:.1em}
@media(max-width:600px){.demo-shell[data-mode="rewind"] .scene-intertitle{padding:7px;max-width:45%}.demo-shell[data-mode="rewind"] .scene-intertitle>span{font-size:7px}}
.deterrent-options{padding:12px 0 48px;margin-bottom:36px;border-bottom:1px solid #274359}.deterrent-options h2{font-size:clamp(30px,4vw,52px);line-height:1.15;margin:12px 0 20px;font-weight:600}.deterrent-intro{max-width:760px;color:#bed0df;font-size:20px;line-height:1.65}.deterrent-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.deterrent-options-grid article{padding:26px;background:#061b2b;border:1px solid #274359;border-radius:10px}.deterrent-options-grid .response-icon{color:#81bddf;font-size:30px}.deterrent-options-grid h3{font-size:23px;margin:18px 0 14px}.deterrent-options-grid p,.deterrent-options-grid blockquote{font-size:17px;line-height:1.65;color:#bed0df}.deterrent-options-grid blockquote{margin:18px 0 0;padding-left:16px;border-left:2px solid #43b3ff;color:#fff}.deterrent-footnote{font-size:14px;line-height:1.6;color:#9db1c3;max-width:850px;margin-top:22px}@media(max-width:800px){.deterrent-options-grid{grid-template-columns:1fr}.deterrent-intro{font-size:18px}.deterrent-options-grid article{padding:22px}}
.showcase-managed-setup{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(38px,7vw,100px);padding:18px 0 52px;margin-bottom:42px;border-bottom:1px solid #274359}.showcase-managed-setup .showcase-kicker{margin-bottom:18px}.showcase-managed-setup h2{margin:0;font-size:clamp(32px,4vw,54px);line-height:1.12;font-weight:600}.showcase-managed-setup h2 em{color:#43b3ff;font-style:normal}.showcase-managed-copy p{margin:0 0 18px;color:#bed0df;font-size:18px;line-height:1.7}.showcase-managed-copy ul{display:flex;flex-wrap:wrap;gap:10px 22px;margin:25px 0 0;padding:0;list-style:none;color:#e6f2fb;font-size:14px;font-weight:700}.showcase-managed-copy li:before{content:"✓";margin-right:8px;color:#20d7ac}@media(max-width:800px){.showcase-managed-setup{grid-template-columns:1fr;gap:24px;padding-bottom:42px}.showcase-managed-copy p{font-size:16px}.showcase-managed-copy ul{display:grid;gap:9px}}
.strobe-message{position:absolute;right:3%;top:15%;z-index:7;display:flex;align-items:center;gap:12px;max-width:42%;padding:14px 18px;border:1px solid #ff5264;border-radius:8px;background:#071725f2;color:#fff;font-size:clamp(13px,1.6vw,21px);font-weight:600;line-height:1.35;box-shadow:0 6px 24px #0005;pointer-events:none}.strobe-message[hidden]{display:none}.strobe-message svg{width:32px;height:32px;flex-shrink:0;color:#ff3b4e}
@media(max-width:600px){.strobe-message{top:13%;right:2%;max-width:48%;padding:8px;gap:7px;font-size:12px}.strobe-message svg{width:24px;height:24px}}