/* depth3d v2: shared 3D layer for the eyriq public pages.
   Every card becomes a "stage" (holds layout, gives perspective) with a "rig" inside it
   (preserve-3d, tilted and flown by depth3d-v1.js). The glass look lives on a flat
   plate at the back of the rig, so backdrop blur never flattens the 3D children; the
   rig carries extruded edge plates for thickness and each content layer sits at its own
   depth for real parallax. Only transform and opacity animate. */
.d3-stage{perspective:var(--d3-persp,1300px);perspective-origin:50% 45%}
.d3-stage.glass,.d3-stage.glass-lite,.d3-stage.glass-heavy{background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;isolation:auto!important;overflow:visible!important}
.d3-stage.glass::before,.d3-stage.glass::after{display:none!important}
.d3-rig{position:relative;transform-style:preserve-3d;border-radius:inherit;will-change:transform;
  /* content keeps the padding of the stage it came from */
  padding:inherit;margin:calc(var(--d3-pad,0px) * -1)}
.d3-stage>.d3-rig{opacity:1!important;visibility:inherit}
.d3-plate,.d3-edge,.d3-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.d3-plate{overflow:hidden}
.d3-plate.glass{position:absolute}
.d3-edge{border:1px solid rgba(110,231,183,var(--d3-ea,.34));background:linear-gradient(135deg,rgba(110,231,183,.05),rgba(16,185,129,.08));
  box-shadow:0 0 0 1px rgba(16,185,129,.06) inset}
.d3-edge.e2{border-color:rgba(16,185,129,.32);background:linear-gradient(135deg,rgba(16,185,129,.10),rgba(110,231,183,.05))}
.d3-edge.e3{border-color:rgba(110,231,183,.10);background:rgba(5,15,11,.55);box-shadow:0 30px 80px -20px rgba(0,0,0,.75),0 0 60px -10px rgba(110,231,183,.18)}
.d3-glow{border:1px solid transparent;background:linear-gradient(115deg,rgba(110,231,183,.0) 30%,rgba(110,231,183,.35) 48%,rgba(16,185,129,.35) 52%,rgba(16,185,129,0) 70%) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);
  background-size:300% 300%;background-position:var(--d3-gx,50%) var(--d3-gy,50%);opacity:.9}
.d3-l{backface-visibility:hidden}
.d3-idx{transform-origin:100% 0}
/* a soft floor shadow under each card, far behind it */
.d3-shadow{position:absolute;left:6%;right:6%;bottom:-8%;height:30%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(110,231,183,.18),rgba(16,185,129,.08) 60%,transparent);filter:blur(18px)}
/* reveal stagger for card layers (the rig itself never fades: fading would flatten it) */
html.ui .d3-stage.panel .d3-rig>.d3-l{opacity:0;transition:opacity .2s var(--ease-in,ease-in)}
html.ui .d3-stage.panel.is-active .d3-rig>.d3-l{opacity:1;transition:opacity .5s var(--ease-out,ease-out)}
html.ui .d3-stage.panel.is-active .d3-rig>.d3-l:nth-of-type(2){transition-delay:.06s}
html.ui .d3-stage.panel.is-active .d3-rig>.d3-l:nth-of-type(3){transition-delay:.12s}
html.ui .d3-stage.panel.is-active .d3-rig>.d3-l:nth-of-type(4){transition-delay:.18s}
html.ui .d3-stage.panel.is-active .d3-rig>.d3-l:nth-of-type(5){transition-delay:.24s}
/* panel stage: no 2D slide of its own; the rig does the flying */
html.ui .panel.d3-stage,html.ui .panel.d3-stage.is-leaving{transform:none}
html.gl-off.ui .panel.d3-stage{clip-path:none!important}
@media (prefers-reduced-transparency:reduce){.d3-glow{display:none}.d3-edge{background:#0B2A1F}}
html.reduce .d3-rig{will-change:auto}
html.reduce .d3-glow{background-position:50% 50%}
/* decks: layers rise in as their slide comes to the front */
.d3-deck .d3-rig>.d3-l{opacity:0;transition:opacity .25s ease-in}
.d3-deck.d3-on .d3-rig>.d3-l{opacity:1;transition:opacity .6s cubic-bezier(.16,1,.3,1)}
.d3-deck.d3-on .d3-rig>.d3-l:nth-of-type(2){transition-delay:.08s}
.d3-deck.d3-on .d3-rig>.d3-l:nth-of-type(3){transition-delay:.16s}
.d3-deck.d3-on .d3-rig>.d3-l:nth-of-type(4){transition-delay:.24s}
.d3-deck.d3-on .d3-rig>.d3-l:nth-of-type(n+5){transition-delay:.32s}
html.reduce .d3-deck .d3-rig>.d3-l,.d3-reduce .d3-deck .d3-rig>.d3-l{transition:none}
.d3-skin::before,.d3-skin::after{display:none!important}
.d3-skin>.d3-rig>.d3-plate{-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}
.d3-ib,.d3-text{display:inline-block}