/* V2.5 FINAL - restrained visual depth layer */
body{
  position:relative;
  min-height:100vh;
  background:
    radial-gradient(980px 720px at 78% 8%,rgba(76,169,255,.14),transparent 62%),
    radial-gradient(880px 680px at 18% 28%,rgba(45,212,167,.052),transparent 66%),
    radial-gradient(1080px 820px at 53% 53%,rgba(45,212,167,.078),transparent 68%),
    radial-gradient(900px 680px at 82% 78%,rgba(76,169,255,.075),transparent 68%),
    radial-gradient(920px 600px at 46% 99%,rgba(45,212,167,.055),transparent 70%),
    linear-gradient(rgba(113,151,178,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(113,151,178,.018) 1px,transparent 1px),
    var(--bg);
  background-size:auto,auto,auto,auto,auto,84px 84px,84px 84px,auto;
}

/* Header depth */
nav{
  overflow:hidden;
  background:
    radial-gradient(520px 110px at 78% 0%,rgba(76,169,255,.085),transparent 72%),
    linear-gradient(180deg,rgba(10,24,36,.97),rgba(7,17,27,.93));
  box-shadow:0 10px 34px rgba(0,0,0,.12),inset 0 -1px 0 rgba(111,169,207,.035);
}
nav::after{
  content:"";
  position:absolute;
  left:12%;right:12%;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(76,169,255,.20),rgba(45,212,167,.12),transparent);
  pointer-events:none;
}

/* Section-level ambient depth - intentionally soft */
section{position:relative}
section:nth-of-type(1){background:radial-gradient(760px 380px at 76% 20%,rgba(76,169,255,.026),transparent 72%)}
section:nth-of-type(2){background:radial-gradient(720px 420px at 18% 48%,rgba(45,212,167,.028),transparent 74%)}
section:nth-of-type(3){background:radial-gradient(820px 500px at 75% 44%,rgba(76,169,255,.026),transparent 74%)}
section:nth-of-type(4){background:radial-gradient(760px 480px at 24% 54%,rgba(45,212,167,.028),transparent 74%)}

/* Shared depth and frame consistency */
.interactive{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease,filter .22s ease;
}
.interactive:hover{
  transform:translateY(-3px);
  border-color:#3d6888;
  box-shadow:0 20px 58px rgba(0,0,0,.23),0 0 42px rgba(76,169,255,.042);
}
.stack-card,.trust,.value-grid,.cap-main,.mini,.boundary-box,.cta,.card{
  border-color:#2c4b64;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 18px 54px rgba(0,0,0,.14);
}

.stack-card{
  position:relative;
  overflow:hidden;
  border-color:#365c78;
  background:
    radial-gradient(circle at 78% 8%,rgba(76,169,255,.135),transparent 36%),
    radial-gradient(circle at 16% 104%,rgba(45,212,167,.045),transparent 42%),
    linear-gradient(180deg,#0e1d2b,#091520);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.042),0 30px 90px rgba(0,0,0,.28),0 0 105px rgba(76,169,255,.045);
}
.stack-card::before{
  content:"";
  position:absolute;inset:0 0 auto 0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(120,193,238,.25),transparent);
  pointer-events:none;
}
.node{
  background:linear-gradient(180deg,rgba(20,38,55,.99),rgba(12,27,40,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 20px rgba(0,0,0,.08);
}
.provider{
  background:linear-gradient(180deg,rgba(11,29,43,.99),rgba(8,23,35,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.attach{background:rgba(10,24,36,.40)}
.feedback{background:linear-gradient(90deg,rgba(76,169,255,.055),rgba(45,212,167,.035),rgba(76,169,255,.055))}

.trust{
  background:
    radial-gradient(circle at 84% -30%,rgba(76,169,255,.065),transparent 38%),
    linear-gradient(180deg,rgba(11,25,37,.97),rgba(8,20,31,.97));
}
.value-grid{
  background:
    radial-gradient(circle at 8% -50%,rgba(45,212,167,.045),transparent 42%),
    linear-gradient(180deg,rgba(11,25,37,.97),rgba(8,20,31,.97));
}
.value,.trust-item{background:linear-gradient(180deg,rgba(255,255,255,.006),rgba(255,255,255,0))}

.cap-main{
  background:
    radial-gradient(circle at 14% 0%,rgba(45,212,167,.078),transparent 32%),
    linear-gradient(180deg,#0e1d2b,#0a1621);
}
.mini{
  background:
    radial-gradient(circle at 100% 0%,rgba(76,169,255,.035),transparent 34%),
    linear-gradient(180deg,rgba(11,25,37,.99),rgba(8,20,31,.99));
}
.boundary-box{
  background:linear-gradient(180deg,rgba(11,25,37,.99),rgba(8,20,31,.99));
}
.boundary-box.good{
  border-color:#2f624f;
  background:
    radial-gradient(circle at 18% 0%,rgba(45,212,167,.10),transparent 36%),
    linear-gradient(180deg,rgba(45,212,167,.045),#0a1621);
}

.cta{
  position:relative;
  overflow:hidden;
  border-color:#365c78;
  background:
    radial-gradient(circle at 82% 4%,rgba(45,212,167,.155),transparent 36%),
    radial-gradient(circle at 8% 120%,rgba(76,169,255,.085),transparent 44%),
    linear-gradient(180deg,rgba(12,28,41,.99),rgba(8,20,31,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 28px 78px rgba(0,0,0,.20),0 0 92px rgba(45,212,167,.035);
}
.cta::after{
  content:"";
  position:absolute;left:10%;right:10%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(45,212,167,.20),rgba(76,169,255,.18),transparent);
  pointer-events:none;
}

/* Legal pages inherit the same visual family */
.card{
  background:
    radial-gradient(circle at 88% 0%,rgba(76,169,255,.07),transparent 32%),
    linear-gradient(180deg,rgba(11,25,37,.99),rgba(8,20,31,.99));
}

/* Footer depth */
footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(720px 220px at 50% 100%,rgba(45,212,167,.060),transparent 70%),
    radial-gradient(520px 180px at 86% 100%,rgba(76,169,255,.052),transparent 72%),
    linear-gradient(180deg,rgba(7,17,27,.25),rgba(5,14,22,.72));
}
footer::before{
  content:"";
  position:absolute;left:14%;right:14%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(76,169,255,.18),rgba(45,212,167,.10),transparent);
  pointer-events:none;
}

@media(max-width:560px){
  body{
    background:
      radial-gradient(620px 520px at 88% 6%,rgba(76,169,255,.105),transparent 65%),
      radial-gradient(620px 620px at 48% 54%,rgba(45,212,167,.055),transparent 70%),
      radial-gradient(560px 440px at 60% 96%,rgba(76,169,255,.045),transparent 70%),
      var(--bg);
  }
  section:nth-of-type(n){background:none}
}
@media (prefers-reduced-motion:reduce){.interactive:hover{transform:none}}