/* Zenvorsys glass surfaces. Styling only; no generated mockup content. */
body {
  background:
    radial-gradient(ellipse at 92% 12%, rgba(56,217,255,.10), transparent 38%),
    radial-gradient(ellipse at 4% 54%, rgba(21,150,237,.08), transparent 35%),
    #061426 !important;
}
body .hero {
  background:
    radial-gradient(ellipse at 82% 40%, rgba(56,217,255,.14), transparent 53%),
    radial-gradient(ellipse at 24% 90%, rgba(21,150,237,.08), transparent 48%),
    #061426 !important;
}
/* Retain the existing full-width header and its navigation stacking order.
   Dropdown readability: near-opaque navy prevents hero text competing with labels. */
body .site-header {
  background: linear-gradient(110deg, rgba(11,32,55,.96), rgba(6,20,38,.92)) !important;
  border-bottom-color: rgba(101,226,255,.24) !important;
  box-shadow: 0 8px 30px rgba(0,6,15,.16), inset 0 1px rgba(242,247,255,.05);
}
body .site-header .nav-submenu,
body .site-header .nav.open {
  background:
    radial-gradient(ellipse at 100% 0, rgba(56,217,255,.12), transparent 75%),
    linear-gradient(135deg, rgba(17,49,74,.985), rgba(7,24,43,.99)) !important;
  border-color: rgba(101,226,255,.34) !important;
  box-shadow: 0 18px 42px rgba(0,6,15,.40), inset 0 1px rgba(242,247,255,.10);
}
body .nav-group[open] > summary,
body .nav a:not(.button):hover {
  background: rgba(56,217,255,.09) !important;
}
/* Gradients provide a readable fallback even without backdrop-filter support. */
body :is(.service-card,.study-card,.article-card,.industry-card,.trust-card,
         .deliverable-panel,.contact-form,.recommendation,.preview-workspace) {
  background:
    radial-gradient(ellipse at 100% 0, rgba(56,217,255,.11), transparent 66%),
    linear-gradient(135deg, rgba(30,70,98,.60), rgba(11,32,55,.92) 55%, rgba(11,32,55,.84)) !important;
  border-color: rgba(101,226,255,.30) !important;
  box-shadow: inset 0 1px 0 rgba(242,247,255,.09), inset 1px 0 0 rgba(242,247,255,.035), 0 12px 30px rgba(0,6,15,.17);
}
body .contact-form {
  background:
    radial-gradient(ellipse at 0 100%, rgba(56,217,255,.12), transparent 65%),
    linear-gradient(135deg, rgba(22,57,82,.78), rgba(7,24,43,.94)) !important;
}
body :is(.finder-section,.insights-section,.cta-section) {
  background:
    radial-gradient(ellipse at 85% 50%, rgba(56,217,255,.065), transparent 60%),
    #091b30 !important;
}
body .finder {
  background: linear-gradient(125deg, rgba(22,57,82,.82), rgba(11,32,55,.94)) !important;
  border-color: rgba(101,226,255,.24) !important;
  box-shadow: inset 0 1px rgba(242,247,255,.07);
}
/* Inputs stay dark and opaque; text and focus colours use the existing theme. */
body .contact-form :is(input,textarea,select) {
  background: #061426 !important;
  border-color: #65849e !important;
}
body .button:not(.secondary) {
  box-shadow: 0 4px 22px rgba(56,217,255,.14);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  @media (min-width: 901px) {
    body :is(.service-card,.study-card,.article-card,.industry-card,.trust-card,
             .deliverable-panel,.recommendation,.preview-workspace) {
      -webkit-backdrop-filter: blur(6px) saturate(115%);
      backdrop-filter: blur(6px) saturate(115%);
    }
    body .contact-form {
      -webkit-backdrop-filter: blur(12px) saturate(115%);
      backdrop-filter: blur(12px) saturate(115%);
    }
    body .site-header .nav-submenu {
      background:
        radial-gradient(ellipse at 100% 0, rgba(56,217,255,.14), transparent 75%),
        linear-gradient(135deg, rgba(17,49,74,.97), rgba(7,24,43,.985)) !important;
      -webkit-backdrop-filter: blur(24px) saturate(120%);
      backdrop-filter: blur(24px) saturate(120%);
    }
  }
}
@media (hover: hover) and (pointer: fine) {
  body :is(.service-card,.study-card,.article-card,.industry-card):hover {
    background:
      radial-gradient(ellipse at 100% 0, rgba(56,217,255,.19), transparent 70%),
      linear-gradient(135deg, rgba(30,70,98,.76), rgba(11,32,55,.92)) !important;
    border-color: #38d9ff !important;
    box-shadow: inset 0 1px rgba(242,247,255,.14), 0 0 22px rgba(56,217,255,.12), 0 14px 32px rgba(0,6,15,.25) !important;
  }
}
body :is(.service-card,.study-card,.article-card,.industry-card):focus-within {
  border-color: #38d9ff !important;
}
/* Mobile uses painted gradients rather than multiple live backdrop blurs. */
@media (max-width: 900px), (prefers-reduced-transparency: reduce) {
  body :is(.service-card,.study-card,.article-card,.industry-card,.trust-card,
           .deliverable-panel,.contact-form,.recommendation,.preview-workspace),
  body .site-header .nav-submenu {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  body :is(.service-card,.study-card,.article-card,.industry-card,.trust-card,
           .deliverable-panel,.contact-form,.recommendation,.preview-workspace) {
    background: linear-gradient(135deg, #102b43, #0b2037) !important;
  }
}
@media (prefers-reduced-transparency: reduce) {
  body .site-header .nav-submenu, body .site-header .nav.open { background: #0a2037 !important; }
}

/* One continuous page canvas prevents rectangular section colour seams. */
html { background:#061426 !important; }
body { background:radial-gradient(ellipse at 90% 10%,rgba(56,217,255,.065),transparent 65%),radial-gradient(ellipse at 5% 65%,rgba(21,150,237,.045),transparent 70%),#061426 !important; }
body :is(.hero,.page-hero,.reading-page,.contact-grid,.about-grid,.detail-grid,.principle-bar,.finder-section,.insights-section,.cta-section,.site-footer) { background:transparent !important; }
body .contact-location-row,body .contact-phone-row { align-items:start; }
body .contact-form .form-row > label { min-width:0; }
body .contact-form select { width:100%; max-width:100%; min-width:0; color-scheme:dark; }
body .contact-form select option { background:#0b2037; color:#f2f7ff; }
@media(max-width:640px) { body .contact-location-row,body .contact-phone-row { grid-template-columns:minmax(0,1fr); } }
/* Compact searchable location fields. */
body .contact-form .contact-location-row,body .contact-form .contact-phone-row { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; margin-bottom:16px; }
body .contact-form :is(.contact-location-row,.contact-phone-row)>label { display:flex; flex-direction:column; gap:8px; margin:0; min-width:0; font-size:15px; line-height:1.5; }
body .contact-form :is(.contact-location-row,.contact-phone-row) input { box-sizing:border-box; width:100%; min-width:0; height:46px!important; min-height:46px!important; margin:0; padding:10px 12px!important; font-size:14px; line-height:24px; border-radius:8px; }
body .contact-form select[hidden] { display:none!important; }
.search-select { position:relative; width:100%; min-width:0; }
body .contact-form .search-select-list { position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:60; margin:0; padding:5px; list-style:none; max-height:210px; overflow-y:auto; overscroll-behavior:contain; background:#0b2037; border:1px solid #65849e; border-radius:8px; box-shadow:0 12px 28px #0007; }
body .contact-form .search-select-list[hidden] { display:none; }
body .contact-form .search-select-list li { display:block; margin:0; padding:9px 10px; font-size:14px; line-height:1.4; color:#f2f7ff; cursor:pointer; border-radius:5px; overflow-wrap:anywhere; }
body .contact-form .search-select-list li:hover,body .contact-form .search-select-list li.is-active { background:#19445c; }
body .contact-form .search-select-list li[aria-selected="true"] { color:#75e7ff; }
@media(max-width:640px) { body .contact-form .contact-location-row,body .contact-form .contact-phone-row { grid-template-columns:minmax(0,1fr); gap:14px; } body .contact-form :is(.contact-location-row,.contact-phone-row) input { font-size:16px; } body .contact-form .search-select-list { max-height:180px; } }


/* November 2026 refinements: clearer hero eyebrow without decorative rule */
.hero .eyebrow{font-size:clamp(.86rem,1.05vw,.9rem);letter-spacing:.12em;}
@media(max-width:760px){.hero .eyebrow{font-size:.78rem;letter-spacing:.09em;}}