/* Tech Baksho service animations — shared look (matches the data-hall illustration) */
:root{
  --top:#1c1c1f; --left:#141417; --right:#0f0f12; --deep:#0b0b0d;
  --line:#55585f; --line2:#3a3c42; --hi:#d6d8de; --mid:#8b8f98;
  --accent:#7C90FF; --accent2:#A57CFF; --green:#6be0a0; --red:#ff7a7a; --amber:#f0b45a; --teal:#6FD6C0;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  color-scheme:normal;
}
html,body{margin:0;height:100%;background:transparent;overflow:hidden}
body{position:relative;font-family:var(--mono);-webkit-font-smoothing:antialiased;user-select:none;touch-action:pan-y}
svg.scene{position:absolute;inset:0;width:100%;height:100%;display:block}
svg polygon,svg path.f{stroke:var(--line);stroke-width:.7;stroke-linejoin:round}
.t{fill:var(--top)} .l{fill:var(--left)} .r{fill:var(--right)} .d{fill:var(--deep)}
.ln{stroke:var(--line);stroke-width:.7;fill:none} .ln2{stroke:var(--line2);stroke-width:.6;fill:none}
.hi{stroke:var(--hi)} .glow{filter:url(#glow)}
.lab{font-family:var(--mono);font-size:5.2px;letter-spacing:.12em;fill:var(--mid);text-transform:uppercase}
.readout{position:absolute;right:14px;bottom:10px;font-size:10.5px;letter-spacing:.12em;color:var(--mid);text-transform:uppercase;white-space:nowrap}
.hint{position:absolute;left:14px;bottom:10px;font-size:10.5px;letter-spacing:.12em;color:#55585f;text-transform:uppercase;white-space:nowrap}
@media (max-width:480px){.hint{display:none}.readout{font-size:9.5px;right:8px;bottom:6px}}