/* Click Experience v3.4.4 — Home hero rhythm + Click Academy readability. */

/* Smooth per-character entrance for the rotating Home copy. */
.cxs-hero--reference .cxs-char-line{display:inline;white-space:normal}
.cxs-hero--reference .cxs-char{
  display:inline-block;
  white-space:pre;
  opacity:1;
  transform:none;
  will-change:transform,opacity,filter;
}
.cxs-hero--reference .cxs-scene.is-copy-animating .cxs-char{
  animation:cxsHeroCharSmooth .66s cubic-bezier(.16,1,.3,1) both;
  animation-delay:calc(var(--cxs-char-index,0) * 16ms + var(--cxs-char-delay,0ms));
}
@keyframes cxsHeroCharSmooth{
  0%{opacity:0;transform:translate3d(0,22px,0) scale(.985);filter:blur(5px)}
  48%{opacity:1;filter:blur(0)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}

/* Click Academy: image becomes atmosphere; copy remains the foreground. */
.cxs-academy .cxs-course-card{isolation:isolate;background:#00155c!important}
.cxs-academy .cxs-course-card figure{background:#00155c!important;isolation:isolate}
.cxs-academy .cxs-course-card figure img{
  opacity:.30!important;
  filter:saturate(.82) contrast(1.08) brightness(.88)!important;
}
.cxs-academy .cxs-course-card figure::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(0,21,92,.86),rgba(0,49,131,.66) 48%,rgba(0,13,61,.88));
  mix-blend-mode:multiply;
}
.cxs-academy .cxs-course-card figure::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,21,92,.10) 0%,rgba(0,21,92,.44) 45%,rgba(0,13,61,.96) 100%);
  transform:none!important;
  transition:none!important;
}
.cxs-academy .cxs-course-card:hover figure::after{transform:none!important}
.cxs-academy .cxs-course-card__copy{z-index:6;text-shadow:0 2px 16px rgba(0,10,45,.22)}
.cxs-academy .cxs-course-card__copy>p:not(.cxs-course-kicker){color:rgba(255,255,255,.88)!important}
.cxs-academy .cxs-course-meta{margin-bottom:14px;border-color:rgba(255,255,255,.18)!important}
.cxs-academy .cxs-course-meta span{color:rgba(255,255,255,.78)!important}
.cxs-academy .cxs-course-more{
  position:relative;
  z-index:10;
  align-self:flex-start;
  min-height:43px;
  margin-top:auto;
  padding:11px 16px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#ff3131;
  color:#fff!important;
  font-size:12px;
  line-height:1;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 14px 30px rgba(255,49,49,.22);
  transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s ease,background .24s ease;
}
.cxs-academy .cxs-course-more span{font-size:15px;transition:transform .24s cubic-bezier(.16,1,.3,1)}
.cxs-academy .cxs-course-more:hover{transform:translateY(-2px);background:#ed2424;box-shadow:0 18px 38px rgba(255,49,49,.30)}
.cxs-academy .cxs-course-more:hover span{transform:translate3d(3px,-2px,0)}

@media(max-width:700px){
  .cxs-academy .cxs-course-card figure img{opacity:.28!important}
  .cxs-academy .cxs-course-more{min-height:45px;padding:12px 17px;font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
  .cxs-hero--reference .cxs-scene.is-copy-animating .cxs-char{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
  .cxs-academy .cxs-course-more,.cxs-academy .cxs-course-more span{transition:none!important}
}