.optical-tesseract{margin:0 clamp(12px,2.5vw,42px) 34px;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(520px,1.22fr);min-height:570px;border:1px solid #57e8f33d;background:radial-gradient(circle at 73% 48%,#19385e88 0,transparent 35%),linear-gradient(135deg,#050b14f2,#071424e8);box-shadow:0 36px 110px #0009,0 0 80px #7160ff0b inset;overflow:hidden;position:relative}.optical-tesseract:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 79px,#5ce8f407 80px),repeating-linear-gradient(0deg,transparent 0 79px,#5ce8f407 80px);mask-image:linear-gradient(90deg,transparent,#000 52%,#000)}
.optical-copy{position:relative;z-index:3;padding:clamp(34px,5vw,74px)}.optical-copy h2{font:600 clamp(30px,3.8vw,55px)/1.35 'Noto Serif KR';letter-spacing:-.045em;margin:20px 0}.optical-copy h2 em{font-style:normal;background:linear-gradient(100deg,#7debf4,#a88bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.optical-copy>p:not(.eyebrow){color:#9bb0bd;font-size:14px;line-height:1.9;max-width:570px}.optical-copy dl{display:flex;margin:30px 0;border:1px solid #57e8f322;background:#07111e99}.optical-copy dl div{flex:1;padding:13px 15px;border-right:1px solid #57e8f31a}.optical-copy dl div:last-child{border:0}.optical-copy dt{color:#5e7f90;font:500 8px 'IBM Plex Mono';letter-spacing:.12em}.optical-copy dd{margin:6px 0 0;color:#dffcff;font:600 18px 'IBM Plex Mono'}
.optical-controls{display:flex;align-items:center;gap:22px}.optical-controls button{border:1px solid #60e9f36b;background:#0b2436;color:#7af1f8;padding:11px 15px;font:600 10px 'IBM Plex Mono';cursor:pointer}.optical-controls button:hover{background:#11364d;box-shadow:0 0 22px #45e4f426}.optical-controls label{display:flex;align-items:center;gap:9px;color:#718e9e;font-size:11px}.optical-controls input{width:100px;accent-color:var(--cyan)}.optical-controls output{color:var(--cyan);font:600 10px 'IBM Plex Mono'}
.hypercube-stage{position:relative;z-index:2;min-height:570px;display:grid;place-items:center;overflow:hidden}.hypercube-stage:before,.hypercube-stage:after{content:'';position:absolute;border-radius:50%;pointer-events:none}.hypercube-stage:before{width:72%;aspect-ratio:1;border:1px solid #5ce8f41e;box-shadow:0 0 80px #45e4f40e inset;animation:opticalOrbit 18s linear infinite}.hypercube-stage:after{width:48%;aspect-ratio:1;border:1px dashed #a58aff2a;animation:opticalOrbit 12s linear infinite reverse}#hypercube{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 18px #45e4f43b)}.projection-axis{position:absolute;right:24px;bottom:47px;width:92px;height:92px;border-left:1px solid #4bb8c855;border-bottom:1px solid #4bb8c855;opacity:.72}.projection-axis:before,.projection-axis:after{content:'';position:absolute;left:0;bottom:0;width:122%;height:1px;background:#8c76ff77;transform-origin:left;transform:rotate(-35deg)}.projection-axis:after{transform:rotate(-67deg);background:#e5c26e77}.projection-axis span{position:absolute;color:#7291a1;font:600 8px 'IBM Plex Mono'}.projection-axis span:nth-child(1){left:72px;top:-8px}.projection-axis span:nth-child(2){right:-7px;bottom:-3px}.projection-axis span:nth-child(3){left:-3px;top:-9px}.projection-axis span:nth-child(4){left:47px;bottom:18px}.hypercube-stage>p{position:absolute;left:24px;right:24px;bottom:18px;display:flex;justify-content:space-between;margin:0;color:#5f8193;font:500 9px 'IBM Plex Mono';letter-spacing:.12em}.hypercube-stage>p b{color:#64e9f2}.hypercube-stage sub{font-size:7px}
@keyframes opticalOrbit{to{transform:rotate(360deg)}}@media(max-width:900px){.optical-tesseract{grid-template-columns:1fr}.hypercube-stage{min-height:430px}.optical-copy{padding-bottom:10px}}@media(max-width:560px){.optical-tesseract{margin-left:8px;margin-right:8px}.optical-copy{padding:30px 22px 0}.optical-copy dl{margin-bottom:20px}.optical-controls{align-items:flex-start;flex-direction:column;gap:12px}.hypercube-stage{min-height:380px}.projection-axis{display:none}.hypercube-stage>p{left:14px;right:14px}}
@media(prefers-reduced-motion:reduce){.hypercube-stage:before,.hypercube-stage:after{animation:none}}

/* Operational lower deck */
.field-operations{margin:0 clamp(12px,2.5vw,42px) 110px;padding-top:86px;position:relative}.field-operations:before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#53e7f4 22%,#8c72ff 78%,transparent);box-shadow:0 0 28px #45e4f455}.field-head{display:grid;grid-template-columns:1fr .82fr;gap:8vw;align-items:end;margin-bottom:40px}.field-head h2{margin:18px 0 0;font:600 clamp(32px,4.3vw,60px)/1.35 'Noto Serif KR';letter-spacing:-.05em}.field-head h2 em{font-style:normal;background:linear-gradient(90deg,#72edf5,#9c83ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.field-head>p{margin:0;color:#94a9b6;font-size:14px;line-height:1.95;border-left:1px solid #45d8ed;padding-left:25px}.operations-grid{display:grid;grid-template-columns:1.08fr .82fr 1.1fr;border:1px solid #56e8f43d;background:linear-gradient(135deg,#06101af5,#081522eb 55%,#0b1124ed);box-shadow:0 45px 120px #0008,0 0 80px #715cff0b inset}.operations-grid article{min-width:0;padding:26px;border-right:1px solid #56e8f426;position:relative;overflow:hidden}.operations-grid article:last-child{border-right:0}.operations-grid article:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 35%,#65eff408 50%,transparent 65%);transform:translateX(-100%);transition:transform .8s}.operations-grid article:hover:before{transform:translateX(100%)}.module-label{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:17px;border-bottom:1px solid #274050}.module-label span,.module-label b{font:600 9px 'IBM Plex Mono';letter-spacing:.12em}.module-label span{color:#648595}.module-label b{color:#66eaf3;text-shadow:0 0 14px #45e4f455}
.mission-sequence ol{list-style:none;margin:18px 0 0;padding:0}.mission-sequence li{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #213542;position:relative}.mission-sequence li>b{color:#496979;font:600 10px 'IBM Plex Mono'}.mission-sequence li span strong,.mission-sequence li span small{display:block}.mission-sequence li span strong{font-size:14px;color:#b9c9d2}.mission-sequence li span small{color:#607b8a;font-size:10px;margin-top:4px}.mission-sequence li>i{font:500 8px 'IBM Plex Mono';font-style:normal;color:#486574}.mission-sequence li.active:after{content:'';position:absolute;left:-26px;top:8px;bottom:8px;width:2px;background:#55eaf4;box-shadow:0 0 18px #55eaf4}.mission-sequence li.active span strong,.mission-sequence li.active>i,.mission-sequence li.complete>i{color:#72f0f7}.mission-sequence li.complete{opacity:.68}.mission-sequence li.complete>i:before{content:'✓ '}
.radar-scope{width:min(245px,85%);aspect-ratio:1;margin:24px auto 18px;border:1px solid #4edfec44;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,transparent 0 21%,#4edfec18 21.5% 22%,transparent 22.5% 42%),linear-gradient(90deg,transparent 49.7%,#4edfec25 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#4edfec25 50%,transparent 50.3%),radial-gradient(circle,#16395655,transparent 68%);box-shadow:0 0 45px #45e4f412 inset}.radar-scope i{position:absolute;border:1px solid #4edfec24;border-radius:50%;inset:16%}.radar-scope i:nth-child(2){inset:32%}.radar-scope i:nth-child(3){left:50%;top:50%;width:44%;height:1px;border:0;border-top:1px dashed #aa82ff88;transform-origin:left;transform:rotate(-37deg)}.radar-scope i:nth-child(4){left:50%;top:50%;width:39%;height:39%;border:0;background:conic-gradient(from 245deg,#62ecf32a,transparent 22%);transform-origin:0 0;animation:radarSweep 4s linear infinite}.radar-scope b,.radar-scope span{position:absolute;border-radius:50%;box-shadow:0 0 13px currentColor}.radar-scope b{width:7px;height:7px;left:68%;top:30%;background:#65efb7;color:#65efb7}.radar-scope span{width:5px;height:5px;left:30%;top:63%;background:#a98cff;color:#a98cff}.sensor-console dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid #243b49}.sensor-console dl div{padding:12px 8px;border-right:1px solid #243b49;border-bottom:1px solid #243b49}.sensor-console dl div:nth-child(2n){border-right:0}.sensor-console dt{color:#567584;font:500 8px 'IBM Plex Mono';letter-spacing:.08em}.sensor-console dd{margin:7px 0 0;color:#d9f8fa;font:600 12px 'IBM Plex Mono'}
.decision-ledger{display:flex;flex-direction:column}.ledger-row{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:start;padding:22px 0;border-bottom:1px solid #243946}.ledger-row time{color:#587483;font:500 9px 'IBM Plex Mono'}.ledger-row span b,.ledger-row span strong{display:block}.ledger-row span b{color:#5de5ef;font:500 8px 'IBM Plex Mono';letter-spacing:.1em}.ledger-row span strong{margin-top:7px;color:#aebfc9;font-size:12px;line-height:1.6}.ledger-row>em{font:600 9px 'IBM Plex Mono';font-style:normal;color:#d8bd72}.decision-ledger>footer{margin-top:auto;padding:22px 0 0;border:0;display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:8px;align-items:center;color:#6c8998;font:500 8px 'IBM Plex Mono'}.decision-ledger>footer i{height:1px;background:linear-gradient(90deg,#45d8ed,#9077ff);position:relative}.decision-ledger>footer i:after{content:'';position:absolute;right:0;top:-2px;border-left:4px solid #9077ff;border-top:2px solid transparent;border-bottom:2px solid transparent}
.connected-research nav a{position:relative;overflow:hidden;transition:background .25s,transform .25s}.connected-research nav a:after{content:'↗';position:absolute;right:22px;top:18px;color:#5ce8f4;font:18px 'IBM Plex Mono';opacity:0;transform:translate(-8px,8px);transition:.25s}.connected-research nav a:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0005}.connected-research nav a:hover:after{opacity:1;transform:none}.boundary{background:radial-gradient(circle at 86% 20%,#1b335955,transparent 38%),linear-gradient(120deg,#091823,#0a1020);box-shadow:0 25px 70px #0005;position:relative;overflow:hidden}.boundary:after{content:'PUBLIC / SYNTHETIC / NON-OPERATIONAL';position:absolute;right:-28px;top:32px;color:#dcb7661d;font:600 18px 'IBM Plex Mono';letter-spacing:.11em;transform:rotate(90deg)}
@keyframes radarSweep{to{transform:rotate(360deg)}}
@media(max-width:1050px){.operations-grid{grid-template-columns:1fr 1fr}.decision-ledger{grid-column:1/-1;border-top:1px solid #56e8f426}.operations-grid article:nth-child(2){border-right:0}}
@media(max-width:760px){.field-operations{margin-left:8px;margin-right:8px;padding-top:58px}.field-head{grid-template-columns:1fr;gap:24px}.field-head>p{font-size:13px}.operations-grid{display:block}.operations-grid article{border-right:0;border-bottom:1px solid #56e8f426;padding:22px}.operations-grid article:last-child{border-bottom:0}.decision-ledger>footer{display:flex;flex-wrap:wrap}.decision-ledger>footer i{flex:1;min-width:24px}.connected-research nav a:after{opacity:1;transform:none}.boundary:after{display:none}}
@media(prefers-reduced-motion:reduce){.radar-scope i:nth-child(4){animation:none}}
