/* Oct 4 2026 (Kevin): premium glass as an accent + restrained motion. Additive layer on top of ui.css.
   ChatGPT review: glass only on floating objects, glows down, motion hierarchy (eyes > lift > reveal > sweep). */
:root{--gl-bg:linear-gradient(180deg,rgba(255,255,255,.80),rgba(255,255,255,.56));--gl-bd:rgba(255,255,255,.78);--gl-sh:0 1px 0 rgba(255,255,255,.9) inset,0 12px 30px -20px rgba(22,27,45,.32);--gl-ease:cubic-bezier(.22,.8,.24,1)}
.nav{background:rgba(16,22,46,.86)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}
/* soft color fields so the glass has something to refract (Kevin: glass everything) */
.oa-means,.oa-vis,.bone,.dxh{position:relative;isolation:isolate}
.oa-vis::before,.bone::before,.dxh::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(560px 340px at 80% 35%,rgba(124,176,255,.16),transparent 62%),radial-gradient(440px 300px at 12% 85%,rgba(217,130,43,.08),transparent 60%)}
.oa-means::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(520px 320px at 82% 30%,rgba(124,176,255,.14),transparent 62%),radial-gradient(420px 260px at 66% 92%,rgba(217,130,43,.08),transparent 60%)}
/* glass objects: stats, resource choices, video */
.oa-stats li,.choices .choice,.oa-vis-list li{background:var(--gl-bg)!important;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  border:1px solid var(--gl-bd)!important;box-shadow:var(--gl-sh)!important;transition:transform .32s var(--gl-ease),box-shadow .32s var(--gl-ease);position:relative;overflow:hidden}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.oa-stats li,.choices .choice,.dxh-video{background:#fff!important}.nav{background:#141B38!important}}
/* dark glass on the navy bands */
.flowline .fl-step{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04))!important;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 18px 40px -24px rgba(0,0,0,.6);transition:transform .32s var(--gl-ease),border-color .32s}
.cta .ctarow{padding:22px 26px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);box-shadow:0 1px 0 rgba(255,255,255,.12) inset}
/* glass buttons on light sections */
.hero .btn-l,.dxh .btn,.dxh a.btn{background:rgba(255,255,255,.55)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 20px -14px rgba(22,27,45,.4)}
/* footer social circles */
footer a[href*="linkedin"],footer a[href*="facebook"],footer a[href*="instagram"]{background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.flowline .fl-dot{transition:background .32s,color .32s}
/* cursor spotlight on the glass objects only */
.oa-stats li::after,.choices .choice::after,.oa-vis-list li::after,.flowline .fl-step::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.5),transparent 60%)}
@media (hover:hover){
  .flowline .fl-step::after{background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(124,176,255,.2),transparent 60%)}
  .oa-vis-list li:hover::after,.flowline .fl-step:hover::after{opacity:1}
  .oa-stats li:hover,.choices .choice:hover,.oa-vis-list li:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 20px 40px -22px rgba(22,27,45,.4)!important}
  .oa-stats li:hover::after,.choices .choice:hover::after{opacity:1}
  .flowline .fl-step:hover{transform:translateY(-2px);border-color:rgba(124,176,255,.35)!important}
  .flowline .fl-step:hover .fl-dot{background:#B8641A!important;color:#fff!important}
  .choices .choice img{transition:transform .6s var(--gl-ease)}
  .choices .choice:hover img{transform:scale(1.04)}
}
/* buttons: lift and color shift; the light sweep is kept for the main call to action only */
.btn{transition:transform .28s var(--gl-ease),box-shadow .28s var(--gl-ease),background-color .28s,color .28s,border-color .28s}
.hero .btn-n,.cta .btn{position:relative;overflow:hidden}
.hero .btn-n::after,.cta .btn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-18deg);transition:left .8s var(--gl-ease)}
@media (hover:hover){.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -12px rgba(22,27,45,.4)}.hero .btn-n:hover::after,.cta .btn:hover::after{left:120%}.btn-n:hover{background:#2E4A95!important}}
.btn:active{transform:translateY(0) scale(.98)}
/* video frame as a glass object */
.dxh-video{border-radius:22px;padding:8px;background:var(--gl-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--gl-bd);box-shadow:var(--gl-sh)}
.dxh-video video{border-radius:16px;display:block;width:100%;height:auto}
/* small type gets a little air */
.eyebrow{letter-spacing:.14em}
/* scroll reveal, small and quiet */
.rv{opacity:0;transform:translateY(14px);transition:opacity .7s var(--gl-ease),transform .7s var(--gl-ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.btn,.btn::after,.oa-stats li,.oa-vis-list li,.choices .choice,.flowline .fl-step,.dxh-video{transition:none!important;transform:none!important}}