/* Shared optical material, matched to the approved case study. */
:root {
  --landing-glass: linear-gradient(125deg,#ffffff52,#ffffff26 50%,#ffffff4a);
  --landing-glass-edge: #ffffffed;
  --landing-glass-shadow: inset 0 2px 1px #fff,inset 1px 0 1px #ffffffb3,inset -1px -2px 2px #ffffffbd,0 24px 70px #293d4d12,0 2px 6px #ffffff80;
}
.hero-shell,.section-wash {
  background:radial-gradient(ellipse at 91% 85%,rgba(255,207,175,.55),transparent 43%),radial-gradient(ellipse at 12% 25%,rgba(203,217,228,.65),transparent 52%),linear-gradient(135deg,#edf1f4,#eef0f1 55%,#f5efeb);
}
#what-we-do,#lead-intake {
  background:radial-gradient(ellipse at 88% 82%,#ffdfc744,transparent 48%),radial-gradient(ellipse at 9% 38%,#cbd9e459,transparent 55%),#f5f7f8;
}
.hero-glass,.glass-surface,.engine-card,.intake-float,.footer-glass {
  border:1px solid var(--landing-glass-edge);
  background:var(--landing-glass);
  box-shadow:var(--landing-glass-shadow);
  -webkit-backdrop-filter:blur(24px) saturate(115%);
  backdrop-filter:blur(24px) saturate(115%);
}
.glass-card,.hero-proof,.problem-solution,.glass-icon,.hero-glass-icon,.browser-address {
  border:1px solid #ffffffbf;
  background:linear-gradient(120deg,#ffffff60,#ffffff26);
  box-shadow:inset 0 1px 1px #ffffffdd,inset -1px -1px 1px #ffffff80,0 6px 22px #4c617008;
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  backdrop-filter:blur(16px) saturate(115%);
}
.browser-chrome {
  background:linear-gradient(110deg,#ffffff14,#ffffff38);
  border-bottom-color:#ffffffbf;
  box-shadow:inset 0 1px 1px #ffffff80;
}
/* More opacity over imagery keeps the floating labels easy to read. */
.intake-float { background:linear-gradient(125deg,#ffffffb8,#ffffff80 55%,#fff2e8a8); }
.field-glass {
  background:linear-gradient(120deg,#ffffffa6,#ffffff70);
  box-shadow:inset 0 1px 2px #52647308,0 1px 0 #ffffffb3;
}
.field-glass:focus { background:#ffffffd9; }
.field-glass option { background:#fff; color:#101d29; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .hero-glass,.glass-surface,.engine-card,.footer-glass { background:linear-gradient(125deg,#edf2f6,#f8f4f0); }
  .intake-float { background:#f4f5f5; }
}