/* ═══ 3D AMBIENT BAND ═══════════════════════════════════════ */
.stage{position:relative;overflow:hidden;padding:100px 0}
.stage .wrap{position:relative;z-index:3}
.orbs{position:absolute;inset:0;z-index:1;pointer-events:none}
.orb{position:absolute;border-radius:50%;will-change:transform}
.orb.glass{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.98),rgba(255,255,255,.5) 26%,rgba(190,205,220,.34) 50%,rgba(120,145,170,.5) 74%,rgba(70,95,125,.62));
  box-shadow:inset -10px -14px 26px rgba(40,70,105,.34),inset 8px 10px 22px rgba(255,255,255,.9),0 26px 46px -16px rgba(30,55,85,.34)}
.orb.brass{background:radial-gradient(circle at 32% 26%,#FFF3DA,#F0D093 24%,#D4A44E 50%,#A87A28 76%,#7C5714);
  box-shadow:inset -8px -12px 24px rgba(90,60,10,.5),inset 7px 8px 18px rgba(255,255,255,.6),0 24px 42px -16px rgba(140,100,30,.5)}
.orb.navy{background:radial-gradient(circle at 34% 28%,#5C82AA,#2C5279 42%,#16304C 78%);
  box-shadow:inset -8px -12px 24px rgba(4,16,30,.6),inset 6px 8px 16px rgba(255,255,255,.28),0 24px 44px -16px rgba(18,40,63,.5)}
.o1{width:132px;height:132px;left:3%;top:14%;animation:fl 15s ease-in-out infinite}
.o2{width:74px;height:74px;left:13%;bottom:12%;animation:fl 11s ease-in-out infinite reverse}
.o3{width:168px;height:168px;right:4%;top:10%;animation:fl 18s ease-in-out infinite}
.o4{width:58px;height:58px;right:16%;bottom:16%;animation:fl 13s ease-in-out infinite reverse}
.o5{width:40px;height:40px;left:44%;top:5%;animation:fl 9s ease-in-out infinite}
@keyframes fl{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(10px,-26px,0) rotate(8deg)}}
.scale-ico{position:absolute;right:9%;bottom:6%;width:120px;opacity:.15;color:var(--navy);
  animation:sw 8s ease-in-out infinite;transform-origin:50% 12%}
@keyframes sw{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.step{background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.9);border-radius:26px;padding:32px 28px;
  box-shadow:var(--inset-lite),0 18px 36px -22px rgba(27,58,92,.34)}
.step-n{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;margin-bottom:20px;
  font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--gold-deep);
  background:linear-gradient(165deg,var(--gold-pale),var(--gold-pale-2));
  box-shadow:inset 0 1px 0 #fff,inset 0 -3px 8px rgba(150,110,30,.18)}
.step .shd{font-size:calc(22px * var(--h-scale,1));margin-bottom:10px}
.step p{color:var(--text-2);font-size:14.5px}
