:root{--bg: #06060e;--surface: #0a0a12;--surface-2: #101018;--border: #1e1e2e;--primary: #00f0ff;--secondary: #ff00e5;--accent: #d4a017;--text: #e8e0d0;--text-dim: #a09880;--ok: #6abf3a;--font-sans: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Cascadia Code", "JetBrains Mono", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.55}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:.75rem 1rem;background:var(--primary);color:var(--bg);font-weight:600;text-decoration:none}.skip-link:focus{left:1rem;top:1rem}#field{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.55}.scanline{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(0,240,255,.03) 50%,transparent 100%);background-size:100% 8px;opacity:.35;animation:scan 10s linear infinite}@media (prefers-reduced-motion: reduce){.scanline{animation:none;opacity:.15}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.site-header,.studio,.site-footer{position:relative;z-index:2}.site-header{max-width:72rem;margin:0 auto;padding:clamp(2.5rem,8vw,5rem) 1.25rem 2rem}.eyebrow{margin:0 0 .75rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--primary)}.title{margin:0;font-size:clamp(2.25rem,8vw,4rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;display:flex;align-items:center;gap:.6rem}.title-mark{color:var(--secondary);font-size:.85em}.lede{max-width:38rem;margin:1.25rem 0 0;font-size:clamp(1rem,2.5vw,1.125rem);color:var(--text-dim)}.lede strong{color:var(--text);font-weight:600}.studio-cta{margin:1.25rem 0 0}.cta-link{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--bg);background:var(--primary);padding:.55rem 1rem;border-radius:999px;transition:background .2s ease,box-shadow .2s ease}.cta-link:hover,.cta-link:focus-visible{background:color-mix(in srgb,var(--primary) 85%,white);box-shadow:0 0 20px #00f0ff40;outline:none}.studio{max-width:72rem;margin:0 auto;padding:0 1.25rem 3rem;display:grid;gap:1.25rem}@media (min-width: 960px){.studio{grid-template-columns:1.4fr 1fr;align-items:start}}.panel{border:1px solid var(--border);border-radius:1rem;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.25rem}.panel-dim{background:color-mix(in srgb,var(--surface-2) 90%,transparent)}.panel-head h2{margin:0;font-size:1.125rem;letter-spacing:.04em;text-transform:uppercase}.panel-head p{margin:.35rem 0 1rem;font-size:.9rem;color:var(--text-dim)}.bay-grid{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}@media (min-width: 540px){.bay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bay{display:flex;flex-direction:column;gap:.5rem;min-height:8.5rem;padding:1rem;border-radius:.75rem;border:1px solid var(--border);background:var(--surface);transition:border-color .2s ease,transform .2s ease}.bay:is(:hover,:focus-within){border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}@media (prefers-reduced-motion: no-preference){.bay:is(:hover,:focus-within){transform:translateY(-2px)}}.bay-live{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 12%,transparent)}.bay-reserved{opacity:.72}.bay-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.bay-id{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;color:var(--primary)}.bay-status{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .45rem;border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}.bay-status-live{border-color:color-mix(in srgb,var(--ok) 50%,var(--border));color:var(--ok)}.bay h3{margin:0;font-size:1rem}.bay p{margin:0;flex:1;font-size:.85rem;color:var(--text-dim)}.bay a{align-self:flex-start;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);text-decoration:none;border-bottom:1px solid transparent}.bay a:hover,.bay a:focus-visible{border-bottom-color:var(--primary);outline:none}.signal-list{margin:0;display:grid;gap:.65rem}.signal-list div{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.signal-list div:last-child{border-bottom:0}.signal-list dt{margin:0;font-size:.8rem;color:var(--text-dim)}.signal-list dd{margin:0;font-family:var(--font-mono);font-size:.8rem;color:var(--text);text-align:right}.site-footer{max-width:72rem;margin:0 auto;padding:1.5rem 1.25rem 3rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-dim)}.site-footer a{color:var(--primary)}.site-footer a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mono{font-family:var(--font-mono);color:var(--secondary)}.footer-note{margin:.35rem 0 0;font-size:.75rem}.gallery-page{position:relative;z-index:2;max-width:80rem;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 1.25rem 4rem}.gallery-hero{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.gallery-hero h1{margin:.5rem 0 0;font-size:clamp(1.75rem,5vw,2.75rem);letter-spacing:-.03em}.gallery-hero p{max-width:42rem;margin:.75rem 0 0;color:var(--text-dim)}.gallery-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.gallery-nav a{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .65rem;border:1px solid var(--border);border-radius:999px;color:var(--text-dim);text-decoration:none}.gallery-nav a:hover,.gallery-nav a:focus-visible{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 40%,var(--border));outline:none}.artifact-section{margin-bottom:2.5rem;scroll-margin-top:1rem}.artifact-label{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.artifact-label h2{margin:0;font-size:.8rem;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}.artifact-label span{font-size:.75rem;color:var(--text-dim)}.glass{border:1px solid var(--border);border-radius:1rem;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kpi-row{display:grid;gap:.75rem}@media (min-width: 640px){.kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.kpi-card{padding:1.25rem;transition:border-color .2s,box-shadow .2s}.kpi-card:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 0 24px #00f0ff14}.kpi-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.kpi-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;background:color-mix(in srgb,var(--primary) 12%,transparent);display:grid;place-items:center;font-size:1.1rem}.kpi-tag{font-size:.65rem;letter-spacing:.12em;color:var(--text-dim)}.kpi-value{font-size:1.75rem;font-weight:700;line-height:1.1}.kpi-sub{font-size:.75rem;color:var(--text-dim);margin-top:.25rem}.kpi-foot{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);font-size:.7rem}.trend-up{color:var(--ok)}.trend-down{color:#f36}.trend-neutral{color:var(--text-dim)}.map-panel{padding:1.25rem;min-height:22rem}.map-head,.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.map-head h3,.panel-head h3{margin:0;font-size:1rem}.map-head p,.panel-head p{margin:.2rem 0 0;font-size:.75rem;color:var(--text-dim)}.legend{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.7rem}.legend span:before{content:"";display:inline-block;width:.45rem;height:.45rem;border-radius:50%;margin-right:.35rem;vertical-align:middle}.legend .on:before{background:var(--ok)}.legend .idle:before{background:var(--accent)}.legend .off:before{background:#f36}.map-canvas{position:relative;height:18rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:linear-gradient(135deg,var(--surface-2),var(--bg)),repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(0,240,255,.04) 28px),repeating-linear-gradient(90deg,transparent,transparent 27px,rgba(0,240,255,.04) 28px);overflow:hidden}.map-pin{position:absolute;transform:translate(-50%,-50%);width:.85rem;height:.85rem;border-radius:50%;border:2px solid var(--bg);cursor:default}.map-pin.active{background:var(--ok);box-shadow:0 0 12px #6abf3a99}.map-pin.idle{background:var(--accent)}.map-pin.offline{background:#f36;opacity:.7}.map-pin:hover .map-tip,.map-pin:focus .map-tip{opacity:1;transform:translate(-50%,-120%)}.map-tip{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-100%);opacity:0;pointer-events:none;white-space:nowrap;font-size:.65rem;padding:.35rem .5rem;border-radius:.35rem;background:var(--surface);border:1px solid var(--border);transition:opacity .15s,transform .15s}.inspector-panel{padding:1.25rem}.inspector-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem;margin-bottom:.5rem;border-radius:.65rem;border:1px solid color-mix(in srgb,var(--border) 60%,transparent);background:color-mix(in srgb,var(--surface) 80%,transparent)}.inspector-row:last-child{margin-bottom:0}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);display:grid;place-items:center;font-size:.75rem;font-weight:600;flex-shrink:0}.inspector-meta h4{margin:0;font-size:.9rem}.inspector-meta p{margin:.15rem 0 0;font-size:.75rem;color:var(--text-dim)}.badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;padding:.2rem .45rem;border-radius:999px;border:1px solid var(--border)}.badge.active{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--border))}.badge.idle{color:var(--accent)}.badge.offline{color:#f36}.job-panel{padding:1.25rem;overflow:hidden}.job-table-wrap{overflow-x:auto;margin-top:.5rem}.job-table{width:100%;border-collapse:collapse;font-size:.78rem}.job-table th{text-align:left;padding:.5rem .65rem;color:var(--text-dim);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap}.job-table td{padding:.55rem .65rem;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.job-table tr:hover td{background:color-mix(in srgb,var(--primary) 4%,transparent)}.pri-urgent{color:#f36}.pri-high{color:var(--accent)}.pri-medium{color:var(--primary)}.pri-low{color:var(--text-dim)}.pipeline-panel{padding:1.25rem}.funnel-row{display:grid;grid-template-columns:7rem 1fr 4rem 4rem;gap:.5rem;align-items:center;padding:.35rem 0;font-size:.75rem}.funnel-bar-wrap{height:.55rem;border-radius:999px;background:color-mix(in srgb,var(--border) 50%,transparent);overflow:hidden}.funnel-bar{height:100%;border-radius:999px}.chart-bars{display:flex;align-items:flex-end;gap:.5rem;height:9rem;margin-top:1.25rem;padding-top:.5rem;border-top:1px solid var(--border)}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;height:100%;justify-content:flex-end}.chart-bar{width:100%;max-width:2.5rem;border-radius:.35rem .35rem 0 0;background:linear-gradient(to top,var(--primary),color-mix(in srgb,var(--secondary) 40%,var(--primary)));min-height:4px}.chart-col span{font-size:.65rem;color:var(--text-dim)}.feed-panel{padding:1.25rem}.feed-list{max-height:22rem;overflow-y:auto;display:grid;gap:.5rem}.feed-item{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:start;padding:.75rem;border-radius:.65rem;border:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.feed-icon{width:2rem;height:2rem;border-radius:.5rem;display:grid;place-items:center;font-size:.85rem}.feed-item h4{margin:0;font-size:.85rem}.feed-item p{margin:.2rem 0 0;font-size:.75rem;color:var(--text-dim)}.feed-time{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim);white-space:nowrap}.grid-2{display:grid;gap:.75rem}@media (min-width: 900px){.grid-2{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}}.gallery-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-dim)}.gallery-footer a{color:var(--primary)}