/* Glass + soft 3D layer (CSS only). Loaded after the other clean styles. */

/* 3D buttons: top light, inner highlight, grounded shadow, press on click */
.btn-primary, .btn-white, .lf-submit {
  background-image: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 55%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(0,0,0,.14), 0 1px 2px rgba(0,24,54,.18), 0 6px 14px -6px rgba(0,44,109,.45);
}
.btn-white { background-image: linear-gradient(180deg, #fff, #eef3fa); box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 rgba(0,44,109,.10), 0 1px 2px rgba(0,0,0,.2), 0 8px 18px -8px rgba(0,0,0,.5); }
.btn-primary:hover, .btn-white:hover, .lf-submit:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 -2px 0 rgba(0,0,0,.14), 0 2px 4px rgba(0,24,54,.18), 0 14px 26px -10px rgba(0,44,109,.55); }
.btn-primary:active, .btn-white:active, .lf-submit:active { transform: translateY(1px); box-shadow: inset 0 2px 4px rgba(0,0,0,.18), 0 1px 2px rgba(0,24,54,.2); }

/* Glass buttons on dark sections */
.btn-line, .btn-outline-light {
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.35);
  -webkit-backdrop-filter: blur(10px) saturate(160%); backdrop-filter: blur(10px) saturate(160%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}
.btn-line:hover, .btn-outline-light:hover { background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.6); transform: translateY(-2px); }

/* Homepage hero plate: frosted navy glass over the aerial photo */
.c-copy {
  background: rgba(0, 44, 109, .52);
  -webkit-backdrop-filter: blur(16px) saturate(150%); backdrop-filter: blur(16px) saturate(150%);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 30px 60px -20px rgba(0,24,54,.55);
}

/* Glass chips on the page hero (breadcrumb) */
.page-hero .crumbs { display: inline-flex; gap: 2px; padding: 6px 14px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }

/* Dark tiles (financing, lead form): glossy edge + depth */
.t-dark { box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 30px 60px -28px rgba(0,24,54,.6); }
.t-dark::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(120% 70% at 0% 0%, rgba(140,194,255,.16), transparent 60%); }
.t-dark > * { position: relative; }

/* Glass form fields on dark */
.lf--dark input, .lf--dark select, .lf--dark textarea { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }

/* Cards: layered 3D lift */
.svc-card2, .tile.w, .svd-li, .rv { box-shadow: 0 1px 2px rgba(0,24,54,.05), 0 8px 24px -16px rgba(0,44,109,.25); }
.svc-card2:hover, .tile.w:hover { transform: translateY(-6px); box-shadow: 0 2px 4px rgba(0,24,54,.06), 0 28px 50px -24px rgba(0,44,109,.45); }

/* Service photo cards (homepage): glass caption band */
.sv5-band { background: rgba(0, 44, 109, .6); -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); border-top: 1px solid rgba(255,255,255,.18); }

@media (prefers-reduced-motion: reduce) {
  .btn-primary:hover, .btn-white:hover, .lf-submit:hover, .btn-line:hover, .svc-card2:hover, .tile.w:hover { transform: none; }
}

/* Speed: blur effects are costly on phones, above all over the moving hero photo.
   Desktop keeps a lighter blur; touch devices and small screens get solid tints instead. */
.c-copy { -webkit-backdrop-filter: none; backdrop-filter: none; }
.c-copy .btn-line { -webkit-backdrop-filter: none; backdrop-filter: none; }
@media (max-width: 860px), (hover: none) {
  .c-copy { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(0, 44, 109, .8); }
  .btn-line, .btn-outline-light, .page-hero .crumbs, .acp-pills li, .lf--dark input, .lf--dark select, .lf--dark textarea { -webkit-backdrop-filter: none; backdrop-filter: none; }
  .sv5-band { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(0, 44, 109, .86); }
  .site-header { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(255,255,255,.97) !important; }
  .page-hero::before { inset: -10%; }
}

/* Hero readability (owner: colors looked off): deeper navy plate, white service line, warm dot accents */
.c-copy { background: rgba(0, 36, 92, .8); }
.c-copy .eyebrow { color: #F2712B; text-transform: uppercase; letter-spacing: .14em; font-size: 13px; font-weight: 700; }
.h1-svc { color: #fff; font-weight: 600; }
.h1-svc i { color: #F2712B; }
.c-proof, .c-proof li { color: rgba(255,255,255,.92); }

/* Soft tone behind photos while they load, so cards never flash empty */
.svc-card2-media, .sv4-card-media, .sv5-card, .team-ph, .svc-item-media, .svc-panel-media, .svc { background-color: #DDE6F1; }