/* Isolated command story for products/livecommand.html. */
/* Keep the hero visually anchored on this product page. The shared 24-second
   image drift reads as page movement when the page is left open. */
.hero__bg img{animation:none;transform:scale(1.04);will-change:auto}

.command-layer{position:relative;overflow:clip;background:radial-gradient(circle at 52% 51%,color-mix(in srgb,var(--brand-purple) 15%,transparent),transparent 39%),var(--bg);color:var(--fg)}
.command-layer::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 4%,color-mix(in srgb,var(--bg-sunken) 28%,transparent) 50%,transparent 96%)}
.command-layer__scroll{position:relative;min-height:310svh}.command-layer__sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding-top:76px}.command-layer__wrap{position:relative;z-index:1;width:100%}
.command-layer__header{display:grid;grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);gap:clamp(40px,7vw,96px);align-items:start}.command-layer__header .eyebrow{grid-column:1/-1;margin-bottom:var(--sp-2)}
.command-layer__header h2{max-width:17ch;font-size:clamp(2rem,3.4vw,3.45rem);font-weight:300;line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}.command-layer__header .lead{max-width:61ch;margin:0;color:var(--fg-muted);font-size:clamp(1.125rem,1.45vw,1.5rem)}
.command-layer__experience{margin-top:clamp(24px,3.5vh,36px)}
.command-story{position:relative;height:370px;max-width:1180px;margin-inline:auto;isolation:isolate}.command-story::before{content:"";position:absolute;inset:10% 20%;z-index:-2;border-radius:50%;background:radial-gradient(circle at 28% 52%,color-mix(in srgb,var(--brand-purple) 22%,transparent),transparent 55%),radial-gradient(circle at 72% 48%,color-mix(in srgb,var(--accent-line) 16%,transparent),transparent 58%);filter:blur(80px);animation:command-ambient-light 10s ease-in-out infinite alternate;will-change:transform,opacity}
.command-inputs{display:contents}.command-mobile-exchange,.command-mobile-stream,.command-source__role{display:none}
@keyframes command-ambient-light{0%{opacity:.58;transform:translate3d(-5%,1%,0) scale(.94)}48%{opacity:.88;transform:translate3d(2%,-1%,0) scale(1.04)}100%{opacity:.64;transform:translate3d(6%,1%,0) scale(.97)}}
@keyframes command-mobile-flow-down{0%{opacity:0;transform:translateY(-12px) scale(.7)}18%{opacity:1}82%{opacity:1}100%{opacity:0;transform:translateY(48px) scale(1)}}
@keyframes command-mobile-flow-up{0%{opacity:0;transform:translateY(44px) scale(.7)}18%{opacity:1}82%{opacity:1}100%{opacity:0;transform:translateY(-10px) scale(1)}}
.command-story__wires{position:absolute;inset:0;z-index:-1;width:100%;height:100%;overflow:visible;pointer-events:none}.command-wire{fill:none;stroke:var(--border-strong);stroke-width:1.5;opacity:0;vector-effect:non-scaling-stroke;transition:opacity .32s var(--ease),stroke .32s var(--ease)}.command-wire.is-active{stroke:var(--accent-line);opacity:.92}.command-wire__pulse{fill:var(--accent);filter:drop-shadow(0 0 8px var(--accent));opacity:0;transition:opacity .24s var(--ease)}.command-wire__pulse.is-active{opacity:1}
.command-port{position:absolute;z-index:4;width:10px;height:10px;border:2px solid var(--bg-raised);border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft);opacity:0;transition:opacity .24s var(--ease)}.command-port--left{left:-5px;top:50%;transform:translateY(-50%)}.command-port--right{right:-5px;top:50%;transform:translateY(-50%)}.command-port--top{left:50%;top:-5px;transform:translateX(-50%)}.command-port--bottom{left:50%;bottom:-5px;transform:translateX(-50%)}
.command-source{position:absolute;left:0;top:58px;width:22%;transition:opacity .6s var(--ease),transform .75s var(--ease)}.command-source__heading{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.command-source__heading strong{font-size:clamp(1.25rem,1.8vw,1.55rem);font-weight:500}.command-source__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.command-source__icon .ico{width:20px;height:20px}
.cad-schematic{position:relative;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-xl);background:linear-gradient(150deg,color-mix(in srgb,var(--bg-raised) 96%,transparent),color-mix(in srgb,var(--bg-sunken) 92%,transparent));box-shadow:var(--card-shadow)}.cad-schematic__title{font-size:1rem;color:var(--fg-muted)}.cad-schematic__incident{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);padding:var(--sp-3);border-radius:var(--r-md);background:var(--bg-sunken)}.cad-schematic__incident>i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--safety-red-bright)}.cad-schematic__incident b,.cad-schematic__incident small{display:block}.cad-schematic__incident b{font-size:1.0625rem;font-weight:500}.cad-schematic__incident small{margin-top:4px;font-size:1rem;color:var(--fg-muted)}
.command-product{position:absolute;left:27%;top:0;width:42%;margin:0;transition:opacity .32s var(--ease);will-change:opacity}.command-product__screen{position:relative;padding:9px;border:1px solid var(--border-strong);border-radius:var(--r-2xl);background:var(--night-graphite);box-shadow:0 48px 100px -42px var(--bg-sunken)}.command-product__screen::after{content:"";position:absolute;inset:9px;border-radius:calc(var(--r-2xl) - 8px);box-shadow:inset 0 0 0 1px var(--hairline);pointer-events:none}.command-product__screen img{display:block;width:100%;aspect-ratio:16/9;border-radius:calc(var(--r-2xl) - 8px);object-fit:cover}
.command-product figcaption{display:flex;justify-content:flex-start;align-items:baseline;gap:var(--sp-4);padding:var(--sp-4) var(--sp-2) 0;opacity:1;visibility:visible;transform:none;transition:opacity .24s var(--ease),transform .32s var(--ease),visibility 0s linear}.command-product figcaption strong{font-size:clamp(1.5rem,2.3vw,2rem);font-weight:500}
.command-field{position:absolute;right:0;top:0;width:26%;margin:0;opacity:0;visibility:hidden;transition:opacity .38s var(--ease),visibility 0s linear .38s;will-change:opacity}.command-field__devices{position:relative;aspect-ratio:4/3}.command-field__device{position:absolute;aspect-ratio:4/3}.command-field__device--x{left:0;top:0;width:80%}.command-field__device--nav{right:0;bottom:0;width:64%}.command-field img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 28px color-mix(in srgb,var(--bg-sunken) 78%,transparent))}.command-field__device--nav img{filter:drop-shadow(0 18px 24px color-mix(in srgb,var(--bg-sunken) 88%,transparent))}.command-field figcaption{display:flex;justify-content:center;align-items:baseline;gap:var(--sp-3);margin-top:var(--sp-2);white-space:nowrap}.command-field figcaption strong{font-size:1.1875rem;font-weight:500}.command-field figcaption span{font-size:1rem;color:var(--fg-muted)}
.command-context{position:absolute;left:27%;bottom:0;width:42%;text-align:center;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .14s var(--ease),transform .2s var(--ease),visibility 0s linear}.command-context strong{display:block;font-size:1.25rem;font-weight:500}
.command-statement{position:relative;display:grid;min-height:54px;max-width:1000px;margin:var(--sp-2) auto 0;padding-top:var(--sp-4);border-top:1px solid var(--border);text-align:center}.command-statement p{grid-area:1/1;margin:0;font-size:clamp(1.5rem,2.5vw,2.15rem);font-weight:300;line-height:var(--lh-snug);letter-spacing:var(--ls-snug);color:var(--fg-muted);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .14s var(--ease),transform .18s var(--ease),visibility 0s linear .14s;will-change:opacity,transform}.command-statement p.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .28s var(--ease) .14s,transform .38s var(--ease) .14s,visibility 0s linear .14s}.command-statement strong{color:var(--fg);font-weight:400}
.command-layer[data-stage="1"] [data-connect="cad"],.command-layer[data-stage="1"] [data-connect="core-left"],.command-layer[data-stage="2"] [data-connect="intel"],.command-layer[data-stage="2"] [data-connect="core-bottom"],.command-layer[data-stage="3"] [data-connect="core-right"],.command-layer[data-stage="3"] [data-connect="field"]{opacity:1}.command-layer[data-stage="2"] .command-source{opacity:.28}.command-layer[data-stage="2"] .command-product figcaption{opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s var(--ease),transform .2s var(--ease),visibility 0s linear}.command-layer[data-stage="2"] .command-context{opacity:1;visibility:visible;transform:none;transition:opacity .28s var(--ease) .12s,transform .36s var(--ease) .12s,visibility 0s linear}.command-layer[data-stage="3"] .command-source{opacity:.2}.command-layer[data-stage="3"] .command-context{opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .14s var(--ease),transform .2s var(--ease),visibility 0s linear}.command-layer[data-stage="3"] .command-product figcaption{opacity:1;visibility:visible;transform:none;transition:opacity .28s var(--ease) .1s,transform .32s var(--ease) .1s,visibility 0s linear .1s}.command-layer[data-stage="3"] .command-field{opacity:1;visibility:visible;transition:opacity .42s var(--ease) .08s,visibility 0s linear}
@media (max-width:1080px),(max-height:700px){.command-layer__scroll{min-height:auto}.command-layer__sticky{position:relative;height:auto;padding-block:var(--section-y)}.command-layer__header{grid-template-columns:1fr}.command-layer__header .eyebrow{grid-column:auto}.command-layer__header .lead{margin-top:var(--sp-5)}.command-story{margin-top:var(--sp-10)}}
@media (min-width:1081px) and (min-height:701px) and (max-height:820px){.command-layer__sticky{padding-top:60px}.command-layer__experience{margin-top:18px}.command-story{height:340px}.command-source{top:42px}}
@media (max-width:1080px),(max-height:700px){
  .command-layer__experience{margin-top:var(--sp-12)}
  .command-story{display:grid;height:auto;gap:var(--sp-8);max-width:580px}
  .command-story::before{inset:18% -8% 3%;filter:blur(72px);animation-duration:12s}
  .command-story__wires,.command-port,.cad-schematic{display:none}
  .command-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;order:1}
  .command-source,.command-product,.command-field,.command-context{position:relative;inset:auto;width:auto;opacity:1!important;visibility:visible!important;transform:none!important}
  .command-source,.command-context{display:flex;min-width:0;min-height:132px;padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-xl);background:linear-gradient(150deg,color-mix(in srgb,var(--bg-raised) 96%,transparent),color-mix(in srgb,var(--bg-sunken) 92%,transparent));box-shadow:var(--card-shadow)}
  .command-source{flex-direction:column;justify-content:center;text-align:left}
  .command-source__heading{display:block;margin:0}.command-source__icon{width:36px;height:36px;margin-bottom:var(--sp-4)}.command-source__heading strong{display:block;font-size:1.125rem;line-height:1.2}
  .command-source__role{display:block;margin-top:8px;font-size:1rem;font-weight:400;color:var(--fg-muted)}
  .command-context{flex-direction:column;justify-content:center;text-align:left}
  .command-context::before{content:"+";display:grid;place-items:center;width:36px;height:36px;margin-bottom:var(--sp-4);border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:1.25rem;font-weight:400}
  .command-context strong{font-size:1.1875rem;line-height:1.2}
  .command-mobile-stream{position:relative;display:block;width:100%;pointer-events:none}
  .command-mobile-stream--in{order:2;height:66px;margin-block:-14px calc(0px - var(--sp-8))}
  .command-mobile-stream--in::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--accent-line) 24%,var(--accent-line) 76%,transparent)}
  .command-mobile-stream--in span{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);padding:7px 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:color-mix(in srgb,var(--bg-sunken) 92%,transparent);color:var(--fg-muted);font-size:1rem;font-weight:500;white-space:nowrap}
  .command-mobile-stream--in i{position:absolute;left:calc(50% - 3px);top:0;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px 3px var(--accent-soft);animation:command-mobile-flow-down 2.8s ease-in-out infinite}
  .command-product{order:3;margin:0}.command-product figcaption{justify-content:center;flex-wrap:wrap;padding-top:var(--sp-4);opacity:1!important;text-align:center}.command-product figcaption strong{font-size:1.5rem}.command-product figcaption span{font-size:1rem}
  .command-mobile-exchange{display:grid;grid-template-columns:1fr 1fr;gap:10px;order:4;margin:-4px auto -12px;max-width:460px;color:var(--fg-muted);font-size:1rem;line-height:1.4;text-align:center}
  .command-mobile-exchange span{padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-pill);background:color-mix(in srgb,var(--bg-raised) 82%,transparent)}.command-mobile-exchange b{display:inline-block;margin-right:4px;color:var(--accent);font-size:1rem}
  .command-mobile-stream--field{display:grid;grid-template-columns:1fr 1fr;order:5;height:58px;max-width:460px;margin:0 auto calc(0px - var(--sp-8))}
  .command-mobile-stream--field i{position:relative;display:block;width:1px;height:100%;margin-inline:auto;background:linear-gradient(180deg,transparent,var(--accent-line) 22%,var(--accent-line) 78%,transparent)}
  .command-mobile-stream--field i::after{content:"";position:absolute;left:-3px;top:0;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px 3px var(--accent-soft);animation:command-mobile-flow-down 2.8s ease-in-out infinite}
  .command-mobile-stream--field i:nth-child(2)::after{animation-name:command-mobile-flow-up;animation-delay:-1.4s}
  .command-field{order:6;width:92%;max-width:470px;margin-inline:auto}.command-field figcaption{flex-wrap:wrap;white-space:normal;text-align:center}
  .command-statement{display:none}
}
@media (max-width:430px){.command-inputs{grid-template-columns:1fr}.command-inputs::after{grid-column:auto}.command-source,.command-context{min-height:112px}.command-mobile-exchange{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.command-product,.command-source,.command-field,.command-context,.command-product figcaption,.command-statement p,.command-wire,.command-wire__pulse{transition:none}.command-story::before,.command-mobile-stream i,.command-mobile-stream i::after{animation:none}.command-wire__pulse{display:none}}
@media (prefers-reduced-motion:reduce) and (min-width:1081px) and (min-height:701px){.command-story{height:430px}.command-source,.command-field,.command-context,.command-product figcaption{opacity:1!important;visibility:visible!important;transform:none!important}.command-context{bottom:0}.command-product figcaption{opacity:1}.command-wire{opacity:.5}.command-statement{display:none}}

/* Attention monitoring: a calm background system that surfaces change. */
.attention-horizon{position:relative;margin-top:clamp(40px,6vw,72px);overflow:hidden;border:1px solid var(--border);border-radius:var(--r-2xl);background:linear-gradient(145deg,color-mix(in srgb,var(--bg-raised) 92%,transparent),color-mix(in srgb,var(--bg-sunken) 96%,transparent));box-shadow:0 40px 100px -56px var(--accent-soft)}
.attention-horizon::before{content:"";position:absolute;inset:20% 12% -45%;pointer-events:none;background:radial-gradient(ellipse,color-mix(in srgb,var(--brand-purple) 20%,transparent),transparent 66%);filter:blur(48px);animation:attention-ambient 9s ease-in-out infinite alternate}
.attention-horizon__topbar{position:relative;z-index:1;display:flex;align-items:center;gap:var(--sp-4);padding:20px clamp(22px,3vw,34px);border-bottom:1px solid var(--hairline);color:var(--fg-muted);font-size:1rem}
.attention-horizon__topbar>div{display:flex;align-items:center;gap:10px}.attention-horizon__topbar strong{color:var(--fg);font-weight:500}.attention-live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft);animation:attention-live 4s ease-in-out infinite}
.attention-horizon__body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);min-height:350px}
.attention-chart{padding:clamp(24px,3.5vw,44px);border-right:1px solid var(--hairline)}
.attention-chart__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5)}.attention-chart__heading strong{display:block;font-size:clamp(1.35rem,2vw,1.65rem);font-weight:500}.attention-state{padding:8px 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:color-mix(in srgb,var(--bg-raised) 86%,transparent);color:var(--fg-muted);font-size:1rem;white-space:nowrap;opacity:.3;animation:attention-threshold-state 9s var(--ease) infinite}
.attention-plot{position:relative;height:190px;margin-top:var(--sp-6);overflow:hidden}.attention-gridline{position:absolute;left:0;right:0;border-top:1px solid var(--hairline)}.attention-gridline--one{top:35%}.attention-gridline--two{top:70%}.attention-threshold{position:absolute;z-index:2;left:0;right:0;top:50%;border-top:1px dashed color-mix(in srgb,var(--accent-line) 62%,transparent)}
.attention-trace{position:absolute;inset:0 0 10px;clip-path:inset(0 98% 0 0);opacity:0;animation:attention-trace-reveal 9s linear infinite}.attention-trace i{position:absolute;z-index:2;left:var(--x);top:var(--y);width:7px;height:7px;border:2px solid var(--bg-raised);border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);transform:translate(-50%,-50%)}.attention-trace b{position:absolute;z-index:1;left:var(--x);top:var(--y);width:var(--w);height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent-line),var(--accent));transform:rotate(var(--r));transform-origin:left center}.attention-trace .attention-trace__threshold{width:12px;height:12px;background:var(--fg);box-shadow:0 0 0 6px var(--accent-soft),0 0 26px 8px color-mix(in srgb,var(--accent) 32%,transparent);animation:attention-threshold-pulse 9s var(--ease) infinite}
.attention-threshold-bell{position:absolute;left:50%;bottom:18px;width:25px;height:25px;color:var(--fg);filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--accent) 55%,transparent));opacity:0;transform:translateX(-50%) translateY(4px);transform-origin:50% 15%;animation:attention-bell 9s ease-in-out infinite}.attention-threshold-bell svg{display:block;width:100%;height:100%;stroke-width:1.8}
.attention-chart__axis{display:flex;justify-content:space-between;margin-top:5px;color:var(--fg-muted);font-size:1rem}
.attention-response{display:grid;align-content:center;gap:16px;padding:clamp(24px,3vw,36px)}.attention-signals,.attention-response__alert{border:1px solid var(--border);border-radius:var(--r-xl);background:color-mix(in srgb,var(--bg-raised) 88%,transparent)}.attention-signals{padding:20px}.attention-signals>small{display:block;margin-bottom:13px;color:var(--fg-muted);font-size:1rem}.attention-signal{display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 0;color:var(--fg);font-size:1rem;font-weight:500;line-height:1.35;opacity:.24;transform:translateY(5px)}.attention-signal+.attention-signal{border-top:1px solid var(--hairline)}.attention-signal i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.attention-signal--one{animation:attention-signal-one-synced 9s var(--ease) infinite}.attention-signal--two{animation:attention-signal-two-synced 9s var(--ease) infinite}.attention-signal--three{animation:attention-signal-three-synced 9s var(--ease) infinite}.attention-response__alert{display:flex;align-items:center;gap:14px;padding:18px}.attention-response__alert small,.attention-response__alert strong{display:block}.attention-response__alert small{margin-bottom:5px;color:var(--fg-muted);font-size:1rem;font-style:normal}.attention-response__alert strong{font-size:1.125rem;font-weight:500}.attention-response__alert{border-color:var(--accent-line);box-shadow:0 18px 44px -24px var(--accent);opacity:.2;transform:translateY(8px);animation:attention-alert-synced 9s var(--ease) infinite}.attention-response__icon{display:grid;flex:0 0 auto;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.attention-response__icon .ico{width:22px;height:22px}
.attention-response__copy{display:grid;flex:1;min-width:0}.attention-response__early,.attention-response__dispatch{grid-area:1/1;display:block}.attention-response__early{opacity:0;animation:attention-copy-early 9s var(--ease) infinite}.attention-response__dispatch{opacity:0;animation:attention-copy-dispatch 9s var(--ease) infinite}
@keyframes attention-ambient{from{opacity:.5;transform:translate3d(-4%,0,0) scale(.94)}to{opacity:.9;transform:translate3d(5%,-3%,0) scale(1.06)}}
@keyframes attention-live{0%,100%{opacity:.32;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-soft) 45%,transparent)}50%{opacity:1;box-shadow:0 0 0 6px var(--accent-soft),0 0 16px 3px color-mix(in srgb,var(--accent) 25%,transparent)}}
@media (max-width:760px){.attention-horizon__body{grid-template-columns:1fr}.attention-chart{border-right:0;border-bottom:1px solid var(--hairline)}.attention-response{grid-template-columns:1fr 1fr}.attention-response__alert{align-items:flex-start}.attention-plot{height:165px}}
@media (max-width:560px){.attention-chart__heading{display:block}.attention-state{display:inline-block;margin-top:14px}.attention-response{grid-template-columns:1fr}.attention-horizon__body{min-height:0}}

/* One shared nine-second timeline: each signal reveals one third of the trace. */
@keyframes attention-trace-reveal{0%,7%{clip-path:inset(0 98% 0 0);opacity:0}9%{opacity:1}22%,29%{clip-path:inset(0 66% 0 0);opacity:1}44%,61%{clip-path:inset(0 33% 0 0);opacity:1}76%,90%{clip-path:inset(0 0 0 0);opacity:1}96%,100%{clip-path:inset(0 0 0 0);opacity:0}}
@keyframes attention-threshold-pulse{0%,43%{box-shadow:0 0 0 3px var(--accent-soft),0 0 12px 2px transparent}49%,86%{box-shadow:0 0 0 9px transparent,0 0 32px 10px color-mix(in srgb,var(--accent) 38%,transparent)}100%{box-shadow:0 0 0 3px var(--accent-soft),0 0 12px 2px transparent}}
@keyframes attention-bell{0%,43%{opacity:0;transform:translateX(-50%) translateY(4px) rotate(0)}44%{opacity:1;transform:translateX(-50%) translateY(0) rotate(0)}45%{transform:translateX(-50%) rotate(-12deg)}46%{transform:translateX(-50%) rotate(11deg)}47%{transform:translateX(-50%) rotate(-8deg)}48%{transform:translateX(-50%) rotate(6deg)}49%{transform:translateX(-50%) rotate(-3deg)}50%,90%{opacity:1;transform:translateX(-50%) rotate(0)}96%,100%{opacity:0;transform:translateX(-50%) translateY(-2px) rotate(0)}}
@keyframes attention-signal-one-synced{0%,7%{opacity:.24;transform:translateY(5px)}9%,90%{opacity:1;transform:none}96%,100%{opacity:.24;transform:translateY(-2px)}}
@keyframes attention-signal-two-synced{0%,29%{opacity:.24;transform:translateY(5px)}31%,90%{opacity:1;transform:none}96%,100%{opacity:.24;transform:translateY(-2px)}}
@keyframes attention-signal-three-synced{0%,61%{opacity:.24;transform:translateY(5px)}63%,90%{opacity:1;transform:none}96%,100%{opacity:.24;transform:translateY(-2px)}}
@keyframes attention-alert-synced{0%,43%{opacity:.2;transform:translateY(8px)}45%,90%{opacity:1;transform:none}96%,100%{opacity:.2;transform:translateY(8px)}}
@keyframes attention-copy-early{0%,43%{opacity:0;transform:translateY(4px)}45%,60%{opacity:1;transform:none}63%,100%{opacity:0;transform:translateY(-3px)}}
@keyframes attention-copy-dispatch{0%,61%{opacity:0;transform:translateY(4px)}64%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-3px)}}
@keyframes attention-threshold-state{0%,43%{opacity:.3;border-color:var(--border);background:color-mix(in srgb,var(--bg-raised) 86%,transparent);color:var(--fg-muted);box-shadow:none}45%,90%{opacity:1;border-color:var(--accent-line);background:var(--accent-soft);color:var(--fg);box-shadow:0 0 30px -12px var(--accent)}96%,100%{opacity:.3;border-color:var(--border);background:color-mix(in srgb,var(--bg-raised) 86%,transparent);color:var(--fg-muted);box-shadow:none}}
@media (prefers-reduced-motion:reduce){.attention-state,.attention-trace,.attention-trace__threshold,.attention-threshold-bell,.attention-signal,.attention-response__alert,.attention-response__early,.attention-response__dispatch{animation:none}.attention-state,.attention-trace,.attention-threshold-bell,.attention-signal,.attention-response__alert,.attention-response__dispatch{opacity:1}.attention-response__early{display:none}.attention-state{border-color:var(--accent-line);background:var(--accent-soft);color:var(--fg)}.attention-trace{clip-path:none}.attention-threshold-bell{transform:translateX(-50%)}.attention-signal,.attention-response__alert,.attention-response__dispatch{transform:none}}

/* Incident analysis: the operational meaning, without a filter walkthrough. */
.analysis-story{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--brand-purple) 4%,var(--bg)) 100%)}
.analysis-story__glow{position:absolute;right:-12%;top:42%;width:min(820px,82vw);aspect-ratio:1.8;transform:translateY(-50%);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--brand-purple) 12%,transparent),transparent 68%);filter:blur(48px);pointer-events:none}
.analysis-story .wrap{position:relative;z-index:1}
.analysis-story__layout{display:grid;grid-template-columns:minmax(320px,.76fr) minmax(540px,1.24fr);align-items:center;gap:clamp(48px,7vw,104px)}
.analysis-story h2{max-width:10ch;margin-top:var(--sp-5);font-size:clamp(3rem,5.6vw,5.75rem);font-weight:300;line-height:.95;letter-spacing:var(--ls-tight)}
.analysis-story .lead{max-width:36ch;margin-top:var(--sp-8)}
.analysis-screen{position:relative;margin:0}
.analysis-screen::before{content:"";position:absolute;inset:12% 7% -9%;z-index:-1;border-radius:50%;background:rgba(0,0,0,.24);filter:blur(34px)}
.analysis-screen__frame{position:relative;overflow:hidden;padding:8px;border-radius:var(--r-xl);background:linear-gradient(150deg,#363a43,#111318 55%,#292d35);box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 0 0 1px rgba(0,0,0,.32),0 34px 70px -30px rgba(20,16,44,.45)}
.analysis-screen__frame img{display:block;width:100%;aspect-ratio:4/3;border-radius:var(--r-lg);object-fit:cover;object-position:68% center}
.analysis-story__beats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(56px,8vw,96px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.analysis-story__beats p{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:220px;margin:0;padding:clamp(36px,3.5vw,48px) clamp(24px,3vw,36px);text-align:left}
.analysis-story__beats p+p{border-left:1px solid var(--border)}
.analysis-story__beats strong{font-size:clamp(1.6rem,2.8vw,2.5rem);font-weight:300;line-height:var(--lh-snug);letter-spacing:var(--ls-snug)}
.analysis-story__beats span{display:block;max-width:27ch;margin-top:var(--sp-5);color:var(--fg-muted);font-size:var(--fs-body);line-height:var(--lh-normal)}
@media (max-width:980px){.analysis-story__layout{grid-template-columns:1fr}.analysis-story h2{max-width:13ch}.analysis-story .lead{max-width:50ch}.analysis-screen{width:100%;max-width:820px}.analysis-screen__frame img{aspect-ratio:16/10}}
@media (max-width:700px){.analysis-story__beats{grid-template-columns:1fr}.analysis-story__beats p{min-height:0;padding:var(--sp-6) 0}.analysis-story__beats p+p{border-top:1px solid var(--border);border-left:0}.analysis-screen__frame{padding:5px;border-radius:var(--r-lg)}.analysis-screen__frame img{border-radius:var(--r-md)}}

/* Review: the incident closes, its complete story remains. */
.review-story{position:relative;overflow:hidden;background:var(--bg)}
.review-story__glow{position:absolute;left:-12%;top:38%;width:min(860px,78vw);aspect-ratio:1.7;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--brand-purple) 18%,transparent),transparent 68%);filter:blur(54px);pointer-events:none}
.review-story .wrap{position:relative;z-index:1}
.review-story__layout{display:grid;grid-template-columns:minmax(540px,1.22fr) minmax(320px,.78fr);align-items:center;gap:clamp(48px,7vw,104px)}
.review-story h2{max-width:11ch;margin-top:var(--sp-5);font-size:clamp(3rem,5.4vw,5.5rem);font-weight:300;line-height:.95;letter-spacing:var(--ls-tight)}
.review-story .lead{max-width:35ch;margin-top:var(--sp-8)}
.review-screen{position:relative;margin:0 0 var(--sp-8)}
.review-screen::before{content:"";position:absolute;inset:12% 7% -10%;z-index:-1;border-radius:50%;background:rgba(0,0,0,.68);filter:blur(38px)}
.review-screen__frame{position:relative;overflow:hidden;padding:8px;border-radius:var(--r-xl);background:linear-gradient(150deg,#4a4f5a,#111318 52%,#292d35);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(0,0,0,.7),0 36px 76px -28px rgba(0,0,0,.95)}
.review-screen__frame img{display:block;width:100%;aspect-ratio:4/3;border-radius:var(--r-lg);object-fit:cover;object-position:center}
.review-ready{position:absolute;right:-18px;bottom:-30px;display:flex;align-items:center;gap:var(--sp-4);min-width:230px;padding:18px 22px;border:1px solid var(--border-strong);border-radius:var(--r-xl);background:color-mix(in srgb,var(--bg-raised) 94%,transparent);box-shadow:0 24px 60px -24px rgba(0,0,0,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.review-ready__icon{display:grid;flex:0 0 auto;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}
.review-ready__icon .ico{width:22px;height:22px}.review-ready small,.review-ready strong{display:block}.review-ready small{color:var(--fg-muted);font-size:var(--fs-small)}.review-ready strong{margin-top:2px;font-size:var(--fs-title);font-weight:500}
.review-story__beats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(64px,8vw,104px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.review-story__beats p{display:flex;flex-direction:column;justify-content:flex-start;min-height:220px;margin:0;padding:clamp(36px,3.5vw,48px) clamp(24px,3vw,36px)}
.review-story__beats p+p{border-left:1px solid var(--border)}
.review-story__beats strong{font-size:clamp(1.6rem,2.8vw,2.5rem);font-weight:300;line-height:var(--lh-snug);letter-spacing:var(--ls-snug)}
.review-story__beats span{display:block;max-width:27ch;margin-top:var(--sp-5);color:var(--fg-muted);font-size:var(--fs-body);line-height:var(--lh-normal)}
@media (max-width:980px){.review-story__layout{grid-template-columns:1fr}.review-story__copy{grid-row:1}.review-screen{grid-row:2;width:100%;max-width:820px}.review-story h2{max-width:13ch}.review-story .lead{max-width:50ch}.review-screen__frame img{aspect-ratio:16/10}}
@media (max-width:700px){.review-story__beats{grid-template-columns:1fr}.review-story__beats p{min-height:0;padding:var(--sp-6) 0}.review-story__beats p+p{border-top:1px solid var(--border);border-left:0}.review-screen__frame{padding:5px;border-radius:var(--r-lg)}.review-screen__frame img{border-radius:var(--r-md)}.review-ready{right:10px;bottom:-28px;min-width:0;padding:14px 16px}.review-ready__icon{width:38px;height:38px}}

/* Three-dimensional scene intelligence: one purposeful reveal, then still. */
.scene-intel{min-height:clamp(720px,78vw,920px);display:flex;align-items:center;background:#080a0f;isolation:isolate}
.scene-intel__visual{background:#090b11}
.scene-intel__fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;opacity:.48;filter:saturate(.75) brightness(.58);transition:opacity .8s var(--ease)}
.scene-intel__canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s var(--ease)}
.scene-intel.is-rendered .scene-intel__fallback{opacity:0}
.scene-intel.is-rendered .scene-intel__canvas{opacity:1}
.scene-intel .atmo__grad{background:linear-gradient(90deg,#080a0f 0%,rgba(8,10,15,.98) 31%,rgba(8,10,15,.83) 45%,rgba(8,10,15,.18) 72%,rgba(8,10,15,.08) 100%),linear-gradient(0deg,rgba(8,10,15,.68),transparent 32%)}
.scene-intel .wrap{width:100%}.scene-intel .atmo__col{max-width:570px}
.scene-intel__hud{position:absolute;inset:0;z-index:1;pointer-events:none;font-family:var(--font-sans);font-size:1rem}
.scene-intel__mode,.scene-intel__label{position:absolute;border:1px solid rgba(255,255,255,.14);background:rgba(11,13,19,.72);color:#e9ebf1;box-shadow:0 18px 45px rgba(0,0,0,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.scene-intel__mode{top:9%;right:7%;display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:999px;font-weight:500;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.scene-intel__mode i{width:8px;height:8px;border-radius:50%;background:var(--brand-purple-bright);box-shadow:0 0 0 5px rgba(143,116,255,.15)}
.scene-intel__label{left:var(--label-x,75%);top:var(--label-y,50%);padding:9px 13px;border-radius:10px;font-weight:500;line-height:1.2;opacity:0;transform:translate(-18px,calc(-100% - 26px)) translateY(8px);transition:opacity .48s var(--ease),transform .55s var(--ease)}
.scene-intel__label::after{content:"";position:absolute;top:100%;left:18px;width:1px;height:34px;background:linear-gradient(rgba(143,116,255,.8),transparent)}
.scene-intel__label--site{border-color:rgba(143,116,255,.58);background:rgba(48,27,112,.86);box-shadow:0 16px 42px rgba(48,20,154,.34),0 0 0 1px rgba(143,116,255,.08);color:#fff}
.scene-intel__label--site::after{width:2px;background:linear-gradient(#a28dff,rgba(143,116,255,.12))}
.scene-intel[data-scene-phase="1"] .scene-intel__mode,.scene-intel[data-scene-phase="2"] .scene-intel__mode,.scene-intel[data-scene-phase="3"] .scene-intel__mode,.scene-intel[data-scene-phase="1"] .scene-intel__label--site,.scene-intel[data-scene-phase="2"] .scene-intel__label--site,.scene-intel[data-scene-phase="3"] .scene-intel__label--site,.scene-intel[data-scene-phase="3"] .scene-intel__label--unit{opacity:1;transform:translate(-18px,calc(-100% - 26px))}
@media (max-width:900px){.scene-intel{min-height:auto;padding-top:clamp(420px,68vw,560px)}.scene-intel__visual{height:clamp(430px,72vw,590px)}.scene-intel .atmo__grad{background:linear-gradient(0deg,#080a0f 0%,rgba(8,10,15,.94) 32%,rgba(8,10,15,.24) 72%,rgba(8,10,15,.12) 100%)}}
@media (max-width:560px){.scene-intel{padding-top:360px}.scene-intel__visual{height:390px}.scene-intel__mode{top:24px;right:20px}.scene-intel__label{font-size:1rem}.scene-intel__label--unit{display:none}}
@media (prefers-reduced-motion:reduce){.scene-intel__fallback,.scene-intel__canvas,.scene-intel__mode,.scene-intel__label{transition:none}}

/* Incident communication: a single two-way exchange, not another looping showpiece. */
.comm-device{isolation:isolate}.comm-card{position:absolute;z-index:3;display:grid;gap:3px;min-width:min(250px,54%);padding:14px 17px;border:1px solid rgba(97,45,248,.2);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 20px 50px -24px rgba(26,16,63,.5);opacity:0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.comm-card small{color:var(--fg-muted);font-size:1rem;line-height:1.2}.comm-card strong{color:var(--fg);font-size:1.125rem;font-weight:500;line-height:1.25}.comm-card--out{top:8%;right:-7%;transform:translateX(-26px)}.comm-card--back{left:-8%;bottom:7%;transform:translateX(26px)}
.split__media.in .comm-card--out{animation:comm-card-out .72s var(--ease-expo) .45s forwards}.split__media.in .comm-card--back{animation:comm-card-back .72s var(--ease-expo) 1.15s forwards}
@keyframes comm-card-out{to{opacity:1;transform:translateX(0)}}@keyframes comm-card-back{to{opacity:1;transform:translateX(0)}}
@media (max-width:600px){.comm-card{min-width:0;max-width:72%;padding:12px 14px}.comm-card--out{right:-2%}.comm-card--back{left:-2%}}
@media (prefers-reduced-motion:reduce){.split__media.in .comm-card--out,.split__media.in .comm-card--back{animation:none;opacity:1;transform:none}}
/* Technical fit: a compact verification surface, distinct from narrative benefits. */
.technical-fit{
  overflow:hidden;
  background:linear-gradient(180deg,#f7f6fb 0%,#fff 100%);
}
.technical-fit__layout{
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(520px,1.22fr);
  gap:clamp(48px,8vw,120px);
  align-items:start;
}
.technical-fit__intro h2{
  max-width:13ch;
  margin-top:18px;
}
.technical-fit__intro .lead{
  max-width:32ch;
  margin-top:24px;
}
.technical-fit__specs{
  margin:0;
  border-top:1px solid var(--hairline);
}
.technical-fit__spec{
  display:grid;
  grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);
  gap:clamp(24px,4vw,56px);
  padding-block:clamp(25px,3vw,36px);
  border-bottom:1px solid var(--hairline);
}
.technical-fit__spec dt{
  display:flex;
  align-items:center;
  gap:13px;
  color:var(--fg);
  font-size:var(--fs-body);
  font-weight:600;
}
.technical-fit__spec dd{
  margin:0;
  color:var(--fg-muted);
  font-size:var(--fs-body);
  line-height:1.55;
}
.technical-fit__icon{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:12px;
  color:var(--accent);
  background:var(--accent-soft);
}
.technical-fit__icon .ico{width:20px;height:20px}

@media (max-width:900px){
  .technical-fit__layout{grid-template-columns:1fr;gap:44px}
  .technical-fit__intro h2,.technical-fit__intro .lead{max-width:620px}
}
@media (max-width:600px){
  .technical-fit__spec{grid-template-columns:1fr;gap:12px}
}


/* Cropped product outtake: a close-up of one part of the screen, flat with
   rounded corners, for sections where the full screen would read too small. */
.lc-crop{position:relative;border-radius:var(--r-2xl);overflow:hidden;box-shadow:0 40px 80px -30px rgba(10,12,16,.45),0 0 0 1px rgba(10,12,16,.08)}
.lc-crop img{display:block;width:100%;height:auto}
@media (min-width:961px){#spatial-intelligence .split{grid-template-columns:1.3fr 1fr}#incident-picture .split{grid-template-columns:1fr 1.3fr}}
@media (min-width:1400px){#spatial-intelligence .lc-crop{margin-left:calc(-1 * clamp(0px,4vw,72px))}#incident-picture .lc-crop{margin-right:calc(-1 * clamp(0px,4vw,72px))}}