/* Depth enhancement only: all reference colors, typography and spacing are retained. */
.course-tile,.audience-card,.why-card,#pricing>.grid>div,.stat-card{
 transform:perspective(1100px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)) translateY(var(--depth-lift,0px));
 transform-style:preserve-3d;
 box-shadow:0 3px 0 rgba(15,23,42,.045),0 12px 25px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.8);
 transition:transform .22s ease-out,box-shadow .25s ease,border-color .25s ease,background .25s ease;
}
.course-tile:hover,.audience-card:hover,.why-card:hover,#pricing>.grid>div:hover{
 --depth-lift:-5px;
 transform:perspective(1100px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg)) translateY(var(--depth-lift,0px));
 box-shadow:0 5px 0 rgba(15,23,42,.045),0 22px 38px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.85);
}
.course-tile h3,.audience-card h3,.why-card h3{transform:translateZ(12px)}
.icon-badge{transform:translateZ(20px);box-shadow:0 3px 7px rgba(15,23,42,.09)}
.hero-image-wrap{
 transform:perspective(1400px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,-3deg));
 transition:transform .25s ease-out;
 box-shadow:5px 6px 0 rgba(15,23,42,.08),0 24px 45px rgba(15,23,42,.17);
}
.batch-premium-card{box-shadow:0 5px 0 rgba(15,23,42,.04),0 22px 45px rgba(15,23,42,.12),inset 0 2px 0 rgba(255,255,255,.9)!important}
.trainer-card{box-shadow:0 4px 0 rgba(15,23,42,.04),0 18px 35px rgba(15,23,42,.09)}
.primary-orange{box-shadow:0 3px 0 rgba(15,23,42,.14),0 8px 16px rgba(15,23,42,.09);transition:transform .2s ease,box-shadow .2s ease}
.primary-orange:hover{transform:translateY(-2px);box-shadow:0 5px 0 rgba(15,23,42,.14),0 12px 22px rgba(15,23,42,.12)}
.primary-orange:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(15,23,42,.14)}
@media(hover:none),(pointer:coarse){.hero-image-wrap,.course-tile,.audience-card,.why-card,#pricing>.grid>div,.stat-card{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero-image-wrap,.course-tile,.audience-card,.why-card,#pricing>.grid>div,.stat-card,.primary-orange{transform:none!important;transition:none!important}.logo-track{animation:none!important}}
/* Lift cards toward the viewer without changing their layout or palette. */
@media (hover:hover) and (pointer:fine){
 .course-tile,.audience-card,.why-card,#pricing>.grid>div,.stat-card,.auto-node{position:relative;transform-origin:center;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .25s ease}
 .course-tile:hover,.audience-card:hover,.why-card:hover,#pricing>.grid>div:hover,.stat-card:hover,.auto-node:hover{
  z-index:10;
  transform:perspective(1100px) translateZ(48px) translateY(-12px) rotateX(var(--depth-x,3deg)) rotateY(var(--depth-y,-3deg))!important;
  box-shadow:0 8px 0 rgba(15,23,42,.055),0 30px 50px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.9)!important;
 }
 .course-tile:hover h3,.audience-card:hover h3,.why-card:hover h3{transform:translateZ(22px)}
}
@media(prefers-reduced-motion:reduce){.course-tile:hover,.audience-card:hover,.why-card:hover,#pricing>.grid>div:hover,.stat-card:hover,.auto-node:hover{transform:none!important;transition:none!important}}
/* More pronounced, smoothly eased 3D card lift. */
@media(hover:hover) and (pointer:fine){
 .course-tile,.audience-card,.why-card,#pricing>.grid>div,.stat-card,.auto-node{transition:transform .38s cubic-bezier(.18,.8,.22,1),box-shadow .38s ease,border-color .25s ease;isolation:isolate}
 .course-tile:hover,.audience-card:hover,.why-card:hover,#pricing>.grid>div:hover,.stat-card:hover,.auto-node:hover{
  z-index:20;
  transform:perspective(1100px) translateZ(88px) translateY(-15px) rotateX(var(--depth-x,4deg)) rotateY(var(--depth-y,-4deg))!important;
  box-shadow:0 2px 0 rgba(255,255,255,.95) inset,0 7px 0 rgba(15,23,42,.07),0 18px 26px rgba(15,23,42,.14),0 38px 62px rgba(15,23,42,.24)!important;
 }
 .course-tile:hover h3,.audience-card:hover h3,.why-card:hover h3{transform:translateZ(28px);transition:transform .35s ease}
 .course-tile:hover .icon-badge,.audience-card:hover .icon-badge,.why-card:hover .icon-badge{transform:translateZ(36px);transition:transform .35s ease}
}
@media(prefers-reduced-motion:reduce){.course-tile:hover,.audience-card:hover,.why-card:hover,#pricing>.grid>div:hover,.stat-card:hover,.auto-node:hover{transform:none!important;transition:none!important}}