/* Learnaro Webflow-style motion + stacked card system */
:root{--lr-motion-ease:cubic-bezier(.2,.75,.22,1);--lr-stack-top:112px;--lr-stack-gap:12px}
html{scroll-behavior:smooth}

/* Progressive enhancement: content stays fully visible if JS is unavailable. */
.lr-motion-ready .lr-reveal{opacity:0;transform:translate3d(0,26px,0) scale(.985);transition:opacity .72s var(--lr-motion-ease),transform .82s var(--lr-motion-ease),box-shadow .35s ease,border-color .35s ease;will-change:transform,opacity}
.lr-motion-ready .lr-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.lr-motion-ready .lr-reveal[data-lr-delay="1"]{transition-delay:.06s}.lr-motion-ready .lr-reveal[data-lr-delay="2"]{transition-delay:.12s}.lr-motion-ready .lr-reveal[data-lr-delay="3"]{transition-delay:.18s}.lr-motion-ready .lr-reveal[data-lr-delay="4"]{transition-delay:.24s}.lr-motion-ready .lr-reveal[data-lr-delay="5"]{transition-delay:.30s}

/* Premium header response on scroll. */
.whb-header .whb-general-header{transition:background-color .35s var(--lr-motion-ease),box-shadow .35s var(--lr-motion-ease),backdrop-filter .35s var(--lr-motion-ease)}
body.lr-page-scrolled .whb-header .whb-general-header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px) saturate(145%);box-shadow:0 10px 34px rgba(16,33,61,.08)}

/* HOME — stacked course cards, inspired by premium Webflow scroll storytelling. */
@media (min-width:821px){
  .home .learnaro-landing .lr-course-intro{align-items:start}
  .home .learnaro-landing .lr-course-side{top:124px}
  .home .learnaro-landing .lr-course-grid{display:block;position:relative;padding-bottom:34px}
  .home .learnaro-landing .lr-course-grid>.lr-course{position:sticky;margin:0 0 26px;min-height:292px;overflow:hidden;transform-origin:center top;box-shadow:0 20px 48px rgba(16,33,61,.09);transition:box-shadow .28s ease,border-color .28s ease,transform .32s var(--lr-motion-ease);will-change:transform}
  .home .learnaro-landing .lr-course-grid>.lr-course:nth-child(1){top:112px;z-index:21}.home .learnaro-landing .lr-course-grid>.lr-course:nth-child(2){top:124px;z-index:22}.home .learnaro-landing .lr-course-grid>.lr-course:nth-child(3){top:136px;z-index:23}.home .learnaro-landing .lr-course-grid>.lr-course:nth-child(4){top:148px;z-index:24}.home .learnaro-landing .lr-course-grid>.lr-course:nth-child(5){top:160px;z-index:25}.home .learnaro-landing .lr-course-grid>.lr-course:nth-child(6){top:172px;z-index:26}.home .learnaro-landing .lr-course-grid>.lr-course:nth-child(n+7){top:184px;z-index:27}
  .home .learnaro-landing .lr-course-grid>.lr-course:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(16,33,61,.018));opacity:.8}
  .home .learnaro-landing .lr-course-grid>.lr-course:hover{border-color:#9dbaf0;box-shadow:0 28px 64px rgba(16,33,61,.13);transform:translateY(-3px)}
}

/* PRODUCT FUNNEL — curriculum becomes a tactile stacked module story. */
@media (min-width:821px){
  .single-product .lrp-funnel .lrp-module-list{display:block;position:relative;padding-bottom:30px}
  .single-product .lrp-funnel .lrp-module-list>.lrp-module{position:sticky;margin:0 0 18px;min-height:126px;background:rgba(19,40,72,.96);backdrop-filter:blur(14px);transform-origin:center top;box-shadow:0 22px 56px rgba(0,0,0,.13);transition:border-color .28s ease,background .28s ease,transform .32s var(--lr-motion-ease);will-change:transform}
  .single-product .lrp-funnel .lrp-module-list>.lrp-module:nth-child(1){top:112px;z-index:21}.single-product .lrp-funnel .lrp-module-list>.lrp-module:nth-child(2){top:124px;z-index:22}.single-product .lrp-funnel .lrp-module-list>.lrp-module:nth-child(3){top:136px;z-index:23}.single-product .lrp-funnel .lrp-module-list>.lrp-module:nth-child(4){top:148px;z-index:24}.single-product .lrp-funnel .lrp-module-list>.lrp-module:nth-child(5){top:160px;z-index:25}.single-product .lrp-funnel .lrp-module-list>.lrp-module:nth-child(6){top:172px;z-index:26}.single-product .lrp-funnel .lrp-module-list>.lrp-module:nth-child(n+7){top:184px;z-index:27}
  .single-product .lrp-funnel .lrp-module-list>.lrp-module:hover{border-color:rgba(122,217,255,.35);background:rgba(21,46,82,.98);transform:translateY(-3px)}
}

/* Subtle depth on key cards rather than animating everything. */
.lr-motion-ready .lr-benefit,.lr-motion-ready .lr-how-card,.lr-motion-ready .lrp-benefit-card,.lr-motion-ready .lrp-outcome-grid>div,.lr-motion-ready .lrp-price-card,.lr-motion-ready .lrp-trust-card,.lr-motion-ready .lrp-risk-card{backface-visibility:hidden}
.lr-motion-ready .lr-benefit:hover,.lr-motion-ready .lr-how-card:hover,.lr-motion-ready .lrp-benefit-card:hover,.lr-motion-ready .lrp-outcome-grid>div:hover{transform:translate3d(0,-6px,0);box-shadow:0 24px 56px rgba(16,33,61,.11)}

/* Images float almost imperceptibly for a polished, non-gimmicky feel. */
@media (hover:hover) and (pointer:fine){
  .lr-motion-ready .lr-hero-card,.lr-motion-ready .lrp-device-main{transition:transform .25s var(--lr-motion-ease);will-change:transform}
}

/* Mobile and tablet: no sticky stacks — cards flow naturally and remain fast. */
@media (max-width:820px){
  :root{--lr-stack-top:84px}
  .home .learnaro-landing .lr-course-grid>.lr-course,.single-product .lrp-funnel .lrp-module-list>.lrp-module{position:relative!important;top:auto!important;transform:none!important;z-index:auto!important}
  .lr-motion-ready .lr-reveal{transform:translate3d(0,18px,0);transition-duration:.55s,.62s}
}

@media (max-width:620px){
  .lr-motion-ready .lr-reveal{transform:translate3d(0,14px,0)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .lr-motion-ready .lr-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .lr-stack-card{transform:none!important;transition:none!important}
  .lr-hero-card,.lrp-device-main{transform:none!important;transition:none!important}
}