.hero-visual{position:relative;isolation:isolate;width:100%;max-width:690px;margin-inline:auto;color:#afc4c9;min-width:0}
.hero-visual-caption{display:flex;align-items:center;gap:10px;padding:0 25px;font-family:'Space Grotesk',sans-serif;font-size:10px;line-height:1.5;font-weight:500;letter-spacing:.16em;color:#a9c7ce;white-space:nowrap}
.hero-visual-mark{width:7px;height:7px;flex:none;border-radius:2px;background:#f16c56;box-shadow:0 0 15px #f16c5620;transform:rotate(45deg)}
.hero-visual-caption-line{height:1px;flex:1;min-width:15px;margin-left:8px;background:linear-gradient(90deg,#365764,transparent)}
.technology-scene{display:block;width:100%;height:auto;overflow:visible;margin:-4px 0 -11px}
.technology-scene .scene-label{fill:#b3d0d7;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:500;letter-spacing:2px}
.hero-visual-footer{display:flex;align-items:center;gap:23px;padding:0 25px;font-size:11px;letter-spacing:.07em;color:#9bb8c1}
.hero-visual-footer-rule{width:51px;height:2px;background:linear-gradient(90deg,#f16c56,transparent)}
.hero-visual-legend{display:none}
@media(min-width:821px) and (max-width:1150px){.technology-scene .scene-label{font-size:20px;letter-spacing:1.7px}}
@media(max-width:820px){.hero-visual{max-width:590px}.hero-visual-caption,.hero-visual-footer{padding-inline:18px}}
@media(max-width:520px){.hero-visual-caption{font-size:9px;letter-spacing:.12em;padding-inline:6px;gap:8px}.technology-scene{margin-top:-8px;margin-bottom:-23px}.technology-scene .scene-label{display:none}.hero-visual-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 22px;padding:13px 0;border-top:1px solid #294b58;border-bottom:1px solid #294b58}.hero-visual-legend span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;line-height:1.3;color:#bed6dc;white-space:nowrap}.hero-visual-legend svg{width:20px;height:20px;color:#67dce7}.hero-visual-footer{padding-inline:6px;font-size:10px;letter-spacing:.03em}}

.hero-media{position:relative;margin:22px 0 16px;width:100%;aspect-ratio:676/521;background:#07141c;isolation:isolate}
.hero-loop-video{display:block;width:100%;height:auto;aspect-ratio:676/521;object-fit:contain;border-radius:0;background:transparent;mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.hero-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 11px;margin-left:auto;border:1px solid #35535f;border-radius:999px;background:#102630;color:#c1dfe4;font:inherit;font-size:11px;letter-spacing:0;white-space:nowrap;cursor:pointer}
.hero-motion-toggle[hidden]{display:none}
.hero-motion-toggle:hover{background:#193b48;border-color:#67dce7}
.hero-motion-toggle:focus-visible{outline:2px solid #67dce7;outline-offset:4px}
.hero-motion-toggle [data-motion-symbol]{width:12px;text-align:center;font-size:10px}
@media(max-width:520px){.hero-media{margin:18px 0 12px}.hero-visual-legend{margin-bottom:12px}.hero-visual-footer{gap:10px}.hero-visual-footer-rule{display:none}.hero-motion-toggle{font-size:10px;padding-inline:9px}}