/* Subject page: live video in the LIVEOP platform. */

.video-hero{position:relative;min-height:88svh;display:flex;align-items:center;overflow:hidden;padding:clamp(112px,14vh,150px) 0 clamp(70px,9vh,96px);background:#080a0e;color:var(--fg)}
.video-hero__atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 43%,rgba(97,45,248,.17),transparent 31%),radial-gradient(circle at 68% 74%,rgba(58,134,224,.07),transparent 25%),repeating-linear-gradient(0deg,rgba(255,255,255,.013) 0 1px,transparent 1px 5px)}
.video-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);gap:clamp(48px,6vw,88px);align-items:center}
.video-hero__copy{max-width:610px}.video-hero .eyebrow{margin-bottom:22px}.video-hero h1{max-width:12ch;font-size:clamp(3rem,6vw,6.1rem);font-weight:300;line-height:.95;letter-spacing:-.045em;color:var(--fg)}
.video-hero .lead{max-width:51ch;margin-top:25px;color:#c5ccd6}.video-hero .btn-row{margin-top:32px}.video-hero .btn--secondary{color:#f4f6f9;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13)}
.video-hero__topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.video-hero__topics span{padding:6px 11px;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-pill);color:#9da6b4;font-size:var(--fs-meta)}

.live-console{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-2xl);background:#10131a;box-shadow:0 50px 120px -48px rgba(0,0,0,.95),0 0 80px -48px var(--brand-purple-bright);transform:perspective(1400px) rotateY(-3deg)}
.live-console__bar{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.08);color:#929ba8;font-size:var(--fs-meta)}.live-console__bar span:first-child{display:flex;align-items:center;gap:9px;color:#d6dbe2}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--safety-red-bright);box-shadow:0 0 0 5px rgba(255,59,71,.12);animation:video-live 2.8s ease-in-out infinite}
.live-console__body{display:grid;grid-template-columns:minmax(0,1fr) 190px}.live-console__screen{position:relative;min-height:410px;overflow:hidden}.live-console__screen img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.82);transform:scale(1.02)}.live-console__screen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,8,.24),transparent 34%,rgba(3,5,8,.16))}
.source-pill,.time-pill{position:absolute;z-index:2;top:15px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-pill);background:rgba(8,10,14,.72);backdrop-filter:blur(12px);color:#f4f6f9;font-size:var(--fs-meta)}.source-pill{left:15px;display:flex;align-items:center;gap:7px}.time-pill{right:15px;font-variant-numeric:tabular-nums}.target-mark{position:absolute;z-index:2;left:52%;top:44%;width:38px;height:38px;border:1px solid rgba(255,255,255,.68)}.target-mark::before{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--brand-purple-bright);box-shadow:0 0 0 7px rgba(97,45,248,.18),0 0 18px var(--brand-purple);transform:translate(-50%,-50%);animation:target-pulse 2.6s var(--ease) infinite}
.live-console__side{display:flex;flex-direction:column;gap:7px;padding:15px;border-left:1px solid rgba(255,255,255,.08)}.console-label{color:#7f8997;font-size:var(--fs-meta)}
.source-row{display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#858e9b}.source-row>.ico{width:19px;height:19px}.source-row>span{display:grid}.source-row strong{color:#dfe3e9;font-size:var(--fs-meta)}.source-row small{color:#858e9b;font-size:var(--fs-micro)}.source-row>i{width:6px;height:6px;border-radius:50%;background:#58606b}.source-row.is-active{border-color:rgba(143,116,255,.32);background:rgba(97,45,248,.11);color:var(--brand-purple-bright)}.source-row.is-active>i{background:var(--success);box-shadow:0 0 8px var(--success)}
.ptz-pad{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.ptz-pad__control{position:relative;display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px);justify-content:center;margin:10px 0 6px}.ptz-pad__control button{display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#cbd1da;font:inherit}.ptz-pad__control button:nth-child(1){grid-column:2}.ptz-pad__control button:nth-child(2){grid-column:1;grid-row:2}.ptz-pad__control span{grid-column:2;grid-row:2;border:1px solid rgba(143,116,255,.35);border-radius:50%;background:rgba(97,45,248,.16)}.ptz-pad__control button:nth-child(4){grid-column:3;grid-row:2}.ptz-pad__control button:nth-child(5){grid-column:2;grid-row:3}.ptz-pad>small{display:block;text-align:center;color:#7f8997;font-size:var(--fs-micro)}

.camera-sources .section-head{max-width:720px}.source-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.source-card{padding:17px 17px 28px;border:1px solid var(--border);border-radius:var(--r-2xl);background:var(--card-bg);box-shadow:var(--card-shadow)}.source-card__visual{position:relative;height:210px;margin-bottom:24px;overflow:hidden;border-radius:var(--r-xl);background:linear-gradient(145deg,#151922,#080a0e)}.source-card__visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 57% 45%,rgba(97,45,248,.18),transparent 35%),repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 5px)}.source-card__eyebrow{color:var(--accent);font-size:var(--fs-meta);font-weight:500}.source-card h3{margin-top:8px;font-size:var(--fs-title)}.source-card p{margin-top:9px;color:var(--fg-muted);font-size:var(--fs-small)}
.radar-ring{position:absolute;left:50%;top:50%;width:112px;height:112px;border:1px solid rgba(143,116,255,.34);border-radius:50%;transform:translate(-50%,-50%)}.radar-ring::before,.radar-ring::after{content:"";position:absolute;border:1px solid rgba(143,116,255,.16);border-radius:50%}.radar-ring::before{inset:-25px}.radar-ring::after{inset:24px}.drone-glyph{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(97,45,248,.18);color:var(--brand-purple-bright);transform:translate(-50%,-50%)}.drone-glyph .ico{width:24px;height:24px}.flight-line{position:absolute;left:10%;right:10%;top:50%;border-top:1px dashed rgba(255,255,255,.18);transform:rotate(-17deg)}.source-card__visual--drone small{position:absolute;left:14px;bottom:12px;color:#aeb6c1;font-size:var(--fs-micro)}
.ptz-lens{position:absolute;left:31%;top:50%;width:82px;height:82px;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 16px rgba(255,255,255,.035),0 0 30px rgba(97,45,248,.15)}.ptz-lens::before{content:"";position:absolute;inset:27px;border-radius:50%;background:var(--brand-purple-bright);box-shadow:0 0 18px var(--brand-purple)}.ptz-crosshair{position:absolute;left:31%;top:50%;width:110px;height:1px;background:rgba(255,255,255,.16);transform:translate(-50%,-50%)}.ptz-crosshair::after{content:"";position:absolute;left:50%;top:-55px;width:1px;height:110px;background:rgba(255,255,255,.16)}.ptz-mini{position:absolute;right:13%;top:50%;display:grid;grid-template-columns:repeat(2,34px);gap:6px;transform:translateY(-50%)}.ptz-mini i{display:grid;place-items:center;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.04);color:#cdd3dc;font-style:normal}
.cctv-grid{position:absolute;inset:17px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.cctv-grid i{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:linear-gradient(135deg,#252c36,#0c0f14)}.cctv-grid i::after{content:"";position:absolute;left:18%;right:18%;top:48%;height:1px;background:rgba(143,116,255,.42);box-shadow:0 0 12px var(--brand-purple)}.cctv-live{position:absolute;right:24px;top:24px;display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:var(--r-pill);background:rgba(8,10,14,.76);color:#e7eaf0;font-size:var(--fs-micro)}

.annotate-section{overflow:hidden;background:#090b0f}.annotate-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,rgba(97,45,248,.13),transparent 31%)}.annotate-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.72fr) minmax(560px,1.28fr);gap:clamp(50px,7vw,96px);align-items:center}.annotate-copy .eyebrow{margin-bottom:19px}.annotate-copy .lead{margin-top:21px}.mini-points{display:grid;gap:11px;margin-top:25px}.mini-points span{display:flex;gap:11px;color:var(--fg-muted);font-size:var(--fs-small)}.mini-points i{flex:0 0 auto;width:7px;height:7px;margin-top:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}
.annotation-editor{overflow:hidden;padding:9px;border:1px solid var(--border-strong);border-radius:var(--r-2xl);background:#12151c;box-shadow:0 42px 95px -45px #000}.annotation-editor__bar,.annotation-editor__tools{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 9px;color:#959eab;font-size:var(--fs-meta)}.annotation-status{padding:5px 9px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent)}.annotation-editor__canvas{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:calc(var(--r-2xl) - 8px)}.annotation-editor__canvas img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.78)}.draw-circle{position:absolute;left:51%;top:35%;width:86px;height:64px;border:4px solid var(--safety-yellow);border-radius:50%;transform:rotate(-10deg);filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.draw-arrow{position:absolute;left:31%;top:65%;width:31%;height:4px;border-radius:3px;background:var(--safety-yellow);transform:rotate(-18deg);transform-origin:left center}.draw-arrow i{position:absolute;right:-2px;top:-8px;width:18px;height:18px;border-top:4px solid var(--safety-yellow);border-right:4px solid var(--safety-yellow);transform:rotate(45deg)}.draw-note{position:absolute;left:15%;top:67%;padding:7px 10px;border-radius:8px;background:var(--safety-yellow);color:#171717;font-size:var(--fs-meta);font-weight:500;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.annotation-editor__tools>div{display:flex;gap:6px}.annotation-editor__tools button{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.04);color:#c8ced8;font:inherit}.annotation-editor__tools button.is-selected{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.share-chip{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:var(--r-pill);background:var(--brand-purple);color:#fff}.share-chip .ico{width:16px;height:16px}

.field-grid{display:grid;grid-template-columns:minmax(540px,1.15fr) minmax(0,.85fr);gap:clamp(52px,8vw,104px);align-items:center}.field-copy .eyebrow{margin-bottom:19px}.field-copy .lead{margin-top:21px}.field-flow{display:grid;grid-template-columns:180px 90px minmax(250px,1fr);align-items:center}.field-phone{padding:7px;border:1px solid var(--border-strong);border-radius:30px;background:#171a20;box-shadow:0 28px 60px -35px rgba(0,0,0,.58)}.field-phone__screen{position:relative;aspect-ratio:9/17;overflow:hidden;border-radius:24px;background:#0a0c10}.field-phone__screen img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.record-time{position:absolute;left:50%;top:13px;display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:var(--r-pill);background:rgba(8,10,14,.7);color:#fff;font-size:var(--fs-micro);transform:translateX(-50%)}.record-button{position:absolute;left:50%;bottom:17px;width:38px;height:38px;border:3px solid rgba(255,255,255,.8);border-radius:50%;transform:translateX(-50%)}.record-button::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--safety-red-bright)}
.field-transfer{position:relative;height:1px;background:linear-gradient(90deg,var(--border),var(--accent-line),var(--border))}.field-transfer i{position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:field-share 2.8s linear infinite}.field-transfer span{position:absolute;left:50%;top:10px;color:var(--fg-subtle);font-size:var(--fs-meta);transform:translateX(-50%)}
.incident-message{padding:13px;border:1px solid var(--border);border-radius:var(--r-2xl);background:var(--card-bg);box-shadow:var(--card-shadow)}.incident-message__head{display:flex;align-items:center;gap:10px;padding:4px 3px 12px}.incident-message__head>.ico{width:24px;height:24px;color:var(--accent)}.incident-message__head>span{display:grid}.incident-message__head strong{font-size:var(--fs-small)}.incident-message__head small{color:var(--fg-subtle);font-size:var(--fs-meta)}.incident-message__preview{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-lg)}.incident-message__preview img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.incident-message__preview>.ico{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:42px;height:42px;padding:10px;border-radius:50%;background:rgba(8,10,14,.74);color:#fff;transform:translate(-50%,-50%)}.incident-message__status{display:flex;align-items:center;gap:7px;padding:12px 3px 3px;color:var(--fg-muted);font-size:var(--fs-meta)}.incident-message__status .ico{color:var(--success)}

.product-band__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-link{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:17px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg-raised);transition:transform var(--dur-state) var(--ease),border-color var(--dur-state) var(--ease)}.product-link:hover{transform:translateY(-3px);border-color:var(--accent-line)}.product-link__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.product-link__icon .ico{width:23px;height:23px}.product-link>span:nth-child(2){display:grid}.product-link small{color:var(--fg-subtle);font-size:var(--fs-meta)}.product-link strong{font-size:var(--fs-h5)}.product-link>.ico{color:var(--accent)}

.faq-section{padding-block:clamp(64px,8vw,105px)}.faq-grid{display:grid;grid-template-columns:minmax(260px,.58fr) minmax(500px,1fr);gap:clamp(48px,8vw,108px);align-items:start}.faq-grid__head .eyebrow{margin-bottom:18px}.faq-grid .faq{max-width:none}

@keyframes video-live{0%,100%{opacity:.5;box-shadow:0 0 0 3px rgba(255,59,71,.1)}50%{opacity:1;box-shadow:0 0 0 7px rgba(255,59,71,.12),0 0 14px rgba(255,59,71,.35)}}
@keyframes target-pulse{0%,100%{box-shadow:0 0 0 4px rgba(97,45,248,.1),0 0 10px var(--brand-purple)}50%{box-shadow:0 0 0 10px rgba(97,45,248,0),0 0 22px var(--brand-purple)}}
@keyframes field-share{0%{left:0;opacity:0}12%,88%{opacity:1}100%{left:100%;opacity:0}}

.video-hero__shot{margin:0;transform:perspective(1400px) rotateY(-3deg)}.video-hero__shot img{display:block;width:100%;height:auto;border-radius:2.9%/4.3%;box-shadow:0 50px 120px -48px rgba(0,0,0,.95),0 0 80px -48px var(--brand-purple-bright)}
@media (max-width:1060px){
  .video-hero__grid,.annotate-grid,.field-grid{grid-template-columns:1fr}.video-hero__copy,.annotate-copy,.field-copy{max-width:760px}.live-console,.video-hero__shot{max-width:800px;transform:none}.annotate-grid{gap:44px}.annotation-editor{max-width:800px}.field-flow{max-width:700px}.field-copy{order:-1}
  .source-cards{grid-template-columns:1fr}.source-card{display:grid;grid-template-columns:minmax(260px,.8fr) 1fr;column-gap:28px;align-items:center}.source-card__visual{grid-row:1/4;height:190px;margin:0}.source-card__eyebrow{align-self:end}.source-card h3{align-self:center}.source-card p{align-self:start}
  .product-band__grid{grid-template-columns:1fr}
}

@media (max-width:720px){
  .video-hero{min-height:auto}.video-hero h1{font-size:clamp(2.75rem,14vw,4.5rem)}.video-hero__grid{gap:42px}.live-console__body{grid-template-columns:1fr}.live-console__screen{min-height:280px}.live-console__side{display:grid;grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid rgba(255,255,255,.08)}.live-console__side>.console-label,.ptz-pad{grid-column:1/-1}.ptz-pad{display:none}.source-row{grid-template-columns:22px 1fr}.source-row>i{display:none}
  .source-card{display:block}.source-card__visual{height:190px;margin-bottom:24px}
  .field-flow{grid-template-columns:120px 50px minmax(170px,1fr)}.field-phone{border-radius:23px}.field-phone__screen{border-radius:18px}.field-transfer span{display:none}.incident-message__head small,.incident-message__status{font-size:var(--fs-micro)}
  .faq-grid{grid-template-columns:1fr}.faq-grid__head{max-width:520px}
}

@media (max-width:500px){.live-console__side{grid-template-columns:1fr}.live-console__side>.console-label{grid-column:auto}.field-flow{grid-template-columns:94px 30px minmax(150px,1fr)}.incident-message{padding:8px}.incident-message__head{gap:7px}.incident-message__head>.ico{display:none}.incident-message__status{line-height:1.25}}

@media (prefers-reduced-motion:reduce){.live-dot,.target-mark::before,.field-transfer i{animation:none}.field-transfer i{left:50%}}