body{min-width:320px;overflow-x:hidden}.control-room{isolation:isolate;color:#f2fbff;background:radial-gradient(circle at 18% 14%,#3d9eda24,#0000 28%),radial-gradient(circle at 82% 18%,#5bdab618,#0000 26%),radial-gradient(circle at 50% 88%,#3653c71c,#0000 36%),#02050a;min-height:100vh;padding:36px clamp(18px,4vw,56px) 48px;position:relative}.control-room:before{content:"";z-index:-4;background-image:linear-gradient(#81cbff0e 1px,#0000 1px),linear-gradient(90deg,#81cbff0e 1px,#0000 1px),linear-gradient(135deg,#ffffff0a,#0000 38%);background-size:56px 56px,56px 56px,220px 220px;animation:24s linear infinite grid-drift;position:fixed;inset:0}.texture{z-index:-3;pointer-events:none;opacity:.5;filter:blur(.2px);position:fixed}.texture-one{background:repeating-linear-gradient(115deg,#0000 0 18px,#62daff0e 19px,#0000 21px) 0 0/100% 100%,radial-gradient(circle,#ffffff14 1px,#0000 1.4px) 0 0/34px 34px;animation:38s linear infinite texture-swim;inset:-20%}.texture-two{mix-blend-mode:screen;background:conic-gradient(from 180deg at 52% 45%,#0000,#6effdb12,#0000,#4177ff14,#0000);animation:34s linear infinite slow-rotate;inset:0}.scanline{z-index:-2;pointer-events:none;opacity:.45;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 4px);position:fixed;inset:0}.hero-shell,.readout-strip,.mission-grid,.bottom-console{max-width:1520px;margin-inline:auto}.hero-shell{gap:18px;margin-bottom:20px;display:grid}.system-label,.panel-kicker,.eyebrow{color:#a6f2ff;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:.74rem;font-weight:700;display:inline-flex}.hero-title{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;display:grid}.hero-title h1{letter-spacing:-.075em;max-width:920px;margin:8px 0 0;font-size:clamp(2.5rem,6vw,6.4rem);line-height:.92}.command-link,.primary-link,.ghost-link,.surface-link{align-items:center;gap:8px;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex}.command-link{color:#c8f5ff;text-transform:uppercase;letter-spacing:.12em;background:#040d16b8;border:1px solid #88e6ff42;padding:12px 14px;font-size:.74rem;font-weight:800}.command-link:hover,.primary-link:hover,.ghost-link:hover,.surface-link:hover{border-color:#8be8ffb8;transform:translateY(-2px)}.readout-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.metric-readout,.panel,.signal-card,.bottom-console,.surface-link{color:#07111d;backdrop-filter:blur(18px);background:linear-gradient(#fafefff0,#e5f2f8e3);border:1px solid #cde8f5db;box-shadow:inset 0 0 0 1px #ffffffb8}.metric-readout{min-height:104px;padding:14px 16px;position:relative;overflow:hidden}.metric-readout:after{content:"";opacity:.55;background:linear-gradient(90deg,#8be8ffe6,#0000);height:2px;position:absolute;inset:auto 14px 12px}.metric-readout span,.signal-card span,.signal-box span,.surface-link span{color:#43596b;letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}.metric-readout strong{color:#06101b;letter-spacing:-.06em;margin-top:8px;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1;display:block}.metric-readout small,.signal-card p,.selected-copy,.signal-box p,.focus-panel p,.feed-row p{color:#4e6373}.metric-readout--good:after{background:linear-gradient(90deg,#79ffd0,#0000)}.metric-readout--watch:after{background:linear-gradient(90deg,#ffd36e,#0000)}.mission-grid{grid-template-columns:minmax(240px,.85fr) minmax(420px,1.2fr) minmax(280px,.95fr);align-items:stretch;gap:12px;display:grid}.left-stack,.right-stack{gap:12px;display:grid}.panel{padding:18px;position:relative;overflow:hidden}.panel:before{content:"";pointer-events:none;opacity:.8;background:linear-gradient(120deg,#8be8ff14,#0000 30% 70%,#7dffd20d);position:absolute;inset:0}.panel>*{position:relative}.focus-panel h2,.selected-heading h2,.bottom-console h2{letter-spacing:-.05em;margin:10px 0 8px;font-size:clamp(1.4rem,2vw,2.2rem);line-height:1}.project-matrix{flex-direction:column;gap:12px;min-height:520px;display:flex}.project-matrix:after{content:"";pointer-events:none;opacity:.58;background:linear-gradient(90deg,#0000,#8be8ff14,#0000),repeating-linear-gradient(0deg,#0000 0 34px,#8be8ff0b 35px,#0000 36px);animation:9s linear infinite matrix-scan;position:absolute;inset:0}.matrix-header h2{letter-spacing:-.07em;margin:8px 0 4px;font-size:clamp(1.8rem,3.4vw,3.5rem);line-height:.95}.matrix-header p{color:#4e6373;max-width:560px;margin:0}.matrix-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid;position:relative}.matrix-node{cursor:pointer;color:#07111d;min-height:124px;font:inherit;text-align:left;background:#ffffff94;border:1px solid #3b5f742e;gap:8px;padding:16px;transition:transform .18s,border-color .18s,background .18s;display:grid}.matrix-node:hover,.matrix-node.is-selected{background:#ffffffe6;border-color:#a6f2ffd1;transform:translateY(-4px)}.matrix-node--healthy{box-shadow:inset 0 3px #79ffd0e6}.matrix-node--watch{box-shadow:inset 0 3px #ffd36ee6}.matrix-node--setup{box-shadow:inset 0 3px #8be8ffb8}.matrix-node--paused{box-shadow:inset 0 3px #ff7171e6}.matrix-status{color:#a6f2ff;letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;font-weight:900}.matrix-node strong{color:#06101b;letter-spacing:-.04em;font-size:1.12rem;line-height:1.08}.matrix-node small{color:#536e7d;letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:800}.matrix-node em{color:#4e6373;font-size:.86rem;font-style:normal;line-height:1.35}.signal-wall{gap:12px;display:grid}.signal-card{padding:15px}.signal-card strong{letter-spacing:-.04em;margin:7px 0 5px;font-size:1.45rem;display:block}.selected-heading{justify-content:space-between;align-items:start;gap:14px;display:flex}.selected-heading>span,.status-pill{color:#047089;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:900}.selected-copy{margin:8px 0 16px}.signal-box{background:#04708911;border-left:1px solid #04708947;margin-top:10px;padding:12px}.selected-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.primary-link,.ghost-link{color:#06101b;border:1px solid #8be8ff57;padding:10px 12px;font-size:.82rem;font-weight:800}.ghost-link{color:#315369}.feed-list{gap:9px;margin-top:12px;display:grid}.feed-row{border-top:1px solid #0470891f;grid-template-columns:34px 1fr;align-items:start;gap:10px;padding-top:9px;display:grid}.feed-row p{margin:0;font-size:.88rem}.feed-index{color:#047089;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem}.bottom-console{grid-template-columns:320px 1fr;gap:18px;margin-top:12px;padding:18px;display:grid}.surface-links{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.surface-link{color:#06101b;justify-content:space-between;min-height:84px;padding:14px}.surface-link strong{margin-top:8px;font-size:.92rem;line-height:1.15;display:block}.metric-readout small,.signal-card p,.selected-copy,.signal-box p,.focus-panel p,.feed-row p,.matrix-header p,.matrix-node em{color:#4e6373}.panel-kicker,.metric-readout span,.signal-card span,.signal-box span,.surface-link span,.matrix-status,.feed-index{color:#047089}.signal-card p,.signal-box p,.focus-panel p,.feed-row p,.matrix-node em{margin-bottom:0}.metric-readout strong,.signal-card strong,.matrix-node strong,.selected-heading h2,.focus-panel h2,.bottom-console h2,.matrix-header h2,.surface-link strong{color:#06101b}@keyframes grid-drift{0%{background-position:0 0,0 0,0 0}to{background-position:56px 56px,-56px 56px,220px 220px}}@keyframes texture-swim{0%{transform:translate(0,0)}to{transform:translate(-90px,60px)}}@keyframes slow-rotate{0%{transform:rotate(0)scale(1.2)}to{transform:rotate(360deg)scale(1.2)}}@keyframes map-drift{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,38px 18px,-18px 38px}}@keyframes matrix-scan{0%{background-position:-60% 0,0 0}to{background-position:160% 0,0 72px}}@keyframes pulse-ring{0%,to{opacity:.35;transform:scale(.98)}50%{opacity:.8;transform:scale(1.05)}}@media (width<=1180px){.mission-grid,.bottom-console{grid-template-columns:1fr}.right-stack,.surface-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.hero-title,.readout-strip,.right-stack,.surface-links{grid-template-columns:1fr}.project-matrix{min-height:auto}.matrix-grid{grid-template-columns:1fr}}