/* ═══════════════════════════════════════════════════════════════════
   sy-depth.css — atmospheric depth for the dark theme (2026-06-29)
   ───────────────────────────────────────────────────────────────────
   The navy was reading FLAT because it was one near-even fill across a
   very tall page. This adds depth WITHIN the dark — no hue change:
     · a vertical tonal descent (a touch lighter/cooler up top → deeper
       at the fold) so the page has a light direction
     · soft cool + gold light pooling in the corners (ambient, not spot)
     · a fine film grain so large fills stop looking dead
     · card elevation (lit top edge + drop shadow) so surfaces lift off
   Loaded LAST on the landing, after sy-fiscal.css.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Page atmosphere ──────────────────────────────────────────────────
   Five fixed layers (top→bottom in paint order): grain · top cool glow ·
   gold pool upper-right · cool pool lower-left · base vertical gradient.
   background-attachment:fixed → the light stays put as you scroll, so no
   screenful ever looks like a flat rectangle. */
/* 2026-07-06: film-grain tile REMOVED from the stack (user: "clean and high
   definition") — the noise dusted the numerals and flat panels sitewide.
   The gradient pools carry the depth on their own. */
body{
  background-color:#0E131D !important;
  background-image:
    radial-gradient(130% 78% at 50% -12%, rgba(50,68,108,.46), transparent 60%),
    radial-gradient(64% 52% at 86% 12%, rgba(198,166,100,.075), transparent 58%),
    radial-gradient(82% 70% at 3% 82%, rgba(38,54,90,.36), transparent 62%),
    radial-gradient(72% 64% at 97% 90%, rgba(30,44,76,.28), transparent 64%),
    linear-gradient(180deg, #1A2433 0%, #121A28 40%, #0E131D 78%, #0B0F17 100%) !important;
  background-attachment:fixed, fixed, fixed, fixed, fixed !important;
  background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
  background-size:auto, auto, auto, auto, auto !important;
  background-position:center, center, center, center, center !important;
}

/* ── Per-section ambient halos — each major section gets its own soft light
   source (behind content, so no stacking risk), giving the scroll a rhythm
   of light instead of one uniform wash. ── */
#usecases{background:radial-gradient(95% 60% at 50% -8%, rgba(198,166,100,.05), transparent 60%) !important;}
#massing{background:radial-gradient(85% 75% at 50% 0%, rgba(48,66,104,.18), transparent 66%) !important;}
#pricing{background:radial-gradient(100% 65% at 50% 0%, rgba(198,166,100,.05), transparent 62%) !important;}
.final-cta{background:radial-gradient(78% 100% at 50% 100%, rgba(198,166,100,.08), transparent 62%) !important;}

/* The hero veil resolves to a solid navy at its base; let it melt into the
   atmosphere instead of butting against a hard edge. */
.eb2-hero-veil{background:linear-gradient(180deg,
   rgba(18,24,38,.92) 0%, rgba(18,24,38,.4) 13%, rgba(18,24,38,0) 27%,
   rgba(18,24,38,0) 56%, rgba(18,24,38,.66) 70%, rgba(18,24,38,.94) 90%,
   rgba(15,20,30,0) 100%) !important;}

/* ── Surface elevation — cards lift off the page with a lit top edge ──
   A 1px inner highlight reads as a light catching the top bevel; the long
   soft drop shadow sets the card above the atmosphere. */
.uc-card{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.014)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 26px 54px -34px rgba(0,0,0,.82) !important;
}
.uc-card:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 34px 64px -30px rgba(0,0,0,.88) !important;
}

/* The "By the numbers" shift panel + the massing spotlight card: same
   elevation language so the page has a consistent sense of layers. */
.shift-panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 40px 90px -52px rgba(0,0,0,.9) !important;}
.mvp-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 50px 110px -50px rgba(0,0,0,.9) !important;}

/* ── Section rhythm — a hairline of light where major sections meet, so
   they read as stacked planes rather than one continuous wash. ── */
#how, #usecases, #what, #pricing, .outcomes, .dealteam{
  position:relative;
}
#how::before, #usecases::before, #what::before, #pricing::before,
.outcomes::before, .dealteam::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(245,241,236,.10) 18%,rgba(198,166,100,.16) 50%,rgba(245,241,236,.10) 82%,transparent);
}