:root{--mx-brand:#206BEE;--mx-shell-max:1240px;--mx-gutter:36px;--mx-radius:16px}
.mx-page,.mx-page *{box-sizing:border-box}
.mx-page{font-family:var(--font-fa);font-synthesis:none;color:#304c76;background:#fff;direction:rtl;overflow-x:clip}
.mx-page img{display:block;max-width:100%}
.mx-page a{text-decoration:none;color:inherit}
.mx-page svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mx-page bdi{unicode-bidi:isolate}
.mx-tech-token{white-space:nowrap;unicode-bidi:isolate}
.mx-shell{width:min(calc(100% - 2*var(--mx-gutter)),var(--mx-shell-max));margin-inline:auto}

/* HERO */
.mx-breadcrumb{display:flex;align-items:center;gap:8px;color:#526a88;font-size:13px;margin-bottom:14px;flex-wrap:wrap}
.mx-breadcrumb a:hover{color:var(--mx-brand)}
.mx-hero{position:relative;isolation:isolate;width:100%;min-height:500px;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;margin:0;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f3f8ff 100%);padding-block:12px 28px;padding-inline:max(var(--mx-gutter),calc((100% - var(--mx-shell-max)) / 2))}
.mx-hero{--rx:calc(28vw + 118px);--ry:52%}
.mx-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:conic-gradient(from 32deg at var(--rx) var(--ry),rgba(32,107,238,.12) 0,rgba(32,107,238,.02) 116deg,transparent 116deg),repeating-radial-gradient(circle at var(--rx) var(--ry),transparent 0 74px,rgba(32,107,238,.13) 74px 75px);-webkit-mask-image:radial-gradient(circle at var(--rx) var(--ry),#000 0,#000 40%,transparent 78%);mask-image:radial-gradient(circle at var(--rx) var(--ry),#000 0,#000 40%,transparent 78%)}
.mx-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(32,107,238,.34) 1.3px,transparent 1.8px) 0 0/24px 24px;-webkit-mask-image:conic-gradient(from 32deg at var(--rx) var(--ry),#000 0,#000 116deg,transparent 116deg),radial-gradient(circle at var(--rx) var(--ry),#000 0,transparent 70%);-webkit-mask-composite:source-in;mask-image:conic-gradient(from 32deg at var(--rx) var(--ry),#000 0,#000 116deg,transparent 116deg),radial-gradient(circle at var(--rx) var(--ry),#000 0,transparent 70%);mask-composite:intersect;opacity:.55}
.mx-hero__copy{position:relative;z-index:2;max-width:600px;align-self:center;direction:rtl}
.mx-hero__media{position:absolute;left:0;top:0;bottom:0;width:60%;z-index:0;pointer-events:none;direction:ltr}
.mx-hero__media img{position:absolute;left:28vw;top:15%;width:auto;height:70%;max-width:none;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(18,54,112,.22))}
.mx-hero__badge{display:inline-block;padding:5px 10px;border-radius:7px;background:#e8f1ff;color:var(--mx-brand);font-size:13px;font-weight:800;margin-bottom:13px}
.mx-hero h1{font:800 clamp(52px,4.7vw,68px)/1.02 var(--font-fa);margin:13px 0 5px;color:#07184b;letter-spacing:-.045em;direction:ltr;text-align:right}
.mx-hero__intro{font-size:17px;line-height:1.85;font-weight:520;margin:0;color:#35486d;max-width:540px}
.mx-hero__actions{display:flex;gap:14px;margin-top:64px}
.mx-button{min-height:50px;padding:10px 18px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:800;transition:.18s ease}
.mx-page .mx-button--primary{background:linear-gradient(90deg,#0d5fc9,var(--mx-brand));color:#fff;box-shadow:0 8px 18px rgba(32,107,238,.14)}
.mx-button--primary:hover{background:#145fc8}
.mx-button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(32,107,238,.24)}

/* SECTIONS */
.mx-section{padding:80px 0}
.mx-surface{border-radius:var(--mx-radius);box-shadow:0 10px 32px rgba(8,35,66,.08);padding:22px 28px 24px;position:relative;overflow:hidden}
#coverage .mx-surface,#wiring .mx-surface{background:radial-gradient(90% 70% at 15% 0,#cfe2ff 0,transparent 62%),radial-gradient(70% 60% at 92% 100%,#d8e8ff 0,transparent 62%),#e9f2ff}
#project-fit .mx-surface{background:linear-gradient(145deg,#e8f5fb,#d3e9f5)}
#technical-specs .mx-surface{background:var(--spec-bg)}
.mx-section__head{display:flex;justify-content:center;text-align:center;margin-bottom:18px}
.mx-section__head h2{font-size:28px;line-height:1.55;color:#0d3472;margin:0 0 7px;font-weight:850}
.mx-section__head p{font-size:14px;line-height:2;color:#516a8b;margin:0 auto;max-width:710px}

/* COVERAGE */
.mx-cov{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mx-cov__card{margin:0;background:#fff;border-radius:20px;box-shadow:0 10px 26px rgba(30,80,160,.12);padding:16px 18px 10px}
.mx-cov__card figcaption{font-size:16px;font-weight:800;color:#0b285a;text-align:center;margin-bottom:4px}
.mx-cov__card svg{display:block;width:100%;height:auto;overflow:visible}
.mx-cov__metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mx-cov__metrics>div{background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(16,38,74,.07);padding:14px 18px;text-align:center}
.mx-cov__metrics strong{display:block;font-size:22px;font-weight:850;color:#0c448f;line-height:1.4}
.mx-cov__metrics span{display:block;font-size:13px;color:#566c88;margin-top:2px}
.mx-cov-enter:not(.mx-cov-entered) .mx-cov__card{opacity:0}
.mx-cov-enter:not(.mx-cov-entered) .mx-cov__fan,.mx-cov-enter:not(.mx-cov-entered) .mx-cov__beams,.mx-cov-enter:not(.mx-cov-entered) .mx-cov__rings,.mx-cov-enter:not(.mx-cov-entered) .mx-cov__labels,.mx-cov-enter:not(.mx-cov-entered) .mx-cov__sensor{opacity:0}
.mx-cov-entered .mx-cov__card{animation:mxUp .6s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--d,0ms)}
.mx-cov-entered .mx-cov__card:nth-child(2){--d:150ms}
.mx-cov-entered .mx-cov__rings,.mx-cov-entered .mx-cov__labels{animation:mxFade .7s ease backwards;animation-delay:.35s}
.mx-cov-entered .mx-cov__fan{animation:mxFan .9s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:.5s;transform-box:fill-box;transform-origin:50% 100%}
.mx-cov-entered .mx-cov__card:nth-child(2) .mx-cov__fan{transform-origin:0 0}
.mx-cov-entered .mx-cov__beams{animation:mxFade .9s ease backwards;animation-delay:.85s}
.mx-cov-entered .mx-cov__sensor{animation:mxPop .5s cubic-bezier(.3,1.5,.5,1) backwards;animation-delay:.3s;transform-box:fill-box;transform-origin:center}
.mx-cov-entered .mx-cov__card:nth-child(2) .mx-cov__sensor{animation-delay:.45s}
@keyframes mxUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes mxFade{from{opacity:0}to{opacity:1}}
@keyframes mxFan{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
@keyframes mxPop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}

/* WIRING */
.mx-wire{display:grid;grid-template-columns:230px minmax(200px,1fr) 300px;align-items:center;gap:0;max-width:900px;margin:8px auto 22px}
.mx-wire__node{background:#fff;border-radius:20px;box-shadow:0 10px 26px rgba(30,80,160,.12);padding:18px 16px 16px;text-align:center}
.mx-wire__node strong{display:block;font-size:16px;font-weight:850;color:#0b285a;margin-top:6px}
.mx-wire__node span{display:block;font-size:12.5px;color:#566c88;margin-top:2px}
.mx-wire__media{height:130px;display:flex;align-items:center;justify-content:center;gap:12px}
.mx-wire__media img{max-height:130px;width:auto;height:auto;object-fit:contain}
.mx-wire__media--pair img{max-width:46%;max-height:90px}
.mx-wire__link{position:relative;height:60px;margin:0 6px}
.mx-wire__line{position:absolute;inset-inline:6px;top:50%;height:3px;margin-top:-1.5px;background:radial-gradient(circle,#2773db 1.25px,transparent 1.6px) 0 50%/8px 3px repeat-x}
.mx-wire__line:before,.mx-wire__line:after{content:"";position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:#2773db}
.mx-wire__line:before{right:-6px}.mx-wire__line:after{left:-6px}
.mx-wire__pill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:6px 14px;border-radius:999px;background:#e8f8ef;color:#0c7a45;border:1px solid #a8dbc3;font-size:12.5px;font-weight:800;white-space:nowrap;box-shadow:0 4px 12px rgba(12,150,80,.14)}
.mx-wire__link small{position:absolute;left:50%;top:calc(50% + 24px);transform:translateX(-50%);font-size:12px;color:#566c88;white-space:nowrap}
.mx-wire-enter:not(.mx-wire-entered) .mx-wire__node,.mx-wire-enter:not(.mx-wire-entered) .mx-wire__pill,.mx-wire-enter:not(.mx-wire-entered) .mx-wire__link small{opacity:0}
.mx-wire-enter:not(.mx-wire-entered) .mx-wire__line{opacity:0}
.mx-wire-entered .mx-wire__node{animation:mxUp .6s cubic-bezier(.2,.7,.2,1) backwards}
.mx-wire-entered .mx-wire__node--panel{animation-delay:.55s}
.mx-wire-entered .mx-wire__line{animation:mxDraw .7s ease-out backwards;animation-delay:.3s}
.mx-wire-entered .mx-wire__pill,.mx-wire-entered .mx-wire__link small{animation:mxFadeC .5s ease backwards;animation-delay:.6s}
@keyframes mxDraw{from{clip-path:inset(-12px -12px -12px calc(100% + 12px));opacity:1}to{clip-path:inset(-12px -12px -12px -12px);opacity:1}}
@keyframes mxFadeC{from{opacity:0}to{opacity:1}}
.mx-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 auto;max-width:1040px}
.mx-benefit{min-height:72px;border-radius:10px;box-shadow:0 6px 18px rgba(16,38,74,.07);background:#fff;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px}
.mx-benefit svg{width:46px;height:46px;color:#1767d4;flex:0 0 auto}
.mx-benefit strong{display:block;color:#0c448f;font-size:16px;font-weight:850}
.mx-benefit span{display:block;color:#566c88;font-size:13px;margin-top:4px}

/* SCOPE CARDS */
.mx-plain{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mx-plain li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:28px 22px 26px;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(30,80,160,.12);transition:transform .25s ease,box-shadow .25s ease}
.mx-plain li:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(30,80,160,.18)}
.mx-plain svg{width:68px;height:68px;padding:16px;border-radius:50%;background:linear-gradient(145deg,#4a97f5,#2773db);stroke:#fff;stroke-width:1.8;transition:transform .25s ease}
.mx-plain li:hover svg{transform:scale(1.08)}
.mx-plain h3{margin:0 0 6px;font-size:18px;font-weight:800;color:#0b285a;line-height:1.5}
.mx-plain p{margin:0;font-size:13.5px;line-height:1.85;color:#52617b}

/* SPEC LIST */
.spec-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.spec-list li{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;background:#e3e9f0;transition:background-color .2s ease,box-shadow .2s ease}
.spec-list li:hover{background:#eaf5ff;box-shadow:0 10px 26px rgba(8,58,119,.13)}
.spec-icon{width:54px;height:54px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#fff;color:#206bee;transition:transform .25s ease}
.spec-list li:hover .spec-icon{transform:scale(1.1)}
.spec-icon svg{width:30px;height:30px;stroke-width:1.6}
.spec-list h3{margin:0 0 4px;font-size:18px;font-weight:800;color:#0b285a;line-height:1.5}
.spec-list p{margin:0;font-size:13.5px;line-height:1.8;color:#52617b}

/* RELATED */
.rel-heading{margin:0 0 24px;font-size:24px;font-weight:850;color:#062d63;text-align:center}
.rel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.rel-tile{display:block;color:inherit;min-width:0}
.rel-tile__in{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;padding:20px 12px 18px;text-align:center;border-radius:14px;background:#e3e9f0;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.rel-tile:hover .rel-tile__in{background:#eaf5ff;box-shadow:0 10px 26px rgba(8,58,119,.13);transform:translateY(-2px)}
.rel-tile__img{width:100%;height:130px;display:flex;align-items:center;justify-content:center}
.rel-tile__img img{max-width:86%;max-height:130px;width:auto;height:auto;object-fit:contain;transition:transform .25s ease}
.rel-tile:hover .rel-tile__img img{transform:scale(1.1)}
.rel-tile strong{margin-top:6px;font-size:16px;font-weight:850;color:#123f70}
.rel-tile small{font-size:14px;font-weight:650;color:#5b7088}

/* RESPONSIVE */
@media(max-width:1180px){.mx-wire{max-width:760px;grid-template-columns:200px minmax(140px,1fr) 260px}}
@media(max-width:900px){
  :root{--mx-gutter:18px}
  .mx-section{padding:48px 0}
  .mx-hero{min-height:0;padding-block:12px 26px}
  .mx-hero__copy{max-width:none;text-align:center}
  .mx-hero__copy h1{text-align:center}
  .mx-hero__intro{margin-inline:auto}
  .mx-hero__actions{justify-content:center;margin-top:28px}
  .mx-hero__media{position:static;width:auto;order:3;display:flex;justify-content:center;margin-top:24px}
  .mx-hero__media img{position:static;height:260px}
  .mx-breadcrumb{justify-content:center}
  .mx-surface{padding:20px 16px 22px}
  .mx-section__head h2{font-size:22px}
  .mx-cov{grid-template-columns:1fr}
  .mx-cov__metrics{grid-template-columns:1fr}
  .mx-wire{grid-template-columns:1fr;gap:0;max-width:340px}
  .mx-wire__link{height:96px;margin:0}
  .mx-wire__line{inset-inline:auto;left:50%;top:6px;bottom:6px;width:3px;height:auto;margin:0 0 0 -1.5px;background:radial-gradient(circle,#2773db 1.25px,transparent 1.6px) 50% 0/3px 8px repeat-y}
  .mx-wire__line:before{right:auto;left:-3px;top:-6px;margin:0}.mx-wire__line:after{left:-3px;top:auto;bottom:-6px;margin:0}
  .mx-wire__pill{top:38%}
  .mx-wire__link small{top:calc(38% + 22px)}
  .mx-benefits,.mx-plain{grid-template-columns:1fr}
  .spec-list{grid-template-columns:1fr}
  .rel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){.rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.mx-cov-enter *,.mx-wire-enter *{opacity:1!important;animation:none!important}}
.mx-page svg text{stroke:none}
.mx-cov__labels text{direction:ltr;unicode-bidi:isolate-override}

/* coverage v2 */
.mx-cov__card svg text{font-family:var(--font-fa);font-weight:800;fill:#0b285a}
.mx-cov__card svg .mx-cov__labels[fill] text,.mx-cov__card svg g[fill="#52617b"] text{fill:#52617b}
.mx-cov__card svg rect[fill="#0c448f"]+text{fill:#fff}
.mx-cov__sweep{transform-origin:280px 270px;animation:mxSweep 6s ease-in-out infinite alternate}
.mx-cov__pulse{transform-box:fill-box;transform-origin:center;animation:mxPulse 2.6s ease-out infinite}
.mx-cov__pulse--b{animation-delay:1.3s}
.mx-cov__ripple{transform-box:fill-box;transform-origin:center;animation:mxRipple 2.2s ease-out infinite}
.mx-cov__ripple--b{animation-delay:1.1s}
@keyframes mxSweep{from{transform:rotate(-48deg)}to{transform:rotate(48deg)}}
@keyframes mxPulse{from{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}
@keyframes mxRipple{from{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}
.mx-cov-enter:not(.mx-cov-entered) .mx-cov__dim,.mx-cov-enter:not(.mx-cov-entered) .mx-cov__person,.mx-cov-enter:not(.mx-cov-entered) .mx-cov__sweep{opacity:0}
.mx-cov-entered .mx-cov__dim{animation:mxFade .7s ease backwards;animation-delay:1.1s}
.mx-cov-entered .mx-cov__person{animation:mxFade .6s ease backwards;animation-delay:1.3s}
.mx-cov-entered .mx-cov__sweep{animation:mxSweep 6s ease-in-out 1.4s infinite alternate,mxFade .8s ease 1.2s backwards}
@media(prefers-reduced-motion:reduce){.mx-cov__sweep,.mx-cov__pulse,.mx-cov__ripple{animation:none!important}.mx-cov__pulse,.mx-cov__ripple{opacity:0}}
@media(max-width:900px){.mx-hero{--rx:50%;--ry:74%}}
.mx-page .gs-final-cta__button{color:#fff}





/* door scene */
.mx-cov__card--wide{grid-column:1/-1}
.hy-door{grid-template-columns:1fr}
.hd{container-type:inline-size;max-width:860px;margin:6px auto 4px}
.hd-scene{--u:calc(100cqw / 760);position:relative;height:calc(var(--u)*420);perspective:calc(var(--u)*1500);perspective-origin:24% 40%;font-family:var(--font-fa)}
.hd-scene>*{position:absolute}
.hd-wall{inset:0;border-radius:calc(var(--u)*16);background:linear-gradient(180deg,#f1f5fb 0,#e4ecf6 93%,#c7d2e4 93%,#b8c5db 100%);box-shadow:inset 0 0 0 1px #dce6f3}
.hd-led{position:absolute;left:50%;top:calc(var(--u)*7);width:calc(var(--u)*4);height:calc(var(--u)*4);margin-left:calc(var(--u)*-2);border-radius:50%;background:#2a2f38;animation:hdLed 9s linear infinite}
.hd-ring{left:calc(var(--u)*303);top:calc(var(--u)*73);width:calc(var(--u)*14);height:calc(var(--u)*14);border-radius:50%;border:calc(var(--u)*2) solid #ff4d4f;opacity:0;animation:hdRing 9s linear infinite}
.hd-ring--b{animation-delay:.25s}
.hd-link{left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hd-link path{fill:none;stroke-linecap:round}
.hd-signal{stroke:#2773db;stroke-width:3;stroke-dasharray:2 9;opacity:0;animation:hdSignal 9s linear infinite}
.hd-pill{left:calc(var(--u)*556);top:calc(var(--u)*204);width:calc(var(--u)*140);height:calc(var(--u)*34);border-radius:999px;display:grid;place-items:center;font-size:calc(var(--u)*16);font-weight:800;border:1.5px solid}
.hd-pill--closed{background:#e8f8ef;color:#0c7a45;border-color:#a8dbc3;animation:hdClosed 9s linear infinite}
.hd-pill--open{background:#fdeced;color:#c4262d;border-color:#f3b9bc;animation:hdOpen 9s linear infinite}
.hd-freq{left:calc(var(--u)*392);top:calc(var(--u)*196);padding:calc(var(--u)*4) calc(var(--u)*12);border-radius:999px;background:#fff;color:#2773db;font-size:calc(var(--u)*14);font-weight:800;box-shadow:0 3px 10px rgba(30,80,160,.2);opacity:0;animation:hdSignalOn 9s linear infinite}
@keyframes hdLed{0%,24%{background:#2a2f38;box-shadow:none}28%,68%{background:#ff3b3b;box-shadow:0 0 8px 3px rgba(255,59,59,.85)}72%,100%{background:#2a2f38;box-shadow:none}}
@keyframes hdRing{0%,26%{opacity:0;transform:scale(1)}28%{opacity:.8;transform:scale(1)}40%{opacity:0;transform:scale(4.2)}41%,52%{opacity:0;transform:scale(1)}53%{opacity:.6;transform:scale(1)}66%,100%{opacity:0;transform:scale(4.2)}}
@keyframes hdSignal{0%,28%{opacity:0;stroke-dashoffset:0}32%,66%{opacity:1;stroke-dashoffset:-110}70%,100%{opacity:0;stroke-dashoffset:-110}}
@keyframes hdSignalOn{0%,30%{opacity:0}34%,64%{opacity:1}68%,100%{opacity:0}}
@keyframes hdClosed{0%,14%{opacity:1}20%,80%{opacity:0}86%,100%{opacity:1}}
@keyframes hdOpen{0%,22%{opacity:0}28%,68%{opacity:1}74%,100%{opacity:0}}
.mx-cov-enter:not(.mx-cov-entered) .hd *{animation-play-state:paused}
.mx-cov-enter:not(.mx-cov-entered) .hd-door{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hd *{animation:none!important}.hd-pill--open,.hd-ring,.hd-signal,.hd-freq{opacity:0}}

.hv-brick{left:calc(var(--u)*40);top:calc(var(--u)*30);width:calc(var(--u)*390);height:calc(var(--u)*360);border-radius:calc(var(--u)*6);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64'><rect width='64' height='64' fill='%23c86f58'/><g stroke='%23ecdfd0' stroke-width='3'><path d='M0 1.5H64M0 33.5H64M32 0V32M0 32V64M64 32V64'/></g><rect x='3' y='4' width='26' height='6' fill='%23d98670' opacity='.5'/><rect x='35' y='36' width='26' height='6' fill='%23d98670' opacity='.5'/></svg>") 0 0/calc(var(--u)*64) calc(var(--u)*64);box-shadow:0 calc(var(--u)*10) calc(var(--u)*20) rgba(60,20,10,.28),inset 0 0 0 calc(var(--u)*3) rgba(70,30,20,.25);animation:hvShake 9s linear infinite}
.hv-crack{position:absolute;left:calc(var(--u)*368);top:calc(var(--u)*236);width:calc(var(--u)*30);height:calc(var(--u)*30);opacity:0;background:radial-gradient(circle,rgba(255,255,255,.75) 0 20%,transparent 60%);animation:hvFlash 9s linear infinite}
.hv-sensor{left:calc(var(--u)*222);top:calc(var(--u)*130);width:calc(var(--u)*16);height:calc(var(--u)*60);border-radius:calc(var(--u)*8);background:linear-gradient(90deg,#fff,#dfe6f0);box-shadow:0 2px 6px rgba(40,10,0,.5);animation:hvShakeS 9s linear infinite}
.hv-sensor .hd-led{top:calc(var(--u)*10)}
.hv-ring{left:calc(var(--u)*222);top:calc(var(--u)*140);width:calc(var(--u)*16);height:calc(var(--u)*16)}
.hv-hit{left:calc(var(--u)*412);top:calc(var(--u)*268);width:calc(var(--u)*36);height:calc(var(--u)*36);border-radius:50%;border:calc(var(--u)*3) solid rgba(255,255,255,.9);opacity:0;animation:hvHit 9s linear infinite}
.hv-hit--b{animation-delay:.12s}
.hv-hammer{left:calc(var(--u)*618);top:calc(var(--u)*140);width:calc(var(--u)*20);height:calc(var(--u)*210);transform-origin:50% 100%;animation:hvHammer 9s ease-in infinite}
.hv-handle{position:absolute;left:calc(var(--u)*3);top:calc(var(--u)*18);width:calc(var(--u)*14);height:calc(var(--u)*192);border-radius:calc(var(--u)*7);background:linear-gradient(90deg,#d6a56f,#a06a3a)}
.hv-head{position:absolute;left:calc(var(--u)*-26);top:0;width:calc(var(--u)*72);height:calc(var(--u)*34);border-radius:calc(var(--u)*6);background:linear-gradient(180deg,#8f98a6,#3c4452);box-shadow:0 3px 8px rgba(0,0,0,.4)}
.hv-pill{left:calc(var(--u)*470);top:calc(var(--u)*150);width:calc(var(--u)*190)}
.hv-freq{left:calc(var(--u)*318);top:calc(var(--u)*46)}
.hv-panel{left:calc(var(--u)*470);top:calc(var(--u)*20);width:calc(var(--u)*190);text-align:center}
.hv-panel img{width:100%;height:auto;filter:drop-shadow(0 6px 10px rgba(20,45,90,.25))}
.hv-panel span{display:block;margin-top:calc(var(--u)*4);font-size:calc(var(--u)*14);font-weight:850;color:#0b285a}
.hd-link path.hd-signal{stroke:#2773db}
@keyframes hvHammer{0%,12%{transform:rotate(24deg)}20%{transform:rotate(-80deg);animation-timing-function:ease-out}23%{transform:rotate(-68deg)}34%,100%{transform:rotate(24deg)}}
@keyframes hvShake{0%,20%,30%,100%{transform:translateX(0)}21%{transform:translateX(calc(var(--u)*-3))}22%{transform:translateX(calc(var(--u)*3))}23%{transform:translateX(calc(var(--u)*-2))}24%{transform:translateX(calc(var(--u)*2))}26%{transform:translateX(calc(var(--u)*-1))}28%{transform:translateX(calc(var(--u)*1))}}
@keyframes hvShakeS{0%,20%,30%,100%{transform:translateX(0)}21%{transform:translateX(calc(var(--u)*-2))}22%{transform:translateX(calc(var(--u)*2))}23%{transform:translateX(calc(var(--u)*-1.5))}24%{transform:translateX(calc(var(--u)*1.5))}}
@keyframes hvHit{0%,19%{opacity:0;transform:scale(.3)}20%{opacity:.95;transform:scale(.6)}32%{opacity:0;transform:scale(3)}100%{opacity:0;transform:scale(3)}}
@keyframes hvFlash{0%,19%{opacity:0}20%{opacity:1}26%,100%{opacity:0}}
.hv .hd-led{animation-name:hvLed}
@keyframes hvLed{0%,20%{background:#2a2f38;box-shadow:none}22%,68%{background:#ff3b3b;box-shadow:0 0 8px 3px rgba(255,59,59,.85)}72%,100%{background:#2a2f38;box-shadow:none}}
.hv .hd-ring{animation-name:hvRingA}
@keyframes hvRingA{0%,20%{opacity:0;transform:scale(1)}22%{opacity:.8;transform:scale(1)}36%{opacity:0;transform:scale(4.2)}37%,50%{opacity:0;transform:scale(1)}51%{opacity:.6;transform:scale(1)}66%,100%{opacity:0;transform:scale(4.2)}}
.hv .hd-signal{animation-name:hvSignal}
@keyframes hvSignal{0%,22%{opacity:0;stroke-dashoffset:0}28%,66%{opacity:1;stroke-dashoffset:-110}70%,100%{opacity:0;stroke-dashoffset:-110}}
.hv .hd-freq{animation-name:hvFreq}
@keyframes hvFreq{0%,26%{opacity:0}30%,64%{opacity:1}68%,100%{opacity:0}}
.hv .hd-pill--closed{animation-name:hvClosed}
@keyframes hvClosed{0%,18%{opacity:1}22%,80%{opacity:0}86%,100%{opacity:1}}
.hv .hd-pill--open{animation-name:hvOpen}
@keyframes hvOpen{0%,20%{opacity:0}24%,68%{opacity:1}74%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hv-hammer,.hv-brick,.hv-sensor,.hv-hit,.hv-crack{animation:none!important}.hv-hit,.hv-crack{opacity:0}}