/* Shared glass surfaces sit above the AI scene without changing OS geometry. */
:root {
  --ink: #2b3c52;
  --muted: #73869d;
  --accent: #587ca8;
  --line: rgb(127 162 198 / 19%);
}

.system-bar {
  background: linear-gradient(105deg, rgb(255 255 255 / 77%), rgb(243 250 255 / 56%));
  border-bottom-color: rgb(255 255 255 / 87%);
  box-shadow: 0 1px 0 rgb(153 185 216 / 9%);
  backdrop-filter: blur(14px) saturate(115%);
  -webkit-backdrop-filter: blur(14px) saturate(115%);
}

.brand-wordmark { color: #546a8c; }
.brand-wordmark > span { color: #7e98b7; }
.brand-os { color: #58708e; }
.brand-os span { color: #7d8ea6; }
.brand-divider, .tool-divider { background: rgb(119 151 183 / 24%); }
.system-tool { color: #697f9a; }
.system-tool:hover, .system-tool[aria-expanded="true"] { background: rgb(255 255 255 / 80%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 80%); }

.desktop-meta, .desktop-footer { color: #7289a6; }
.desktop-version, .desktop-location span { color: #8b9db5; }
.status-dot { background: #73a8c5; box-shadow: 0 0 0 3px rgb(134 193 224 / 10%); }

.desktop-app { border: 1px solid transparent; }
.desktop-app:hover, .desktop-app:focus-visible { background: rgb(249 253 255 / 58%); border-color: rgb(255 255 255 / 74%); }
.desktop-app-icon {
  border-color: rgb(255 255 255 / 96%);
  background: linear-gradient(138deg, rgb(255 255 255 / 90%), rgb(221 239 252 / 61%));
  box-shadow: 0 7px 22px -8px rgb(69 121 180 / 18%), inset 0 1px 0 #fff, inset -1px -1px 0 rgb(255 255 255 / 46%);
}
.desktop-app:hover .desktop-app-icon { background: rgb(255 255 255 / 91%); box-shadow: 0 10px 27px -9px rgb(69 121 180 / 25%), 0 0 19px rgb(179 226 255 / 20%), inset 0 1px 0 #fff; }
.desktop-app-label { color: #526c8c; text-shadow: 0 1px 9px rgb(255 255 255 / 65%); }

.app-about .desktop-app-icon, .app-about .dock-icon { color: #7485ac; background: linear-gradient(140deg, #fff, rgb(224 234 249 / 77%)); }
.app-business .desktop-app-icon, .app-business .dock-icon { color: #6087b0; background: linear-gradient(140deg, #fff, rgb(214 237 253 / 81%)); }
.app-service .desktop-app-icon, .app-service .dock-icon { color: #6895a3; background: linear-gradient(140deg, #fff, rgb(222 243 246 / 78%)); }
.app-works .desktop-app-icon, .app-works .dock-icon { color: #8595ad; background: linear-gradient(140deg, #fff, rgb(230 237 247 / 82%)); }
.app-contact .desktop-app-icon, .app-contact .dock-icon { color: #6e8caf; background: linear-gradient(140deg, #fff, rgb(220 235 249 / 79%)); }

.welcome h1 { color: #2e4162; }
.welcome-description { color: #647e9a; }
.welcome-cta {
  border-color: rgb(83 121 168 / 55%);
  background: linear-gradient(125deg, #557daa, #405f8a);
  box-shadow: 0 8px 23px -9px rgb(44 91 150 / 39%), inset 0 1px 0 rgb(213 239 255 / 21%);
}
.welcome-cta:hover { background: linear-gradient(125deg, #648bb6, #4a6f9d); }
.welcome-footnote, .eyebrow { color: #758ea9; }

.explore-card {
  border-color: rgb(255 255 255 / 94%);
  background: linear-gradient(118deg, rgb(255 255 255 / 79%), rgb(234 245 255 / 58%));
  box-shadow: 0 13px 36px -18px rgb(61 106 163 / 22%), inset 0 1px 0 #fff, inset 0 -1px 0 rgb(215 235 251 / 51%);
}
.explore-card:hover { background: linear-gradient(118deg, rgb(255 255 255 / 94%), rgb(236 247 255 / 79%)); box-shadow: 0 17px 40px -17px rgb(61 106 163 / 26%), inset 0 1px 0 #fff; }
.explore-copy strong { color: #3f5a7c; }
.explore-description, .explore-eyebrow { color: #748eac; }
.explore-arrow { color: #7898bc; }

.dock {
  border-color: rgb(255 255 255 / 96%);
  background: linear-gradient(125deg, rgb(255 255 255 / 80%), rgb(234 246 255 / 66%));
  box-shadow: 0 16px 44px -16px rgb(71 120 177 / 26%), inset 0 1px 0 #fff, inset 0 -1px 0 rgb(208 232 250 / 60%);
  backdrop-filter: blur(16px) saturate(125%);
  -webkit-backdrop-filter: blur(16px) saturate(125%);
}
.dock-icon { border-color: rgb(255 255 255 / 94%); box-shadow: 0 4px 9px -5px rgb(54 107 168 / 21%), inset 0 1px 0 #fff; }
.dock-button:hover .dock-icon, .dock-button:focus-visible .dock-icon { box-shadow: 0 12px 20px -8px rgb(62 120 184 / 27%), 0 0 20px rgb(182 226 255 / 24%), inset 0 1px 0 #fff; }
.dock-home .dock-icon { background: linear-gradient(145deg, #6381a6, #3f5b82); border-color: rgb(255 255 255 / 75%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 38%); }
.dock-divider { background: rgb(122 165 203 / 23%); }
.dock-indicator { background: #668fbd; box-shadow: 0 0 7px rgb(111 178 232 / 38%); }
.is-minimized .dock-indicator { border-color: #668fbd; }
.is-active .dock-icon { box-shadow: inset 0 0 0 1px rgb(94 149 202 / 35%), 0 4px 13px -3px rgb(104 167 215 / 22%); }
.dock-tooltip { color: #526c8c; border: 1px solid rgb(255 255 255 / 94%); background: rgb(247 252 255 / 97%); box-shadow: 0 7px 21px -9px rgb(68 112 165 / 24%); }

.settings-panel { background: rgb(247 252 255 / 96%); border-color: #fff; box-shadow: 0 20px 58px -18px rgb(55 103 161 / 28%), inset 0 1px 0 #fff; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }

.sculpture.ai-core { transition: filter .4s ease, opacity .4s ease; }
.has-open-windows .sculpture.ai-core { filter: blur(2px) brightness(.94); }

@media (max-width: 700px) {
  .system-bar { background: rgb(249 252 255 / 96%); }
  .dock { background: rgb(246 251 255 / 96%); }
  .settings-panel { background: #f9fcff; }
  .system-bar, .dock, .settings-panel { backdrop-filter: none; -webkit-backdrop-filter: none; }
  .desktop-app:hover, .desktop-app:focus-visible { background: rgb(255 255 255 / 53%); }
  .explore-card { background: linear-gradient(118deg, rgb(255 255 255 / 90%), rgb(237 247 255 / 80%)); }
  .has-open-windows .sculpture.ai-core { filter: none; opacity: .78; }
}

@media (prefers-reduced-motion: reduce) {
  .sculpture.ai-core { transition: none; }
}
html[data-reduced-motion="true"] .sculpture.ai-core { transition: none; }