:root {
  --bg: #050b36;
  --surface: #09154d;
  --panel: #10216a;
  --line: #2a3e91;
  --text: #f5f7ff;
  --muted: #bac6e8;
  --purple: #8ba7ff;
  --strong: #3d65ed;
  color-scheme: dark;
}

body { background: var(--bg); }
.brand img { display: block; width: 188px; height: auto; }
.footer-brand img { width: 155px; }
.header { border-bottom-color: #ffffff24; }
.header nav > a:not(.nav-book) { color: #d7e0ff; }
.nav-book { border-color: #5166b4; }
.nav-book:hover { background: #172a77; }
.hero-art {
  border-color: #314991;
  background: radial-gradient(ellipse at 52% 48%, #172f91 0%, #0a1a58 57%, #07103a 80%);
}
.art-grid {
  background-image: linear-gradient(#91aaff20 1px, transparent 1px), linear-gradient(90deg, #91aaff20 1px, transparent 1px);
  background-size: 38px 38px;
}
.orbit { border-color: #6484f5; box-shadow: inset 12px 8px 15px #d9e2ff66, inset -12px -14px 12px #10236e, 10px 25px 28px #0009; }
.orbit-two { border-color: #4163dc; }
.orbit-three { border-color: #8ea7ff; }
.orbit-core { background: radial-gradient(circle at 30% 25%, #f0f4ff, #8da9ff 25%, #2443b8 66%, #09154d); box-shadow: 0 0 70px #7f9dff66; }
.floating-label { border-color: #536bb7; background: #0b195dbb; }
.discipline > span { color: #9caddd; }
.discipline > div { color: #e0e7ff; }
.service-card { background: #09154d; }
.brand-art { background: #102979; color: #f5f7ff; }
.brand-art > span { color: #9db2ff; }
.brand-art > div { color: #f5f7ff; }
.motion-art { background: #1b3f9e; color: #f5f7ff; }
.motion-art > div { border-color: #10276d; box-shadow: 0 0 0 13px #89a3ff66, 0 0 0 27px #4164d638; }
.ai-art { background: #0a194f; }
.ai-sphere { background: radial-gradient(ellipse at 32% 26%, #eff3ff 0, #9fb6ff 13%, #4268e4 38%, #102775 68%, #06103a 100%); box-shadow: 20px 20px 20px #02082a88; }
.ai-art > span { color: #f5f7ff; }
.estimate-banner { background: #081445; border-color: #2a3e91; }
.sample-quote { border-color: #3853aa; background: #0d1b55; }
.sample-quote > div:not(.quote-top) { color: #c6d0f1; }
.sample-quote b { color: #f5f7ff; }
.final-cta { background: radial-gradient(ellipse at 90% 120%, #1b347e, #050b36 65%); }
footer { background: #04092e; border-top: 1px solid var(--line); }

@media (max-width: 700px) {
  .brand img { width: 150px; }
  .footer-brand img { width: 150px; }
}