/* U-Choose palette with the requested light-blue glass treatment.
   Brand turquoise #01abaa / #18c2c1, navy #192231, blue #13aff0. */
:root {
  --brand: #01abaa;
  --brand-bright: #18c2c1;
  --brand-navy: #192231;
  --brand-blue: #13aff0;
  --brand-link: #8edfff;
  --bg: #192231;
  --panel: rgb(75 169 220 / 13%);
  --teal: #18c2c1;
  --aqua: #8edfff;
  --deep: #192231;
  --text: #f3faff;
  --muted: #c0d5e5;
  --line: rgb(169 220 250 / 19%);
  --glass-fill: linear-gradient(135deg, rgb(139 214 255 / 20%), rgb(30 126 190 / 12%));
  --glass-edge: rgb(170 225 255 / 32%);
  --glass-shadow: 0 22px 65px rgb(7 19 35 / 24%), inset 0 1px 0 rgb(218 244 255 / 22%);
}
body { background: #192231; color: var(--text); }
:focus-visible { outline-color: #8edfff; }
.cinema { background: #192231; }
.cinema-shade {
  background: linear-gradient(90deg, rgb(18 34 53 / 92%), rgb(20 42 65 / 75%) 48%, rgb(19 49 75 / 46%)),
              linear-gradient(0deg, rgb(17 35 55 / 93%), transparent 64%);
}
/* Clear blue edges, subtle reflections and real background blur. */
.site-header, .cover-console, .surface, .auth-card,
.metric, .panel, .workspace-topbar, dialog {
  background: var(--glass-fill);
  border-color: var(--glass-edge);
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: blur(28px) saturate(135%);
  backdrop-filter: blur(28px) saturate(135%);
  color: var(--text);
}
.site-header { background: linear-gradient(135deg, #8bd6ff24, #1d6c9e1a), rgb(20 42 64 / 44%); }
.brand-caption { color: #c0d5e5; }
.brand-caption strong { color: #8edfff; }
.nav-button { color: #edf8ff; }
.nav-button:hover, .nav-button.active { background: #83d9ff1c; border-color: #b0e6ff4d; }
.nav-button.portal-link { background: linear-gradient(135deg, #7bd8ff33, #13aff026); color: white; border-color: #9bdeff66; box-shadow: inset 0 1px 0 #ffffff1f; }
.nav-button.portal-link:hover { background: #13aff044; }
.tiny-dot { background: #70ddf2; box-shadow: 0 0 14px #13aff055; }
.icon-button { color: #e8f8ff; background: #7bd8ff19; border-color: #9bdeff4d; }
.eyebrow, .quiet-label { color: #a6def8; }
.hero { color: #fff; }
.hero h1 em { color: #72d5ff; text-shadow: 0 0 65px #13aff024; }
.hero .eyebrow, .hero .section-number { color: #a6def8; }
.hero .section-number span { color: #b3cfde; }
.hero-copy > p { color: #e7f3fb; }
.motion-button { color: #e5f6ff; background: #6cc9ff14; border-color: #a6dfff4d; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.primary { background: linear-gradient(130deg, #8adfff, #13aff0); color: #102b42; border-color: #b5ecff88; box-shadow: 0 7px 25px #13aff01a, inset 0 1px 0 #ffffff66; }
.primary:hover { background: linear-gradient(130deg, #a7e8ff, #46c7fc); box-shadow: 0 9px 30px #13aff033, inset 0 1px 0 #ffffff88; }
.hero-actions .primary { background: linear-gradient(130deg, #8adfff, #13aff0); color: #102b42; border-color: #b5ecff88; }
.glass, .hero-actions .glass { color: #eaf8ff; background: linear-gradient(135deg, #8edfff21, #13aff011); border-color: #a6dfff66; box-shadow: inset 0 1px 0 #e7f8ff22; }
.glass:hover { background: #80d5ff29; }
.hero-footnote { color: #bed4e3; }
.hero-footnote strong { color: #eaf7ff; }
.line-symbol { color: #8edfff; }
.cover-console { background: linear-gradient(135deg, #9ce2ff2e, #13aff016); }
.console-bar { color: #c9e6f6; border-color: #c1eaff26; }
.console-bar i { background: #7de1f4; }
.cover-console h2, .cover-shortcuts strong { color: #f1fbff; }
.cover-console > p, .cover-shortcuts small { color: #c5ddeb; }
.cover-shortcuts > a { border-color: #c1eaff26; }
.cover-shortcuts > a:hover { background: #93ddff13; }
.shortcut-icon { color: #9ae4ff; background: linear-gradient(135deg, #b0e9ff19, #13aff00c); border-color: #a6dfff4d; box-shadow: inset 0 1px 0 #effaff1a; }
.cover-shortcuts b { color: #9ae4ff; }
.console-footer { background: #6cc9ff09; color: #c5ddeb; border-color: #c1eaff26; }
.console-footer a { color: #a6e5ff; }
.hero-utilities { border-color: #b8e7ff40; }
.hero-utilities > a { border-color: #b8e7ff40; color: #f2faff; }
.hero-utilities > a > span, .hero-utilities b { color: #9ae4ff; }
.hero-utilities small, .utility-intro { color: #c0d5e5; }
.utility-intro b { color: #f2faff; }
/* The video remains visible through every section. */
.cover-section, .about-section, .quote-section, .contact-section, .privacy-note {
  background: linear-gradient(130deg, rgb(87 178 229 / 12%), rgb(26 93 145 / 12%));
  border-top: 1px solid #a6dfff26;
  -webkit-backdrop-filter: blur(22px) saturate(120%);
  backdrop-filter: blur(22px) saturate(120%);
  color: #f3faff;
}
.about-section { background: linear-gradient(130deg, #8bd6ff1f, #13aff00f); }
.section-intro h2 em, .contact-grid h2 em, .about-section h2 em, .quote-section h2 em { color: #8edfff; }
.section-intro > p, .panel-title p, .product-grid p, .quote-section > div > p { color: #c9dfea; }
.cover-tabs button { color: #e3f4ff; background: linear-gradient(135deg, #9ce2ff17, #13aff00b); border-color: #a6dfff3d; box-shadow: inset 0 1px 0 #ffffff0d; }
.cover-tabs button:hover { background: #81d5ff26; }
.cover-tabs button[aria-selected=true] { background: linear-gradient(130deg, #8adfff, #31bdf7); color: #102b42; border-color: #b5ecff88; box-shadow: inset 0 1px 0 #ffffff66, 0 7px 22px #13aff014; }
.panel-title h3, .product-grid h4 { color: #eaf8ff; }
.product-grid article > span, .cover-note { color: #b8d5e5; }
.text-link { color: #9ae4ff; border-color: #8edfff55; }
.about-section .eyebrow, .about-section .text-link { color: #9ae4ff; }
.about-grid > div > p, .principles article p, .experience p { color: #c9dfea; }
.about-grid .large-copy { color: #f0faff; }
.principles article { border-color: #b8e7ff2e; }
.principles article > b, .principles article > span { color: #9ae4ff; }
.experience strong { color: #8edfff; }
.call-link span { color: #9ae4ff; }
.surface { background: linear-gradient(135deg, #9ce2ff24, #13aff00e); }
.form-stack label { color: #e7f5ff; }
.form-stack input, .form-stack select, .form-stack textarea { background: linear-gradient(135deg, #72cfff13, #163b5c33); color: #f3faff; border-color: #9edbff4d; box-shadow: inset 0 1px 0 #ffffff08; }
.form-stack input:focus, .form-stack select:focus, .form-stack textarea:focus { border-color: #8edfff; box-shadow: 0 0 0 3px #13aff01c; }
.form-stack input::placeholder, .form-stack textarea::placeholder { color: #b6cfdf; }
.form-stack select option, td select option { background: #192b40; color: #f3faff; }
.form-stack .check-label { color: #c5ddeb; }
#quote-form .primary { background: linear-gradient(130deg, #8adfff, #13aff0); border-color: #b5ecff88; color: #102b42; }
.form-note { color: #a6eaff; }
.form-note.error { color: #ffc7c4; }
.contact-grid > div > a { color: #e7f5ff; }
.privacy-note p { color: #bfd8e7; }
.site-footer { background: linear-gradient(135deg, #31628922, #132b4299); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); color: #f3faff; border-color: #a6dfff33; }
.site-footer > span { color: #9ae4ff; }
.site-footer > small, .site-footer > a:last-child { color: #bfd8e7; }
.auth-page { background: transparent; }
.auth-header > a:last-child { color: #eaf8ff; border-color: #9edbff66; background: #7bd8ff14; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.auth-copy h1 { color: white; }
.auth-copy h1 em, .auth-copy .eyebrow { color: #8edfff; }
.auth-copy > p, .auth-copy small, .auth-footer { color: #c9dfea; }
.auth-card { background: linear-gradient(135deg, #a0e1ff29, #3989bb19), #132b4233; }
.auth-card h2 { color: #f3faff; }
.auth-card > p, .auth-help { color: #c5ddeb; }
.auth-help a { color: #a6eaff; }
.password-field button { background: #8edfff1a; color: #c9f0ff; }
/* Static blue light behind the translucent software panels. */
.portal-body { background: radial-gradient(ellipse at 86% 5%, #187bb94a, transparent 58%), radial-gradient(ellipse at 15% 85%, #13aff024, transparent 55%), linear-gradient(130deg, #142638, #183951 60%, #192738); background-attachment: fixed; }
.sidebar { background: linear-gradient(160deg, #6cc9ff12, #13507d0a), #132b4280; color: #f3faff; border-color: #a6dfff2e; -webkit-backdrop-filter: blur(28px); backdrop-filter: blur(28px); }
.workspace-brand strong { color: #f3faff; }
.workspace-brand small { color: #8edfff; }
.sidebar-caption { color: #a8cee4; }
.workspace-nav button { color: #cfe8f7; }
.workspace-nav button i { color: #a4cfe8; }
.workspace-nav button[aria-current=page] { background: linear-gradient(130deg, #8adfff, #31bdf7); color: #102b42; border-color: #b5ecff88; box-shadow: inset 0 1px 0 #ffffff66, 0 7px 22px #13aff014; }
.workspace-nav button[aria-current=page] i { color: #102b42; }
.sidebar-bottom { border-color: #a6dfff26; }
.sidebar-bottom a { color: #c5ddeb; }
.sidebar-bottom .tiny-button { color: #d9f3ff; border-color: #a6dfff4d; background: #8edfff0c; }
.workspace-topbar { background: linear-gradient(130deg, #9ce2ff14, #13aff007); border-color: #a6dfff2e; box-shadow: inset 0 1px 0 #ffffff0d; }
.breadcrumb { color: #bed9ea; }
.breadcrumb strong, .account-button { color: #f3faff; }
.account-button small, .account-button > span:last-child { color: #b6d5e8; }
.avatar { background: linear-gradient(130deg, #8adfff, #31bdf7); border-color: #b5ecff88; color: #102b42; }
.welcome-banner { color: #f3faff; background: linear-gradient(120deg, #8bd6ff24, #13aff00a); border-color: #a6dfff3d; box-shadow: var(--glass-shadow); -webkit-backdrop-filter: blur(26px); backdrop-filter: blur(26px); }
.welcome-banner h2 { color: #b4eaff; }
.welcome-banner p { color: #c9dfea; }
.welcome-banner::after { border-color: #8edfff33; box-shadow: 0 0 0 35px #8edfff09, 0 0 0 70px #8edfff06; }
.welcome-banner .text-link { color: #d6f4ff; border-color: #8edfff55; background: #8edfff0a; }
.welcome-mark { color: #8edfff66; }
.metric-top { color: #c5ddeb; }
.metric-top > span:last-child { color: #9ae4ff; }
.metric strong { color: #f3faff; }
.metric small, .panel-heading span { color: #b8d5e5; }
.panel-heading button { color: #9ae4ff; }
.empty-icon { color: #9ae4ff; background: #8edfff0d; border-color: #a6dfff40; box-shadow: inset 0 1px 0 #ffffff12; }
.empty-state p { color: #bfd8e7; }
.quick-link { color: #f3faff; }
.quick-link > i { background: #8edfff0d; color: #9ae4ff; }
.quick-link small { color: #bfd8e7; }
.quick-link > b { color: #9ae4ff; }
.info-strip { background: #8edfff0a; color: #c9dfea; border-color: #a6dfff2e; }
.info-strip i { color: #9ae4ff; }
.search-field { color: #f3faff; background: #8edfff0d; border-color: #a6dfff3d; }
.search-field::placeholder { color: #b6cfdf; }
th { color: #b8d5e5; }
td { border-color: #a6dfff19; }
td select { color: #e7f8ff; background: #8edfff12; border-color: #a6dfff4d; }
.badge { color: #b3efff; background: #8edfff13; border-color: #a6dfff40; }
.badge.pending { color: #ffe4a2; background: #e2bb4d13; border-color: #e2bb4d55; }
.tiny-button { color: #b3efff; background: #8edfff0d; border-color: #a6dfff40; }
dialog { background: linear-gradient(135deg, #8bd6ff22, #13aff00c), #182f46db; }
dialog::backdrop { background: #0b1d30a6; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.activation-link { color: #b3efff; background: #8edfff0a; border-color: #a6dfff2e; }
.toast { color: #f3faff; background: #183951e6; border-color: #8edfff80; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.workspace-footer { color: #a8c7db; }
@media (max-width:800px) {
  .site-header nav { color: #f3faff; background: linear-gradient(135deg, #8bd6ff26, #13aff012), #18334ce8; border-color: #a6dfff4d; box-shadow: var(--glass-shadow); -webkit-backdrop-filter: blur(28px); backdrop-filter: blur(28px); }
}
@media (prefers-reduced-motion:reduce) { .cinema { background: radial-gradient(ellipse at 80% 25%, #13aff038, transparent 65%), linear-gradient(120deg, #192231, #1c3d57); } }