/* LevelUp final mobile polish — 2026-09-07 */
.package-card__monthly{display:none}
.faq-item__clip p{white-space:pre-line}

@media (max-width:820px){
  /* Header: logo + CTA + real burger navigation */
  .nav-wrap .nav{grid-template-columns:1fr auto auto!important;column-gap:5px!important}
  .nav-wrap .nav-actions{display:none!important}
  .nav-wrap .menu-button{display:grid!important;grid-column:3!important;width:40px!important;height:40px!important;margin-left:1px!important;border-radius:12px!important;border-color:rgba(255,255,255,.09)!important;background:rgba(255,255,255,.035)!important}
  .nav-wrap .nav-links{display:grid!important}
  .mobile-top-cta{grid-column:2!important;padding:0 12px!important}

  /* App section ~15–20% tighter without shrinking headline */
  section.app-demo[data-app-demo]{min-height:0!important;padding:58px var(--mobile-gutter) 64px!important}
  section.app-demo[data-app-demo] .app-demo__layout{gap:16px!important}
  section.app-demo[data-app-demo] .app-demo__nav{margin-top:18px!important}
  section.app-demo[data-app-demo] .app-demo__stage{min-height:540px!important}
  section.app-demo[data-app-demo] .app-demo__device{width:min(78vw,310px)!important}
  section.app-demo[data-app-demo] .app-demo__promise{margin-top:12px!important}

  /* Slightly tighter section rhythm */
  section.transformations{padding-top:60px!important;padding-bottom:68px!important}
  section.process{padding:60px var(--mobile-gutter) 68px!important}
  section.packages[data-packages]{padding:60px var(--mobile-gutter) 68px!important}
  section.trainers{padding:60px var(--mobile-gutter) 68px!important}
  section.reviews-showcase[data-reviews-showcase]{padding:60px var(--mobile-gutter) 68px!important}
  section.faq{padding:60px var(--mobile-gutter) 68px!important}
  section.apply[data-apply]{padding:60px var(--mobile-gutter) 66px!important}

  /* More readable secondary copy */
  section.app-demo[data-app-demo] .app-demo__lead,
  section.process .process__story p,
  section.process .process-step__copy p,
  section.process .process-step li,
  section.packages[data-packages] .packages__intro p,
  section.packages[data-packages] .package-card>p,
  section.trainers .trainers__story p,
  section.trainers .trainer-mobile-description,
  section.reviews-showcase[data-reviews-showcase] .reviews-showcase__story p,
  section.faq .faq__story p,
  section.faq .faq-item__clip p,
  section.apply[data-apply] .apply__story p,
  section.apply[data-apply] .apply-next-step p{color:#aaa79f!important}

  /* Packages: monthly price visible and bestseller centered on first view */
  section.packages[data-packages] .package-card__monthly{display:block!important;margin-top:7px!important;color:#d9b66f!important;font-size:.7rem!important;font-weight:800!important;letter-spacing:-.01em!important}
  section.packages[data-packages] .package-card{scroll-snap-stop:always}

  /* Cooperation swipe affordance */
  section.process .process__swipe-hint{display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;gap:8px 12px!important;align-items:center!important;margin:2px 0 13px!important;padding:11px 12px!important;border:1px solid rgba(217,182,111,.18)!important;border-radius:14px!important;background:linear-gradient(100deg,rgba(217,182,111,.07),rgba(255,255,255,.015))!important}
  section.process .process__swipe-copy{display:grid;gap:2px}
  section.process .process__swipe-copy small{color:#a9894f;font-size:.46rem;font-weight:880;letter-spacing:.12em}
  section.process .process__swipe-copy strong{color:#d8d3ca;font-size:.67rem;line-height:1.25}
  section.process .process__swipe-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(217,182,111,.24);border-radius:50%;color:#deb967;font-size:1rem;font-style:normal;animation:levelupSwipeArrow 1.35s ease-in-out infinite}
  section.process .process__swipe-dots{grid-column:1/-1;display:flex;gap:5px;align-items:center}
  section.process .process__swipe-dots span{width:5px;height:5px;border-radius:999px;background:rgba(255,255,255,.14);transition:width .22s ease,background .22s ease}
  section.process .process__swipe-dots span.is-active{width:20px;background:#d5ad61}
  @keyframes levelupSwipeArrow{0%,100%{transform:translateX(-2px)}50%{transform:translateX(4px)}}

  /* Facebook + Google cards side by side, no swipe */
  section.reviews-showcase[data-reviews-showcase] .review-platforms{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
  section.reviews-showcase[data-reviews-showcase] .review-platform{min-width:0!important;min-height:128px!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;align-items:start!important;gap:8px 9px!important;padding:12px 10px!important;border-radius:16px!important;transform:none!important;opacity:1!important}
  section.reviews-showcase[data-reviews-showcase] .review-platform__icon{width:36px!important;height:36px!important;border-radius:10px!important}
  section.reviews-showcase[data-reviews-showcase] .review-platform__copy{min-width:0!important;gap:2px!important}
  section.reviews-showcase[data-reviews-showcase] .review-platform__copy small{font-size:.47rem!important}
  section.reviews-showcase[data-reviews-showcase] .review-platform__copy strong{display:grid!important;gap:2px!important}
  section.reviews-showcase[data-reviews-showcase] .review-platform__copy strong b{font-size:.92rem!important;line-height:1.05!important;overflow-wrap:anywhere}
  section.reviews-showcase[data-reviews-showcase] .review-platform__copy strong span{font-size:.55rem!important}
  section.reviews-showcase[data-reviews-showcase] .review-platform__copy p{font-size:.57rem!important;line-height:1.32!important}
  section.reviews-showcase[data-reviews-showcase] .review-platform__link{display:none!important}

  /* Form follow-up info */
  section.apply[data-apply] .apply-next-step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;margin-top:19px;padding:13px;border:1px solid rgba(217,182,111,.13);border-radius:14px;background:linear-gradient(120deg,rgba(217,182,111,.045),rgba(255,255,255,.012))}
  section.apply[data-apply] .apply-next-step__icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(217,182,111,.25);border-radius:10px;color:#d9b66f;font-size:.52rem;font-weight:850;letter-spacing:.08em}
  section.apply[data-apply] .apply-next-step strong{display:block;color:#ddd9d1;font-size:.76rem}
  section.apply[data-apply] .apply-next-step p{margin:5px 0 0;font-size:.66rem;line-height:1.45}
}

@media (max-width:380px){
  .mobile-top-cta{padding:0 10px!important;font-size:.64rem!important}
  .nav-wrap .brand-name{font-size:.7rem!important;letter-spacing:.05em!important}
  section.reviews-showcase[data-reviews-showcase] .review-platform{grid-template-columns:30px minmax(0,1fr)!important;padding:10px 8px!important}
  section.reviews-showcase[data-reviews-showcase] .review-platform__icon{width:30px!important;height:30px!important}
  section.reviews-showcase[data-reviews-showcase] .review-platform__copy strong b{font-size:.82rem!important}
}

@media (max-width:820px) and (prefers-reduced-motion:reduce){
  section.process .process__swipe-arrow{animation:none!important}
}

/* LevelUp mobile visual polish v3 — tighter rhythm + app stage dividers */
@media (max-width:820px){
  /* Kill the oversized dead space between mobile sections. */
  section.app-demo[data-app-demo]{padding:48px var(--mobile-gutter) 46px!important}
  section.transformations{padding-top:46px!important;padding-bottom:42px!important}
  section.process{padding:46px var(--mobile-gutter) 48px!important}
  section.packages[data-packages]{padding:46px var(--mobile-gutter) 50px!important}
  section.trainers{padding:46px var(--mobile-gutter) 42px!important}
  section.reviews-showcase[data-reviews-showcase]{padding:46px var(--mobile-gutter) 48px!important}
  section.faq{padding:46px var(--mobile-gutter) 48px!important}
  section.apply[data-apply]{padding:46px var(--mobile-gutter) 52px!important}

  section.transformations .section-head,
  section.process .process__head{margin-bottom:19px!important}
  section.transformations .transformations-cta{margin-top:12px!important;padding-top:14px!important}
  section.trainers .trainers__principle{margin-top:8px!important}

  /* Compact player row so the phone starts closer to the stage selector. */
  section.app-demo[data-app-demo] .app-demo__player{
    grid-template-columns:28px minmax(0,1fr) auto!important;
    gap:8px!important;
    margin-top:5px!important;
  }
  section.app-demo[data-app-demo] .app-demo__player-label{display:none!important}
  section.app-demo[data-app-demo] .app-demo__play{width:28px!important;height:28px!important}
  section.app-demo[data-app-demo] .app-demo__stage{min-height:518px!important}
}



/* v4 — restore original app tabs; turn the bottom promise card into a compact divider */
@media (max-width:820px){
  section.app-demo[data-app-demo] .app-demo__promise.app-demo__promise--divider{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    width:100%!important;
    margin:10px auto 0!important;
    padding:8px 2px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title{
    display:grid!important;
    grid-template-columns:minmax(28px,1fr) auto minmax(28px,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>span{
    display:block!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(217,182,111,.28))!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>span:last-child{
    background:linear-gradient(90deg,rgba(217,182,111,.28),transparent)!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>strong{
    color:#d7b568!important;
    font-size:.62rem!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>p{
    margin:0!important;
    padding:0 18px!important;
    color:#807e78!important;
    font-size:.59rem!important;
    line-height:1.42!important;
    text-align:center!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>span{display:none!important}
}

@media (max-width:390px){
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title{gap:7px!important}
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>strong{font-size:.56rem!important;letter-spacing:.04em!important}
  section.app-demo[data-app-demo] .app-demo__promise--divider>p{padding:0 8px!important;font-size:.57rem!important}
}

/* v5 — give mobile app tabs breathing room; strengthen compact promise divider */
@media (max-width:820px){
  /* Horizontal tab rail was clipping the rounded card tops. Keep scroll, add vertical breathing room. */
  section.app-demo[data-app-demo] .app-demo__nav{
    margin-top:18px!important;
    padding:8px 0 9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  section.app-demo[data-app-demo] .app-demo__tab{
    min-height:46px!important;
  }

  /* Still compact, but no longer visually tiny after removing the old card. */
  section.app-demo[data-app-demo] .app-demo__promise.app-demo__promise--divider{
    gap:9px!important;
    margin:13px auto 0!important;
    padding:11px 0 4px!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title{
    grid-template-columns:minmax(42px,1fr) auto minmax(42px,1fr)!important;
    gap:11px!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>span{
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(217,182,111,.42))!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>span:last-child{
    background:linear-gradient(90deg,rgba(217,182,111,.42),transparent)!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>strong{
    font-size:.72rem!important;
    line-height:1.08!important;
    letter-spacing:.06em!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>p{
    padding:0 12px!important;
    color:#918f89!important;
    font-size:.64rem!important;
    line-height:1.48!important;
  }
}

@media (max-width:390px){
  section.app-demo[data-app-demo] .app-demo__nav{padding-top:7px!important}
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title{
    grid-template-columns:minmax(30px,1fr) auto minmax(30px,1fr)!important;
    gap:8px!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>strong{
    font-size:.66rem!important;
    letter-spacing:.045em!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>p{
    font-size:.61rem!important;
  }
}


/* v6 — cleaner transformations CTA + swipe cue directly on the cooperation card */
.transformations-cta__eyebrow{display:none}

@media (max-width:820px){
  /* Transformations: remove the "AI card/button" feeling. Make it a calm editorial divider. */
  section.transformations .transformations-cta.transformations-cta--clean{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:8px!important;
    margin-top:13px!important;
    padding:13px 0 0!important;
    border-top:0!important;
    text-align:center!important;
  }
  section.transformations .transformations-cta__eyebrow{
    display:grid!important;
    grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
  }
  section.transformations .transformations-cta__eyebrow>span{
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(217,182,111,.38))!important;
  }
  section.transformations .transformations-cta__eyebrow>span:last-child{
    background:linear-gradient(90deg,rgba(217,182,111,.38),transparent)!important;
  }
  section.transformations .transformations-cta__eyebrow>strong{
    color:#d8b66c!important;
    font-size:.68rem!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.075em!important;
  }
  section.transformations .transformations-cta.transformations-cta--clean>p{
    max-width:340px!important;
    margin:1px auto 0!important;
    color:#97958f!important;
    font-size:.67rem!important;
    line-height:1.5!important;
    text-align:center!important;
  }
  section.transformations .transformations-cta.transformations-cta--clean>a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:auto!important;
    min-height:0!important;
    margin:1px auto 0!important;
    padding:5px 2px 3px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#e0bb68!important;
    font-size:.72rem!important;
    font-weight:850!important;
    text-decoration:none!important;
  }
  section.transformations .transformations-cta.transformations-cta--clean>a>span{
    font-size:.86rem!important;
    transition:transform .2s ease!important;
  }
  section.transformations .transformations-cta.transformations-cta--clean>a:active>span{
    transform:translate(2px,-2px)!important;
  }

  /* Cooperation: old bottom hint stays in DOM for legacy JS, but is visually gone. */
  section.process .process__swipe-hint{
    display:none!important;
  }

  /* The hint lives ON the first card and disappears after a short onboarding cue. */
  section.process .process-step:first-child{
    overflow:hidden!important;
  }
  section.process .process-step__swipe-prompt{
    position:absolute!important;
    z-index:12!important;
    left:50%!important;
    top:54%!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:max-content!important;
    pointer-events:none!important;
    opacity:0!important;
    transform:translate(-50%,-50%) scale(.98)!important;
    color:#ebc979!important;
    font-size:.73rem!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.035em!important;
    text-shadow:0 2px 14px #000,0 0 20px rgba(217,182,111,.18)!important;
  }
  section.process .process-step__swipe-prompt::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    inset:-19px -26px!important;
    background:radial-gradient(ellipse at center,rgba(6,7,8,.94) 0%,rgba(6,7,8,.78) 42%,rgba(6,7,8,0) 74%)!important;
    filter:blur(2px)!important;
  }
  section.process .process-step__swipe-prompt i{
    color:#d9b66f!important;
    font-size:1rem!important;
    font-style:normal!important;
    line-height:1!important;
  }

  section.process.is-swipe-cue .process-step__swipe-prompt{
    animation:levelupSwipePromptV6 3.8s ease both!important;
  }
  section.process.is-swipe-cue .process-step:first-child.is-visible{
    animation:levelupCardNudgeV6 3.8s cubic-bezier(.22,.72,.22,1) both!important;
  }

  @keyframes levelupSwipePromptV6{
    0%,8%,100%{opacity:0;transform:translate(-50%,-50%) scale(.98)}
    14%{opacity:1;transform:translate(-50%,-50%) scale(1)}
    23%{opacity:.25}
    31%{opacity:1}
    40%{opacity:.25}
    48%,63%{opacity:1}
    78%{opacity:0}
  }
  @keyframes levelupCardNudgeV6{
    0%,28%,72%,100%{transform:translateX(0) scale(1)}
    43%{transform:translateX(-13px) scale(.996)}
    58%{transform:translateX(4px) scale(1)}
  }
}

@media (max-width:390px){
  section.transformations .transformations-cta__eyebrow{
    grid-template-columns:minmax(34px,1fr) auto minmax(34px,1fr)!important;
    gap:8px!important;
  }
  section.transformations .transformations-cta__eyebrow>strong{font-size:.63rem!important}
  section.transformations .transformations-cta.transformations-cta--clean>p{font-size:.64rem!important;padding:0 8px!important}
  section.process .process-step__swipe-prompt{font-size:.69rem!important}
}

@media (max-width:820px) and (prefers-reduced-motion:reduce){
  section.process .process-step__swipe-prompt{display:none!important}
  section.process.is-swipe-cue .process-step:first-child.is-visible{animation:none!important}
}


/* v7 — mobile cooperation card 00 onboarding */
section.process .process-step--zero{display:none!important}

@media (max-width:820px){
  /* The old bottom instruction stays removed. Card 00 is the instruction. */
  section.process .process__swipe-hint{display:none!important}
  section.process .process-step__swipe-prompt{display:none!important}

  section.process .process-step--zero,
  section.process .process-step--zero:nth-child(odd),
  section.process .process-step--zero:nth-child(2n){
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    opacity:1!important;
    overflow:hidden!important;
    min-height:420px!important;
    padding:28px 24px!important;
    transform:none!important;
    background:
      radial-gradient(280px circle at 50% 48%,rgba(217,182,111,.095),transparent 66%),
      linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
    border-color:rgba(217,182,111,.27)!important;
  }
  section.process .process-step--zero::before{
    opacity:.7!important;
    background:radial-gradient(300px circle at 50% 48%,rgba(229,191,103,.12),rgba(217,182,111,.035) 38%,transparent 70%)!important;
  }

  section.process .process-zero__content{
    width:100%!important;
    max-width:300px!important;
    text-align:center!important;
    display:grid!important;
    justify-items:center!important;
    gap:0!important;
    position:relative!important;
    z-index:2!important;
  }
  section.process .process-zero__no{
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    margin-bottom:19px!important;
    border:1px solid rgba(217,182,111,.27)!important;
    border-radius:13px!important;
    background:rgba(217,182,111,.035)!important;
    color:#a9894f!important;
    font-size:.56rem!important;
    font-weight:900!important;
    letter-spacing:.14em!important;
    box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.25)!important;
  }
  section.process .process-zero__content small{
    color:#9d804a!important;
    font-size:.49rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.15em!important;
  }
  section.process .process-zero__content h3{
    margin:12px 0 5px!important;
    color:#f0ece4!important;
    font-size:1.72rem!important;
    line-height:1!important;
    font-weight:760!important;
    letter-spacing:-.045em!important;
  }
  section.process .process-zero__content p{
    max-width:255px!important;
    margin:14px 0 0!important;
    color:#8f908a!important;
    font-size:.72rem!important;
    line-height:1.48!important;
  }
  section.process .process-zero__arrows{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    height:46px!important;
    margin:5px 0 -2px!important;
    color:#deb967!important;
    font-size:2.12rem!important;
    line-height:1!important;
    font-weight:300!important;
    letter-spacing:-.18em!important;
    transform:translateX(-3px)!important;
  }
  section.process .process-zero__arrows span{
    display:block!important;
    opacity:.16!important;
    filter:drop-shadow(0 0 0 rgba(217,182,111,0))!important;
    animation:levelupZeroArrowV7 1.55s ease-in-out infinite!important;
  }
  section.process .process-zero__arrows span:nth-child(2){animation-delay:.12s!important}
  section.process .process-zero__arrows span:nth-child(3){animation-delay:.24s!important}
  section.process .process-zero__arrows span:nth-child(4){animation-delay:.36s!important}
  section.process .process-zero__arrows span:nth-child(5){animation-delay:.48s!important}

  section.process .process-step--zero.is-swipe-active{
    animation:levelupZeroCardNudgeV7 3.25s cubic-bezier(.2,.72,.2,1) 1.05s infinite!important;
  }

  @keyframes levelupZeroArrowV7{
    0%,20%,100%{opacity:.14;transform:translateX(0) scale(.96);filter:drop-shadow(0 0 0 rgba(217,182,111,0))}
    42%{opacity:1;transform:translateX(4px) scale(1.03);filter:drop-shadow(0 0 9px rgba(217,182,111,.42))}
    66%{opacity:.3;transform:translateX(7px) scale(.98)}
  }
  @keyframes levelupZeroCardNudgeV7{
    0%,64%,100%{transform:translateX(0)!important}
    75%{transform:translateX(-7px)!important}
    84%{transform:translateX(2px)!important}
    92%{transform:translateX(0)!important}
  }
}

@media (max-width:390px){
  section.process .process-zero__content h3{font-size:1.58rem!important}
  section.process .process-zero__arrows{font-size:1.94rem!important}
}

@media (max-width:820px) and (prefers-reduced-motion:reduce){
  section.process .process-zero__arrows span,
  section.process .process-step--zero.is-swipe-active{animation:none!important}
  section.process .process-zero__arrows span{opacity:.8!important}
}


/* v8 — swipe icon on card 00 + trainers principle as a clean divider */
@media (max-width:820px){
  /* Card 00: icon instead of the technical-looking "00" badge. */
  section.process .process-zero__no{display:none!important}
  section.process .process-zero__gesture{
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    height:48px!important;
    margin-bottom:18px!important;
    border:1px solid rgba(217,182,111,.28)!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,rgba(217,182,111,.075),rgba(255,255,255,.018))!important;
    color:#d9b66f!important;
    box-shadow:inset 0 1px rgba(255,255,255,.045),0 12px 30px rgba(0,0,0,.24)!important;
  }
  section.process .process-zero__gesture svg{
    width:23px!important;
    height:23px!important;
    filter:drop-shadow(0 0 8px rgba(217,182,111,.16))!important;
  }

  /* Trainers: same visual language as the earlier thin gold dividers — no heavy card. */
  section.trainers .trainers__principle{
    position:relative!important;
    display:block!important;
    margin:13px 0 0!important;
    padding:17px 6px 2px!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    text-align:center!important;
  }
  section.trainers .trainers__principle>span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%!important;
    margin:0 auto 12px!important;
    color:#d8b467!important;
    font-size:.58rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.105em!important;
    white-space:nowrap!important;
  }
  section.trainers .trainers__principle>span::before,
  section.trainers .trainers__principle>span::after{
    content:""!important;
    display:block!important;
    flex:1 1 0!important;
    max-width:72px!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(217,182,111,.38))!important;
  }
  section.trainers .trainers__principle>span::after{
    background:linear-gradient(90deg,rgba(217,182,111,.38),transparent)!important;
  }
  section.trainers .trainers__principle>strong{
    display:block!important;
    margin:0 auto!important;
    color:#ece8df!important;
    font-size:1.02rem!important;
    line-height:1.16!important;
    font-weight:760!important;
    letter-spacing:-.025em!important;
  }
  section.trainers .trainers__principle>p{
    max-width:330px!important;
    margin:7px auto 0!important;
    color:#969790!important;
    font-size:.69rem!important;
    line-height:1.48!important;
  }
}

@media (max-width:390px){
  section.trainers .trainers__principle>span{font-size:.54rem!important;gap:8px!important}
  section.trainers .trainers__principle>span::before,
  section.trainers .trainers__principle>span::after{max-width:50px!important}
  section.trainers .trainers__principle>strong{font-size:.96rem!important}
  section.trainers .trainers__principle>p{font-size:.66rem!important;padding:0 4px!important}
}

/* v9 — optical centering for card 00 + desktop editorial dividers */
@media (max-width:820px){
  section.process .process-step--zero,
  section.process .process-step--zero:nth-child(odd),
  section.process .process-step--zero:nth-child(2n){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:420px!important;
    padding:26px 24px!important;
  }
  section.process .process-zero__content{
    align-self:center!important;
    justify-self:center!important;
    margin:auto 0!important;
    transform:translateY(8px)!important;
  }
}

@media (min-width:821px){
  /* App demo promise: remove the full-width capsule; use the same calm divider language as mobile. */
  section.app-demo[data-app-demo] .app-demo__promise.app-demo__promise--divider{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:10px!important;
    width:min(880px,72vw)!important;
    margin:28px auto 0!important;
    padding:10px 0 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title{
    display:grid!important;
    grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr)!important;
    align-items:center!important;
    gap:15px!important;
    width:100%!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>span{
    display:block!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(217,182,111,.38))!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>span:last-child{
    background:linear-gradient(90deg,rgba(217,182,111,.38),transparent)!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>strong{
    color:#d8b66c!important;
    font-size:.76rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>p{
    max-width:660px!important;
    margin:0 auto!important;
    color:#96958f!important;
    font-size:.78rem!important;
    line-height:1.55!important;
    text-align:center!important;
  }

  /* Transformations CTA: centered editorial ending instead of a wide left/right utility row. */
  section.transformations .transformations-cta.transformations-cta--clean{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:10px!important;
    width:min(980px,76vw)!important;
    min-height:0!important;
    margin:32px auto 0!important;
    padding:15px 0 4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
  }
  section.transformations .transformations-cta__eyebrow{
    display:grid!important;
    grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr)!important;
    align-items:center!important;
    gap:15px!important;
    width:100%!important;
  }
  section.transformations .transformations-cta__eyebrow>span{
    display:block!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(217,182,111,.38))!important;
  }
  section.transformations .transformations-cta__eyebrow>span:last-child{
    background:linear-gradient(90deg,rgba(217,182,111,.38),transparent)!important;
  }
  section.transformations .transformations-cta__eyebrow>strong{
    color:#d8b66c!important;
    font-size:.76rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    white-space:nowrap!important;
  }
  section.transformations .transformations-cta.transformations-cta--clean>p{
    max-width:690px!important;
    margin:0 auto!important;
    color:#999892!important;
    font-size:.8rem!important;
    line-height:1.55!important;
    text-align:center!important;
  }
  section.transformations .transformations-cta.transformations-cta--clean>a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:auto!important;
    min-height:0!important;
    margin:1px auto 0!important;
    padding:6px 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#e0bb68!important;
    font-size:.82rem!important;
    font-weight:850!important;
    text-decoration:none!important;
  }

  /* Trainers principle: same divider system, no giant horizontal badge. */
  section.trainers .trainers__principle{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:9px!important;
    width:min(980px,76vw)!important;
    margin:28px auto 0!important;
    padding:14px 0 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
  }
  section.trainers .trainers__principle>span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:15px!important;
    width:100%!important;
    color:#d8b66c!important;
    font-size:.72rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.085em!important;
    white-space:nowrap!important;
  }
  section.trainers .trainers__principle>span::before,
  section.trainers .trainers__principle>span::after{
    content:""!important;
    display:block!important;
    flex:1 1 0!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(217,182,111,.38))!important;
  }
  section.trainers .trainers__principle>span::after{
    background:linear-gradient(90deg,rgba(217,182,111,.38),transparent)!important;
  }
  section.trainers .trainers__principle>strong{
    display:block!important;
    margin:1px auto 0!important;
    color:#ece8df!important;
    font-size:1.08rem!important;
    line-height:1.2!important;
    font-weight:760!important;
    letter-spacing:-.025em!important;
  }
  section.trainers .trainers__principle>p{
    max-width:720px!important;
    margin:0 auto!important;
    color:#969790!important;
    font-size:.78rem!important;
    line-height:1.55!important;
    text-align:center!important;
  }
}

/* v10 — horizontally center onboarding card 00 in the mobile viewport */
@media (max-width:820px){
  section.process .process-step--zero,
  section.process .process-step--zero:nth-child(odd),
  section.process .process-step--zero:nth-child(2n){
    position:relative!important;
    left:15px!important;
  }
}
@media (max-width:390px){
  section.process .process-step--zero,
  section.process .process-step--zero:nth-child(odd),
  section.process .process-step--zero:nth-child(2n){
    left:13px!important;
  }
}

/* v11 — keep onboarding card optically centered without clipping right edge */
@media (max-width:820px){
  section.process .process-step--zero,
  section.process .process-step--zero:nth-child(odd),
  section.process .process-step--zero:nth-child(2n){
    left:8px!important;
  }
}
@media (max-width:390px){
  section.process .process-step--zero,
  section.process .process-step--zero:nth-child(odd),
  section.process .process-step--zero:nth-child(2n){
    left:6px!important;
  }
}


/* v13 — ONLY fix the horizontal start position of card 00.
   Center the whole card in the mobile process viewport; no size/typography/height changes. */
@media (max-width:820px){
  section.process .process-step--zero,
  section.process .process-step--zero:nth-child(odd),
  section.process .process-step--zero:nth-child(2n){
    left:0!important;
    width:calc(100% - 18px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-self:center!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:390px){
  section.process .process-step--zero,
  section.process .process-step--zero:nth-child(odd),
  section.process .process-step--zero:nth-child(2n){
    left:0!important;
    width:calc(100% - 14px)!important;
  }
}

/* v14 — center the process carousel itself, not card 00.
   The mobile scroller spans the viewport, while cards are 88vw wide.
   Equal dynamic side padding makes the first snapped card truly centered. */
@media (max-width:820px){
  section.process .process__steps{
    --process-card-edge: max(var(--mobile-gutter), calc((100vw - min(88vw, 380px)) / 2));
    padding-left:var(--process-card-edge)!important;
    padding-right:var(--process-card-edge)!important;
    scroll-padding-left:var(--process-card-edge)!important;
    scroll-padding-right:var(--process-card-edge)!important;
  }
  section.process .process-step--zero,
  section.process .process-step--zero:nth-child(odd),
  section.process .process-step--zero:nth-child(2n){
    left:0!important;
    width:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    justify-self:auto!important;
  }
}

/* v15 — final micro-adjustment: shift the mobile process carousel 6px to the right. */
@media (max-width:820px){
  section.process .process__steps{
    padding-left:calc(var(--process-card-edge) + 6px)!important;
    padding-right:max(0px, calc(var(--process-card-edge) - 6px))!important;
    scroll-padding-left:calc(var(--process-card-edge) + 6px)!important;
    scroll-padding-right:max(0px, calc(var(--process-card-edge) - 6px))!important;
  }
}

/* v16 — final +2px micro-adjustment from v15 (8px total to the right). */
@media (max-width:820px){
  section.process .process__steps{
    padding-left:calc(var(--process-card-edge) + 8px)!important;
    padding-right:max(0px, calc(var(--process-card-edge) - 8px))!important;
    scroll-padding-left:calc(var(--process-card-edge) + 8px)!important;
    scroll-padding-right:max(0px, calc(var(--process-card-edge) - 8px))!important;
  }
}

/* v19 — neutral black / cool graphite page palette.
   Background-only change. No olive, brown or warm tint. */
:root{
  --levelup-page-bg:#111315;
  --levelup-page-bg-deep:#0b0c0e;
  --levelup-page-bg-alt:#15171a;
  --levelup-page-bg-soft:#191b1e;
}

html,
body,
main{
  background-color:var(--levelup-page-bg)!important;
}

/* Pure black/grey rhythm between sections. */
section.hero{
  background-color:#0b0c0e!important;
  background-image:linear-gradient(180deg,#0a0b0d 0%,#101214 100%)!important;
}
section.app-demo{
  background-color:#15171a!important;
  background-image:linear-gradient(180deg,#141619 0%,#17191c 100%)!important;
}
section.transformations{
  background-color:#101214!important;
}
section.process{
  background-color:#181a1d!important;
  background-image:linear-gradient(180deg,#16181b 0%,#1a1c1f 100%)!important;
}
section.packages{
  background-color:#121416!important;
  background-image:linear-gradient(180deg,#111315 0%,#15171a 100%)!important;
}
section.trainers{
  background-color:#181a1d!important;
}
section.reviews-showcase,
section.video-reel,
section.quotes-stream{
  background-color:#141619!important;
}
section.faq{
  background-color:#181a1d!important;
}
section.apply{
  background-color:#0e1012!important;
  background-image:linear-gradient(180deg,#121416 0%,#0b0c0e 100%)!important;
}

/* Keep ambient background neutral grey — gold remains only in UI accents. */
.motion-bg-field{
  background:
    radial-gradient(58vw 46vw at 12% 24%,rgba(255,255,255,.025),transparent 70%),
    radial-gradient(52vw 44vw at 88% 66%,rgba(148,153,160,.022),transparent 72%)!important;
}
.motion-bg-vignette{opacity:.48!important}

.nav-wrap{
  background-color:rgba(9,10,12,.9)!important;
}

@media (max-width:820px){
  section.hero{background:#0c0d0f!important}
  section.app-demo{background:#16181b!important}
  section.transformations{background:#111315!important}
  section.process{background:#191b1e!important}
  section.packages{background:#131517!important}
  section.trainers{background:#191b1e!important}
  section.reviews-showcase,
  section.video-reel,
  section.quotes-stream{background:#15171a!important}
  section.faq{background:#181a1d!important}
  section.apply{background:#0e1012!important}
}

/* v20 — pure black canvas + subtle neutral-grey particles.
   Background-only change: one continuous black surface across the whole site. */
:root{
  --levelup-page-bg:#050505;
  --levelup-page-bg-deep:#050505;
  --levelup-page-bg-alt:#050505;
  --levelup-page-bg-soft:#050505;
}

html,
body,
main{
  background:#050505!important;
}

/* One uninterrupted black background across every page section. */
main > section,
section.hero,
section.app-demo,
section.transformations,
section.process,
section.packages,
section.trainers,
section.reviews-showcase,
section.video-reel,
section.quotes-stream,
section.faq,
section.apply{
  background-color:#050505!important;
  background-image:
    radial-gradient(circle,rgba(196,200,204,.105) 0 1px,transparent 1.35px),
    radial-gradient(circle,rgba(132,137,143,.07) 0 .85px,transparent 1.25px),
    radial-gradient(circle,rgba(224,226,229,.045) 0 .7px,transparent 1.1px)!important;
  background-size:113px 113px,167px 167px,241px 241px!important;
  background-position:19px 31px,72px 96px,128px 41px!important;
  background-attachment:fixed!important;
}

/* Kill the previous coloured ambient field; particles are the only page-background texture. */
.motion-bg-field{
  background:none!important;
}
.motion-bg-haze,
.motion-bg-wave,
.motion-bg-grid{
  opacity:0!important;
  visibility:hidden!important;
}
.motion-bg-vignette{
  opacity:.22!important;
}

/* Keep ambient section glows from tinting the new black/grey background. */
.packages__ambient,
.reviews-wall__ambient,
.apply__glow,
.process-glow,
.trainers__glow,
.app-demo__ambient{
  opacity:.08!important;
  filter:grayscale(1)!important;
}

.nav-wrap{
  background-color:rgba(5,5,5,.92)!important;
}

@media (max-width:820px){
  main > section,
  section.hero,
  section.app-demo,
  section.transformations,
  section.process,
  section.packages,
  section.trainers,
  section.reviews-showcase,
  section.video-reel,
  section.quotes-stream,
  section.faq,
  section.apply{
    background-color:#050505!important;
    background-image:
      radial-gradient(circle,rgba(196,200,204,.10) 0 .9px,transparent 1.25px),
      radial-gradient(circle,rgba(136,141,147,.065) 0 .75px,transparent 1.15px),
      radial-gradient(circle,rgba(224,226,229,.04) 0 .65px,transparent 1px)!important;
    background-size:101px 101px,151px 151px,223px 223px!important;
    background-position:17px 29px,61px 88px,119px 37px!important;
    background-attachment:scroll!important;
  }
}

/* v21 — pure black canvas + animated grey particles + muted grey/gold haze.
   Visual-only background pass. Layout, cards, typography and gold UI accents stay untouched. */

html,
body{
  background:#030303!important;
}

/* Let the single ambient layer be visible through every section. */
main{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
}

main > section,
section.hero,
section.app-demo,
section.transformations,
section.process,
section.packages,
section.trainers,
section.reviews-showcase,
section.video-reel,
section.quotes-stream,
section.faq,
section.apply{
  background-color:transparent!important;
  background-image:none!important;
  background-attachment:initial!important;
  animation:none!important;
}

/* One continuous moving particle field behind the page content. */
.motion-bg-field{
  display:block!important;
  visibility:visible!important;
  position:fixed!important;
  inset:-9vh -7vw!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  opacity:1!important;
  background:
    radial-gradient(circle,rgba(202,205,210,.13) 0 1px,transparent 1.45px),
    radial-gradient(circle,rgba(132,136,142,.085) 0 .85px,transparent 1.25px),
    radial-gradient(circle,rgba(186,171,136,.050) 0 .75px,transparent 1.18px)!important;
  background-size:109px 109px,163px 163px,239px 239px!important;
  background-position:17px 29px,73px 91px,129px 43px!important;
  will-change:transform!important;
  animation:levelup-particle-drift-a 28s ease-in-out infinite alternate!important;
}

/* A second sparse layer keeps the movement from feeling like one flat sheet. */
.motion-bg-field::before{
  content:"";
  position:absolute;
  inset:-10%;
  pointer-events:none;
  background:
    radial-gradient(circle,rgba(226,228,231,.060) 0 .7px,transparent 1.12px),
    radial-gradient(circle,rgba(165,168,173,.050) 0 .8px,transparent 1.20px);
  background-size:197px 197px,281px 281px;
  background-position:31px 67px,151px 103px;
  will-change:transform;
  animation:levelup-particle-drift-b 40s linear infinite;
}

/* Grey/gold ambient haze — deliberately desaturated, like warm light through graphite fog. */
.motion-bg-haze{
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  pointer-events:none!important;
  border-radius:999px!important;
  opacity:1!important;
  filter:blur(68px)!important;
  mix-blend-mode:screen!important;
  will-change:transform,opacity!important;
}

.motion-bg-haze--a{
  width:72vw!important;
  height:11rem!important;
  left:-14vw!important;
  top:15%!important;
  background:radial-gradient(ellipse at center,
    rgba(171,159,132,.105) 0%,
    rgba(130,132,134,.080) 38%,
    rgba(84,85,87,.025) 63%,
    transparent 78%)!important;
  animation:levelup-haze-a 18s ease-in-out infinite alternate!important;
}

.motion-bg-haze--b{
  width:78vw!important;
  height:12rem!important;
  right:-22vw!important;
  top:48%!important;
  background:radial-gradient(ellipse at center,
    rgba(147,150,154,.085) 0%,
    rgba(169,154,120,.065) 34%,
    rgba(79,81,84,.022) 64%,
    transparent 80%)!important;
  animation:levelup-haze-b 23s ease-in-out infinite alternate!important;
}

.motion-bg-haze--c{
  width:84vw!important;
  height:10rem!important;
  left:8vw!important;
  bottom:5%!important;
  background:radial-gradient(ellipse at center,
    rgba(162,151,127,.075) 0%,
    rgba(123,126,130,.060) 42%,
    transparent 78%)!important;
  animation:levelup-haze-c 26s ease-in-out infinite alternate!important;
}

/* Thin travelling haze bands, similar to the soft line in the reference screenshot. */
.motion-bg-wave{
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  left:-15vw!important;
  width:130vw!important;
  height:9rem!important;
  pointer-events:none!important;
  opacity:1!important;
  filter:blur(34px)!important;
  mix-blend-mode:screen!important;
  will-change:transform,opacity!important;
}

.motion-bg-wave--a{
  top:31%!important;
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(115,117,120,.018) 34%,
    rgba(165,151,121,.060) 49%,
    rgba(139,142,146,.052) 53%,
    rgba(95,97,100,.016) 68%,
    transparent 100%)!important;
  transform:rotate(-1.2deg)!important;
  animation:levelup-wave-a 21s ease-in-out infinite alternate!important;
}

.motion-bg-wave--b{
  top:70%!important;
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(126,129,133,.018) 35%,
    rgba(174,160,129,.046) 50%,
    rgba(129,132,136,.040) 54%,
    transparent 72%)!important;
  transform:rotate(.8deg)!important;
  animation:levelup-wave-b 27s ease-in-out infinite alternate!important;
}

.motion-bg-grid{
  opacity:0!important;
  visibility:hidden!important;
}

.motion-bg-vignette{
  display:block!important;
  visibility:visible!important;
  opacity:.34!important;
}

/* Do not let old section glows recolour the black canvas. */
.packages__ambient,
.reviews-wall__ambient,
.apply__glow,
.process-glow,
.trainers__glow,
.app-demo__ambient{
  opacity:.055!important;
  filter:grayscale(.78) saturate(.32)!important;
}

@keyframes levelup-particle-drift-a{
  0%{transform:translate3d(-1.1vw,-1.2vh,0) scale(1.01)}
  48%{transform:translate3d(1.35vw,.8vh,0) scale(1.018)}
  100%{transform:translate3d(.35vw,1.55vh,0) scale(1.012)}
}

@keyframes levelup-particle-drift-b{
  0%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-2vw,1.4vh,0)}
  100%{transform:translate3d(1.2vw,-1vh,0)}
}

@keyframes levelup-haze-a{
  0%{transform:translate3d(-3vw,-.8vh,0) scale(.96);opacity:.64}
  100%{transform:translate3d(7vw,1.1vh,0) scale(1.05);opacity:.92}
}

@keyframes levelup-haze-b{
  0%{transform:translate3d(4vw,-1vh,0) scale(1.04);opacity:.62}
  100%{transform:translate3d(-7vw,1.2vh,0) scale(.97);opacity:.88}
}

@keyframes levelup-haze-c{
  0%{transform:translate3d(-5vw,.6vh,0) scale(.98);opacity:.55}
  100%{transform:translate3d(6vw,-.9vh,0) scale(1.06);opacity:.82}
}

@keyframes levelup-wave-a{
  0%{translate:-5vw 0;opacity:.56}
  100%{translate:7vw 1.2vh;opacity:.82}
}

@keyframes levelup-wave-b{
  0%{translate:6vw 0;opacity:.48}
  100%{translate:-8vw -1vh;opacity:.74}
}

@media (max-width:820px){
  .motion-bg-field{
    inset:-7vh -14vw!important;
    background:
      radial-gradient(circle,rgba(202,205,210,.115) 0 .9px,transparent 1.32px),
      radial-gradient(circle,rgba(134,138,144,.075) 0 .75px,transparent 1.14px),
      radial-gradient(circle,rgba(185,170,136,.042) 0 .65px,transparent 1.06px)!important;
    background-size:103px 103px,157px 157px,229px 229px!important;
    animation-duration:32s!important;
  }

  .motion-bg-haze{
    filter:blur(54px)!important;
  }

  .motion-bg-haze--a,
  .motion-bg-haze--b,
  .motion-bg-haze--c{
    width:105vw!important;
  }

  .motion-bg-wave{
    filter:blur(28px)!important;
    width:145vw!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .motion-bg-field,
  .motion-bg-field::before,
  .motion-bg-haze,
  .motion-bg-wave{
    animation:none!important;
    transform:none!important;
    translate:none!important;
  }
}

/* v22 — visible graphite/gold FAQ haze + real animated particle canvas.
   Keeps the page pure black; no layout/content changes. */

/* The old dotted CSS texture is disabled; particles are now individually animated on canvas. */
.motion-bg-field{
  background:none!important;
}
.motion-bg-field::before{
  display:none!important;
}

/* A more readable, desaturated grey/gold atmospheric light in the FAQ reference area. */
section.faq{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
section.faq::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:min(72vw,1100px);
  height:min(62vw,760px);
  right:-16vw;
  top:-10%;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 56% 44%,
      rgba(192,173,132,.145) 0%,
      rgba(156,153,145,.105) 24%,
      rgba(112,116,120,.072) 43%,
      rgba(67,69,72,.025) 62%,
      transparent 76%);
  filter:blur(28px);
  opacity:.92;
  transform:rotate(-5deg);
  animation:levelup-faq-haze-v22 16s ease-in-out infinite alternate;
}
section.faq::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  left:22%;
  right:-7%;
  top:13%;
  height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(126,130,135,.08) 28%,
    rgba(190,170,126,.18) 58%,
    rgba(142,145,149,.09) 78%,
    transparent 100%);
  box-shadow:0 0 42px 10px rgba(163,153,132,.035);
  opacity:.75;
  transform:rotate(-.7deg);
  animation:levelup-faq-line-v22 19s ease-in-out infinite alternate;
}
section.faq > *{
  position:relative;
  z-index:1;
}

/* Real moving particles. */
#levelup-particles-v23{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  z-index:0;
  pointer-events:none;
  opacity:.72;
  mix-blend-mode:screen;
}

@keyframes levelup-faq-haze-v22{
  0%{transform:translate3d(0,-1%,0) rotate(-5deg) scale(.97);opacity:.75}
  52%{transform:translate3d(-3.2vw,2.5%,0) rotate(-3deg) scale(1.04);opacity:.96}
  100%{transform:translate3d(-1.2vw,5%,0) rotate(-6deg) scale(1.01);opacity:.84}
}
@keyframes levelup-faq-line-v22{
  0%{transform:translateX(-3vw) rotate(-.7deg);opacity:.42}
  55%{transform:translateX(2vw) rotate(-.2deg);opacity:.82}
  100%{transform:translateX(5vw) rotate(-.9deg);opacity:.52}
}

@media (max-width:820px){
  section.faq::before{
    width:118vw;
    height:104vw;
    right:-54vw;
    top:-2%;
    filter:blur(24px);
    opacity:.82;
  }
  section.faq::after{
    left:8%;
    right:-28%;
    top:16%;
    opacity:.58;
  }
  #levelup-particles-v23{opacity:.62}
}

@media (prefers-reduced-motion:reduce){
  section.faq::before,
  section.faq::after{animation:none!important}
  #levelup-particles-v23{display:none!important}
}

/* v23 — neutral graphite haze only. No gold tint in ambient smoke/particles. */
.motion-bg-haze--a{
  background:radial-gradient(ellipse at center,
    rgba(158,162,167,.105) 0%,
    rgba(126,130,135,.080) 38%,
    rgba(82,85,89,.025) 63%,
    transparent 78%)!important;
}
.motion-bg-haze--b{
  background:radial-gradient(ellipse at center,
    rgba(151,155,160,.090) 0%,
    rgba(118,122,127,.065) 34%,
    rgba(77,80,84,.022) 64%,
    transparent 80%)!important;
}
.motion-bg-haze--c{
  background:radial-gradient(ellipse at center,
    rgba(146,150,155,.080) 0%,
    rgba(112,116,121,.060) 42%,
    transparent 78%)!important;
}
.motion-bg-wave--a{
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(112,116,121,.018) 34%,
    rgba(145,149,154,.060) 49%,
    rgba(132,136,141,.052) 53%,
    rgba(91,94,99,.016) 68%,
    transparent 100%)!important;
}
.motion-bg-wave--b{
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(120,124,129,.018) 35%,
    rgba(151,155,160,.050) 50%,
    rgba(123,127,132,.040) 54%,
    transparent 72%)!important;
}
section.faq::before{
  background:radial-gradient(ellipse at 56% 44%,
    rgba(174,178,183,.150) 0%,
    rgba(145,149,154,.110) 24%,
    rgba(108,112,117,.075) 43%,
    rgba(65,68,72,.026) 62%,
    transparent 76%)!important;
}
section.faq::after{
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(120,124,129,.080) 28%,
    rgba(158,162,167,.145) 58%,
    rgba(132,136,141,.085) 78%,
    transparent 100%)!important;
  box-shadow:0 0 42px 10px rgba(135,139,144,.030)!important;
}

/* v24 — pure black background + moving neutral-grey particles only.
   Remove all haze/smoke/ambient bands while keeping the particle canvas. */
.motion-bg-haze,
.motion-bg-wave,
.motion-bg-grid,
.motion-bg-vignette{
  display:none!important;
  opacity:0!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

section.faq::before,
section.faq::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
  animation:none!important;
}

/* Keep the page canvas clean and black; particles are the only atmospheric layer. */
html,
body,
main{
  background:#050505!important;
}
main > section{
  background-color:transparent!important;
}

#levelup-particles-v23{
  opacity:.72!important;
  mix-blend-mode:screen!important;
}

@media (max-width:820px){
  #levelup-particles-v23{opacity:.62!important}
}

/* v25 — final black canvas cleanup.
   Remove every legacy ambient/glow cloud, keep only the animated neutral-grey particle canvas,
   and unify the footer with the same black background. */

/* Legacy section atmosphere layers — these were the remaining warm/gold clouds. */
.ambient,
.ambient-one,
.ambient-two,
.app-demo__ambient,
.app-demo__stage-glow,
.process__ambient,
.process-glow,
.packages__ambient,
.trainers__glow,
.reviews-wall__ambient,
.reviews-showcase__ambient,
.faq__ambient,
.apply__glow,
.motion-section-comet,
.motion-bg-haze,
.motion-bg-wave,
.motion-bg-grid,
.motion-bg-vignette{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* No atmospheric pseudo-layers in FAQ. */
section.faq::before,
section.faq::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* Black page lives on body. Main/sections stay transparent so the fixed particle canvas is visible. */
html,
body{
  background:#050505!important;
  background-image:none!important;
}
main{
  background:transparent!important;
  background-image:none!important;
}
main > section,
section.hero,
section.app-demo,
section.transformations,
section.process,
section.packages,
section.trainers,
section.reviews-showcase,
section.video-reel,
section.quotes-stream,
section.faq,
section.apply{
  background-color:transparent!important;
  background-image:none!important;
}

/* Footer uses exactly the same black canvas and lets the global particles remain visible. */
footer.site-footer-v35,
.site-footer-v35{
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Particle canvas: neutral greys only, visible behind all content. */
#levelup-particles-v23{
  display:block!important;
  visibility:visible!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  opacity:.82!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
}

main{
  position:relative!important;
  z-index:1!important;
}

@media (max-width:820px){
  #levelup-particles-v23{opacity:.72!important}
}

/* v26 — remove the last warm/gold atmospheric veil from the Transformations section only. */
section.transformations::before,
section.transformations::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* v29 — correct separator placement.
   Keep the existing Cooperation separator untouched; add the missing thin line ABOVE Transformations. */
section.transformations{
  border-top:1px solid rgba(255,255,255,.075)!important;
  border-bottom:0!important;
}

/* v30 — remove the tiny gap between the hero video and the App section separator.
   Use one real 1px separator directly at the section boundary and suppress the old offset top border. */
section.app-demo{
  border-top:0!important;
}
.levelup-video-app-separator{
  display:block!important;
  width:100%!important;
  height:1px!important;
  min-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:rgba(255,255,255,.075)!important;
  position:relative!important;
  z-index:3!important;
  pointer-events:none!important;
}


/* v31 — remove the accidental second line below the hero video.
   The hero already has its own 1px bottom border directly against the video. */
.levelup-video-app-separator{display:none!important}
section.app-demo{border-top:0!important}

/* v32 — desktop: remove the real ~12px dark tail between the visible hero video and the App divider.
   Pull the App section over that tail and draw the divider at the new visual boundary. Mobile untouched. */
@media (min-width:821px){
  section.hero{
    border-bottom:0!important;
  }
  section.app-demo[data-app-demo]{
    margin-top:-12px!important;
    border-top:1px solid rgba(255,255,255,.075)!important;
    position:relative!important;
    z-index:2!important;
  }
}

/* v33 — desktop hero video continues behind the floating header.
   Remove the full-width black nav wrapper; keep the nav card itself unchanged. */
@media (min-width:821px){
  .nav-wrap{
    background:transparent!important;
    background-color:transparent!important;
  }
}

/* v34 — casual source/devtools deterrence overlay. Security is enforced server-side too. */
#levelup-devtools-guard{
  position:fixed;inset:0;z-index:2147483647;display:none;
  align-items:center;justify-content:center;padding:24px;
  background:#050505;color:#f3f1eb;text-align:center;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#levelup-devtools-guard .lu-guard-inner{display:flex;flex-direction:column;align-items:center;gap:15px;max-width:460px}
#levelup-devtools-guard .lu-guard-logo{width:78px;height:68px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}
#levelup-devtools-guard .lu-guard-brand{font-size:15px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#d8ae57}
#levelup-devtools-guard strong{font-size:clamp(22px,3vw,34px);line-height:1.08;letter-spacing:-.035em}
#levelup-devtools-guard p{margin:0;color:#888b8f;font-size:13px;line-height:1.6}
html.levelup-devtools-open,html.levelup-devtools-open body{overflow:hidden!important;background:#050505!important}
html.levelup-devtools-open body>*:not(#levelup-devtools-guard){visibility:hidden!important;pointer-events:none!important}
html.levelup-devtools-open #levelup-devtools-guard{display:flex!important;visibility:visible!important;pointer-events:all!important}
@media (max-width:820px){#levelup-devtools-guard .lu-guard-logo{width:64px;height:56px}}

/* v35 — keep the FAQ section signature anchored in the same top-right position as the other section signatures. */
@media (min-width:621px){
  #faq > .section-signature{
    position:absolute!important;
    top:32px!important;
    right:clamp(70px,5.5vw,112px)!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    translate:none!important;
    margin:0!important;
    width:auto!important;
    height:24px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
  }
}
@media (min-width:621px) and (max-width:900px){
  #faq > .section-signature{
    top:22px!important;
    right:22px!important;
    gap:9px!important;
  }
}

/* v43 — black canvas with broad neutral-grey wear.
   Gold remains only in UI accents; the background atmosphere is strictly neutral grey. */
html,
body{
  background-color:#050505!important;
  background-image:
    radial-gradient(70% 24% at 10% 12%, rgba(145,149,154,.13) 0%, rgba(118,122,127,.075) 27%, rgba(74,77,81,.028) 48%, transparent 72%),
    radial-gradient(58% 20% at 82% 18%, rgba(168,171,175,.11) 0%, rgba(115,119,123,.060) 31%, transparent 70%),
    radial-gradient(76% 22% at 48% 43%, rgba(126,130,134,.095) 0%, rgba(94,98,102,.045) 34%, transparent 69%),
    radial-gradient(62% 18% at 14% 69%, rgba(156,160,164,.10) 0%, rgba(104,108,112,.052) 30%, transparent 71%),
    radial-gradient(70% 20% at 90% 78%, rgba(138,142,147,.11) 0%, rgba(92,96,101,.050) 34%, transparent 72%),
    radial-gradient(64% 18% at 38% 96%, rgba(166,169,173,.085) 0%, rgba(100,104,108,.040) 34%, transparent 74%),
    linear-gradient(116deg, transparent 0 11%, rgba(132,136,141,.040) 18%, transparent 27% 47%, rgba(172,175,179,.035) 55%, transparent 64% 82%, rgba(126,130,134,.030) 91%, transparent 100%),
    #050505!important;
  background-attachment:fixed!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
}

/* Keep section layers transparent so the grey wear reads continuously across the whole page. */
main,
main > section,
section.hero,
section.app-demo,
section.transformations,
section.process,
section.packages,
section.trainers,
section.reviews-showcase,
section.video-reel,
section.quotes-stream,
section.faq,
section.apply,
footer.site-footer-v35,
.site-footer-v35{
  background-color:transparent!important;
  background-image:none!important;
}

/* Neutral moving particles remain, but quieter so they support the brushed background instead of competing with it. */
#levelup-particles-v23{
  opacity:.48!important;
  mix-blend-mode:screen!important;
  filter:grayscale(1)!important;
}

/* Header remains transparent around the glass nav so the wear/video can continue behind it. */
.nav-wrap{
  background:transparent!important;
  background-color:transparent!important;
}

@media (max-width:820px){
  html,
  body{
    background-image:
      radial-gradient(90% 18% at 10% 13%, rgba(150,154,159,.12) 0%, rgba(102,106,111,.055) 34%, transparent 74%),
      radial-gradient(88% 17% at 92% 42%, rgba(166,169,173,.10) 0%, rgba(104,108,112,.045) 34%, transparent 74%),
      radial-gradient(90% 18% at 18% 76%, rgba(142,146,151,.105) 0%, rgba(94,98,103,.046) 35%, transparent 75%),
      #050505!important;
  }
  #levelup-particles-v23{opacity:.40!important}
}

/* v44 — remove the actual legacy GOLD page field and keep only neutral graphite wear.
   The fixed .motion-bg-field from the original build was still painting warm/gold light
   over the v43 grey background. Disable it completely and make the grey wear more legible. */
.motion-bg-field{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  filter:none!important;
}

html,
body{
  background-color:#050505!important;
  background-image:
    radial-gradient(78% 28% at 7% 10%, rgba(151,156,162,.19) 0%, rgba(103,108,114,.105) 29%, rgba(61,65,70,.035) 49%, transparent 72%),
    radial-gradient(66% 24% at 92% 21%, rgba(174,178,183,.16) 0%, rgba(112,117,123,.085) 31%, rgba(70,74,79,.028) 50%, transparent 72%),
    radial-gradient(82% 25% at 48% 45%, rgba(137,142,148,.14) 0%, rgba(91,96,102,.067) 34%, transparent 70%),
    radial-gradient(70% 22% at 7% 72%, rgba(164,169,174,.15) 0%, rgba(105,110,116,.075) 30%, transparent 72%),
    radial-gradient(76% 24% at 94% 82%, rgba(145,150,156,.16) 0%, rgba(92,97,103,.070) 32%, transparent 72%),
    linear-gradient(114deg, transparent 0 9%, rgba(169,174,180,.052) 17%, transparent 29% 47%, rgba(126,131,137,.040) 56%, transparent 67% 83%, rgba(176,181,186,.038) 91%, transparent 100%),
    #050505!important;
  background-attachment:fixed!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
}

/* App preview decorative orbits were another warm element around the phone.
   Keep the geometry/animation, but make it strictly neutral grey. */
section.app-demo .app-demo__stage-ring,
section.app-demo .app-demo__stage-ring--a,
section.app-demo .app-demo__stage-ring--b{
  background:transparent!important;
  background-image:none!important;
  border-color:rgba(156,162,169,.105)!important;
  box-shadow:none!important;
  filter:none!important;
}
section.app-demo .app-demo__stage-glow,
section.app-demo .app-demo__ambient{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Decorative section sweep: neutral silver instead of gold. */
.motion-section-comet{
  filter:drop-shadow(0 0 8px rgba(154,160,167,.22))!important;
  background:linear-gradient(90deg,transparent,rgba(198,203,209,.62),transparent)!important;
}

/* Particle canvas is forced monochrome as a second safeguard. */
#levelup-particles-v23{
  filter:grayscale(1) saturate(0)!important;
  opacity:.55!important;
}

@media (max-width:820px){
  html,
  body{
    background-image:
      radial-gradient(95% 20% at 5% 12%, rgba(159,164,170,.17) 0%, rgba(102,107,113,.077) 34%, transparent 74%),
      radial-gradient(92% 19% at 96% 43%, rgba(174,179,184,.14) 0%, rgba(105,110,116,.064) 34%, transparent 74%),
      radial-gradient(96% 20% at 12% 78%, rgba(148,153,159,.15) 0%, rgba(94,99,105,.063) 35%, transparent 75%),
      #050505!important;
  }
  #levelup-particles-v23{opacity:.46!important}
}

/* v45 — explicit neutral-grey wear layer.
   This is a real fixed layer between the black canvas and page content, so it cannot disappear
   behind transparent sections. All RGB channels are equal to guarantee zero gold tint. */
html,
body{
  background:#050505!important;
  background-image:none!important;
}

#levelup-grey-wear-v45{
  position:fixed;
  inset:-12vh -8vw;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  opacity:1;
  filter:saturate(0);
  transform:translateZ(0);
  background:
    radial-gradient(ellipse 52% 15% at 8% 14%, rgba(205,205,205,.18) 0%, rgba(145,145,145,.11) 34%, rgba(92,92,92,.045) 56%, transparent 76%),
    radial-gradient(ellipse 44% 13% at 88% 24%, rgba(188,188,188,.16) 0%, rgba(132,132,132,.095) 36%, rgba(78,78,78,.035) 58%, transparent 77%),
    radial-gradient(ellipse 60% 14% at 42% 43%, rgba(170,170,170,.145) 0%, rgba(116,116,116,.085) 35%, rgba(68,68,68,.03) 58%, transparent 78%),
    radial-gradient(ellipse 48% 13% at 12% 67%, rgba(198,198,198,.17) 0%, rgba(138,138,138,.10) 34%, rgba(80,80,80,.038) 58%, transparent 77%),
    radial-gradient(ellipse 56% 14% at 91% 78%, rgba(184,184,184,.16) 0%, rgba(126,126,126,.09) 35%, rgba(74,74,74,.034) 58%, transparent 77%),
    radial-gradient(ellipse 50% 12% at 36% 96%, rgba(196,196,196,.14) 0%, rgba(132,132,132,.075) 36%, transparent 76%);
}

#levelup-grey-wear-v45::before,
#levelup-grey-wear-v45::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

/* Long brushed streaks — intentionally visible, but broad and soft rather than grainy. */
#levelup-grey-wear-v45::before{
  opacity:.95;
  background:
    linear-gradient(108deg, transparent 0 6%, rgba(220,220,220,.085) 12%, rgba(150,150,150,.055) 18%, transparent 27% 44%, rgba(198,198,198,.072) 51%, rgba(130,130,130,.045) 58%, transparent 68% 82%, rgba(210,210,210,.060) 89%, transparent 97%),
    linear-gradient(4deg, transparent 0 22%, rgba(185,185,185,.035) 28%, transparent 34% 61%, rgba(205,205,205,.032) 67%, transparent 73%);
  filter:blur(16px) saturate(0);
}

/* A few irregular pale wipe marks to break the uniform black without making a wallpaper pattern. */
#levelup-grey-wear-v45::after{
  inset:4vh 3vw;
  opacity:.75;
  background:
    radial-gradient(ellipse 34% 6% at 28% 27%, rgba(235,235,235,.085) 0%, rgba(160,160,160,.040) 45%, transparent 74%),
    radial-gradient(ellipse 38% 6% at 69% 56%, rgba(220,220,220,.075) 0%, rgba(150,150,150,.035) 46%, transparent 75%),
    radial-gradient(ellipse 30% 5% at 24% 84%, rgba(225,225,225,.068) 0%, rgba(145,145,145,.030) 46%, transparent 75%);
  filter:blur(12px) saturate(0);
}

/* Explicit stacking: wear -> particles -> site content. */
#levelup-particles-v23{
  z-index:1!important;
  opacity:.42!important;
  filter:grayscale(1) saturate(0)!important;
}
main{
  position:relative!important;
  z-index:2!important;
}
.nav-wrap,
.floating-apply{
  z-index:10!important;
}

@media (max-width:820px){
  #levelup-grey-wear-v45{
    inset:-8vh -20vw;
    background:
      radial-gradient(ellipse 78% 12% at 4% 14%, rgba(205,205,205,.16) 0%, rgba(138,138,138,.085) 36%, transparent 76%),
      radial-gradient(ellipse 72% 12% at 96% 43%, rgba(190,190,190,.145) 0%, rgba(126,126,126,.075) 37%, transparent 76%),
      radial-gradient(ellipse 82% 13% at 10% 77%, rgba(198,198,198,.15) 0%, rgba(132,132,132,.078) 36%, transparent 77%);
  }
  #levelup-grey-wear-v45::before{opacity:.82;filter:blur(13px) saturate(0)}
  #levelup-grey-wear-v45::after{opacity:.62}
  #levelup-particles-v23{opacity:.36!important}
}

/* v46 — Transformations closing CTA: anchor it visually near the section divider
   and give the action the same restrained gold-outline badge language as the header CTA. */
@media (min-width:821px){
  section.transformations .transformations-cta.transformations-cta--clean{
    transform:translateY(105px)!important;
    position:relative!important;
    z-index:4!important;
  }

  section.transformations .transformations-cta.transformations-cta--clean>a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:auto!important;
    min-height:0!important;
    margin:3px auto 0!important;
    padding:9px 16px!important;
    border:1px solid rgba(218,177,91,.48)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(27,25,20,.88),rgba(14,14,13,.92))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 0 0 1px rgba(0,0,0,.2),
      0 8px 24px rgba(0,0,0,.18)!important;
    color:#e1bd69!important;
    font-size:.74rem!important;
    font-weight:850!important;
    line-height:1!important;
    letter-spacing:.005em!important;
    text-decoration:none!important;
    transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease!important;
  }

  section.transformations .transformations-cta.transformations-cta--clean>a>span{
    font-size:.77rem!important;
    opacity:.92!important;
    transition:transform .2s ease!important;
  }

  section.transformations .transformations-cta.transformations-cta--clean>a:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(232,194,111,.72)!important;
    background:linear-gradient(180deg,rgba(35,31,22,.92),rgba(18,17,14,.96))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 0 0 1px rgba(0,0,0,.18),
      0 10px 28px rgba(0,0,0,.24)!important;
  }

  section.transformations .transformations-cta.transformations-cta--clean>a:hover>span{
    transform:translate(2px,-2px)!important;
  }
}

/* v47 — compact desktop app section + refined headline + correct form CTA badge. */
@media (min-width:821px){
  /* APP: less vertical dead space and a wider copy column so "Jedna aplikacja." stays on one line. */
  section.app-demo[data-app-demo]{
    min-height:0!important;
    padding:46px clamp(24px,4.7vw,90px) 54px!important;
  }
  section.app-demo[data-app-demo] .app-demo__layout{
    grid-template-columns:minmax(650px,.98fr) minmax(540px,1.02fr)!important;
    gap:clamp(32px,4vw,72px)!important;
    align-items:center!important;
  }
  section.app-demo[data-app-demo] .app-demo__copy{
    max-width:760px!important;
  }
  section.app-demo[data-app-demo] .app-demo__copy h2{
    max-width:760px!important;
    font-size:clamp(3.8rem,5.25vw,6.45rem)!important;
    line-height:.98!important;
    letter-spacing:-.06em!important;
    padding:.02em 0 .12em!important;
  }
  section.app-demo[data-app-demo] .app-demo__copy h2 .app-demo__headline-top{
    display:block!important;
    white-space:nowrap!important;
    margin:0 0 .10em!important;
    padding:.02em .03em .08em 0!important;
    background:linear-gradient(102deg,#f7f5ef 0%,#ece9e2 48%,#b9b8b5 82%,#8e9093 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    color:transparent!important;
  }
  section.app-demo[data-app-demo] .app-demo__copy h2 .app-demo__headline-main{
    display:block!important;
    max-width:650px!important;
    margin:0!important;
    padding:0 .03em .14em 0!important;
    background:linear-gradient(112deg,#efede7 0%,#e7c574 23%,#d4a84e 53%,#b78e45 72%,#a7a8aa 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    color:transparent!important;
  }
  section.app-demo[data-app-demo] .app-demo__lead{
    margin-top:18px!important;
    line-height:1.62!important;
  }
  section.app-demo[data-app-demo] .app-demo__nav{
    margin-top:28px!important;
  }
  section.app-demo[data-app-demo] .app-demo__tab{
    min-height:64px!important;
    padding:8px 2px!important;
  }
  section.app-demo[data-app-demo] .app-demo__player{
    margin-top:16px!important;
  }
  section.app-demo[data-app-demo] .app-demo__stage{
    min-height:620px!important;
  }
  section.app-demo[data-app-demo] .app-demo__device{
    width:min(25vw,390px)!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise.app-demo__promise--divider{
    margin-top:20px!important;
  }

  /* Correct CTA: this is the form submit shown in the screenshot, not the transformations CTA. */
  section.apply[data-apply] .apply-submit{
    width:auto!important;
    min-width:0!important;
    height:40px!important;
    padding:0 16px!important;
    gap:11px!important;
    border:1px solid rgba(218,177,91,.48)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(27,25,20,.90),rgba(13,13,12,.96))!important;
    color:#e1bd69!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.18)!important;
    font-size:.73rem!important;
    font-weight:850!important;
    line-height:1!important;
    justify-content:center!important;
    overflow:visible!important;
    transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease!important;
  }
  section.apply[data-apply] .apply-submit:before{
    display:none!important;
  }
  section.apply[data-apply] .apply-submit b{
    font-size:.80rem!important;
    color:#e1bd69!important;
    font-weight:650!important;
    transition:transform .2s ease!important;
  }
  section.apply[data-apply] .apply-submit:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(232,194,111,.72)!important;
    background:linear-gradient(180deg,rgba(35,31,22,.94),rgba(17,16,13,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 28px rgba(0,0,0,.24)!important;
  }
  section.apply[data-apply] .apply-submit:hover b{
    transform:translate(2px,-2px)!important;
  }
}

/* Keep the headline structure sane on mobile after adding the dedicated spans. */
@media (max-width:820px){
  section.app-demo[data-app-demo] .app-demo__copy h2 .app-demo__headline-top,
  section.app-demo[data-app-demo] .app-demo__copy h2 .app-demo__headline-main{
    display:block!important;
  }
  section.app-demo[data-app-demo] .app-demo__copy h2 .app-demo__headline-top{
    white-space:normal!important;
  }
}

/* v48 — desktop compact pass: remove oversized vertical dead zones without crushing content. */
@media (min-width:821px){
  /* Let every section size to its real content instead of behaving like a full-screen slide. */
  section.transformations,
  section.process,
  section.packages,
  section.trainers,
  section.reviews-showcase,
  section.faq,
  section.apply{
    min-height:0!important;
    height:auto!important;
  }

  /* Transformations: bring the closing CTA back into the natural flow so the divider follows it closely. */
  section.transformations{
    padding-top:48px!important;
    padding-bottom:30px!important;
  }
  section.transformations .section-head{
    margin-bottom:22px!important;
  }
  section.transformations .carousel-stage,
  section.transformations .stage{
    margin-top:0!important;
    margin-bottom:0!important;
  }
  section.transformations .transformations-cta.transformations-cta--clean{
    transform:none!important;
    margin-top:18px!important;
    margin-bottom:0!important;
    padding-top:14px!important;
  }

  /* Cooperation: keep cards roomy, but remove the full-viewport shell around them. */
  section.process{
    padding-top:48px!important;
    padding-bottom:38px!important;
  }
  section.process .process__head{
    margin-bottom:22px!important;
  }
  section.process .process__steps{
    margin-bottom:14px!important;
  }
  section.process .process__promise{
    margin-top:16px!important;
  }

  /* Packages: content is already dense, so only tighten the outer whitespace and inter-block rhythm. */
  section.packages[data-packages]{
    padding-top:48px!important;
    padding-bottom:42px!important;
  }
  section.packages[data-packages] .packages__overview{
    margin-bottom:24px!important;
  }
  section.packages[data-packages] .packages__grid{
    margin-top:20px!important;
    margin-bottom:22px!important;
  }
  section.packages[data-packages] .packages__process{
    margin-top:20px!important;
  }
  section.packages[data-packages] .packages__extras{
    margin-top:18px!important;
  }

  /* Trainers: remove the large empty top/bottom buffers around the showcase. */
  section.trainers{
    padding-top:48px!important;
    padding-bottom:38px!important;
  }
  section.trainers .trainers__head{
    margin-bottom:22px!important;
  }
  section.trainers .trainers__showcase{
    margin-top:0!important;
    margin-bottom:14px!important;
  }
  section.trainers .trainers__principle{
    margin-top:16px!important;
  }

  /* Reviews: preserve the video/quote content, only cut dead shell space. */
  section.reviews-showcase[data-reviews-showcase]{
    padding-top:48px!important;
    padding-bottom:40px!important;
  }
  section.reviews-showcase[data-reviews-showcase] .reviews-showcase__head{
    margin-bottom:22px!important;
  }
  section.reviews-showcase[data-reviews-showcase] .review-platforms{
    margin-bottom:20px!important;
  }
  section.reviews-showcase[data-reviews-showcase] .video-reel{
    margin-top:18px!important;
    margin-bottom:22px!important;
  }
  section.reviews-showcase[data-reviews-showcase] .quotes-stream{
    margin-top:20px!important;
  }

  /* FAQ: compact header/CTA spacing; the questions themselves retain their readable height. */
  section.faq{
    padding-top:46px!important;
    padding-bottom:40px!important;
  }
  section.faq .faq__head{
    margin-bottom:22px!important;
  }
  section.faq .faq__list{
    margin-top:0!important;
  }
  section.faq .faq__cta{
    margin-top:20px!important;
  }

  /* Form: keep all fields intact, but don't wrap them in a giant empty section. */
  section.apply[data-apply]{
    padding-top:46px!important;
    padding-bottom:42px!important;
  }
  section.apply[data-apply] .apply__head{
    margin-bottom:22px!important;
  }
  section.apply[data-apply] .apply-form{
    margin-top:0!important;
  }
}

/* Mobile was already compact; trim only the outer section rhythm a little more. */
@media (max-width:820px){
  section.transformations{padding-top:42px!important;padding-bottom:38px!important}
  section.process{padding-top:42px!important;padding-bottom:44px!important}
  section.packages[data-packages]{padding-top:42px!important;padding-bottom:46px!important}
  section.trainers{padding-top:42px!important;padding-bottom:38px!important}
  section.reviews-showcase[data-reviews-showcase]{padding-top:42px!important;padding-bottom:44px!important}
  section.faq{padding-top:42px!important;padding-bottom:44px!important}
  section.apply[data-apply]{padding-top:42px!important;padding-bottom:46px!important}
}

/* v49 — compact footer + stable hero/video boundary.
   Keep the footer complete, just remove excessive vertical air. */
@media (min-width:701px){
  footer.site-footer-v35,
  .site-footer-v35{
    padding:36px clamp(24px,4.7vw,90px) 20px!important;
  }
  .site-footer-v35__top{
    gap:24px!important;
    padding-bottom:18px!important;
  }
  .site-footer-v35__brand-block>p{
    margin-top:10px!important;
    line-height:1.5!important;
  }
  .site-footer-v35__contacts{
    gap:10px!important;
    padding:14px 0!important;
  }
  .site-footer-v35__contacts>a{
    min-height:46px!important;
    padding:10px 14px!important;
  }
  .site-footer-v35__links{
    gap:clamp(30px,6vw,82px)!important;
    padding:20px 0 22px!important;
  }
  .site-footer-v35__links p{
    margin-bottom:10px!important;
  }
  .site-footer-v35__links nav>div{
    gap:7px 22px!important;
  }
  .site-footer-v35__company{
    gap:5px!important;
  }
  .site-footer-v35__bottom{
    padding-top:12px!important;
  }
}

@media (max-width:700px){
  footer.site-footer-v35,
  .site-footer-v35{
    padding-top:34px!important;
  }
  .site-footer-v35__top{padding-bottom:18px!important}
  .site-footer-v35__brand-block>p{margin-top:10px!important}
  .site-footer-v35__contacts{padding:14px 0!important}
  .site-footer-v35__links{padding-top:20px!important;padding-bottom:22px!important}
  .site-footer-v35__bottom{padding-top:12px!important}
}

/* The hero media used to be vertically parallaxed on scroll, which made the
   visible gap to the App divider grow/shrink. Keep that boundary fixed. */
.hero-media{
  translate:0 0!important;
}

/* v50 — typography safety + premium section reveal on scroll. */
@media (min-width:821px){
  /* Prevent descenders/ascenders from colliding in the large App headline. */
  section.app-demo[data-app-demo] .app-demo__copy,
  section.app-demo[data-app-demo] .app-demo__copy h2,
  section.app-demo[data-app-demo] .app-demo__headline-main,
  section.app-demo[data-app-demo] .app-demo__headline-top{
    overflow:visible!important;
  }
  section.app-demo[data-app-demo] .app-demo__copy h2{
    line-height:1.045!important;
    padding-top:.08em!important;
    padding-bottom:.18em!important;
  }
  section.app-demo[data-app-demo] .app-demo__headline-main{
    line-height:1.045!important;
    padding-top:.035em!important;
    padding-bottom:.18em!important;
  }

  /* Trainer title: give the second line enough top room so "prowadził?" is never clipped. */
  section.trainers .trainers__head,
  section.trainers .trainers__head h2,
  section.trainers .trainers__gold{
    overflow:visible!important;
  }
  section.trainers .trainers__head h2{
    line-height:1.045!important;
    padding-top:.10em!important;
    padding-bottom:.10em!important;
  }
  section.trainers .trainers__gold{
    display:inline-block!important;
    line-height:1.045!important;
    padding-top:.07em!important;
    padding-bottom:.05em!important;
  }
}

/* Whole-page premium reveal. Uses the independent translate property so it
   does not overwrite transforms used by carousels/sticky/interactive blocks. */
html.lu-reveal-ready .lu-reveal{
  opacity:0;
  filter:blur(7px);
  translate:0 24px;
  transition:
    opacity .72s cubic-bezier(.22,.61,.36,1),
    filter .72s cubic-bezier(.22,.61,.36,1),
    translate .72s cubic-bezier(.22,.61,.36,1);
  transition-delay:var(--lu-reveal-delay,0ms);
  will-change:opacity,filter,translate;
}
html.lu-reveal-ready .lu-reveal.is-visible{
  opacity:1;
  filter:blur(0);
  translate:0 0;
}

/* Slightly softer motion for large media blocks. */
html.lu-reveal-ready .lu-reveal.lu-reveal--media{
  translate:0 32px;
  filter:blur(9px);
  transition-duration:.84s;
}
html.lu-reveal-ready .lu-reveal.lu-reveal--media.is-visible{
  translate:0 0;
  filter:blur(0);
}

@media (max-width:820px){
  html.lu-reveal-ready .lu-reveal{
    translate:0 18px;
    filter:blur(5px);
    transition-duration:.62s;
  }
  html.lu-reveal-ready .lu-reveal.lu-reveal--media{
    translate:0 22px;
    filter:blur(6px);
  }
}

@media (prefers-reduced-motion:reduce){
  html.lu-reveal-ready .lu-reveal,
  html.lu-reveal-ready .lu-reveal.lu-reveal--media{
    opacity:1!important;
    filter:none!important;
    translate:none!important;
    transition:none!important;
  }
}


/* v51 — MOBILE STEALTH PREMIUM PASS
   Less gold, more black / graphite / glass. Desktop intentionally untouched. */
@media (max-width:820px){
  :root{
    --lu-m-glass:rgba(13,15,18,.72);
    --lu-m-glass-strong:rgba(10,12,15,.88);
    --lu-m-line:rgba(255,255,255,.085);
    --lu-m-line-strong:rgba(255,255,255,.13);
    --lu-m-text:#eceff2;
    --lu-m-muted:#9da1a6;
    --lu-m-gold:#c7a45e;
  }

  /* Header — graphite glass instead of gold-tinted chrome. */
  .nav-wrap .nav{
    background:linear-gradient(180deg,rgba(15,17,20,.82),rgba(8,10,12,.74))!important;
    border-color:var(--lu-m-line)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 34px rgba(0,0,0,.24)!important;
    -webkit-backdrop-filter:blur(18px) saturate(.8)!important;
    backdrop-filter:blur(18px) saturate(.8)!important;
  }
  .mobile-top-cta,
  .nav-wrap .nav-apply-link{
    color:#d8d2c5!important;
    border-color:rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.035)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  .nav-wrap .menu-button{
    border-color:var(--lu-m-line)!important;
    background:rgba(255,255,255,.028)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }

  /* Big mobile titles — mostly ivory/silver; gold becomes an accent, not the field. */
  section.app-demo[data-app-demo] .app-demo__headline-top{
    background:linear-gradient(105deg,#f1f0ec 0%,#d5d6d8 60%,#a6a9ad 100%)!important;
    -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;
  }
  section.app-demo[data-app-demo] .app-demo__headline-main{
    background:linear-gradient(108deg,#eeece7 0%,#c9cbce 43%,#c4a15c 68%,#9ea1a5 100%)!important;
    -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;
  }
  section.trainers .trainers__gold,
  section.transformations .title-wrap span,
  section.reviews-showcase .reviews-showcase__title span{
    color:#c3a362!important;
  }

  /* App tabs / controls — glass rail with a restrained active accent. */
  section.app-demo[data-app-demo] .app-demo__nav{
    scrollbar-color:rgba(255,255,255,.16) transparent!important;
  }
  section.app-demo[data-app-demo] .app-demo__tab{
    border-color:transparent!important;
    background:transparent!important;
    color:#8e9298!important;
  }
  section.app-demo[data-app-demo] .app-demo__tab.is-active,
  section.app-demo[data-app-demo] .app-demo__tab.is-current{
    border-color:var(--lu-m-line-strong)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
    color:#eceff2!important;
  }
  section.app-demo[data-app-demo] .app-demo__tab-no,
  section.app-demo[data-app-demo] .app-demo__tab.is-active .app-demo__tab-arrow{
    color:var(--lu-m-gold)!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>span{
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.16))!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>span:last-child{
    background:linear-gradient(90deg,rgba(255,255,255,.16),transparent)!important;
  }
  section.app-demo[data-app-demo] .app-demo__promise--divider>.app-demo__promise-title>strong{
    color:#bbb7ae!important;
  }

  /* Cooperation — remove the gold wash from swipe UI and cards. */
  section.process .process__swipe-hint{
    border-color:var(--lu-m-line)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 34px rgba(0,0,0,.16)!important;
    -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;
  }
  section.process .process__swipe-copy small{color:#8e9297!important}
  section.process .process__swipe-arrow{
    border-color:rgba(255,255,255,.13)!important;
    background:rgba(255,255,255,.025)!important;
    color:#c7a45e!important;
  }
  section.process .process__swipe-dots span.is-active{background:#b79a62!important}
  section.process .process-step{
    border-color:var(--lu-m-line)!important;
    background:linear-gradient(145deg,rgba(18,20,23,.80),rgba(8,10,12,.72))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 46px rgba(0,0,0,.16)!important;
    -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;
  }
  section.process .process-step.is-active{
    border-color:rgba(199,164,94,.24)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 48px rgba(0,0,0,.20)!important;
  }

  /* Packages — graphite cards; focus plan gets only a thin gold cue. */
  section.packages[data-packages] .package-card{
    border-color:var(--lu-m-line)!important;
    background:linear-gradient(150deg,rgba(20,22,25,.84),rgba(9,11,13,.78))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 48px rgba(0,0,0,.17)!important;
    -webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;
  }
  section.packages[data-packages] .package-card--focus{
    border-color:rgba(199,164,94,.27)!important;
    background:linear-gradient(150deg,rgba(23,23,22,.88),rgba(9,11,13,.80))!important;
  }
  section.packages[data-packages] .package-card__bestseller{
    color:#c4a464!important;
    border-color:rgba(199,164,94,.22)!important;
    background:rgba(199,164,94,.055)!important;
  }
  section.packages[data-packages] .package-card__monthly,
  section.packages[data-packages] .package-price,
  section.packages[data-packages] .package-feature-icon{
    color:#c4a464!important;
  }
  section.packages[data-packages] .packages__swipe-hint,
  section.packages[data-packages] .packages__doping,
  section.packages[data-packages] .packages__included,
  section.packages[data-packages] .packages__process,
  section.packages[data-packages] .packages__extras{
    border-color:var(--lu-m-line)!important;
    background:rgba(255,255,255,.022)!important;
  }

  /* Trainer selector and principle — neutral glass. */
  section.trainers .trainer-tab{
    border-color:var(--lu-m-line)!important;
    background:rgba(255,255,255,.022)!important;
  }
  section.trainers .trainer-tab.is-active{
    border-color:rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.055)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  section.trainers .trainers__principle{
    border-color:var(--lu-m-line)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  }

  /* Reviews — dark translucent cards; brand colors stay only in tiny icons. */
  section.reviews-showcase[data-reviews-showcase] .review-platform,
  section.reviews-showcase[data-reviews-showcase] .quote-chip,
  section.reviews-showcase[data-reviews-showcase] .video-story{
    border-color:var(--lu-m-line)!important;
    background:linear-gradient(145deg,rgba(20,22,25,.78),rgba(9,11,13,.72))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 16px 42px rgba(0,0,0,.15)!important;
  }

  /* FAQ — glass rows instead of gold-framed blocks. */
  section.faq .faq-item{
    border-color:var(--lu-m-line)!important;
    background:linear-gradient(145deg,rgba(18,20,23,.70),rgba(8,10,12,.62))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    -webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;
  }
  section.faq .faq-item[open],
  section.faq .faq-item.is-open{
    border-color:rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.038)!important;
  }
  section.faq .faq-item__icon{color:#b89a62!important}
  section.faq .faq__cta{
    border-color:var(--lu-m-line)!important;
    background:rgba(255,255,255,.022)!important;
  }

  /* Apply form — the strongest glass treatment on mobile. */
  section.apply[data-apply] .apply-form,
  section.apply[data-apply] .apply-package,
  section.apply[data-apply] .apply-next-step{
    border-color:var(--lu-m-line)!important;
    background:linear-gradient(145deg,rgba(18,20,23,.76),rgba(8,10,12,.68))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 18px 48px rgba(0,0,0,.16)!important;
    -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;
  }
  section.apply[data-apply] input,
  section.apply[data-apply] textarea,
  section.apply[data-apply] select{
    border-color:var(--lu-m-line)!important;
    background:rgba(255,255,255,.028)!important;
    color:#edf0f2!important;
  }
  section.apply[data-apply] input:focus,
  section.apply[data-apply] textarea:focus,
  section.apply[data-apply] select:focus{
    border-color:rgba(255,255,255,.18)!important;
    box-shadow:0 0 0 3px rgba(255,255,255,.035)!important;
  }
  section.apply[data-apply] .apply-next-step__icon,
  section.apply[data-apply] .apply-package__icon{
    color:#c2a25f!important;
    border-color:rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.025)!important;
  }
  section.apply[data-apply] .apply-submit{
    width:auto!important;
    min-height:40px!important;
    padding:0 16px!important;
    border:1px solid rgba(199,164,94,.34)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(28,29,30,.94),rgba(10,11,12,.96))!important;
    color:#d0b170!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 26px rgba(0,0,0,.20)!important;
  }
  section.apply[data-apply] .apply-submit:before{display:none!important}
  section.apply[data-apply] .apply-submit b{color:#d0b170!important}

  /* Footer / contact bars — remove the remaining warm wash. */
  .site-footer-v35__contacts>a{
    border-color:var(--lu-m-line)!important;
    background:rgba(255,255,255,.022)!important;
  }
  .site-footer-v35__contacts>a:hover{background:rgba(255,255,255,.04)!important}

  /* Section dividers become silver; section numbers can keep muted gold. */
  section.app-demo .app-demo__player-line,
  section.transformations .story-line,
  section.trainers .trainers__story-line,
  section.reviews-showcase .reviews-showcase__story-line,
  section.faq .faq__story-line,
  section.apply .apply__story-line{
    background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.035),transparent)!important;
  }
}

/* v52 — mobile tonal + compact polish. Desktop untouched. */
@media (max-width:820px){
  /* App headline: take the harsh white out; use graphite/ivory + restrained gold. */
  section.app-demo[data-app-demo] .app-demo__headline-top{
    background:linear-gradient(108deg,#d7d5cf 0%,#bbbcc0 58%,#8f9398 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    color:transparent!important;
  }
  section.app-demo[data-app-demo] .app-demo__headline-main{
    background:linear-gradient(112deg,#c2c1bc 0%,#aaaeb2 27%,#c2a25f 52%,#d0aa5c 68%,#8f9398 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    color:transparent!important;
  }

  /* A little tighter on mobile, without crushing readable content. */
  section.app-demo[data-app-demo]{padding-top:34px!important;padding-bottom:36px!important}
  section.app-demo[data-app-demo] .app-demo__layout{gap:10px!important}
  section.app-demo[data-app-demo] .app-demo__nav{margin-top:14px!important}
  section.app-demo[data-app-demo] .app-demo__stage{min-height:472px!important}
  section.app-demo[data-app-demo] .app-demo__device{width:min(72vw,288px)!important}
  section.app-demo[data-app-demo] .app-demo__promise{margin-top:8px!important}

  section.transformations{padding-top:36px!important;padding-bottom:34px!important}
  section.process{padding-top:36px!important;padding-bottom:38px!important}
  section.packages[data-packages]{padding-top:36px!important;padding-bottom:40px!important}
  section.trainers{padding-top:36px!important;padding-bottom:34px!important}
  section.reviews-showcase[data-reviews-showcase]{padding-top:36px!important;padding-bottom:38px!important}
  section.faq{padding-top:36px!important;padding-bottom:38px!important}
  section.apply[data-apply]{padding-top:36px!important;padding-bottom:40px!important}

  /* 3-month badge: keep it INSIDE the card instead of floating above its border. */
  section.packages[data-packages] .package-card{
    position:relative!important;
  }
  section.packages[data-packages] .package-card--focus{
    padding-top:16px!important;
  }
  section.packages[data-packages] .package-card__bestseller{
    position:static!important;
    inset:auto!important;
    top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    transform:none!important;
    translate:none!important;
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0 0 10px 0!important;
    padding:5px 10px!important;
    border-radius:999px!important;
    font-size:.54rem!important;
    line-height:1!important;
    letter-spacing:.09em!important;
    white-space:nowrap!important;
    color:#b8a16d!important;
    border:1px solid rgba(199,164,94,.20)!important;
    background:rgba(255,255,255,.028)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  section.packages[data-packages] .package-card--focus h3{
    margin-top:0!important;
  }
}

/* v53 — mobile detail polish: gold CTA, compact transformations ending,
   single-line process cycle, underline-only form fields, shorter footer. */
@media (max-width:820px){
  .mobile-top-cta{
    color:#edcc7b!important;
    border-color:rgba(224,184,92,.48)!important;
    background:linear-gradient(145deg,rgba(213,170,77,.16),rgba(110,82,31,.08))!important;
    box-shadow:inset 0 1px 0 rgba(255,226,157,.09),0 8px 22px rgba(0,0,0,.22),0 0 0 1px rgba(214,171,77,.04)!important;
  }
  .mobile-top-cta span{color:#f0cf7c!important}

  section.transformations{padding-bottom:18px!important}
  section.transformations .transformations-cta.transformations-cta--clean{
    margin-top:14px!important;
    margin-bottom:0!important;
    padding-top:10px!important;
    padding-bottom:0!important;
    gap:7px!important;
  }
  section.transformations .transformations-cta.transformations-cta--clean>p{margin-top:0!important}
  section.transformations .transformations-cta.transformations-cta--clean>a{margin-bottom:0!important}

  section.process .process__promise{padding-left:16px!important;padding-right:16px!important}
  section.process .process__promise-cycle{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    white-space:nowrap!important;
  }
  section.process .process__promise-cycle>span{
    flex:0 1 auto!important;
    min-width:0!important;
    padding:7px 7px!important;
    border-radius:10px!important;
    font-size:.54rem!important;
    line-height:1!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
  }
  section.process .process__promise-cycle>i{
    flex:0 0 auto!important;
    margin:0 1px!important;
    font-size:.7rem!important;
    line-height:1!important;
  }

  section.apply[data-apply] .apply-fields label{background:transparent!important;box-shadow:none!important}
  section.apply[data-apply] input:not([type="checkbox"]):not([type="hidden"]),
  section.apply[data-apply] textarea,
  section.apply[data-apply] select{
    width:100%!important;
    padding:12px 0 10px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    color:#e0e2e4!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }
  section.apply[data-apply] textarea{min-height:94px!important;resize:vertical!important}
  section.apply[data-apply] input:not([type="checkbox"]):not([type="hidden"]):focus,
  section.apply[data-apply] textarea:focus,
  section.apply[data-apply] select:focus{
    border-bottom-color:rgba(213,177,96,.58)!important;
    box-shadow:0 1px 0 rgba(213,177,96,.12)!important;
  }
  section.apply[data-apply] input::placeholder,
  section.apply[data-apply] textarea::placeholder{color:rgba(190,193,197,.38)!important}

  footer.site-footer-v35,.site-footer-v35{padding-top:26px!important;padding-bottom:14px!important}
  .site-footer-v35__links{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:start!important;
    gap:18px 22px!important;
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
  .site-footer-v35__formal-column{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    min-width:0!important;
  }
  .site-footer-v35__formal-column>nav,
  .site-footer-v35__formal-column>.site-footer-v35__company{width:100%!important}
  .site-footer-v35__company{
    margin:0!important;
    padding:14px 0 0!important;
    border-top:1px solid rgba(255,255,255,.075)!important;
    gap:4px!important;
  }
  .site-footer-v35__company p{margin-bottom:7px!important}
  .site-footer-v35__bottom{margin-top:0!important;padding-top:10px!important}
}
@media (min-width:821px){.site-footer-v35__formal-column{display:contents!important}}

/* v54 — mobile Transformations ending: match the compact rhythm used under App. */
@media (max-width:820px){
  section.transformations{
    padding-bottom:12px!important;
  }
  section.transformations .transformations-cta.transformations-cta--clean{
    margin-top:-34px!important;
    margin-bottom:0!important;
    padding:7px 0 0!important;
    gap:5px!important;
  }
  section.transformations .transformations-cta__eyebrow{
    gap:8px!important;
  }
  section.transformations .transformations-cta__eyebrow>strong{
    font-size:.62rem!important;
    letter-spacing:.07em!important;
  }
  section.transformations .transformations-cta.transformations-cta--clean>p{
    max-width:310px!important;
    margin:0 auto!important;
    padding:0 6px!important;
    font-size:.62rem!important;
    line-height:1.42!important;
  }
  section.transformations .transformations-cta.transformations-cta--clean>a{
    margin:0 auto!important;
    padding:4px 2px 2px!important;
    font-size:.67rem!important;
    line-height:1.1!important;
  }
}

/* v55 — MOBILE HEADER: compact premium glass pill */
@media (max-width:820px){
  .nav-wrap{
    padding:8px 10px 0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .nav-wrap .nav{
    min-height:58px!important;
    padding:8px 9px 8px 10px!important;
    grid-template-columns:minmax(0,1fr) auto 38px!important;
    column-gap:7px!important;
    align-items:center!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:18px!important;
    background:
      linear-gradient(180deg,rgba(26,29,33,.72),rgba(8,10,13,.70))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.075),
      inset 0 -1px 0 rgba(255,255,255,.018),
      0 12px 35px rgba(0,0,0,.30)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.15)!important;
    backdrop-filter:blur(24px) saturate(1.15)!important;
    overflow:visible!important;
  }

  .nav-wrap.is-scrolled .nav{
    background:linear-gradient(180deg,rgba(22,25,29,.88),rgba(7,9,12,.84))!important;
    border-color:rgba(255,255,255,.14)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 14px 38px rgba(0,0,0,.38)!important;
  }

  .nav-wrap .brand{
    min-width:0!important;
    gap:7px!important;
  }
  .nav-wrap .brand-mark{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    filter:drop-shadow(0 4px 10px rgba(0,0,0,.32))!important;
  }
  .nav-wrap .brand-name{
    color:#ece9e2!important;
    font-size:.72rem!important;
    letter-spacing:.045em!important;
    white-space:nowrap!important;
  }
  .nav-wrap .brand-name span{color:#c7a45e!important}

  .mobile-top-cta{
    height:36px!important;
    min-height:36px!important;
    padding:0 12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:1px solid rgba(224,184,92,.42)!important;
    border-radius:999px!important;
    color:#edd18a!important;
    background:
      linear-gradient(145deg,rgba(216,176,84,.18),rgba(137,101,39,.08)),
      rgba(12,14,17,.55)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,231,171,.10),
      0 7px 18px rgba(0,0,0,.24)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    backdrop-filter:blur(16px)!important;
    font-size:.65rem!important;
    font-weight:820!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .mobile-top-cta span{
    color:#f0cf7c!important;
    font-size:.72rem!important;
    transform:translateY(-.5px)!important;
  }

  .nav-wrap .menu-button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 6px 16px rgba(0,0,0,.20)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    backdrop-filter:blur(16px)!important;
  }
  .nav-wrap .menu-button span{
    background:#d9dadd!important;
    border-radius:999px!important;
  }

  /* Keep the opened mobile menu in the same glass language. */
  .nav-wrap .nav-links.is-open{
    border:1px solid rgba(255,255,255,.10)!important;
    background:linear-gradient(180deg,rgba(18,21,25,.94),rgba(8,10,13,.92))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 22px 55px rgba(0,0,0,.42)!important;
    -webkit-backdrop-filter:blur(26px) saturate(1.08)!important;
    backdrop-filter:blur(26px) saturate(1.08)!important;
  }
}

@media (max-width:380px){
  .nav-wrap{padding-left:7px!important;padding-right:7px!important}
  .nav-wrap .nav{padding-left:8px!important;padding-right:7px!important;column-gap:5px!important}
  .nav-wrap .brand-mark{width:31px!important;height:31px!important;flex-basis:31px!important}
  .nav-wrap .brand-name{font-size:.66rem!important}
  .mobile-top-cta{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:.61rem!important}
  .nav-wrap .menu-button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
}

/* v57 — clarification: glass belongs to the MOBILE HEADER only.
   Trainer principle goes back to clean editorial divider (no rectangular panel). */
@media (max-width:820px){
  /* Remove the accidental rectangular/glass treatment from trainer principle. */
  section.trainers .trainers__principle{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  /* Header: stronger premium glass — black / graphite / milky white / tiny gold. */
  .nav-wrap .nav{
    border-color:rgba(226,229,233,.18)!important;
    background:
      linear-gradient(112deg,
        rgba(255,255,255,.105) 0%,
        rgba(255,255,255,.038) 20%,
        rgba(207,211,217,.028) 38%,
        rgba(211,168,74,.055) 55%,
        rgba(255,255,255,.022) 72%,
        rgba(7,9,12,.84) 100%),
      linear-gradient(180deg,rgba(28,31,36,.80),rgba(7,9,12,.76))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 -1px 0 rgba(255,255,255,.025),
      0 0 0 1px rgba(205,168,82,.035),
      0 16px 42px rgba(0,0,0,.34)!important;
    -webkit-backdrop-filter:blur(30px) saturate(1.22)!important;
    backdrop-filter:blur(30px) saturate(1.22)!important;
  }

  .nav-wrap.is-scrolled .nav{
    border-color:rgba(231,234,238,.20)!important;
    background:
      linear-gradient(112deg,
        rgba(255,255,255,.095) 0%,
        rgba(255,255,255,.03) 26%,
        rgba(211,168,74,.045) 52%,
        rgba(7,9,12,.90) 100%),
      linear-gradient(180deg,rgba(24,27,31,.88),rgba(6,8,11,.88))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.13),
      0 16px 44px rgba(0,0,0,.40)!important;
  }

  .nav-wrap .brand-name{
    color:#f1f2f2!important;
    text-shadow:0 1px 12px rgba(255,255,255,.035)!important;
  }
  .nav-wrap .brand-name span{color:#d0ad66!important}

  .mobile-top-cta{
    border-color:rgba(229,191,103,.52)!important;
    color:#f0d18b!important;
    background:
      linear-gradient(145deg,rgba(237,205,132,.18),rgba(169,126,48,.075)),
      rgba(18,20,23,.58)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,238,194,.15),
      0 0 0 1px rgba(255,255,255,.018),
      0 8px 22px rgba(0,0,0,.26)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
    backdrop-filter:blur(22px) saturate(1.12)!important;
  }

  .nav-wrap .menu-button{
    border-color:rgba(230,233,237,.16)!important;
    background:
      linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.018)),
      rgba(12,14,17,.55)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.11),
      0 8px 20px rgba(0,0,0,.24)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    backdrop-filter:blur(22px)!important;
  }
  .nav-wrap .menu-button span{background:#eceef0!important}

  .nav-wrap .nav-links.is-open{
    border-color:rgba(230,233,237,.15)!important;
    background:
      linear-gradient(145deg,rgba(255,255,255,.065),rgba(211,168,74,.028) 45%,rgba(7,9,12,.93) 100%),
      rgba(10,12,15,.90)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 24px 60px rgba(0,0,0,.46)!important;
    -webkit-backdrop-filter:blur(30px) saturate(1.18)!important;
    backdrop-filter:blur(30px) saturate(1.18)!important;
  }
}


/* v58 — cleaner hero: remove proof strip and eliminate the oversized desktop tail. */
.hero-proof{display:none!important}

@media (min-width:821px){
  section.hero{
    min-height:0!important;
    height:auto!important;
  }
  section.hero .hero-content{
    min-height:0!important;
    height:auto!important;
    padding-bottom:44px!important;
  }
  section.hero .hero-copy{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  section.hero .hero-actions{
    margin-bottom:0!important;
  }
}

@media (max-width:820px){
  section.hero .hero-copy{
    margin-bottom:18px!important;
  }
}

/* v59 — desktop hero/app boundary: keep the compact hero, but stop pulling the App separator upward. */
@media (min-width:821px){
  section.app-demo[data-app-demo]{
    margin-top:0!important;
  }
  section.hero .hero-content{
    padding-bottom:56px!important;
  }
}

/* v64 — keep "Najczęściej zadawane" together as one clean line. */
section.faq .faq__head h2 .faq-title-line{
  display:inline-block!important;
  white-space:nowrap!important;
}
@media (max-width:820px){
  section.faq .faq__head h2{
    font-size:clamp(36px,10vw,58px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
  }
}

/* v65 — apply "what happens next" block: compact editorial treatment */
section.apply[data-apply] .apply-next-step{
  width:min(100%, 900px)!important;
  margin:22px 0 0!important;
  padding:14px 18px 14px 16px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  border:0!important;
  border-left:1px solid rgba(214,174,87,.58)!important;
  border-radius:0 14px 14px 0!important;
  background:
    linear-gradient(90deg,rgba(214,174,87,.065) 0%,rgba(255,255,255,.022) 44%,rgba(255,255,255,0) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
section.apply[data-apply] .apply-next-step__icon{
  width:36px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  margin-top:1px!important;
  border:1px solid rgba(214,174,87,.28)!important;
  border-radius:999px!important;
  background:rgba(12,12,12,.72)!important;
  color:#d8b45f!important;
  font-size:.62rem!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
}
section.apply[data-apply] .apply-next-step>div{
  min-width:0!important;
  max-width:760px!important;
}
section.apply[data-apply] .apply-next-step strong{
  display:block!important;
  margin:0!important;
  color:#f1eee7!important;
  font-size:.9rem!important;
  line-height:1.25!important;
  font-weight:760!important;
  letter-spacing:-.01em!important;
}
section.apply[data-apply] .apply-next-step p{
  max-width:720px!important;
  margin:5px 0 0!important;
  color:#99958d!important;
  font-size:.78rem!important;
  line-height:1.52!important;
}
@media (max-width:820px){
  section.apply[data-apply] .apply-next-step{
    width:100%!important;
    margin-top:16px!important;
    padding:12px 12px 12px 12px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
    border-radius:0 12px 12px 0!important;
  }
  section.apply[data-apply] .apply-next-step__icon{
    width:30px!important;
    height:25px!important;
    font-size:.56rem!important;
  }
  section.apply[data-apply] .apply-next-step strong{
    font-size:.78rem!important;
  }
  section.apply[data-apply] .apply-next-step p{
    margin-top:4px!important;
    font-size:.66rem!important;
    line-height:1.48!important;
  }
}

/* v66 — rounded next-step card + hero CTA matching the compact gold/glass nav badge. */
section.apply[data-apply] .apply-next-step{
  max-width:980px!important;
  margin:20px auto 0!important;
  padding:16px 18px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  border:1px solid rgba(217,182,111,.18)!important;
  border-left:1px solid rgba(217,182,111,.18)!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012) 52%,rgba(217,182,111,.025))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 12px 34px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(16px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(118%)!important;
}
section.apply[data-apply] .apply-next-step__icon{
  width:38px!important;
  height:30px!important;
  border-radius:999px!important;
  border:1px solid rgba(217,182,111,.3)!important;
  background:rgba(217,182,111,.035)!important;
  color:#d8b66f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
section.apply[data-apply] .apply-next-step strong{
  color:#f0eee9!important;
  font-size:.82rem!important;
  line-height:1.2!important;
}
section.apply[data-apply] .apply-next-step p{
  max-width:760px!important;
  margin-top:6px!important;
  color:#999792!important;
  line-height:1.5!important;
}

.hero .primary-action{
  width:max-content!important;
  min-width:0!important;
  min-height:38px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:1px solid rgba(217,182,111,.42)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(217,182,111,.09),rgba(217,182,111,.025))!important;
  color:#d8b66f!important;
  font-size:.78rem!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 24px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(14px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(120%)!important;
  transition:border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease!important;
}
.hero .primary-action:before{display:none!important}
.hero .primary-action span{
  color:#e0bd72!important;
  font-size:.86em!important;
}
.hero .primary-action:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(229,194,119,.68)!important;
  background:linear-gradient(180deg,rgba(217,182,111,.14),rgba(217,182,111,.045))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 28px rgba(0,0,0,.24)!important;
}

@media (max-width:820px){
  section.apply[data-apply] .apply-next-step{
    margin-top:15px!important;
    padding:13px 13px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
    border-radius:16px!important;
  }
  section.apply[data-apply] .apply-next-step__icon{
    width:32px!important;
    height:27px!important;
    font-size:.5rem!important;
  }
  section.apply[data-apply] .apply-next-step strong{font-size:.74rem!important}
  section.apply[data-apply] .apply-next-step p{font-size:.64rem!important;line-height:1.45!important}

  .hero .primary-action{
    width:max-content!important;
    min-height:36px!important;
    padding:0 14px!important;
    font-size:.72rem!important;
  }
}

/* v68 — simple graphite canvas test. ONLY the page background changes. */
:root{
  --levelup-page-bg:#1a1c20;
  --levelup-page-bg-deep:#1a1c20;
  --levelup-page-bg-alt:#1a1c20;
  --levelup-page-bg-soft:#1a1c20;
}

html,
body{
  background:#1a1c20!important;
  background-color:#1a1c20!important;
  background-image:none!important;
}

/* Keep the existing design intact; let the new graphite canvas show through. */
main,
main > section,
section.hero,
section.app-demo,
section.transformations,
section.process,
section.packages,
section.trainers,
section.reviews-showcase,
section.video-reel,
section.quotes-stream,
section.faq,
section.apply,
footer.site-footer-v35,
.site-footer-v35{
  background-color:transparent!important;
  background-image:none!important;
}

/* v69 — desktop header integrated with the graphite canvas.
   Keep the existing structure; replace the detached black slab with a softer graphite glass bar. */
@media (min-width:821px){
  .nav-wrap{
    background:transparent!important;
    background-color:transparent!important;
    padding-top:13px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .nav-wrap .nav{
    min-height:64px!important;
    padding-left:18px!important;
    padding-right:18px!important;
    border:1px solid rgba(235,238,242,.12)!important;
    border-radius:20px!important;
    background:
      linear-gradient(180deg,rgba(48,51,57,.76) 0%,rgba(30,32,37,.72) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(0,0,0,.18),
      0 12px 32px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(24px) saturate(118%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(118%)!important;
  }

  .nav-wrap .nav::before{
    content:""!important;
    position:absolute!important;
    inset:1px 14% auto!important;
    height:1px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)!important;
    pointer-events:none!important;
  }

  .nav-wrap .brand-name{
    color:#f2f3f4!important;
  }
  .nav-wrap .brand-name span{
    color:#cdb06e!important;
  }

  .nav-wrap .nav-links>a:not(.nav-apply-link){
    color:rgba(245,246,247,.90)!important;
    text-shadow:0 1px 10px rgba(0,0,0,.18)!important;
  }

  .nav-wrap .nav-apply-link{
    border-color:rgba(216,181,105,.42)!important;
    background:linear-gradient(180deg,rgba(211,176,101,.105),rgba(211,176,101,.035))!important;
    color:#e2c27c!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 6px 18px rgba(0,0,0,.14)!important;
  }

  .nav-wrap .social-link{
    border-color:rgba(235,238,242,.11)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 5px 16px rgba(0,0,0,.12)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }

  .nav-wrap.is-scrolled .nav{
    background:linear-gradient(180deg,rgba(43,46,51,.88),rgba(28,30,34,.86))!important;
    border-color:rgba(235,238,242,.15)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 36px rgba(0,0,0,.22)!important;
  }
}

/* v70 — mobile App section follows the graphite canvas instead of falling back to black. */
@media (max-width:820px){
  section.app-demo[data-app-demo]{
    background:#1a1c20!important;
    background-color:#1a1c20!important;
    background-image:none!important;
  }
  section.app-demo[data-app-demo]::before,
  section.app-demo[data-app-demo]::after{
    background:transparent!important;
    background-image:none!important;
  }
  section.app-demo[data-app-demo] .app-demo__layout,
  section.app-demo[data-app-demo] .app-demo__copy,
  section.app-demo[data-app-demo] .app-demo__player,
  section.app-demo[data-app-demo] .app-demo__stage,
  section.app-demo[data-app-demo] .app-demo__promise{
    background-color:transparent!important;
    background-image:none!important;
  }
}

/* =========================================================
   v71 — graphite + restrained ambient gold canvas
   Goal: keep the lighter graphite direction, restore a more
   premium feeling with broad warm-gold light in the background.
   ========================================================= */
:root{
  --levelup-page-bg:#1d1f23;
  --levelup-page-bg-deep:#17181b;
  --levelup-page-bg-alt:#202228;
  --levelup-page-bg-soft:#24262b;
  --levelup-ambient-gold:217,182,111;
}

html{
  background:#191a1e!important;
  background-color:#191a1e!important;
}

body{
  background-color:#1d1f23!important;
  background-image:
    radial-gradient(ellipse 72% 46% at 13% 5%, rgba(var(--levelup-ambient-gold),.095) 0%, rgba(var(--levelup-ambient-gold),.038) 33%, transparent 70%),
    radial-gradient(ellipse 58% 43% at 96% 38%, rgba(var(--levelup-ambient-gold),.062) 0%, rgba(var(--levelup-ambient-gold),.021) 38%, transparent 72%),
    radial-gradient(ellipse 68% 45% at 30% 82%, rgba(var(--levelup-ambient-gold),.040) 0%, rgba(var(--levelup-ambient-gold),.012) 42%, transparent 74%),
    linear-gradient(180deg,#23252a 0%,#1e2024 22%,#1b1d21 55%,#18191c 100%)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  background-position:center top!important;
}

/* Every content section remains transparent so the ambient canvas
   reads as one continuous material rather than separate stripes. */
main,
main > section,
section.hero,
section.app-demo,
section.transformations,
section.process,
section.packages,
section.trainers,
section.reviews-showcase,
section.video-reel,
section.quotes-stream,
section.faq,
section.apply,
footer.site-footer-v35,
.site-footer-v35{
  background-color:transparent!important;
  background-image:none!important;
}

/* Desktop: keep the ambient light anchored to the viewport while scrolling.
   This makes the gold feel like light on the graphite, not a section gradient. */
@media (min-width:821px){
  body{
    background-attachment:fixed!important;
  }

  /* Header gets a tiny warm reflection from the new canvas. */
  .nav-wrap .nav{
    background:
      linear-gradient(180deg,rgba(52,53,57,.72) 0%,rgba(31,32,36,.68) 100%)!important;
    border-color:rgba(239,230,211,.13)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(0,0,0,.16),
      0 14px 34px rgba(0,0,0,.16),
      0 0 54px rgba(var(--levelup-ambient-gold),.018)!important;
  }

  .nav-wrap.is-scrolled .nav{
    background:
      linear-gradient(180deg,rgba(48,49,53,.84),rgba(29,30,34,.82))!important;
  }
}

/* Mobile uses the same palette, only the glow positions are moved closer
   to the content so it doesn't visually read darker than desktop. */
@media (max-width:820px){
  body{
    background-color:#1d1f23!important;
    background-image:
      radial-gradient(ellipse 118% 35% at 18% 2%, rgba(var(--levelup-ambient-gold),.105) 0%, rgba(var(--levelup-ambient-gold),.038) 40%, transparent 72%),
      radial-gradient(ellipse 100% 30% at 105% 36%, rgba(var(--levelup-ambient-gold),.060) 0%, rgba(var(--levelup-ambient-gold),.018) 43%, transparent 74%),
      radial-gradient(ellipse 110% 30% at 6% 76%, rgba(var(--levelup-ambient-gold),.042) 0%, transparent 70%),
      linear-gradient(180deg,#23252a 0%,#1f2125 25%,#1b1d21 58%,#191a1d 100%)!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    background-attachment:scroll!important;
  }

  /* v70 forced this section back to a solid graphite slab.
     Let the unified v71 canvas show through instead. */
  section.app-demo[data-app-demo]{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
  }

  section.app-demo[data-app-demo]::before,
  section.app-demo[data-app-demo]::after{
    background:transparent!important;
    background-image:none!important;
  }
}


/* =========================================================
   v72 — process icon badges: smoked graphite glass
   ========================================================= */

section.process .process-step__icon{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(145deg,
      rgba(255,255,255,.085) 0%,
      rgba(255,255,255,.025) 38%,
      rgba(13,14,16,.22) 100%)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 12px 30px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(14px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(118%)!important;
}

/* soft glass reflection, not a solid grey fill */
section.process .process-step__icon::before{
  content:"";
  position:absolute;
  inset:1px 2px auto 2px;
  height:46%;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,0));
  opacity:.72;
  pointer-events:none;
}

/* restrained warm light inside the glass */
section.process .process-step__icon::after{
  content:"";
  position:absolute;
  width:75%;
  height:75%;
  left:50%;
  bottom:-42%;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(215,180,103,.13),rgba(215,180,103,0) 68%);
  pointer-events:none;
}

section.process .process-step__icon svg{
  position:relative!important;
  z-index:2!important;
  color:#dfbd70!important;
  filter:drop-shadow(0 2px 7px rgba(211,179,106,.16));
}

section.process .process-step__no{
  color:#c7a55d!important;
  text-shadow:0 2px 12px rgba(211,179,106,.10);
}

@media (hover:hover){
  section.process .process-step:hover .process-step__icon{
    border-color:rgba(211,179,106,.22)!important;
    background:
      linear-gradient(145deg,
        rgba(255,255,255,.105) 0%,
        rgba(211,179,106,.035) 44%,
        rgba(13,14,16,.20) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.13),
      inset 0 -1px 0 rgba(0,0,0,.16),
      0 14px 34px rgba(0,0,0,.16),
      0 0 24px rgba(211,179,106,.045)!important;
  }
}

@media (max-width:820px){
  section.process .process-step__icon{
    background:
      linear-gradient(145deg,
        rgba(255,255,255,.075),
        rgba(255,255,255,.022) 42%,
        rgba(10,11,13,.20))!important;
    backdrop-filter:blur(11px) saturate(115%)!important;
    -webkit-backdrop-filter:blur(11px) saturate(115%)!important;
  }
}


/* =========================================================
   v73 — shared smoked-glass CTA language + side scroll stepper
   ========================================================= */

/* ---------------------------------------------------------
   MAIN CTA BUTTONS — same smoked graphite glass as process badges
   --------------------------------------------------------- */

.hero .primary-action,
section.transformations .transformations-cta.transformations-cta--clean > a,
section.faq .faq__cta > a,
section.apply[data-apply] .apply-submit,
.nav-wrap .nav-apply-link,
.mobile-top-cta{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  border:1px solid rgba(225,190,112,.31)!important;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.075) 0%,
      rgba(255,255,255,.022) 37%,
      rgba(15,15,16,.22) 100%
    )!important;

  color:#e2c274!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.15),
    0 10px 28px rgba(0,0,0,.13)!important;

  backdrop-filter:blur(14px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(118%)!important;

  text-shadow:0 1px 10px rgba(211,179,106,.08);
  transition:
    transform .2s ease,
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease!important;
}

/* soft upper reflection */
.hero .primary-action::after,
section.transformations .transformations-cta.transformations-cta--clean > a::after,
section.faq .faq__cta > a::after,
section.apply[data-apply] .apply-submit::after,
.nav-wrap .nav-apply-link::after,
.mobile-top-cta::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:7%!important;
  right:7%!important;
  top:1px!important;
  height:45%!important;
  border-radius:999px!important;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.075),
    rgba(255,255,255,0)
  )!important;
  pointer-events:none!important;
}

/* warm light living below the glass */
.hero .primary-action::before,
section.transformations .transformations-cta.transformations-cta--clean > a::before,
section.faq .faq__cta > a::before,
section.apply[data-apply] .apply-submit::before,
.nav-wrap .nav-apply-link::before,
.mobile-top-cta::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;
  width:70%!important;
  height:90%!important;
  left:50%!important;
  bottom:-72%!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(
    circle,
    rgba(215,180,103,.17) 0%,
    rgba(215,180,103,.05) 36%,
    rgba(215,180,103,0) 72%
  )!important;
  pointer-events:none!important;
}

@media (hover:hover){
  .hero .primary-action:hover,
  section.transformations .transformations-cta.transformations-cta--clean > a:hover,
  section.faq .faq__cta > a:hover,
  section.apply[data-apply] .apply-submit:hover,
  .nav-wrap .nav-apply-link:hover,
  .mobile-top-cta:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(232,198,120,.48)!important;
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.105) 0%,
        rgba(211,179,106,.035) 43%,
        rgba(15,15,16,.20) 100%
      )!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.13),
      inset 0 -1px 0 rgba(0,0,0,.13),
      0 13px 32px rgba(0,0,0,.16),
      0 0 24px rgba(211,179,106,.045)!important;
  }
}

/* The transformation CTA from the screenshot gets a touch more breathing room. */
section.transformations .transformations-cta.transformations-cta--clean > a{
  padding:10px 18px!important;
  min-height:38px!important;
}

/* Hero CTA should feel substantial, not heavy. */
.hero .primary-action{
  border-radius:999px!important;
}

/* FAQ CTA stays compact. */
section.faq .faq__cta > a{
  border-radius:999px!important;
  padding:9px 15px!important;
}

/* Form CTA uses the same material but remains visually primary. */
section.apply[data-apply] .apply-submit{
  border-radius:14px!important;
}

/* ---------------------------------------------------------
   SIDE SCROLL STEPPER — smoked glass vertical rail
   --------------------------------------------------------- */

@media (min-width:821px){
  .scroll-stepper-v35{
    position:fixed!important;
    z-index:90!important;
    right:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;

    width:48px!important;
    min-height:314px!important;
    padding:12px 8px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border:1px solid rgba(255,255,255,.105)!important;
    border-radius:24px!important;

    background:
      linear-gradient(
        155deg,
        rgba(255,255,255,.065) 0%,
        rgba(255,255,255,.018) 35%,
        rgba(11,12,14,.24) 100%
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(0,0,0,.18),
      0 18px 48px rgba(0,0,0,.18)!important;

    backdrop-filter:blur(16px) saturate(118%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(118%)!important;

    overflow:visible!important;
    transition:
      width .24s cubic-bezier(.2,.75,.25,1),
      border-color .2s ease,
      background .2s ease,
      box-shadow .2s ease!important;
  }

  /* glass reflection */
  .scroll-stepper-v35::before{
    content:"";
    position:absolute;
    left:7px;
    right:7px;
    top:2px;
    height:34%;
    border-radius:20px 20px 12px 12px;
    background:linear-gradient(
      180deg,
      rgba(255,255,255,.07),
      rgba(255,255,255,0)
    );
    pointer-events:none;
  }

  /* restrained gold ambient at the lower part */
  .scroll-stepper-v35::after{
    content:"";
    position:absolute;
    width:65px;
    height:95px;
    left:50%;
    bottom:-48px;
    transform:translateX(-50%);
    border-radius:50%;
    background:radial-gradient(
      circle,
      rgba(211,179,106,.12),
      rgba(211,179,106,0) 70%
    );
    pointer-events:none;
  }

  .scroll-stepper-v35:hover{
    width:126px!important;
    border-color:rgba(211,179,106,.18)!important;
    background:
      linear-gradient(
        155deg,
        rgba(255,255,255,.080),
        rgba(255,255,255,.020) 40%,
        rgba(11,12,14,.23)
      )!important;
  }

  .scroll-stepper-v35__rail{
    position:absolute!important;
    left:23px!important;
    top:20px!important;
    bottom:20px!important;
    width:1px!important;
    height:auto!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.085)!important;
    overflow:hidden!important;
    transition:left .24s cubic-bezier(.2,.75,.25,1)!important;
  }

  .scroll-stepper-v35:hover .scroll-stepper-v35__rail{
    left:21px!important;
  }

  .scroll-stepper-v35__rail > i{
    display:block!important;
    width:100%!important;
    min-height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(
      180deg,
      #ecd18c 0%,
      #c7a258 54%,
      rgba(174,137,63,.55) 100%
    )!important;
    box-shadow:0 0 9px rgba(211,179,106,.20)!important;
  }

  .scroll-stepper-v35__items{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    min-height:290px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    gap:0!important;
  }

  .scroll-stepper-v35__items > button{
    position:relative!important;
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    margin:0!important;

    display:flex!important;
    align-items:center!important;

    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    cursor:pointer!important;
    color:#8f8d87!important;
  }

  .scroll-stepper-v35__items > button > span{
    position:absolute!important;
    left:11px!important;
    top:50%!important;
    width:7px!important;
    height:7px!important;
    transform:translateY(-50%)!important;
    border-radius:999px!important;

    border:1px solid rgba(255,255,255,.18)!important;
    background:rgba(255,255,255,.08)!important;
    box-shadow:none!important;

    transition:
      width .2s ease,
      height .2s ease,
      left .24s cubic-bezier(.2,.75,.25,1),
      background .2s ease,
      border-color .2s ease,
      box-shadow .2s ease!important;
  }

  .scroll-stepper-v35__items > button.is-active > span{
    width:9px!important;
    height:9px!important;
    left:10px!important;
    border-color:rgba(231,198,120,.72)!important;
    background:#d4b36a!important;
    box-shadow:
      0 0 0 3px rgba(211,179,106,.075),
      0 0 12px rgba(211,179,106,.30)!important;
  }

  .scroll-stepper-v35__items > button > b{
    position:absolute!important;
    left:36px!important;
    top:50%!important;
    transform:translate(6px,-50%)!important;

    max-width:76px!important;
    overflow:hidden!important;
    white-space:nowrap!important;

    font-size:10px!important;
    line-height:1!important;
    font-weight:650!important;
    letter-spacing:.015em!important;

    color:#a9a69f!important;

    opacity:0!important;
    visibility:hidden!important;

    transition:
      opacity .16s ease,
      transform .20s cubic-bezier(.2,.75,.25,1),
      color .18s ease!important;
  }

  .scroll-stepper-v35:hover .scroll-stepper-v35__items > button > b{
    opacity:1!important;
    visibility:visible!important;
    transform:translate(0,-50%)!important;
  }

  .scroll-stepper-v35__items > button.is-active > b{
    color:#ddbf78!important;
  }

  .scroll-stepper-v35__items > button:hover > b{
    color:#eee9df!important;
  }
}

/* Hide the desktop rail on touch/mobile where it only steals viewport width. */
@media (max-width:820px){
  .scroll-stepper-v35{
    display:none!important;
  }

  /* retain the same glass CTA material on mobile but lighten blur cost */
  .hero .primary-action,
  section.transformations .transformations-cta.transformations-cta--clean > a,
  section.faq .faq__cta > a,
  section.apply[data-apply] .apply-submit,
  .mobile-top-cta{
    backdrop-filter:blur(10px) saturate(114%)!important;
    -webkit-backdrop-filter:blur(10px) saturate(114%)!important;
  }
}


/* =========================================================
   v74 — STATIC SCROLL RAIL + CLEAN GLASS CTA + CTA BOUNDARY FIX
   ========================================================= */

/* ---------------------------------------------------------
   1. DESKTOP SIDE STEPPER
   Static only. No expansion, no labels, no "menu pill" feeling.
   --------------------------------------------------------- */
@media (min-width:821px){
  .scroll-stepper-v35,
  .scroll-stepper-v35:hover{
    right:18px!important;
    top:50%!important;
    transform:translateY(-50%)!important;

    width:38px!important;
    min-height:316px!important;
    padding:12px 0!important;

    border:1px solid rgba(255,255,255,.105)!important;
    border-radius:22px!important;

    background:
      linear-gradient(
        160deg,
        rgba(255,255,255,.060) 0%,
        rgba(255,255,255,.018) 38%,
        rgba(10,11,13,.18) 100%
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.075),
      inset 0 -1px 0 rgba(0,0,0,.13),
      0 14px 38px rgba(0,0,0,.13)!important;

    backdrop-filter:blur(13px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(13px) saturate(112%)!important;

    overflow:hidden!important;
    transition:
      border-color .18s ease,
      background .18s ease!important;
  }

  /* remove the big highlight/glow shapes from v73 */
  .scroll-stepper-v35::before,
  .scroll-stepper-v35::after{
    content:none!important;
    display:none!important;
  }

  .scroll-stepper-v35__rail,
  .scroll-stepper-v35:hover .scroll-stepper-v35__rail{
    left:50%!important;
    top:18px!important;
    bottom:18px!important;
    width:1px!important;
    height:auto!important;
    transform:translateX(-50%)!important;
    background:rgba(255,255,255,.105)!important;
    transition:none!important;
  }

  .scroll-stepper-v35__rail > i{
    width:1px!important;
    background:linear-gradient(
      180deg,
      rgba(235,205,137,.95),
      rgba(201,164,83,.76)
    )!important;
    box-shadow:0 0 7px rgba(211,179,106,.16)!important;
  }

  .scroll-stepper-v35__items{
    min-height:290px!important;
    width:100%!important;
  }

  .scroll-stepper-v35__items > button{
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    justify-content:center!important;
  }

  .scroll-stepper-v35__items > button > span,
  .scroll-stepper-v35__items > button.is-active > span{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;

    width:6px!important;
    height:6px!important;

    border:1px solid rgba(255,255,255,.19)!important;
    background:rgba(255,255,255,.075)!important;
    box-shadow:none!important;

    transition:
      width .18s ease,
      height .18s ease,
      border-color .18s ease,
      background .18s ease,
      box-shadow .18s ease!important;
  }

  .scroll-stepper-v35__items > button.is-active > span{
    width:12px!important;
    height:12px!important;
    border-color:rgba(239,207,135,.88)!important;
    background:#dfbd70!important;
    box-shadow:
      0 0 0 4px rgba(211,179,106,.065),
      0 0 12px rgba(211,179,106,.26)!important;
  }

  /* labels never appear — this control is deliberately iconless/static */
  .scroll-stepper-v35__items > button > b,
  .scroll-stepper-v35:hover .scroll-stepper-v35__items > button > b{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }
}

/* ---------------------------------------------------------
   2. TRANSFORMATIONS ENDING
   Remove the visual "cut" created by pushing the CTA across a
   section boundary. Keep it in normal document flow.
   --------------------------------------------------------- */
@media (min-width:821px){
  section.transformations{
    position:relative!important;
    padding-bottom:34px!important;
    background:transparent!important;
    background-image:none!important;
  }

  section.transformations .transformations-cta.transformations-cta--clean{
    transform:none!important;
    margin-top:30px!important;
    margin-bottom:0!important;
    padding-top:20px!important;
    padding-bottom:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
  }

  /* next section must begin on the same canvas, without a slab */
  section.process,
  section.process > .site-shell{
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
}

/* ---------------------------------------------------------
   3. CTA MATERIAL
   Cleaner than v73: no dark badge center, no heavy gold text.
   Transparent graphite glass + fine warm rim + off-white copy.
   --------------------------------------------------------- */
.hero .primary-action,
section.transformations .transformations-cta.transformations-cta--clean > a,
section.faq .faq__cta > a,
section.apply[data-apply] .apply-submit,
.nav-wrap .nav-apply-link,
.mobile-top-cta{
  border:1px solid transparent!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.070),
      rgba(255,255,255,.025) 46%,
      rgba(255,255,255,.010)
    ) padding-box,
    linear-gradient(
      112deg,
      rgba(255,255,255,.16) 0%,
      rgba(222,188,111,.46) 42%,
      rgba(178,143,70,.30) 72%,
      rgba(255,255,255,.10) 100%
    ) border-box!important;

  color:#f0ede6!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 8px 24px rgba(0,0,0,.10)!important;

  backdrop-filter:blur(12px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(112%)!important;

  text-shadow:none!important;
}

/* Remove v73 decorative pseudo lights from buttons. */
.hero .primary-action::before,
.hero .primary-action::after,
section.transformations .transformations-cta.transformations-cta--clean > a::before,
section.transformations .transformations-cta.transformations-cta--clean > a::after,
section.faq .faq__cta > a::before,
section.faq .faq__cta > a::after,
section.apply[data-apply] .apply-submit::before,
section.apply[data-apply] .apply-submit::after,
.nav-wrap .nav-apply-link::before,
.nav-wrap .nav-apply-link::after,
.mobile-top-cta::before,
.mobile-top-cta::after{
  content:none!important;
  display:none!important;
}

/* Transformation CTA — slightly larger, calmer, more premium. */
section.transformations .transformations-cta.transformations-cta--clean > a{
  min-height:40px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-size:.75rem!important;
  font-weight:780!important;
  letter-spacing:.005em!important;
}

/* Keep the arrow warm gold while copy remains off-white. */
section.transformations .transformations-cta.transformations-cta--clean > a > span{
  color:#d7b86e!important;
  opacity:1!important;
}

/* Hero CTA retains stronger presence without becoming opaque. */
.hero .primary-action{
  border-radius:999px!important;
}

/* Form button can remain slightly more grounded. */
section.apply[data-apply] .apply-submit{
  border-radius:14px!important;
}

@media (hover:hover){
  .hero .primary-action:hover,
  section.transformations .transformations-cta.transformations-cta--clean > a:hover,
  section.faq .faq__cta > a:hover,
  section.apply[data-apply] .apply-submit:hover,
  .nav-wrap .nav-apply-link:hover,
  .mobile-top-cta:hover{
    transform:translateY(-1px)!important;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.095),
        rgba(255,255,255,.032) 46%,
        rgba(211,179,106,.015)
      ) padding-box,
      linear-gradient(
        112deg,
        rgba(255,255,255,.20) 0%,
        rgba(231,199,124,.62) 42%,
        rgba(194,155,76,.40) 72%,
        rgba(255,255,255,.13) 100%
      ) border-box!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.095),
      0 10px 28px rgba(0,0,0,.13),
      0 0 18px rgba(211,179,106,.025)!important;
  }
}

@media (max-width:820px){
  /* Preserve mobile's compact editorial rhythm. */
  section.transformations .transformations-cta.transformations-cta--clean > a{
    min-height:34px!important;
    padding:0 14px!important;
    border-radius:999px!important;
  }
}


/* =========================================================
   v75 — remove transformations divider + clearer glass CTA
   ========================================================= */

/* Remove the full-width horizontal seam above "TWOJA PRZEMIANA". */
section.transformations{
  border-top:0!important;
  border-bottom:0!important;
}

/* Also kill any accidental section-edge line from pseudo layers. */
section.transformations::before,
section.transformations::after{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* ---------------------------------------------------------
   CTA under "TWOJA PRZEMIANA"
   Much more transparent / true glass, less grey pill.
   --------------------------------------------------------- */
section.transformations
.transformations-cta.transformations-cta--clean > a{
  position:relative!important;
  overflow:hidden!important;

  min-height:38px!important;
  padding:0 18px!important;

  border:1px solid rgba(220,185,107,.28)!important;
  border-radius:999px!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.040) 0%,
      rgba(255,255,255,.014) 48%,
      rgba(255,255,255,.004) 100%
    )!important;

  color:#f2eee6!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(0,0,0,.08),
    0 7px 20px rgba(0,0,0,.075)!important;

  backdrop-filter:blur(15px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(116%)!important;

  text-shadow:none!important;
}

/* Re-introduce only a very fine upper glass reflection. */
section.transformations
.transformations-cta.transformations-cta--clean > a::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  pointer-events:none!important;
  z-index:0!important;

  left:10%!important;
  right:10%!important;
  top:1px!important;
  height:46%!important;

  border-radius:999px!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,0)
    )!important;
}

/* No warm blob / opaque fill underneath. */
section.transformations
.transformations-cta.transformations-cta--clean > a::before{
  content:none!important;
  display:none!important;
}

/* Ensure text and arrow sit above reflection. */
section.transformations
.transformations-cta.transformations-cta--clean > a{
  isolation:isolate!important;
}

section.transformations
.transformations-cta.transformations-cta--clean > a > *{
  position:relative!important;
  z-index:2!important;
}

section.transformations
.transformations-cta.transformations-cta--clean > a > span{
  color:#d7b86e!important;
}

/* Hover stays subtle: slightly clearer glass, not a solid fill. */
@media (hover:hover){
  section.transformations
  .transformations-cta.transformations-cta--clean > a:hover{
    transform:translateY(-1px)!important;

    border-color:rgba(231,198,121,.42)!important;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.055) 0%,
        rgba(255,255,255,.019) 48%,
        rgba(211,179,106,.006) 100%
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.09),
      inset 0 -1px 0 rgba(0,0,0,.07),
      0 9px 23px rgba(0,0,0,.09),
      0 0 14px rgba(211,179,106,.018)!important;
  }
}

@media (max-width:820px){
  section.transformations{
    border-top:0!important;
  }

  section.transformations
  .transformations-cta.transformations-cta--clean > a{
    min-height:35px!important;
    padding:0 15px!important;
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.036),
        rgba(255,255,255,.012) 52%,
        rgba(255,255,255,.003)
      )!important;
    backdrop-filter:blur(11px) saturate(114%)!important;
    -webkit-backdrop-filter:blur(11px) saturate(114%)!important;
  }
}


/* =========================================================
   v76 — remove carousel floor shadow + pure glass CTA
   ========================================================= */

/* ---------------------------------------------------------
   REMOVE THE DARK "FLOOR / OVAL" UNDER TRANSFORMATION CAROUSEL
   Several historical carousel layers can generate a grounding
   shadow. Neutralize all non-content pseudo-layers in this area.
   --------------------------------------------------------- */
section.transformations .carousel-stage,
section.transformations .stage,
section.transformations .coverflow,
section.transformations .coverflow-viewport,
section.transformations .coverflow-track{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Kill decorative shadow/floor pseudo-elements only. */
section.transformations .carousel-stage::before,
section.transformations .carousel-stage::after,
section.transformations .stage::before,
section.transformations .stage::after,
section.transformations .coverflow::before,
section.transformations .coverflow::after,
section.transformations .coverflow-viewport::before,
section.transformations .coverflow-viewport::after,
section.transformations .coverflow-track::before,
section.transformations .coverflow-track::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Do not let the carousel wrapper paint a dark slab below cards. */
section.transformations .carousel-stage,
section.transformations .stage{
  overflow:visible!important;
}

/* ---------------------------------------------------------
   PURE GLASS CTA
   No inner highlight block, no pseudo reflection, no warm blob.
   --------------------------------------------------------- */
section.transformations
.transformations-cta.transformations-cta--clean > a{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  min-height:38px!important;
  padding:0 18px!important;

  border:1px solid rgba(221,185,105,.31)!important;
  border-radius:999px!important;

  /* single transparent surface only */
  background:rgba(255,255,255,.018)!important;
  background-image:none!important;

  color:#f0ede6!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.050),
    0 7px 18px rgba(0,0,0,.055)!important;

  backdrop-filter:blur(13px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(112%)!important;

  text-shadow:none!important;
}

/* Absolutely no element sitting inside the button surface. */
section.transformations
.transformations-cta.transformations-cta--clean > a::before,
section.transformations
.transformations-cta.transformations-cta--clean > a::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  box-shadow:none!important;
}

/* Keep only the arrow warm. */
section.transformations
.transformations-cta.transformations-cta--clean > a > span{
  position:relative!important;
  z-index:1!important;
  color:#d6b66b!important;
}

/* The text remains clean white/off-white. */
section.transformations
.transformations-cta.transformations-cta--clean > a{
  font-weight:760!important;
}

/* Hover: only a tiny material lift, still transparent. */
@media (hover:hover){
  section.transformations
  .transformations-cta.transformations-cta--clean > a:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(232,197,118,.44)!important;
    background:rgba(255,255,255,.026)!important;
    background-image:none!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.065),
      0 9px 21px rgba(0,0,0,.07),
      0 0 13px rgba(211,179,106,.014)!important;
  }
}

@media (max-width:820px){
  section.transformations
  .transformations-cta.transformations-cta--clean > a{
    background:rgba(255,255,255,.016)!important;
    background-image:none!important;
    backdrop-filter:blur(10px) saturate(110%)!important;
    -webkit-backdrop-filter:blur(10px) saturate(110%)!important;
  }
}


/* =========================================================
   v77 — remove legacy grey-wear blotches + restore separator
   ========================================================= */

/*
  This was the real source of the broad dark/grey "placki".
  Keep the new graphite/gold body background and particles only.
*/
#levelup-grey-wear-v45,
#levelup-grey-wear-v45::before,
#levelup-grey-wear-v45::after{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  filter:none!important;
  box-shadow:none!important;
}

/*
  Restore only the real section separator.
  No background slab, shadow or extra pseudo layer.
*/
section.transformations{
  border-top:1px solid rgba(255,255,255,.070)!important;
  border-bottom:0!important;
}

/* Keep the section itself completely transparent. */
section.transformations,
section.transformations > .site-shell,
section.transformations .transformations-cta{
  background-color:transparent!important;
  background-image:none!important;
}

/* Do not restore any legacy atmospheric pseudo layers. */
section.transformations::before,
section.transformations::after{
  content:none!important;
  display:none!important;
}

/* Slightly soften separator on the gold/graphite canvas. */
@media (min-width:821px){
  section.transformations{
    border-top-color:rgba(255,255,255,.062)!important;
  }
}

@media (max-width:820px){
  section.transformations{
    border-top-color:rgba(255,255,255,.055)!important;
  }
}


/* =========================================================
   v78 — remove ONLY the transformation carousel card shadow
   ========================================================= */

/*
  The broad dark patch below the carousel is produced by the cards /
  their visual frames, not by the page background. Keep the carousel
  transforms and imagery, remove only shadow-producing paint.
*/
section.transformations .coverflow-card,
section.transformations .coverflow-card.is-active,
section.transformations .coverflow-card[aria-current="true"],
section.transformations .coverflow-card .card-frame,
section.transformations .coverflow-card img{
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  text-shadow:none!important;
}

/* Pseudo layers on the CARD itself must not cast a floor shadow. */
section.transformations .coverflow-card::before,
section.transformations .coverflow-card::after,
section.transformations .coverflow-card .card-frame::before,
section.transformations .coverflow-card .card-frame::after{
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  filter:none!important;
}

/*
  Some versions used CSS filter:drop-shadow() on the active card.
  Remove that filter only from the card/frame. Do NOT touch transform,
  opacity or the inner image shade, so coverflow depth still works.
*/
section.transformations .coverflow-card,
section.transformations .coverflow-card.is-active,
section.transformations .coverflow-card[aria-current="true"],
section.transformations .coverflow-card .card-frame{
  filter:none!important;
  -webkit-filter:none!important;
}

/* The dark shade stays clipped inside the photo and cannot spill below it. */
section.transformations .coverflow-card .card-frame{
  overflow:hidden!important;
}

/* Do not touch the real separator or page ambient. */
section.transformations{
  border-top:1px solid rgba(255,255,255,.062)!important;
}


/* =========================================================
   v79 — slightly lighter graphite + tighter transformation spacing
   ========================================================= */

/* ---------------------------------------------------------
   1. Restore some brightness WITHOUT restoring the old blotches.
   This is a clean ambient wash, not the removed wear layer.
   --------------------------------------------------------- */
html,
body{
  background-color:#222428!important;
}

body{
  background-image:
    radial-gradient(
      68% 44% at 18% 5%,
      rgba(255,255,255,.050) 0%,
      rgba(255,255,255,.018) 34%,
      rgba(255,255,255,0) 72%
    ),
    radial-gradient(
      58% 42% at 82% 22%,
      rgba(211,179,106,.040) 0%,
      rgba(211,179,106,.014) 36%,
      rgba(211,179,106,0) 74%
    ),
    radial-gradient(
      72% 50% at 52% 76%,
      rgba(255,255,255,.025) 0%,
      rgba(255,255,255,.008) 42%,
      rgba(255,255,255,0) 78%
    )!important;
  background-attachment:fixed!important;
}

/* Keep every main section on the same clean canvas. */
main,
section,
.site-shell{
  background-color:transparent!important;
}

/* ---------------------------------------------------------
   2. Tighten the gap below carousel.
   --------------------------------------------------------- */
@media (min-width:821px){
  section.transformations{
    padding-bottom:22px!important;
  }

  section.transformations .carousel-stage,
  section.transformations .stage,
  section.transformations .coverflow,
  section.transformations .coverflow-viewport{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }

  section.transformations
  .transformations-cta.transformations-cta--clean{
    margin-top:8px!important;
    padding-top:12px!important;
  }
}

/* Mobile keeps a little more breathing room, but less than before. */
@media (max-width:820px){
  section.transformations{
    padding-bottom:20px!important;
  }

  section.transformations
  .transformations-cta.transformations-cta--clean{
    margin-top:8px!important;
    padding-top:10px!important;
  }
}


/* =========================================================
   v80 — lighter graphite, still premium and clean
   ========================================================= */

/* One step lighter than v79, without restoring old wear/blotches. */
html,
body{
  background-color:#292b2f!important;
}

body{
  background-image:
    radial-gradient(
      72% 48% at 18% 5%,
      rgba(255,255,255,.070) 0%,
      rgba(255,255,255,.028) 35%,
      rgba(255,255,255,0) 74%
    ),
    radial-gradient(
      62% 45% at 82% 22%,
      rgba(211,179,106,.046) 0%,
      rgba(211,179,106,.018) 38%,
      rgba(211,179,106,0) 76%
    ),
    radial-gradient(
      76% 54% at 52% 76%,
      rgba(255,255,255,.037) 0%,
      rgba(255,255,255,.013) 44%,
      rgba(255,255,255,0) 80%
    )!important;
  background-attachment:fixed!important;
}

/* Keep all sections visually on the same canvas. */
main,
section,
.site-shell{
  background-color:transparent!important;
}

/* On desktop give the canvas a faint cool-silver lift. */
@media (min-width:821px){
  body::before{
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.018),
        rgba(255,255,255,0) 34%
      )!important;
    opacity:1!important;
  }
}

/* Mobile should not look darker than desktop. */
@media (max-width:820px){
  html,
  body{
    background-color:#2a2c30!important;
  }

  body{
    background-image:
      radial-gradient(
        92% 44% at 24% 8%,
        rgba(255,255,255,.064),
        rgba(255,255,255,.022) 38%,
        rgba(255,255,255,0) 76%
      ),
      radial-gradient(
        86% 44% at 82% 30%,
        rgba(211,179,106,.038),
        rgba(211,179,106,.012) 42%,
        rgba(211,179,106,0) 78%
      ),
      radial-gradient(
        100% 50% at 50% 82%,
        rgba(255,255,255,.030),
        rgba(255,255,255,.010) 46%,
        rgba(255,255,255,0) 82%
      )!important;
  }
}


/* =========================================================
   v81 — PREMIUM CHARCOAL SATIN
   Less "concrete grey", more depth / contrast / luxury.
   ========================================================= */

html,
body{
  background-color:#1f2125!important;
}

body{
  background-image:
    /* soft silver lift in the upper middle */
    radial-gradient(
      72% 52% at 50% 10%,
      rgba(255,255,255,.075) 0%,
      rgba(255,255,255,.030) 36%,
      rgba(255,255,255,0) 76%
    ),

    /* restrained warm LevelUp glow */
    radial-gradient(
      54% 38% at 79% 25%,
      rgba(211,179,106,.050) 0%,
      rgba(211,179,106,.017) 40%,
      rgba(211,179,106,0) 76%
    ),

    /* second quiet silver lift lower on the page */
    radial-gradient(
      72% 50% at 36% 72%,
      rgba(255,255,255,.035) 0%,
      rgba(255,255,255,.012) 44%,
      rgba(255,255,255,0) 80%
    ),

    /* premium vignette: darker edges, brighter center */
    radial-gradient(
      115% 88% at 50% 46%,
      rgba(255,255,255,.016) 0%,
      rgba(255,255,255,0) 53%,
      rgba(0,0,0,.16) 100%
    ),

    /* satin vertical base instead of a flat grey slab */
    linear-gradient(
      180deg,
      #24262a 0%,
      #202226 36%,
      #1c1e22 68%,
      #202226 100%
    )!important;

  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}

/* Keep content surfaces floating on the same canvas. */
main,
section,
.site-shell{
  background-color:transparent!important;
}

/* Header: less grey slab, more smoked glass. */
.site-header,
.header,
.nav-wrap{
  background-color:rgba(18,19,22,.48)!important;
  background-image:
    linear-gradient(
      145deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.012) 45%,
      rgba(0,0,0,.035)
    )!important;
  backdrop-filter:blur(18px) saturate(114%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(114%)!important;
}

/* Existing card surfaces: reduce the "cement tile" feeling. */
.process-step,
.cooperation-card,
.package-card,
.trainer-card,
.testimonial-card,
.faq-item{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.042),
      rgba(255,255,255,.014) 48%,
      rgba(8,9,11,.06)
    )!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 16px 42px rgba(0,0,0,.10)!important;
}

/* Small warm edge on important card groups, barely visible. */
.process-step:hover,
.cooperation-card:hover,
.package-card:hover{
  border-color:rgba(211,179,106,.14)!important;
}

/* Preserve the clean background: never restore the old wear layer. */
#levelup-grey-wear-v45,
#levelup-grey-wear-v45::before,
#levelup-grey-wear-v45::after{
  display:none!important;
  opacity:0!important;
}

/* Mobile: same tone, not darker than desktop. */
@media (max-width:820px){
  html,
  body{
    background-color:#202226!important;
  }

  body{
    background-image:
      radial-gradient(
        105% 48% at 50% 7%,
        rgba(255,255,255,.070) 0%,
        rgba(255,255,255,.026) 40%,
        rgba(255,255,255,0) 78%
      ),
      radial-gradient(
        88% 42% at 83% 29%,
        rgba(211,179,106,.043) 0%,
        rgba(211,179,106,.014) 43%,
        rgba(211,179,106,0) 80%
      ),
      radial-gradient(
        120% 80% at 50% 48%,
        rgba(255,255,255,.010) 0%,
        rgba(255,255,255,0) 56%,
        rgba(0,0,0,.12) 100%
      ),
      linear-gradient(
        180deg,
        #25272b 0%,
        #202226 46%,
        #1d1f23 78%,
        #202226 100%
      )!important;
  }
}


/* =========================================================
   v82 — HEADER FULL-WIDTH BAND FIX
   The outer header wrapper must stay transparent.
   Only the rounded .nav panel carries glass material.
   ========================================================= */

.nav-wrap,
header.nav-wrap,
.nav-wrap.is-scrolled{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Keep premium smoked glass ONLY on the actual rounded navigation panel. */
@media (min-width:821px){
  .nav-wrap .nav{
    background:
      linear-gradient(
        145deg,
        rgba(47,49,54,.72) 0%,
        rgba(30,32,36,.66) 55%,
        rgba(21,23,26,.62) 100%
      )!important;

    border:1px solid rgba(238,239,242,.13)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -1px 0 rgba(0,0,0,.13),
      0 12px 30px rgba(0,0,0,.15)!important;

    backdrop-filter:blur(20px) saturate(116%)!important;
    -webkit-backdrop-filter:blur(20px) saturate(116%)!important;
  }

  .nav-wrap.is-scrolled .nav{
    background:
      linear-gradient(
        145deg,
        rgba(43,45,50,.82),
        rgba(25,27,31,.78)
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.105),
      0 14px 34px rgba(0,0,0,.18)!important;
  }
}

/* Do not allow a pseudo layer on the wrapper to recreate the band. */
.nav-wrap::before,
.nav-wrap::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}


/* =========================================================
   v83 — STRONGER GOLD AMBIENT
   More visible warm light, still broad and premium.
   ========================================================= */

html,
body{
  background-color:#1f2125!important;
}

body{
  background-image:
    /* primary gold bloom — now clearly visible */
    radial-gradient(
      58% 44% at 72% 15%,
      rgba(221,184,99,.115) 0%,
      rgba(211,179,106,.060) 24%,
      rgba(211,179,106,.024) 46%,
      rgba(211,179,106,0) 76%
    ),

    /* secondary gold bloom lower/left for continuity */
    radial-gradient(
      54% 42% at 26% 63%,
      rgba(211,179,106,.070) 0%,
      rgba(211,179,106,.030) 30%,
      rgba(211,179,106,.010) 52%,
      rgba(211,179,106,0) 78%
    ),

    /* silver lift so the page never becomes muddy/yellow */
    radial-gradient(
      72% 50% at 48% 8%,
      rgba(255,255,255,.068) 0%,
      rgba(255,255,255,.027) 38%,
      rgba(255,255,255,0) 76%
    ),

    /* subtle center light */
    radial-gradient(
      78% 56% at 50% 72%,
      rgba(255,255,255,.028) 0%,
      rgba(255,255,255,.010) 45%,
      rgba(255,255,255,0) 82%
    ),

    /* premium vignette */
    radial-gradient(
      118% 90% at 50% 46%,
      rgba(255,255,255,.012) 0%,
      rgba(255,255,255,0) 55%,
      rgba(0,0,0,.15) 100%
    ),

    /* charcoal satin base */
    linear-gradient(
      180deg,
      #24262a 0%,
      #202226 36%,
      #1c1e22 69%,
      #202226 100%
    )!important;

  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}

/* Keep all sections on one ambient canvas. */
main,
section,
.site-shell{
  background-color:transparent!important;
}

/* Desktop: add one ultra-soft gold wash behind content. */
@media (min-width:821px){
  body::after{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:-1!important;

    background:
      radial-gradient(
        42% 34% at 83% 38%,
        rgba(211,179,106,.040),
        rgba(211,179,106,0) 72%
      )!important;

    opacity:1!important;
  }
}

/* Mobile gets a slightly stronger top gold presence so it doesn't read darker. */
@media (max-width:820px){
  html,
  body{
    background-color:#202226!important;
  }

  body{
    background-image:
      radial-gradient(
        95% 42% at 76% 10%,
        rgba(221,184,99,.105) 0%,
        rgba(211,179,106,.052) 28%,
        rgba(211,179,106,.018) 50%,
        rgba(211,179,106,0) 78%
      ),
      radial-gradient(
        88% 40% at 20% 62%,
        rgba(211,179,106,.058) 0%,
        rgba(211,179,106,.022) 34%,
        rgba(211,179,106,0) 78%
      ),
      radial-gradient(
        110% 48% at 46% 6%,
        rgba(255,255,255,.058) 0%,
        rgba(255,255,255,.022) 40%,
        rgba(255,255,255,0) 80%
      ),
      radial-gradient(
        120% 80% at 50% 48%,
        rgba(255,255,255,.010) 0%,
        rgba(255,255,255,0) 56%,
        rgba(0,0,0,.12) 100%
      ),
      linear-gradient(
        180deg,
        #25272b 0%,
        #202226 46%,
        #1d1f23 78%,
        #202226 100%
      )!important;
  }
}


/* =========================================================
   v84 — DISTRIBUTED GOLD BACKGROUND
   Gold is part of the whole page canvas, not one fixed hotspot.
   ========================================================= */

html,
body{
  background-color:#1f2125!important;
}

body{
  /* IMPORTANT: the ambient belongs to the document, not the viewport */
  background-attachment:scroll!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;

  background-image:
    /* broad warm veil near the beginning */
    radial-gradient(
      115% 13% at 72% 8%,
      rgba(215,180,103,.072) 0%,
      rgba(211,179,106,.035) 34%,
      rgba(211,179,106,.012) 58%,
      rgba(211,179,106,0) 82%
    ),

    /* second warm field */
    radial-gradient(
      120% 15% at 24% 31%,
      rgba(211,179,106,.060) 0%,
      rgba(211,179,106,.028) 36%,
      rgba(211,179,106,.009) 60%,
      rgba(211,179,106,0) 84%
    ),

    /* centre-right warm field */
    radial-gradient(
      125% 15% at 78% 53%,
      rgba(216,181,101,.064) 0%,
      rgba(211,179,106,.030) 35%,
      rgba(211,179,106,.010) 59%,
      rgba(211,179,106,0) 84%
    ),

    /* lower-left warm field */
    radial-gradient(
      120% 15% at 26% 74%,
      rgba(211,179,106,.055) 0%,
      rgba(211,179,106,.026) 36%,
      rgba(211,179,106,.009) 60%,
      rgba(211,179,106,0) 84%
    ),

    /* soft warm finish */
    radial-gradient(
      118% 12% at 70% 94%,
      rgba(211,179,106,.050) 0%,
      rgba(211,179,106,.022) 38%,
      rgba(211,179,106,.007) 62%,
      rgba(211,179,106,0) 86%
    ),

    /* silver lift spread through the whole canvas */
    linear-gradient(
      180deg,
      rgba(255,255,255,.032) 0%,
      rgba(255,255,255,.010) 18%,
      rgba(255,255,255,.022) 42%,
      rgba(255,255,255,.007) 66%,
      rgba(255,255,255,.018) 84%,
      rgba(255,255,255,.008) 100%
    ),

    /* charcoal satin base */
    linear-gradient(
      180deg,
      #24262a 0%,
      #202226 30%,
      #1d1f23 58%,
      #202226 80%,
      #1e2024 100%
    )!important;
}

/*
  V83 introduced a fixed gold spotlight.
  Remove it completely so nothing is stuck to the viewport.
*/
body::after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}

/* Keep the canvas continuous behind every section. */
main,
section,
.site-shell{
  background-color:transparent!important;
}

/* Never bring back the old grey wear / blotch overlay. */
#levelup-grey-wear-v45,
#levelup-grey-wear-v45::before,
#levelup-grey-wear-v45::after{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* Mobile: same distributed idea, slightly more visible because of the smaller screen. */
@media (max-width:820px){
  html,
  body{
    background-color:#202226!important;
  }

  body{
    background-attachment:scroll!important;
    background-size:100% 100%!important;

    background-image:
      radial-gradient(
        135% 12% at 72% 7%,
        rgba(215,180,103,.076) 0%,
        rgba(211,179,106,.035) 37%,
        rgba(211,179,106,.010) 62%,
        rgba(211,179,106,0) 86%
      ),
      radial-gradient(
        140% 14% at 22% 33%,
        rgba(211,179,106,.061) 0%,
        rgba(211,179,106,.028) 38%,
        rgba(211,179,106,.008) 63%,
        rgba(211,179,106,0) 86%
      ),
      radial-gradient(
        140% 14% at 78% 58%,
        rgba(211,179,106,.063) 0%,
        rgba(211,179,106,.030) 38%,
        rgba(211,179,106,.009) 63%,
        rgba(211,179,106,0) 87%
      ),
      radial-gradient(
        135% 12% at 28% 86%,
        rgba(211,179,106,.053) 0%,
        rgba(211,179,106,.024) 40%,
        rgba(211,179,106,.007) 64%,
        rgba(211,179,106,0) 88%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.030),
        rgba(255,255,255,.010) 24%,
        rgba(255,255,255,.021) 50%,
        rgba(255,255,255,.008) 76%,
        rgba(255,255,255,.015)
      ),
      linear-gradient(
        180deg,
        #25272b 0%,
        #202226 42%,
        #1d1f23 75%,
        #202226 100%
      )!important;
  }
}


/* =========================================================
   v85 — GLOBAL BLACK SMOKED GLASS CARD SYSTEM
   Lighter graphite page + darker premium surfaces.
   ========================================================= */

:root{
  --lu-black-glass:
    linear-gradient(
      145deg,
      rgba(10,11,13,.82) 0%,
      rgba(5,6,8,.76) 48%,
      rgba(2,3,4,.70) 100%
    );
  --lu-black-glass-soft:
    linear-gradient(
      145deg,
      rgba(12,13,15,.74) 0%,
      rgba(6,7,9,.68) 52%,
      rgba(3,4,5,.62) 100%
    );
  --lu-black-glass-border:rgba(255,255,255,.075);
  --lu-black-glass-border-hover:rgba(211,179,106,.16);
  --lu-black-glass-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.20),
    0 18px 48px rgba(0,0,0,.16);
}

/* ---------------------------------------------------------
   PROCESS / COOPERATION
   --------------------------------------------------------- */
section.process .process-step,
section.process .process__swipe-hint,
section.process .process__promise{
  background:var(--lu-black-glass)!important;
  background-image:var(--lu-black-glass)!important;
  border-color:var(--lu-black-glass-border)!important;
  box-shadow:var(--lu-black-glass-shadow)!important;
  backdrop-filter:blur(15px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(108%)!important;
}

section.process .process-step.is-active{
  border-color:rgba(211,179,106,.18)!important;
  background:
    linear-gradient(
      145deg,
      rgba(13,13,13,.84),
      rgba(5,6,7,.77) 54%,
      rgba(3,3,4,.72)
    )!important;
}

/* ---------------------------------------------------------
   PACKAGES — all circled surfaces become dark glass
   --------------------------------------------------------- */
section.packages[data-packages] .packages__included,
section.packages[data-packages] .packages__doping,
section.packages[data-packages] .package-card,
section.packages[data-packages] .packages__process,
section.packages[data-packages] .packages__extras,
section.packages[data-packages] .packages__extras > article,
section.packages[data-packages] .packages__mobile-details details{
  background:var(--lu-black-glass)!important;
  background-image:var(--lu-black-glass)!important;
  border-color:var(--lu-black-glass-border)!important;
  box-shadow:var(--lu-black-glass-shadow)!important;
  backdrop-filter:blur(16px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(108%)!important;
}

/* Selected / recommended package: black first, gold only as cue. */
section.packages[data-packages] .package-card--focus{
  background:
    linear-gradient(
      145deg,
      rgba(13,12,10,.86) 0%,
      rgba(6,6,7,.79) 48%,
      rgba(3,3,4,.74) 100%
    )!important;
  border-color:rgba(211,179,106,.24)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 48px rgba(0,0,0,.18),
    0 0 28px rgba(211,179,106,.022)!important;
}

/* Price choices inside package cards: darker mini glass cards. */
section.packages[data-packages] .package-price{
  background:
    linear-gradient(
      145deg,
      rgba(7,8,10,.82),
      rgba(3,4,5,.74)
    )!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.028),
    0 9px 24px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(12px) saturate(106%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(106%)!important;
}

/* Focused price option remains black, just with a gold line. */
section.packages[data-packages] .package-card--focus .package-price:last-child{
  background:
    linear-gradient(
      145deg,
      rgba(10,9,7,.84),
      rgba(4,4,5,.76)
    )!important;
  border-color:rgba(211,179,106,.28)!important;
}

/* Smaller informational box inside doping panel. */
section.packages[data-packages] .packages__doping-note{
  background:rgba(0,0,0,.25)!important;
  border-color:rgba(255,255,255,.060)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}

/* Package dropdown/select controls. */
section.packages[data-packages] .package-extra__select{
  background:rgba(4,5,7,.64)!important;
  border-color:rgba(255,255,255,.07)!important;
}

/* ---------------------------------------------------------
   TRAINERS
   --------------------------------------------------------- */
section.trainers .trainer-tab,
section.trainers .trainers__principle{
  background:var(--lu-black-glass-soft)!important;
  background-image:var(--lu-black-glass-soft)!important;
  border-color:var(--lu-black-glass-border)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 14px 36px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(14px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(108%)!important;
}

section.trainers .trainer-tab.is-active{
  background:
    linear-gradient(
      145deg,
      rgba(13,12,10,.82),
      rgba(5,6,7,.72)
    )!important;
  border-color:rgba(211,179,106,.20)!important;
}

/* ---------------------------------------------------------
   REVIEWS / OPINIONS
   --------------------------------------------------------- */
section.reviews-showcase[data-reviews-showcase] .review-platform,
section.reviews-showcase[data-reviews-showcase] .quote-chip,
section.reviews-showcase[data-reviews-showcase] .video-story{
  background:var(--lu-black-glass-soft)!important;
  background-image:var(--lu-black-glass-soft)!important;
  border-color:var(--lu-black-glass-border)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 15px 40px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(14px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(108%)!important;
}

/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */
section.faq .faq-item,
section.faq .faq__cta{
  background:var(--lu-black-glass-soft)!important;
  background-image:var(--lu-black-glass-soft)!important;
  border-color:var(--lu-black-glass-border)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 12px 32px rgba(0,0,0,.11)!important;
  backdrop-filter:blur(14px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(108%)!important;
}

section.faq .faq-item[open],
section.faq .faq-item.is-open{
  background:
    linear-gradient(
      145deg,
      rgba(12,12,13,.84),
      rgba(5,6,7,.75)
    )!important;
  border-color:rgba(211,179,106,.14)!important;
}

/* ---------------------------------------------------------
   APPLICATION FORM
   --------------------------------------------------------- */
section.apply[data-apply] .apply-form,
section.apply[data-apply] .apply-package,
section.apply[data-apply] .apply-next-step,
section.apply[data-apply] .apply-success{
  background:var(--lu-black-glass)!important;
  background-image:var(--lu-black-glass)!important;
  border-color:var(--lu-black-glass-border)!important;
  box-shadow:var(--lu-black-glass-shadow)!important;
  backdrop-filter:blur(16px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(108%)!important;
}

section.apply[data-apply] input,
section.apply[data-apply] textarea,
section.apply[data-apply] select{
  background:rgba(2,3,4,.52)!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}

/* ---------------------------------------------------------
   FOOTER CONTACT TILES
   --------------------------------------------------------- */
.site-footer-v35__contacts > a{
  background:var(--lu-black-glass-soft)!important;
  background-image:var(--lu-black-glass-soft)!important;
  border-color:var(--lu-black-glass-border)!important;
}

/* ---------------------------------------------------------
   GLOBAL INTERACTION
   Keep black surfaces restrained; gold appears only on hover/focus.
   --------------------------------------------------------- */
@media (hover:hover){
  section.process .process-step:hover,
  section.packages[data-packages] .packages__included:hover,
  section.packages[data-packages] .packages__doping:hover,
  section.packages[data-packages] .package-card:hover,
  section.trainers .trainer-tab:hover,
  section.trainers .trainers__principle:hover,
  section.reviews-showcase[data-reviews-showcase] .review-platform:hover,
  section.reviews-showcase[data-reviews-showcase] .quote-chip:hover,
  section.faq .faq-item:hover,
  .site-footer-v35__contacts > a:hover{
    border-color:var(--lu-black-glass-border-hover)!important;
  }

  section.packages[data-packages] .package-price:hover{
    background:
      linear-gradient(
        145deg,
        rgba(12,12,13,.86),
        rgba(4,5,6,.78)
      )!important;
    border-color:rgba(211,179,106,.18)!important;
  }
}

/* ---------------------------------------------------------
   MOBILE
   Slightly more opaque so cards retain contrast on small screens.
   --------------------------------------------------------- */
@media (max-width:820px){
  section.process .process-step,
  section.process .process__swipe-hint,
  section.process .process__promise,
  section.packages[data-packages] .packages__included,
  section.packages[data-packages] .packages__doping,
  section.packages[data-packages] .package-card,
  section.packages[data-packages] .packages__process,
  section.trainers .trainer-tab,
  section.trainers .trainers__principle,
  section.reviews-showcase[data-reviews-showcase] .review-platform,
  section.reviews-showcase[data-reviews-showcase] .quote-chip,
  section.reviews-showcase[data-reviews-showcase] .video-story,
  section.faq .faq-item,
  section.faq .faq__cta,
  section.apply[data-apply] .apply-form,
  section.apply[data-apply] .apply-package,
  section.apply[data-apply] .apply-next-step{
    background:
      linear-gradient(
        145deg,
        rgba(8,9,11,.88),
        rgba(3,4,5,.82)
      )!important;
  }
}


/* =========================================================
   v86 — SOFTER BLACK GLASS + NESTED WRAPPER ARTIFACT FIX
   ========================================================= */

:root{
  /* One step lighter than v85: charcoal-black glass, not pitch black. */
  --lu-black-glass:
    linear-gradient(
      145deg,
      rgba(16,17,20,.70) 0%,
      rgba(10,11,14,.64) 48%,
      rgba(6,7,9,.58) 100%
    );

  --lu-black-glass-soft:
    linear-gradient(
      145deg,
      rgba(20,21,24,.64) 0%,
      rgba(12,13,16,.58) 52%,
      rgba(7,8,10,.52) 100%
    );

  --lu-black-glass-border:rgba(255,255,255,.082);
  --lu-black-glass-border-hover:rgba(211,179,106,.17);

  --lu-black-glass-shadow:
    inset 0 1px 0 rgba(255,255,255,.040),
    inset 0 -1px 0 rgba(0,0,0,.14),
    0 16px 42px rgba(0,0,0,.125);
}

/* ---------------------------------------------------------
   IMPORTANT:
   layout wrappers must stay transparent.
   In v85 .packages__extras itself got a dark background AND its
   child articles got one too, which created the square black wedges.
   --------------------------------------------------------- */
section.packages[data-packages] .packages__extras{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Only the actual two extra cards get glass. */
section.packages[data-packages] .packages__extras > article{
  background:var(--lu-black-glass)!important;
  background-image:var(--lu-black-glass)!important;
  border:1px solid var(--lu-black-glass-border)!important;
  box-shadow:var(--lu-black-glass-shadow)!important;
  backdrop-filter:blur(14px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(108%)!important;
  overflow:hidden!important;
}

/* ---------------------------------------------------------
   PACKAGE MAIN SURFACES — softer than v85
   --------------------------------------------------------- */
section.packages[data-packages] .packages__included,
section.packages[data-packages] .packages__doping,
section.packages[data-packages] .package-card,
section.packages[data-packages] .packages__process,
section.packages[data-packages] .packages__mobile-details details{
  background:var(--lu-black-glass)!important;
  background-image:var(--lu-black-glass)!important;
  border-color:var(--lu-black-glass-border)!important;
  box-shadow:var(--lu-black-glass-shadow)!important;
}

/* Recommended card: keep gold cue, but no near-black slab. */
section.packages[data-packages] .package-card--focus{
  background:
    linear-gradient(
      145deg,
      rgba(19,18,16,.72) 0%,
      rgba(11,11,13,.65) 50%,
      rgba(7,7,9,.59) 100%
    )!important;

  border-color:rgba(211,179,106,.24)!important;
}

/* Mini price cards are also a little lighter. */
section.packages[data-packages] .package-price{
  background:
    linear-gradient(
      145deg,
      rgba(15,16,19,.68),
      rgba(8,9,11,.60)
    )!important;

  border-color:rgba(255,255,255,.082)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 22px rgba(0,0,0,.09)!important;
}

/* ---------------------------------------------------------
   REST OF SITE — keep the same dark-glass language, softened.
   --------------------------------------------------------- */
section.process .process-step,
section.process .process__swipe-hint,
section.process .process__promise,
section.trainers .trainer-tab,
section.trainers .trainers__principle,
section.reviews-showcase[data-reviews-showcase] .review-platform,
section.reviews-showcase[data-reviews-showcase] .quote-chip,
section.reviews-showcase[data-reviews-showcase] .video-story,
section.faq .faq-item,
section.faq .faq__cta,
section.apply[data-apply] .apply-form,
section.apply[data-apply] .apply-package,
section.apply[data-apply] .apply-next-step,
section.apply[data-apply] .apply-success,
.site-footer-v35__contacts > a{
  background:var(--lu-black-glass-soft)!important;
  background-image:var(--lu-black-glass-soft)!important;
  border-color:var(--lu-black-glass-border)!important;
}

/* Inputs should no longer look like holes punched in the card. */
section.apply[data-apply] input,
section.apply[data-apply] textarea,
section.apply[data-apply] select{
  background:rgba(8,9,11,.46)!important;
  border-color:rgba(255,255,255,.080)!important;
}

/* Mobile: still contrasty, but no pitch-black tiles. */
@media (max-width:820px){
  section.process .process-step,
  section.process .process__swipe-hint,
  section.process .process__promise,
  section.packages[data-packages] .packages__included,
  section.packages[data-packages] .packages__doping,
  section.packages[data-packages] .package-card,
  section.packages[data-packages] .packages__process,
  section.packages[data-packages] .packages__extras > article,
  section.trainers .trainer-tab,
  section.trainers .trainers__principle,
  section.reviews-showcase[data-reviews-showcase] .review-platform,
  section.reviews-showcase[data-reviews-showcase] .quote-chip,
  section.reviews-showcase[data-reviews-showcase] .video-story,
  section.faq .faq-item,
  section.faq .faq__cta,
  section.apply[data-apply] .apply-form,
  section.apply[data-apply] .apply-package,
  section.apply[data-apply] .apply-next-step{
    background:
      linear-gradient(
        145deg,
        rgba(15,16,19,.76),
        rgba(8,9,11,.69)
      )!important;
  }

  section.packages[data-packages] .packages__extras{
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
  }
}


/* =========================================================
   v87 — TRAINERS PRINCIPLE: EDITORIAL, NOT A CARD
   ========================================================= */

section.trainers .trainers__principle{
  position:relative!important;
  display:block!important;

  width:min(940px,calc(100% - 32px))!important;
  margin:28px auto 0!important;
  padding:20px 0 4px!important;

  border:0!important;
  border-radius:0!important;

  background:transparent!important;
  background-image:none!important;

  box-shadow:none!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;

  text-align:center!important;
}

/* Gold label with soft symmetric divider lines */
section.trainers .trainers__principle > span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:100%!important;
  margin:0 auto 12px!important;
  gap:16px!important;

  color:#d5b56c!important;
  font-size:.67rem!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.125em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

section.trainers .trainers__principle > span::before,
section.trainers .trainers__principle > span::after{
  content:""!important;
  display:block!important;
  flex:1 1 0!important;
  max-width:265px!important;
  height:1px!important;
}

section.trainers .trainers__principle > span::before{
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(211,179,106,.10) 25%,
      rgba(211,179,106,.42) 100%
    )!important;
}

section.trainers .trainers__principle > span::after{
  background:
    linear-gradient(
      90deg,
      rgba(211,179,106,.42) 0%,
      rgba(211,179,106,.10) 75%,
      transparent 100%
    )!important;
}

/* Main statement */
section.trainers .trainers__principle > strong{
  display:block!important;
  margin:0 auto!important;

  color:#f0ede7!important;
  font-size:1.22rem!important;
  line-height:1.18!important;
  font-weight:760!important;
  letter-spacing:-.025em!important;

  text-shadow:0 8px 26px rgba(0,0,0,.16)!important;
}

/* Supporting copy */
section.trainers .trainers__principle > p{
  max-width:760px!important;
  margin:8px auto 0!important;

  color:rgba(226,224,217,.62)!important;
  font-size:.79rem!important;
  line-height:1.55!important;
  font-weight:440!important;
}

/* Tiny warm ambient only behind the text — no rectangle. */
section.trainers .trainers__principle::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;

  width:min(620px,80%)!important;
  height:92px!important;

  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-44%)!important;

  border-radius:50%!important;

  background:
    radial-gradient(
      ellipse,
      rgba(211,179,106,.035) 0%,
      rgba(211,179,106,.012) 42%,
      rgba(211,179,106,0) 72%
    )!important;

  pointer-events:none!important;
}

section.trainers .trainers__principle::after{
  content:none!important;
  display:none!important;
}

/* Mobile stays compact and uses the same editorial idea. */
@media (max-width:820px){
  section.trainers .trainers__principle{
    width:100%!important;
    margin:14px auto 0!important;
    padding:16px 4px 2px!important;
  }

  section.trainers .trainers__principle > span{
    gap:10px!important;
    margin-bottom:11px!important;
    font-size:.58rem!important;
    letter-spacing:.105em!important;
  }

  section.trainers .trainers__principle > span::before,
  section.trainers .trainers__principle > span::after{
    max-width:72px!important;
  }

  section.trainers .trainers__principle > strong{
    font-size:1.02rem!important;
  }

  section.trainers .trainers__principle > p{
    max-width:340px!important;
    margin-top:7px!important;
    font-size:.69rem!important;
    line-height:1.48!important;
  }

  section.trainers .trainers__principle::before{
    width:88%!important;
    height:78px!important;
  }
}


/* =========================================================
   v88 — PREMIUM BLACK GLASS MATERIAL
   Dark, transparent, reflective — not flat black.
   ========================================================= */

:root{
  --lu-glass-black:
    linear-gradient(
      145deg,
      rgba(12,13,15,.58) 0%,
      rgba(7,8,10,.50) 48%,
      rgba(3,4,5,.44) 100%
    );

  --lu-glass-black-soft:
    linear-gradient(
      145deg,
      rgba(16,17,20,.52) 0%,
      rgba(9,10,12,.46) 52%,
      rgba(4,5,6,.40) 100%
    );

  --lu-glass-border:rgba(255,255,255,.095);
  --lu-glass-border-gold:rgba(211,179,106,.16);

  --lu-glass-shadow:
    inset 0 1px 0 rgba(255,255,255,.060),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 16px 42px rgba(0,0,0,.14);
}

/* Common material */
section.process .process-step,
section.process .process__swipe-hint,
section.process .process__promise,

section.packages[data-packages] .packages__included,
section.packages[data-packages] .packages__doping,
section.packages[data-packages] .package-card,
section.packages[data-packages] .packages__process,
section.packages[data-packages] .packages__extras > article,
section.packages[data-packages] .packages__mobile-details details,

section.trainers .trainer-tab,

section.reviews-showcase[data-reviews-showcase] .review-platform,
section.reviews-showcase[data-reviews-showcase] .quote-chip,
section.reviews-showcase[data-reviews-showcase] .video-story,

section.faq .faq-item,
section.faq .faq__cta,

section.apply[data-apply] .apply-form,
section.apply[data-apply] .apply-package,
section.apply[data-apply] .apply-next-step,
section.apply[data-apply] .apply-success,

.site-footer-v35__contacts > a{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  background:var(--lu-glass-black)!important;
  background-image:var(--lu-glass-black)!important;

  border:1px solid var(--lu-glass-border)!important;

  box-shadow:var(--lu-glass-shadow)!important;

  backdrop-filter:blur(16px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(112%)!important;
}

/* Very subtle glass highlight across upper edge */
section.process .process-step::before,
section.packages[data-packages] .packages__included::before,
section.packages[data-packages] .packages__doping::before,
section.packages[data-packages] .package-card::before,
section.packages[data-packages] .packages__extras > article::before,
section.trainers .trainer-tab::before,
section.reviews-showcase[data-reviews-showcase] .review-platform::before,
section.reviews-showcase[data-reviews-showcase] .quote-chip::before,
section.faq .faq-item::before,
section.apply[data-apply] .apply-form::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;

  left:3%!important;
  right:3%!important;
  top:1px!important;
  height:38%!important;

  border-radius:inherit!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.012) 44%,
      rgba(255,255,255,0) 100%
    )!important;

  pointer-events:none!important;
}

/* Tiny gold ambient inside selected / important surfaces */
section.packages[data-packages] .package-card--focus,
section.process .process-step.is-active,
section.trainers .trainer-tab.is-active{
  background:
    radial-gradient(
      85% 70% at 100% 0%,
      rgba(211,179,106,.045),
      rgba(211,179,106,0) 72%
    ),
    var(--lu-glass-black)!important;

  border-color:rgba(211,179,106,.22)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 18px 46px rgba(0,0,0,.15),
    0 0 22px rgba(211,179,106,.018)!important;
}

/* Mini cards / prices get same material but lighter */
section.packages[data-packages] .package-price,
section.packages[data-packages] .packages__doping-note,
section.packages[data-packages] .package-extra__select,
section.apply[data-apply] input,
section.apply[data-apply] textarea,
section.apply[data-apply] select{
  background:
    linear-gradient(
      145deg,
      rgba(12,13,15,.46),
      rgba(5,6,8,.38)
    )!important;

  border-color:rgba(255,255,255,.082)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.032),
    0 8px 22px rgba(0,0,0,.08)!important;

  backdrop-filter:blur(12px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(108%)!important;
}

/* Layout wrappers must NEVER become cards */
section.packages[data-packages] .packages__extras,
section.packages[data-packages] .packages__grid,
section.packages[data-packages] .packages__top,
section.process .process__grid{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Hover: slight clarity increase, not brighter grey */
@media (hover:hover){
  section.process .process-step:hover,
  section.packages[data-packages] .packages__included:hover,
  section.packages[data-packages] .packages__doping:hover,
  section.packages[data-packages] .package-card:hover,
  section.packages[data-packages] .packages__extras > article:hover,
  section.trainers .trainer-tab:hover,
  section.reviews-showcase[data-reviews-showcase] .review-platform:hover,
  section.reviews-showcase[data-reviews-showcase] .quote-chip:hover,
  section.faq .faq-item:hover,
  .site-footer-v35__contacts > a:hover{
    border-color:var(--lu-glass-border-gold)!important;

    background:
      linear-gradient(
        145deg,
        rgba(17,18,20,.61),
        rgba(8,9,11,.52) 50%,
        rgba(4,5,6,.46)
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.070),
      inset 0 -1px 0 rgba(0,0,0,.16),
      0 18px 46px rgba(0,0,0,.15),
      0 0 18px rgba(211,179,106,.016)!important;
  }
}

/* Mobile slightly more opaque for readability */
@media (max-width:820px){
  section.process .process-step,
  section.process .process__swipe-hint,
  section.process .process__promise,
  section.packages[data-packages] .packages__included,
  section.packages[data-packages] .packages__doping,
  section.packages[data-packages] .package-card,
  section.packages[data-packages] .packages__process,
  section.packages[data-packages] .packages__extras > article,
  section.trainers .trainer-tab,
  section.reviews-showcase[data-reviews-showcase] .review-platform,
  section.reviews-showcase[data-reviews-showcase] .quote-chip,
  section.reviews-showcase[data-reviews-showcase] .video-story,
  section.faq .faq-item,
  section.faq .faq__cta,
  section.apply[data-apply] .apply-form,
  section.apply[data-apply] .apply-package,
  section.apply[data-apply] .apply-next-step{
    background:
      linear-gradient(
        145deg,
        rgba(12,13,15,.68),
        rgba(5,6,8,.60)
      )!important;

    backdrop-filter:blur(12px) saturate(110%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
  }
}


/* =========================================================
   v89 — LAYERED GRAPHITE GLASS
   Fix v88: no pitch-black holes, no nested black-on-black slabs.
   ========================================================= */

:root{
  --lu-card-glass:
    linear-gradient(
      145deg,
      rgba(46,48,53,.54) 0%,
      rgba(29,31,35,.46) 52%,
      rgba(18,20,23,.40) 100%
    );

  --lu-card-glass-soft:
    linear-gradient(
      145deg,
      rgba(50,52,57,.46) 0%,
      rgba(31,33,37,.39) 54%,
      rgba(20,22,25,.34) 100%
    );

  --lu-card-inner:
    linear-gradient(
      145deg,
      rgba(24,26,30,.52) 0%,
      rgba(14,16,19,.46) 100%
    );

  --lu-card-border:rgba(255,255,255,.095);
  --lu-card-border-soft:rgba(255,255,255,.070);

  --lu-card-shadow:
    inset 0 1px 0 rgba(255,255,255,.050),
    0 12px 34px rgba(0,0,0,.085);
}

/* ---------------------------------------------------------
   MAIN CARDS THROUGHOUT THE SITE
   --------------------------------------------------------- */
section.process .process-step,
section.process .process__swipe-hint,
section.process .process__promise,

section.packages[data-packages] .packages__included,
section.packages[data-packages] .packages__doping,
section.packages[data-packages] .package-card,
section.packages[data-packages] .packages__process,
section.packages[data-packages] .packages__extras > article,
section.packages[data-packages] .packages__mobile-details details,

section.trainers .trainer-tab,

section.reviews-showcase[data-reviews-showcase] .review-platform,
section.reviews-showcase[data-reviews-showcase] .quote-chip,
section.reviews-showcase[data-reviews-showcase] .video-story,

section.faq .faq-item,
section.faq .faq__cta,

section.apply[data-apply] .apply-form,
section.apply[data-apply] .apply-package,
section.apply[data-apply] .apply-next-step,
section.apply[data-apply] .apply-success,

.site-footer-v35__contacts > a{
  position:relative!important;
  isolation:isolate!important;

  background:var(--lu-card-glass)!important;
  background-image:var(--lu-card-glass)!important;

  border:1px solid var(--lu-card-border)!important;

  box-shadow:var(--lu-card-shadow)!important;

  backdrop-filter:blur(18px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
}

/* Remove the artificial dark highlight layers introduced in v88. */
section.process .process-step::before,
section.packages[data-packages] .packages__included::before,
section.packages[data-packages] .packages__doping::before,
section.packages[data-packages] .package-card::before,
section.packages[data-packages] .packages__extras > article::before,
section.trainers .trainer-tab::before,
section.reviews-showcase[data-reviews-showcase] .review-platform::before,
section.reviews-showcase[data-reviews-showcase] .quote-chip::before,
section.faq .faq-item::before,
section.apply[data-apply] .apply-form::before{
  content:none!important;
  display:none!important;
}

/* ---------------------------------------------------------
   PACKAGES
   --------------------------------------------------------- */

/* Top information blocks should feel lighter than price cards. */
section.packages[data-packages] .packages__included,
section.packages[data-packages] .packages__doping{
  background:var(--lu-card-glass-soft)!important;
  background-image:var(--lu-card-glass-soft)!important;
}

/* Period cards: glass surface, not dark slab. */
section.packages[data-packages] .package-card{
  background:
    linear-gradient(
      145deg,
      rgba(43,45,50,.50),
      rgba(25,27,31,.43) 54%,
      rgba(17,19,22,.38)
    )!important;

  border-color:rgba(255,255,255,.090)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 13px 34px rgba(0,0,0,.085)!important;
}

/* Most popular = subtle gold cue only. */
section.packages[data-packages] .package-card--focus{
  background:
    linear-gradient(
      145deg,
      rgba(47,46,42,.54),
      rgba(28,29,31,.45) 54%,
      rgba(18,19,21,.40)
    )!important;

  border-color:rgba(211,179,106,.18)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 13px 34px rgba(0,0,0,.09),
    0 0 24px rgba(211,179,106,.015)!important;
}

/* Inner offer cards: darker than parent, but still translucent. */
section.packages[data-packages] .package-price{
  background:var(--lu-card-inner)!important;
  background-image:var(--lu-card-inner)!important;

  border:1px solid rgba(255,255,255,.072)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.028),
    0 7px 18px rgba(0,0,0,.065)!important;

  backdrop-filter:blur(11px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(11px) saturate(108%)!important;
}

/* Do not make Standard + Doping a black hole. */
section.packages[data-packages] .package-card--focus .package-price:last-child{
  background:
    linear-gradient(
      145deg,
      rgba(28,27,24,.54),
      rgba(15,16,18,.47)
    )!important;

  border-color:rgba(211,179,106,.20)!important;
}

/* Informational note is just a soft inset layer. */
section.packages[data-packages] .packages__doping-note{
  background:rgba(18,20,23,.28)!important;
  border-color:rgba(255,255,255,.060)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}

/* Layout wrappers must stay transparent. */
section.packages[data-packages] .packages__extras,
section.packages[data-packages] .packages__grid,
section.packages[data-packages] .packages__top{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* ---------------------------------------------------------
   FORM / NESTED CONTROLS
   --------------------------------------------------------- */
section.apply[data-apply] input,
section.apply[data-apply] textarea,
section.apply[data-apply] select,
section.packages[data-packages] .package-extra__select{
  background:rgba(22,24,28,.40)!important;
  border-color:rgba(255,255,255,.072)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.020)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

/* ---------------------------------------------------------
   HOVER
   Slight clarity increase, not blacker.
   --------------------------------------------------------- */
@media (hover:hover){
  section.process .process-step:hover,
  section.packages[data-packages] .packages__included:hover,
  section.packages[data-packages] .packages__doping:hover,
  section.packages[data-packages] .package-card:hover,
  section.packages[data-packages] .packages__extras > article:hover,
  section.trainers .trainer-tab:hover,
  section.reviews-showcase[data-reviews-showcase] .review-platform:hover,
  section.reviews-showcase[data-reviews-showcase] .quote-chip:hover,
  section.faq .faq-item:hover,
  .site-footer-v35__contacts > a:hover{
    background:
      linear-gradient(
        145deg,
        rgba(52,54,59,.57),
        rgba(31,33,37,.48) 52%,
        rgba(20,22,25,.42)
      )!important;

    border-color:rgba(211,179,106,.145)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.060),
      0 14px 36px rgba(0,0,0,.095)!important;
  }

  section.packages[data-packages] .package-price:hover{
    background:
      linear-gradient(
        145deg,
        rgba(29,31,35,.57),
        rgba(16,18,21,.49)
      )!important;

    border-color:rgba(211,179,106,.15)!important;
  }
}

/* ---------------------------------------------------------
   MOBILE
   Slightly more opaque, still graphite glass.
   --------------------------------------------------------- */
@media (max-width:820px){
  section.process .process-step,
  section.process .process__swipe-hint,
  section.process .process__promise,
  section.packages[data-packages] .packages__included,
  section.packages[data-packages] .packages__doping,
  section.packages[data-packages] .package-card,
  section.packages[data-packages] .packages__process,
  section.packages[data-packages] .packages__extras > article,
  section.trainers .trainer-tab,
  section.reviews-showcase[data-reviews-showcase] .review-platform,
  section.reviews-showcase[data-reviews-showcase] .quote-chip,
  section.reviews-showcase[data-reviews-showcase] .video-story,
  section.faq .faq-item,
  section.faq .faq__cta,
  section.apply[data-apply] .apply-form,
  section.apply[data-apply] .apply-package,
  section.apply[data-apply] .apply-next-step{
    background:
      linear-gradient(
        145deg,
        rgba(39,41,46,.62),
        rgba(22,24,28,.55)
      )!important;

    border-color:rgba(255,255,255,.085)!important;

    backdrop-filter:blur(13px) saturate(110%)!important;
    -webkit-backdrop-filter:blur(13px) saturate(110%)!important;
  }

  section.packages[data-packages] .package-price{
    background:
      linear-gradient(
        145deg,
        rgba(24,26,30,.62),
        rgba(13,15,18,.55)
      )!important;
  }
}


/* =========================================================
   v90 — PACKAGE CARDS: BLACK GLASS + BESTSELLER CLIP FIX
   ========================================================= */

/* ---------------------------------------------------------
   Give the bestseller badge real breathing room.
   --------------------------------------------------------- */
section.packages[data-packages] .packages__grid{
  overflow:visible!important;
  padding-top:15px!important;
}

section.packages[data-packages] .package-card{
  position:relative!important;
  overflow:visible!important;
}

/* Focus card gets the badge floating cleanly above the top border. */
section.packages[data-packages] .package-card--focus{
  padding-top:29px!important;
}

section.packages[data-packages] .package-card__bestseller{
  position:absolute!important;
  z-index:8!important;

  top:0!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;

  transform:translate(-50%,-50%)!important;
  translate:none!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:max-content!important;
  max-width:calc(100% - 42px)!important;

  margin:0!important;
  padding:7px 15px!important;

  border-radius:999px!important;
  border:1px solid rgba(232,196,112,.40)!important;

  background:
    linear-gradient(
      180deg,
      rgba(235,201,122,.98),
      rgba(199,158,76,.96)
    )!important;

  color:#1a1710!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 7px 20px rgba(0,0,0,.18),
    0 0 18px rgba(211,179,106,.10)!important;

  font-size:.56rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.105em!important;
  white-space:nowrap!important;
}

/* ---------------------------------------------------------
   OUTER PERIOD CARDS — true black smoked glass.
   Darker than v89, but translucent enough to keep depth.
   --------------------------------------------------------- */
section.packages[data-packages] .package-card{
  background:
    radial-gradient(
      90% 68% at 18% 0%,
      rgba(255,255,255,.032),
      rgba(255,255,255,0) 68%
    ),
    linear-gradient(
      145deg,
      rgba(16,17,20,.72) 0%,
      rgba(9,10,12,.64) 52%,
      rgba(5,6,8,.58) 100%
    )!important;

  border:1px solid rgba(255,255,255,.090)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.050),
    inset 0 -1px 0 rgba(0,0,0,.16),
    0 16px 42px rgba(0,0,0,.13)!important;

  backdrop-filter:blur(18px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
}

/* Most selected card keeps only a restrained warm cue. */
section.packages[data-packages] .package-card--focus{
  background:
    radial-gradient(
      80% 65% at 50% 0%,
      rgba(211,179,106,.050),
      rgba(211,179,106,0) 66%
    ),
    linear-gradient(
      145deg,
      rgba(18,17,15,.74) 0%,
      rgba(10,10,11,.65) 52%,
      rgba(5,6,7,.59) 100%
    )!important;

  border-color:rgba(211,179,106,.21)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.052),
    0 17px 44px rgba(0,0,0,.14),
    0 0 24px rgba(211,179,106,.018)!important;
}

/* ---------------------------------------------------------
   INNER PRICE CARDS — darker layer of the same glass.
   --------------------------------------------------------- */
section.packages[data-packages] .package-price{
  position:relative!important;
  overflow:hidden!important;

  background:
    linear-gradient(
      145deg,
      rgba(9,10,12,.73) 0%,
      rgba(5,6,8,.65) 100%
    )!important;

  border:1px solid rgba(255,255,255,.075)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.032),
    0 9px 24px rgba(0,0,0,.105)!important;

  backdrop-filter:blur(13px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(110%)!important;
}

/* Fine glass sheen — no big grey slab. */
section.packages[data-packages] .package-price::before{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;

  left:6%!important;
  right:6%!important;
  top:1px!important;
  height:35%!important;

  border-radius:inherit!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.035),
      rgba(255,255,255,0)
    )!important;
}

/* Doping option gets a fine gold rim only. */
section.packages[data-packages] .package-price:nth-child(2){
  border-color:rgba(211,179,106,.14)!important;
}

section.packages[data-packages] .package-card--focus .package-price:nth-child(2){
  border-color:rgba(211,179,106,.24)!important;

  background:
    linear-gradient(
      145deg,
      rgba(13,12,10,.76),
      rgba(6,7,8,.66)
    )!important;
}

/* Text hierarchy stays crisp on darker glass. */
section.packages[data-packages] .package-card > h3{
  color:#f1eee8!important;
}

section.packages[data-packages] .package-card > p,
section.packages[data-packages] .package-card__monthly,
section.packages[data-packages] .package-price em{
  color:rgba(226,223,215,.58)!important;
}

section.packages[data-packages] .package-price small{
  color:rgba(238,234,225,.72)!important;
}

section.packages[data-packages] .package-price strong,
section.packages[data-packages] .package-price > span{
  color:#d8b76d!important;
}

/* ---------------------------------------------------------
   Hover: slightly clearer glass, not grey.
   --------------------------------------------------------- */
@media (hover:hover){
  section.packages[data-packages] .package-card:hover{
    background:
      radial-gradient(
        90% 68% at 18% 0%,
        rgba(255,255,255,.042),
        rgba(255,255,255,0) 68%
      ),
      linear-gradient(
        145deg,
        rgba(20,21,24,.75),
        rgba(10,11,13,.66) 52%,
        rgba(6,7,9,.59)
      )!important;

    border-color:rgba(255,255,255,.12)!important;
  }

  section.packages[data-packages] .package-card--focus:hover{
    border-color:rgba(211,179,106,.28)!important;
  }

  section.packages[data-packages] .package-price:hover{
    background:
      linear-gradient(
        145deg,
        rgba(13,14,16,.77),
        rgba(6,7,9,.68)
      )!important;

    border-color:rgba(211,179,106,.18)!important;
  }
}

/* ---------------------------------------------------------
   Mobile: badge sits INSIDE the card to avoid viewport clipping.
   --------------------------------------------------------- */
@media (max-width:820px){
  section.packages[data-packages] .packages__grid{
    padding-top:0!important;
  }

  section.packages[data-packages] .package-card{
    overflow:hidden!important;
  }

  section.packages[data-packages] .package-card--focus{
    padding-top:16px!important;
  }

  section.packages[data-packages] .package-card__bestseller{
    position:static!important;
    transform:none!important;
    margin:0 auto 12px!important;
    max-width:100%!important;
    padding:6px 11px!important;
    font-size:.52rem!important;
  }
}


/* =========================================================
   v91 — PACKAGES: UNIFIED BLACK GLASS / FULL-CARD FILL
   ========================================================= */

/* One material family for the entire packages section. */
section.packages[data-packages]{
  --pkg-glass-main:
    linear-gradient(
      145deg,
      rgba(19,20,23,.68) 0%,
      rgba(11,12,15,.61) 52%,
      rgba(6,7,9,.55) 100%
    );

  --pkg-glass-inner:
    linear-gradient(
      145deg,
      rgba(11,12,15,.72) 0%,
      rgba(5,6,8,.64) 100%
    );

  --pkg-border:rgba(255,255,255,.088);
  --pkg-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.13),
    0 15px 38px rgba(0,0,0,.115);
}

/* ---------------------------------------------------------
   TOP TWO PANELS — now dark glass too.
   --------------------------------------------------------- */
section.packages[data-packages] .packages__included,
section.packages[data-packages] .packages__doping{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  background:var(--pkg-glass-main)!important;
  background-image:var(--pkg-glass-main)!important;

  border:1px solid var(--pkg-border)!important;

  box-shadow:var(--pkg-shadow)!important;

  backdrop-filter:blur(17px) saturate(111%)!important;
  -webkit-backdrop-filter:blur(17px) saturate(111%)!important;
}

/* Tiny upper sheen, full width and clipped properly. */
section.packages[data-packages] .packages__included::before,
section.packages[data-packages] .packages__doping::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;
  pointer-events:none!important;

  inset:0!important;
  border-radius:inherit!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.025) 0%,
      rgba(255,255,255,.006) 30%,
      rgba(255,255,255,0) 60%
    )!important;
}

/* ---------------------------------------------------------
   1 / 3 / 6 MONTH CARDS
   Background lives on the card itself from edge to edge.
   --------------------------------------------------------- */
section.packages[data-packages] .package-card{
  position:relative!important;
  isolation:isolate!important;

  height:100%!important;
  align-self:stretch!important;

  background:var(--pkg-glass-main)!important;
  background-image:var(--pkg-glass-main)!important;
  background-clip:border-box!important;

  border:1px solid var(--pkg-border)!important;

  box-shadow:var(--pkg-shadow)!important;

  backdrop-filter:blur(18px) saturate(111%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(111%)!important;
}

/*
  No extra partial overlay on period cards.
  This is the fix for the layer that looked like it stopped early.
*/
section.packages[data-packages] .package-card::before,
section.packages[data-packages] .package-card::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  box-shadow:none!important;
}

/* Focus card: same black glass, only a warmer rim. */
section.packages[data-packages] .package-card--focus{
  background:
    linear-gradient(
      145deg,
      rgba(21,20,18,.70) 0%,
      rgba(12,12,13,.62) 52%,
      rgba(6,7,8,.56) 100%
    )!important;

  border-color:rgba(211,179,106,.21)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.047),
    inset 0 -1px 0 rgba(0,0,0,.13),
    0 16px 40px rgba(0,0,0,.12),
    0 0 20px rgba(211,179,106,.014)!important;
}

/* Ensure price zone belongs to the full card, with no detached overlay. */
section.packages[data-packages] .package-card__prices{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* ---------------------------------------------------------
   INNER PRICE TABS — deeper black glass.
   --------------------------------------------------------- */
section.packages[data-packages] .package-price{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  background:var(--pkg-glass-inner)!important;
  background-image:var(--pkg-glass-inner)!important;

  border:1px solid rgba(255,255,255,.075)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.030),
    inset 0 -1px 0 rgba(0,0,0,.12),
    0 8px 20px rgba(0,0,0,.09)!important;

  backdrop-filter:blur(13px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(108%)!important;
}

/* Remove old partial sheen layer from the inner tabs too. */
section.packages[data-packages] .package-price::before,
section.packages[data-packages] .package-price::after{
  content:none!important;
  display:none!important;
}

/* Doping option = same black, only slightly warmer border. */
section.packages[data-packages] .package-price:nth-child(2){
  border-color:rgba(211,179,106,.14)!important;
}

section.packages[data-packages]
.package-card--focus .package-price:nth-child(2){
  background:
    linear-gradient(
      145deg,
      rgba(14,13,11,.73),
      rgba(6,7,8,.65)
    )!important;

  border-color:rgba(211,179,106,.24)!important;
}

/* Doping info inset follows the same dark hierarchy. */
section.packages[data-packages] .packages__doping-note{
  background:
    linear-gradient(
      145deg,
      rgba(10,11,13,.48),
      rgba(5,6,8,.40)
    )!important;

  border-color:rgba(255,255,255,.065)!important;
}

/* Layout containers remain completely invisible. */
section.packages[data-packages] .packages__top,
section.packages[data-packages] .packages__grid,
section.packages[data-packages] .packages__extras{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Bestseller still floats outside without clipping. */
@media (min-width:821px){
  section.packages[data-packages] .packages__grid{
    overflow:visible!important;
    padding-top:16px!important;
  }

  section.packages[data-packages] .package-card{
    overflow:visible!important;
  }

  section.packages[data-packages] .package-card--focus{
    padding-top:29px!important;
  }

  section.packages[data-packages] .package-card__bestseller{
    top:0!important;
    transform:translate(-50%,-50%)!important;
  }
}

/* Hover = slightly clearer glass, never grey slab. */
@media (hover:hover){
  section.packages[data-packages] .packages__included:hover,
  section.packages[data-packages] .packages__doping:hover,
  section.packages[data-packages] .package-card:hover{
    background:
      linear-gradient(
        145deg,
        rgba(23,24,27,.71),
        rgba(12,13,16,.63) 52%,
        rgba(7,8,10,.57)
      )!important;

    border-color:rgba(255,255,255,.115)!important;
  }

  section.packages[data-packages] .package-card--focus:hover{
    border-color:rgba(211,179,106,.27)!important;
  }

  section.packages[data-packages] .package-price:hover{
    background:
      linear-gradient(
        145deg,
        rgba(15,16,18,.75),
        rgba(7,8,10,.66)
      )!important;

    border-color:rgba(211,179,106,.17)!important;
  }
}

/* Mobile keeps badge inside and cards fully filled. */
@media (max-width:820px){
  section.packages[data-packages] .package-card{
    overflow:hidden!important;
    background:
      linear-gradient(
        145deg,
        rgba(18,19,22,.78),
        rgba(8,9,11,.70)
      )!important;
  }

  section.packages[data-packages] .packages__included,
  section.packages[data-packages] .packages__doping{
    background:
      linear-gradient(
        145deg,
        rgba(18,19,22,.78),
        rgba(8,9,11,.70)
      )!important;
  }
}


/* =========================================================
   v92 — PROCESS CARDS: UNIFIED BLACK / SMOKED GLASS
   ========================================================= */

/*
  All six cooperation cards use the same darker material family
  as the package section. No grey concrete slabs.
*/
section.process .process__steps > .process-step:not(.process-step--zero){
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  background:
    radial-gradient(
      95% 72% at 12% 0%,
      rgba(255,255,255,.030) 0%,
      rgba(255,255,255,0) 66%
    ),
    linear-gradient(
      145deg,
      rgba(18,19,22,.70) 0%,
      rgba(10,11,14,.63) 52%,
      rgba(6,7,9,.57) 100%
    )!important;

  border:1px solid rgba(255,255,255,.088)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.13),
    0 15px 38px rgba(0,0,0,.115)!important;

  backdrop-filter:blur(17px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(17px) saturate(110%)!important;
}

/* Remove old partial overlays/highlights from the whole card. */
section.process .process__steps > .process-step:not(.process-step--zero)::before,
section.process .process__steps > .process-step:not(.process-step--zero)::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  box-shadow:none!important;
}

/* Keep text crisp against the darker material. */
section.process .process__steps > .process-step:not(.process-step--zero)
.process-step__copy h3{
  color:#f2efe9!important;
}

section.process .process__steps > .process-step:not(.process-step--zero)
.process-step__copy p{
  color:rgba(224,221,214,.61)!important;
}

section.process .process__steps > .process-step:not(.process-step--zero) li{
  color:rgba(234,231,224,.78)!important;
}

/* Bullet dots stay understated gold. */
section.process .process__steps > .process-step:not(.process-step--zero)
li > span{
  border-color:rgba(211,179,106,.24)!important;
  background:rgba(211,179,106,.055)!important;
}

/* Icon tile remains glass, but darker so it belongs to the card. */
section.process .process__steps > .process-step:not(.process-step--zero)
.process-step__icon{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.014) 42%,
      rgba(5,6,8,.24)
    )!important;

  border-color:rgba(255,255,255,.105)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.070),
    0 9px 24px rgba(0,0,0,.10)!important;
}

/* Active/hover state = warm cue, still the same black glass. */
section.process .process__steps > .process-step:not(.process-step--zero).is-active{
  background:
    radial-gradient(
      84% 68% at 100% 0%,
      rgba(211,179,106,.045),
      rgba(211,179,106,0) 70%
    ),
    linear-gradient(
      145deg,
      rgba(19,19,18,.72),
      rgba(10,11,13,.64) 52%,
      rgba(6,7,8,.58)
    )!important;

  border-color:rgba(211,179,106,.19)!important;
}

@media (hover:hover){
  section.process .process__steps > .process-step:not(.process-step--zero):hover{
    background:
      radial-gradient(
        95% 72% at 12% 0%,
        rgba(255,255,255,.040),
        rgba(255,255,255,0) 66%
      ),
      linear-gradient(
        145deg,
        rgba(22,23,26,.73),
        rgba(11,12,15,.65) 52%,
        rgba(7,8,10,.59)
      )!important;

    border-color:rgba(211,179,106,.145)!important;
  }
}

/* Mobile remains a touch more opaque for readability. */
@media (max-width:820px){
  section.process .process__steps > .process-step:not(.process-step--zero){
    background:
      linear-gradient(
        145deg,
        rgba(17,18,21,.78),
        rgba(8,9,11,.70)
      )!important;

    border-color:rgba(255,255,255,.082)!important;
    backdrop-filter:blur(13px) saturate(109%)!important;
    -webkit-backdrop-filter:blur(13px) saturate(109%)!important;
  }
}


/* =========================================================
   v93 — REMAINING GREY CARDS -> SMOKED BLACK GLASS
   Process promise + reviews + FAQ/support surfaces
   ========================================================= */

/* Shared material */
:root{
  --lu-v93-blackglass:
    radial-gradient(
      92% 68% at 12% 0%,
      rgba(255,255,255,.028) 0%,
      rgba(255,255,255,0) 68%
    ),
    linear-gradient(
      145deg,
      rgba(18,19,22,.70) 0%,
      rgba(10,11,14,.63) 52%,
      rgba(6,7,9,.57) 100%
    );

  --lu-v93-blackglass-inner:
    linear-gradient(
      145deg,
      rgba(12,13,16,.70),
      rgba(6,7,9,.62)
    );

  --lu-v93-border:rgba(255,255,255,.088);
  --lu-v93-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.13),
    0 15px 38px rgba(0,0,0,.115);
}

/* ---------------------------------------------------------
   PROCESS PROMISE
   --------------------------------------------------------- */
section.process .process__promise{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  background:var(--lu-v93-blackglass)!important;
  background-image:var(--lu-v93-blackglass)!important;

  border:1px solid var(--lu-v93-border)!important;

  box-shadow:var(--lu-v93-shadow)!important;

  backdrop-filter:blur(17px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(17px) saturate(110%)!important;
}

section.process .process__promise::before,
section.process .process__promise::after{
  content:none!important;
  display:none!important;
}

section.process .process__promise-cycle > span{
  background:var(--lu-v93-blackglass-inner)!important;
  background-image:var(--lu-v93-blackglass-inner)!important;
  border-color:rgba(211,179,106,.14)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.028),
    0 7px 18px rgba(0,0,0,.08)!important;

  backdrop-filter:blur(11px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(11px) saturate(108%)!important;
}

/* ---------------------------------------------------------
   REVIEWS — FACEBOOK / GOOGLE
   --------------------------------------------------------- */
section.reviews-showcase[data-reviews-showcase] .review-platform{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  background:var(--lu-v93-blackglass)!important;
  background-image:var(--lu-v93-blackglass)!important;

  border:1px solid var(--lu-v93-border)!important;

  box-shadow:var(--lu-v93-shadow)!important;

  backdrop-filter:blur(17px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(17px) saturate(110%)!important;
}

/* No grey overlay layer inside review cards. */
section.reviews-showcase[data-reviews-showcase] .review-platform::before,
section.reviews-showcase[data-reviews-showcase] .review-platform::after{
  content:none!important;
  display:none!important;
}

/* ---------------------------------------------------------
   REVIEW QUOTES
   --------------------------------------------------------- */
section.reviews-showcase[data-reviews-showcase] .quote-chip{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  background:
    linear-gradient(
      145deg,
      rgba(15,16,19,.72),
      rgba(7,8,10,.64)
    )!important;

  border:1px solid rgba(255,255,255,.078)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 11px 28px rgba(0,0,0,.10)!important;

  backdrop-filter:blur(14px) saturate(109%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(109%)!important;
}

section.reviews-showcase[data-reviews-showcase] .quote-chip::before,
section.reviews-showcase[data-reviews-showcase] .quote-chip::after{
  content:none!important;
  display:none!important;
}

/* ---------------------------------------------------------
   VIDEO REVIEW CARDS
   Preserve photos/video, only darken the framing material.
   --------------------------------------------------------- */
section.reviews-showcase[data-reviews-showcase] .video-story{
  border:1px solid rgba(255,255,255,.080)!important;

  background:
    linear-gradient(
      145deg,
      rgba(13,14,16,.70),
      rgba(6,7,9,.62)
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.030),
    0 13px 34px rgba(0,0,0,.12)!important;
}

/* Keep the shade INSIDE video only. */
section.reviews-showcase[data-reviews-showcase] .video-story__shade{
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.08),
      rgba(0,0,0,.04) 42%,
      rgba(0,0,0,.60) 100%
    )!important;
}

/* ---------------------------------------------------------
   FAQ — same family, if any grey survives from older styles.
   --------------------------------------------------------- */
section.faq .faq-item,
section.faq .faq__cta{
  background:var(--lu-v93-blackglass)!important;
  background-image:var(--lu-v93-blackglass)!important;

  border-color:var(--lu-v93-border)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.038),
    0 12px 31px rgba(0,0,0,.095)!important;

  backdrop-filter:blur(15px) saturate(109%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(109%)!important;
}

section.faq .faq-item::before,
section.faq .faq-item::after{
  content:none!important;
  display:none!important;
}

/* ---------------------------------------------------------
   Hover = subtle gold cue only
   --------------------------------------------------------- */
@media (hover:hover){
  section.process .process__promise:hover,
  section.reviews-showcase[data-reviews-showcase] .review-platform:hover,
  section.reviews-showcase[data-reviews-showcase] .quote-chip:hover,
  section.faq .faq-item:hover{
    border-color:rgba(211,179,106,.145)!important;

    background:
      radial-gradient(
        92% 68% at 12% 0%,
        rgba(255,255,255,.037),
        rgba(255,255,255,0) 68%
      ),
      linear-gradient(
        145deg,
        rgba(21,22,25,.73),
        rgba(11,12,15,.65) 52%,
        rgba(7,8,10,.59)
      )!important;
  }
}

/* Mobile remains dark enough for contrast. */
@media (max-width:820px){
  section.process .process__promise,
  section.reviews-showcase[data-reviews-showcase] .review-platform,
  section.reviews-showcase[data-reviews-showcase] .quote-chip,
  section.faq .faq-item,
  section.faq .faq__cta{
    background:
      linear-gradient(
        145deg,
        rgba(17,18,21,.78),
        rgba(8,9,11,.70)
      )!important;

    border-color:rgba(255,255,255,.082)!important;

    backdrop-filter:blur(13px) saturate(109%)!important;
    -webkit-backdrop-filter:blur(13px) saturate(109%)!important;
  }
}


/* =========================================================
   v94 — CLEAN GLASS APPLICATION FORM
   Remove the "rectangles inside rectangles" feeling.
   ========================================================= */

/* Outer form shell stays premium glass, but lighter and cleaner. */
section.apply[data-apply] .apply-form{
  background:
    radial-gradient(
      110% 76% at 18% 0%,
      rgba(255,255,255,.028),
      rgba(255,255,255,0) 68%
    ),
    linear-gradient(
      145deg,
      rgba(20,21,24,.58),
      rgba(10,11,14,.52) 54%,
      rgba(6,7,9,.47)
    )!important;

  border:1px solid rgba(255,255,255,.078)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.038),
    0 16px 42px rgba(0,0,0,.105)!important;

  backdrop-filter:blur(18px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(110%)!important;
}

/* ---------------------------------------------------------
   SELECTED PACKAGE
   Not a chunky rectangle — more like an open info row.
   --------------------------------------------------------- */
section.apply[data-apply] .apply-package{
  position:relative!important;

  margin-bottom:24px!important;
  padding:14px 0 16px!important;

  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.070)!important;
  border-radius:0!important;

  background:transparent!important;
  background-image:none!important;

  box-shadow:none!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

section.apply[data-apply] .apply-package::before,
section.apply[data-apply] .apply-package::after{
  content:none!important;
  display:none!important;
}

/* Keep only the icon tile slightly glassy. */
section.apply[data-apply] .apply-package__icon{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.010)
    )!important;

  border-color:rgba(211,179,106,.14)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 7px 18px rgba(0,0,0,.075)!important;
}

/* ---------------------------------------------------------
   INPUTS / TEXTAREA / SELECT
   No heavy rectangles. Open smoked-glass rows with only a
   subtle bottom edge.
   --------------------------------------------------------- */
section.apply[data-apply] input,
section.apply[data-apply] textarea,
section.apply[data-apply] select{
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.105)!important;
  border-radius:0!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.010),
      rgba(255,255,255,.003)
    )!important;

  color:#eeeae2!important;

  box-shadow:none!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;

  transition:
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease!important;
}

section.apply[data-apply] input{
  min-height:46px!important;
  padding:0 2px!important;
}

section.apply[data-apply] textarea{
  min-height:96px!important;
  padding:12px 2px!important;
  resize:vertical!important;
}

/* Placeholder text a touch softer */
section.apply[data-apply] input::placeholder,
section.apply[data-apply] textarea::placeholder{
  color:rgba(225,221,213,.32)!important;
}

/* Focus = gold hairline, not a full gold box */
section.apply[data-apply] input:focus,
section.apply[data-apply] textarea:focus,
section.apply[data-apply] select:focus{
  outline:none!important;

  border-bottom-color:rgba(211,179,106,.62)!important;

  background:
    linear-gradient(
      180deg,
      rgba(211,179,106,.014),
      rgba(255,255,255,.004)
    )!important;

  box-shadow:
    0 7px 16px rgba(0,0,0,.035),
    0 1px 0 rgba(211,179,106,.10)!important;
}

/* Labels become stronger, so inputs can stay visually quiet. */
section.apply[data-apply] label{
  color:rgba(232,228,220,.68)!important;
}

/* ---------------------------------------------------------
   "WHAT HAPPENS NEXT"
   No boxed card — open editorial info strip.
   --------------------------------------------------------- */
section.apply[data-apply] .apply-next-step{
  position:relative!important;

  margin:20px auto 8px!important;
  padding:15px 18px!important;

  border:0!important;
  border-top:1px solid rgba(255,255,255,.060)!important;
  border-bottom:1px solid rgba(255,255,255,.060)!important;
  border-radius:0!important;

  background:transparent!important;
  background-image:none!important;

  box-shadow:none!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

section.apply[data-apply] .apply-next-step::before,
section.apply[data-apply] .apply-next-step::after{
  content:none!important;
  display:none!important;
}

/* Number chip can stay as a small accent. */
section.apply[data-apply] .apply-next-step__number{
  background:rgba(211,179,106,.035)!important;
  border-color:rgba(211,179,106,.18)!important;
  color:#d0af68!important;
}

/* ---------------------------------------------------------
   CONSENT AREA
   Remove any slab behind it.
   --------------------------------------------------------- */
section.apply[data-apply] .apply-consent,
section.apply[data-apply] .apply-consent-row{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Checkbox remains a deliberate control, not a giant rectangle. */
section.apply[data-apply] input[type="checkbox"]{
  width:16px!important;
  height:16px!important;
  min-height:16px!important;

  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:3px!important;

  background:rgba(255,255,255,.020)!important;

  appearance:none!important;
  -webkit-appearance:none!important;

  cursor:pointer!important;
}

section.apply[data-apply] input[type="checkbox"]:checked{
  border-color:rgba(211,179,106,.65)!important;
  background:
    linear-gradient(
      145deg,
      rgba(211,179,106,.80),
      rgba(181,143,67,.76)
    )!important;
}

/* ---------------------------------------------------------
   CTA
   Slightly more transparent than the current filled look.
   --------------------------------------------------------- */
section.apply[data-apply] .apply-submit{
  background:rgba(255,255,255,.020)!important;
  background-image:none!important;

  border:1px solid rgba(211,179,106,.30)!important;

  color:#f0ece4!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 20px rgba(0,0,0,.075)!important;

  backdrop-filter:blur(12px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
}

@media (hover:hover){
  section.apply[data-apply] .apply-submit:hover{
    background:rgba(255,255,255,.030)!important;
    border-color:rgba(226,190,109,.42)!important;
  }
}

/* ---------------------------------------------------------
   MOBILE
   Keep the same open form language.
   --------------------------------------------------------- */
@media (max-width:820px){
  section.apply[data-apply] .apply-form{
    background:
      linear-gradient(
        145deg,
        rgba(17,18,21,.68),
        rgba(8,9,11,.61)
      )!important;

    padding-left:16px!important;
    padding-right:16px!important;
  }

  section.apply[data-apply] input{
    min-height:44px!important;
  }

  section.apply[data-apply] textarea{
    min-height:92px!important;
  }

  section.apply[data-apply] .apply-package{
    padding-top:10px!important;
    padding-bottom:14px!important;
  }

  section.apply[data-apply] .apply-next-step{
    padding-left:4px!important;
    padding-right:4px!important;
  }
}


/* =========================================================
   v95 — EXACT FIX: PACKAGE PROCESS + EXTRA OFFER CARDS
   These three panels must match the dark smoked-glass package cards.
   ========================================================= */

/* Parent remains invisible — only real cards get material. */
section.packages[data-packages] .packages__extras{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* "TO STAŁY PROCES" */
section.packages[data-packages] > .site-shell > .packages__process,
section.packages[data-packages] .packages__process{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  background-color:rgba(7,8,10,.78)!important;
  background-image:
    radial-gradient(
      95% 90% at 10% 0%,
      rgba(255,255,255,.035) 0%,
      rgba(255,255,255,.010) 38%,
      rgba(255,255,255,0) 70%
    ),
    linear-gradient(
      145deg,
      rgba(16,17,20,.80) 0%,
      rgba(8,9,11,.76) 54%,
      rgba(4,5,7,.72) 100%
    )!important;

  border:1px solid rgba(255,255,255,.082)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.15),
    0 14px 36px rgba(0,0,0,.12)!important;

  backdrop-filter:blur(16px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(108%)!important;
}

/* PREP COACHING + PLAN TRENINGOWY */
section.packages[data-packages] .packages__extras > article,
section.packages[data-packages] .packages__extras > article[data-motion-card]{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;

  background-color:rgba(7,8,10,.78)!important;
  background-image:
    radial-gradient(
      95% 90% at 10% 0%,
      rgba(255,255,255,.032) 0%,
      rgba(255,255,255,.008) 40%,
      rgba(255,255,255,0) 70%
    ),
    linear-gradient(
      145deg,
      rgba(16,17,20,.80) 0%,
      rgba(8,9,11,.76) 54%,
      rgba(4,5,7,.72) 100%
    )!important;

  border:1px solid rgba(255,255,255,.082)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.043),
    inset 0 -1px 0 rgba(0,0,0,.15),
    0 14px 36px rgba(0,0,0,.115)!important;

  backdrop-filter:blur(16px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(108%)!important;
}

/* Kill any older overlay that could lighten these cards. */
section.packages[data-packages] .packages__process::before,
section.packages[data-packages] .packages__process::after,
section.packages[data-packages] .packages__extras > article::before,
section.packages[data-packages] .packages__extras > article::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* Keep the icon as a smaller glass layer rather than a grey disc. */
section.packages[data-packages] .packages__process-icon{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.040),
      rgba(255,255,255,.010)
    )!important;

  border-color:rgba(211,179,106,.18)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 7px 18px rgba(0,0,0,.09)!important;
}

/* CTA inside the two extra cards: same glass family, one level deeper. */
section.packages[data-packages] .packages__extras > article .package-extra__select{
  background:
    linear-gradient(
      145deg,
      rgba(9,10,12,.74),
      rgba(4,5,7,.67)
    )!important;

  border:1px solid rgba(255,255,255,.070)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.026),
    0 7px 18px rgba(0,0,0,.085)!important;

  backdrop-filter:blur(11px)!important;
  -webkit-backdrop-filter:blur(11px)!important;
}

/* Text remains clear against the darker glass. */
section.packages[data-packages] .packages__process-copy strong,
section.packages[data-packages] .packages__extras > article h3{
  color:#f1eee8!important;
}

section.packages[data-packages] .packages__process-copy p,
section.packages[data-packages] .packages__process li,
section.packages[data-packages] .packages__extras > article strong span{
  color:rgba(225,222,214,.60)!important;
}

@media (hover:hover){
  section.packages[data-packages] .packages__process:hover,
  section.packages[data-packages] .packages__extras > article:hover{
    background-color:rgba(9,10,12,.80)!important;
    background-image:
      radial-gradient(
        95% 90% at 10% 0%,
        rgba(255,255,255,.042),
        rgba(255,255,255,0) 70%
      ),
      linear-gradient(
        145deg,
        rgba(20,21,24,.82),
        rgba(9,10,12,.77) 54%,
        rgba(5,6,8,.73)
      )!important;

    border-color:rgba(211,179,106,.145)!important;
  }
}

@media (max-width:820px){
  section.packages[data-packages] .packages__process,
  section.packages[data-packages] .packages__extras > article{
    background-color:rgba(6,7,9,.84)!important;
    background-image:
      linear-gradient(
        145deg,
        rgba(15,16,19,.84),
        rgba(6,7,9,.79)
      )!important;

    backdrop-filter:blur(12px) saturate(108%)!important;
    -webkit-backdrop-filter:blur(12px) saturate(108%)!important;
  }
}


/* =========================================================
   v96 — PREMIUM LIGHT / PEARL GLASS THEME
   Inspired by the approved light reference:
   pearl canvas + white glass + black typography + gold accents.
   ========================================================= */

:root{
  --lu-light-bg:#eceeef;
  --lu-light-bg-2:#f4f5f5;
  --lu-light-text:#17191c;
  --lu-light-text-soft:#5f6368;
  --lu-light-text-faint:#85898e;

  --lu-light-card:
    linear-gradient(
      145deg,
      rgba(255,255,255,.72) 0%,
      rgba(248,249,249,.60) 50%,
      rgba(237,239,240,.48) 100%
    );

  --lu-light-card-strong:
    linear-gradient(
      145deg,
      rgba(255,255,255,.82) 0%,
      rgba(248,249,249,.68) 54%,
      rgba(237,239,240,.56) 100%
    );

  --lu-light-inner:
    linear-gradient(
      145deg,
      rgba(255,255,255,.62),
      rgba(241,243,244,.52)
    );

  --lu-light-border:rgba(24,27,31,.12);
  --lu-light-border-soft:rgba(24,27,31,.075);

  --lu-light-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 16px 40px rgba(29,34,40,.075);

  --lu-gold:#c59a42;
  --lu-gold-2:#d5b366;
  --lu-gold-soft:rgba(197,154,66,.18);
}

/* ---------------------------------------------------------
   GLOBAL CANVAS
   --------------------------------------------------------- */
html,
body{
  background-color:var(--lu-light-bg)!important;
  color:var(--lu-light-text)!important;
}

body{
  background-attachment:scroll!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;

  background-image:
    radial-gradient(
      90% 18% at 16% 7%,
      rgba(255,255,255,.92) 0%,
      rgba(255,255,255,.45) 40%,
      rgba(255,255,255,0) 82%
    ),
    radial-gradient(
      92% 18% at 82% 23%,
      rgba(213,179,102,.16) 0%,
      rgba(213,179,102,.065) 34%,
      rgba(213,179,102,0) 78%
    ),
    radial-gradient(
      95% 16% at 20% 55%,
      rgba(255,255,255,.58) 0%,
      rgba(255,255,255,.20) 42%,
      rgba(255,255,255,0) 82%
    ),
    radial-gradient(
      90% 14% at 76% 82%,
      rgba(213,179,102,.105) 0%,
      rgba(213,179,102,.035) 42%,
      rgba(213,179,102,0) 82%
    ),
    linear-gradient(
      180deg,
      #f2f3f4 0%,
      #e9ebec 26%,
      #eef0f1 54%,
      #e8eaeb 78%,
      #f1f2f3 100%
    )!important;
}

body::after{
  content:none!important;
  display:none!important;
}

main,
section,
.site-shell{
  background:transparent!important;
  background-color:transparent!important;
}

/* ---------------------------------------------------------
   TYPOGRAPHY
   --------------------------------------------------------- */
body,
p,
li,
label,
small,
input,
textarea,
select,
button{
  color:var(--lu-light-text)!important;
}

h1,h2,h3,h4,h5,h6,
strong{
  color:#17191c!important;
}

p,
section p,
section li{
  color:var(--lu-light-text-soft)!important;
}

.eyebrow,
.section-kicker,
.micro-label,
[class*="eyebrow"],
[class*="kicker"],
[class*="label"]{
  color:#767a80!important;
}

.gold,
.text-gold,
.accent,
[class*="gold"]{
  color:var(--lu-gold)!important;
}

/* Gold gradient headlines keep brand character. */
.title-gold,
.hero-title .gold,
section h2 .gold,
section h1 .gold{
  background:
    linear-gradient(
      110deg,
      #bc8f35 0%,
      #d5ae59 52%,
      #9f7529 100%
    )!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */
.nav-wrap,
header.nav-wrap,
.nav-wrap.is-scrolled{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

@media (min-width:821px){
  .nav-wrap .nav,
  .nav-wrap.is-scrolled .nav{
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.70),
        rgba(246,247,247,.58) 52%,
        rgba(230,232,234,.46)
      )!important;

    border:1px solid rgba(30,34,39,.13)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      0 12px 32px rgba(34,39,45,.09)!important;

    backdrop-filter:blur(22px) saturate(110%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(110%)!important;
  }
}

.nav a,
.nav button,
.nav-wrap a,
.nav-wrap button{
  color:#26292d!important;
}

.nav-apply-link,
.mobile-top-cta{
  background:
    linear-gradient(
      135deg,
      rgba(210,173,93,.92),
      rgba(187,145,60,.92)
    )!important;
  color:#fff!important;
  border-color:rgba(158,117,43,.32)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 6px 16px rgba(137,100,37,.16)!important;
}

.nav-wrap .social-link,
.nav-wrap [class*="social"]{
  background:rgba(255,255,255,.48)!important;
  border-color:rgba(25,28,32,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80)!important;
}

/* ---------------------------------------------------------
   GLOBAL CARD MATERIAL
   --------------------------------------------------------- */
section.process .process-step,
section.process .process__promise,
section.process .process__swipe-hint,

section.packages[data-packages] .packages__included,
section.packages[data-packages] .packages__doping,
section.packages[data-packages] .package-card,
section.packages[data-packages] .packages__process,
section.packages[data-packages] .packages__extras > article,
section.packages[data-packages] .packages__mobile-details details,

section.trainers .trainer-tab,

section.reviews-showcase[data-reviews-showcase] .review-platform,
section.reviews-showcase[data-reviews-showcase] .quote-chip,
section.reviews-showcase[data-reviews-showcase] .video-story,

section.faq .faq-item,
section.faq .faq__cta,

section.apply[data-apply] .apply-form,
section.apply[data-apply] .apply-package,
section.apply[data-apply] .apply-next-step,
section.apply[data-apply] .apply-success,

.site-footer-v35__contacts > a{
  background:var(--lu-light-card)!important;
  background-image:var(--lu-light-card)!important;

  border:1px solid var(--lu-light-border)!important;

  box-shadow:var(--lu-light-shadow)!important;

  backdrop-filter:blur(18px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(108%)!important;

  color:var(--lu-light-text)!important;
}

/* Avoid old dark pseudo layers */
section.process .process-step::before,
section.process .process-step::after,
section.process .process__promise::before,
section.process .process__promise::after,
section.packages[data-packages] .packages__included::before,
section.packages[data-packages] .packages__included::after,
section.packages[data-packages] .packages__doping::before,
section.packages[data-packages] .packages__doping::after,
section.packages[data-packages] .package-card::before,
section.packages[data-packages] .package-card::after,
section.packages[data-packages] .packages__process::before,
section.packages[data-packages] .packages__process::after,
section.packages[data-packages] .packages__extras > article::before,
section.packages[data-packages] .packages__extras > article::after,
section.trainers .trainer-tab::before,
section.trainers .trainer-tab::after,
section.reviews-showcase[data-reviews-showcase] .review-platform::before,
section.reviews-showcase[data-reviews-showcase] .review-platform::after,
section.faq .faq-item::before,
section.faq .faq-item::after,
section.apply[data-apply] .apply-form::before,
section.apply[data-apply] .apply-form::after{
  content:none!important;
  display:none!important;
}

/* ---------------------------------------------------------
   PROCESS
   --------------------------------------------------------- */
section.process .process__steps > .process-step:not(.process-step--zero){
  background:var(--lu-light-card-strong)!important;
  border-color:rgba(27,30,34,.115)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 15px 34px rgba(34,39,45,.075)!important;
}

section.process .process-step__icon{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.78),
      rgba(225,227,229,.52)
    )!important;

  border-color:rgba(28,31,35,.12)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 8px 20px rgba(34,39,45,.07)!important;
}

section.process .process-step__icon svg,
section.process .process-step__no{
  color:var(--lu-gold)!important;
}

section.process .process__promise-cycle > span{
  background:rgba(255,255,255,.48)!important;
  border-color:rgba(197,154,66,.20)!important;
  color:#303337!important;
}

/* ---------------------------------------------------------
   PACKAGES
   --------------------------------------------------------- */
section.packages[data-packages] .packages__top,
section.packages[data-packages] .packages__grid,
section.packages[data-packages] .packages__extras{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

section.packages[data-packages] .packages__included,
section.packages[data-packages] .packages__doping,
section.packages[data-packages] .packages__process,
section.packages[data-packages] .packages__extras > article{
  background:var(--lu-light-card-strong)!important;
}

section.packages[data-packages] .package-card{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.80),
      rgba(244,245,246,.65) 54%,
      rgba(231,233,235,.54)
    )!important;
  border-color:rgba(28,31,35,.12)!important;
}

section.packages[data-packages] .package-card--focus{
  background:
    radial-gradient(
      80% 70% at 50% 0%,
      rgba(213,179,102,.15),
      rgba(213,179,102,0) 65%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.84),
      rgba(245,244,239,.68) 54%,
      rgba(232,231,226,.56)
    )!important;

  border-color:rgba(197,154,66,.28)!important;
}

section.packages[data-packages] .package-price{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.74),
      rgba(235,237,238,.58)
    )!important;

  border:1px solid rgba(28,31,35,.10)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 8px 20px rgba(34,39,45,.06)!important;

  color:#1a1c1f!important;
}

section.packages[data-packages] .package-card--focus .package-price:nth-child(2){
  background:
    linear-gradient(
      145deg,
      rgba(255,253,247,.88),
      rgba(239,233,216,.66)
    )!important;
  border-color:rgba(197,154,66,.28)!important;
}

section.packages[data-packages] .package-card__bestseller{
  background:
    linear-gradient(
      180deg,
      #e0bd6d,
      #bd913c
    )!important;
  color:#17140e!important;
  border-color:rgba(152,111,37,.26)!important;
}

section.packages[data-packages] .packages__doping-note{
  background:rgba(255,255,255,.38)!important;
  border-color:rgba(28,31,35,.085)!important;
}

/* ---------------------------------------------------------
   TRAINERS
   --------------------------------------------------------- */
section.trainers .trainer-tab{
  background:var(--lu-light-card-strong)!important;
  border-color:rgba(28,31,35,.11)!important;
}

section.trainers .trainer-tab.is-active{
  background:
    radial-gradient(
      80% 70% at 100% 0%,
      rgba(213,179,102,.14),
      rgba(213,179,102,0) 68%
    ),
    var(--lu-light-card-strong)!important;
  border-color:rgba(197,154,66,.26)!important;
}

section.trainers .trainers__principle{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

/* ---------------------------------------------------------
   REVIEWS
   --------------------------------------------------------- */
section.reviews-showcase[data-reviews-showcase] .review-platform,
section.reviews-showcase[data-reviews-showcase] .quote-chip{
  background:var(--lu-light-card-strong)!important;
  border-color:rgba(28,31,35,.11)!important;
}

section.reviews-showcase[data-reviews-showcase] .video-story{
  background:rgba(255,255,255,.56)!important;
  border-color:rgba(28,31,35,.10)!important;
}

section.reviews-showcase[data-reviews-showcase] .video-story__shade{
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0),
      rgba(0,0,0,.08) 52%,
      rgba(0,0,0,.55)
    )!important;
}

/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */
section.faq .faq-item,
section.faq .faq__cta{
  background:var(--lu-light-card-strong)!important;
  border-color:rgba(28,31,35,.10)!important;
}

section.faq .faq-item[open],
section.faq .faq-item.is-open{
  border-color:rgba(197,154,66,.24)!important;
}

/* ---------------------------------------------------------
   FORM
   --------------------------------------------------------- */
section.apply[data-apply] .apply-form{
  background:var(--lu-light-card-strong)!important;
  border-color:rgba(28,31,35,.11)!important;
}

section.apply[data-apply] .apply-package,
section.apply[data-apply] .apply-next-step{
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}

section.apply[data-apply] input,
section.apply[data-apply] textarea,
section.apply[data-apply] select{
  color:#202327!important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.30),
      rgba(255,255,255,.10)
    )!important;

  border:0!important;
  border-bottom:1px solid rgba(27,30,34,.18)!important;

  box-shadow:none!important;
}

section.apply[data-apply] input::placeholder,
section.apply[data-apply] textarea::placeholder{
  color:rgba(55,59,64,.42)!important;
}

section.apply[data-apply] input:focus,
section.apply[data-apply] textarea:focus,
section.apply[data-apply] select:focus{
  border-bottom-color:rgba(197,154,66,.72)!important;
  background:rgba(255,255,255,.46)!important;
}

section.apply[data-apply] .apply-submit{
  background:
    linear-gradient(
      135deg,
      rgba(205,166,82,.92),
      rgba(181,137,52,.92)
    )!important;

  color:#fff!important;
  border-color:rgba(152,111,37,.28)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 8px 20px rgba(127,92,31,.14)!important;
}

/* ---------------------------------------------------------
   CTA buttons
   --------------------------------------------------------- */
.hero .primary-action,
section.transformations .transformations-cta.transformations-cta--clean > a,
section.faq .faq__cta > a{
  background:rgba(255,255,255,.44)!important;
  color:#26292d!important;

  border:1px solid rgba(197,154,66,.30)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 8px 20px rgba(34,39,45,.07)!important;

  backdrop-filter:blur(14px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(108%)!important;
}

.hero .primary-action::before,
.hero .primary-action::after,
section.transformations .transformations-cta.transformations-cta--clean > a::before,
section.transformations .transformations-cta.transformations-cta--clean > a::after,
section.faq .faq__cta > a::before,
section.faq .faq__cta > a::after{
  content:none!important;
  display:none!important;
}

/* ---------------------------------------------------------
   SECTION SEPARATORS
   --------------------------------------------------------- */
section{
  border-color:rgba(28,31,35,.075)!important;
}

section.transformations{
  border-top:1px solid rgba(28,31,35,.075)!important;
}

/* ---------------------------------------------------------
   SIDE SCROLL STEPPER
   --------------------------------------------------------- */
@media (min-width:821px){
  .scroll-stepper-v35,
  .scroll-stepper-v35:hover{
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.60),
        rgba(234,236,238,.45)
      )!important;

    border-color:rgba(28,31,35,.12)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.90),
      0 12px 30px rgba(34,39,45,.08)!important;
  }

  .scroll-stepper-v35__rail{
    background:rgba(26,29,33,.13)!important;
  }

  .scroll-stepper-v35__items > button > span{
    background:rgba(30,33,37,.12)!important;
    border-color:rgba(30,33,37,.16)!important;
  }

  .scroll-stepper-v35__items > button.is-active > span{
    background:#d5b366!important;
    border-color:#c09642!important;
  }
}

/* ---------------------------------------------------------
   PARTICLES
   Keep them visible but pearl-grey, not white on white.
   --------------------------------------------------------- */
#particles-canvas,
.particles,
[class*="particle"]{
  opacity:.42!important;
  mix-blend-mode:multiply!important;
}

/* ---------------------------------------------------------
   FOOTER
   --------------------------------------------------------- */
.site-footer-v35,
footer{
  background:transparent!important;
  color:#25282c!important;
}

.site-footer-v35__contacts > a{
  background:rgba(255,255,255,.52)!important;
}

/* ---------------------------------------------------------
   HOVER
   --------------------------------------------------------- */
@media (hover:hover){
  section.process .process-step:hover,
  section.packages[data-packages] .package-card:hover,
  section.packages[data-packages] .packages__included:hover,
  section.packages[data-packages] .packages__doping:hover,
  section.packages[data-packages] .packages__extras > article:hover,
  section.trainers .trainer-tab:hover,
  section.reviews-showcase[data-reviews-showcase] .review-platform:hover,
  section.reviews-showcase[data-reviews-showcase] .quote-chip:hover,
  section.faq .faq-item:hover{
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.88),
        rgba(246,247,248,.70)
      )!important;

    border-color:rgba(197,154,66,.22)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.96),
      0 16px 38px rgba(34,39,45,.09)!important;
  }
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */
@media (max-width:820px){
  html,
  body{
    background-color:#eef0f1!important;
  }

  body{
    background-image:
      radial-gradient(
        120% 12% at 20% 7%,
        rgba(255,255,255,.88),
        rgba(255,255,255,.34) 44%,
        rgba(255,255,255,0) 84%
      ),
      radial-gradient(
        120% 12% at 78% 30%,
        rgba(213,179,102,.13),
        rgba(213,179,102,.04) 46%,
        rgba(213,179,102,0) 84%
      ),
      linear-gradient(
        180deg,
        #f3f4f4 0%,
        #e9ebec 48%,
        #f0f1f2 100%
      )!important;
  }

  section.process .process-step,
  section.process .process__promise,
  section.packages[data-packages] .packages__included,
  section.packages[data-packages] .packages__doping,
  section.packages[data-packages] .package-card,
  section.packages[data-packages] .packages__process,
  section.packages[data-packages] .packages__extras > article,
  section.trainers .trainer-tab,
  section.reviews-showcase[data-reviews-showcase] .review-platform,
  section.reviews-showcase[data-reviews-showcase] .quote-chip,
  section.faq .faq-item,
  section.apply[data-apply] .apply-form{
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.80),
        rgba(238,240,241,.66)
      )!important;

    border-color:rgba(28,31,35,.10)!important;

    backdrop-filter:blur(13px) saturate(108%)!important;
    -webkit-backdrop-filter:blur(13px) saturate(108%)!important;
  }
}


/* =========================================================
   v97 — PREMIUM LIGHT POLISH
   Strong hierarchy, readable typography, refined cooperation
   + packages. No washed-out text.
   ========================================================= */

:root{
  --v97-ink:#1a1d21;
  --v97-ink-2:#2d3136;
  --v97-copy:#5e646b;
  --v97-muted:#858b91;
  --v97-line:rgba(28,32,36,.105);
  --v97-line-soft:rgba(28,32,36,.070);
  --v97-gold:#c49336;
  --v97-gold-2:#d8b45f;
  --v97-gold-dark:#9f7227;

  --v97-glass:
    linear-gradient(
      145deg,
      rgba(255,255,255,.78) 0%,
      rgba(247,248,249,.68) 52%,
      rgba(232,235,237,.56) 100%
    );

  --v97-glass-strong:
    linear-gradient(
      145deg,
      rgba(255,255,255,.88) 0%,
      rgba(248,249,250,.76) 54%,
      rgba(235,237,239,.63) 100%
    );

  --v97-glass-inner:
    linear-gradient(
      145deg,
      rgba(255,255,255,.72),
      rgba(237,240,242,.60)
    );
}

/* ---------------------------------------------------------
   FORCE CORRECT TYPOGRAPHY HIERARCHY ACROSS LIGHT SECTIONS
   --------------------------------------------------------- */
body main section:not(.hero) h1,
body main section:not(.hero) h2,
body main section:not(.hero) h3,
body main section:not(.hero) h4,
body main section:not(.hero) strong{
  color:var(--v97-ink)!important;
  -webkit-text-fill-color:currentColor;
}

body main section:not(.hero) p,
body main section:not(.hero) li,
body main section:not(.hero) label,
body main section:not(.hero) small{
  color:var(--v97-copy)!important;
}

/* Section headlines */
body main section.app-demo#aplikacja h2,
body main section.process#wspolpraca h2,
body main section.packages#pakiety h2,
body main section.trainers#trenerzy h2,
body main section.reviews-showcase#opinie h2,
body main section.faq#faq h2,
body main section.apply#zglos-sie h2{
  color:var(--v97-ink)!important;
  text-shadow:none!important;
}

/* Gold words inside section headlines */
body main section.process#wspolpraca h2 > span,
body main section.packages#pakiety h2 > span,
body main section.trainers#trenerzy h2 .trainers__gold,
body main section.reviews-showcase#opinie h2 > em,
body main section.faq#faq h2 > em,
body main section.apply#zglos-sie h2 > span,
body main section.app-demo#aplikacja .app-demo__headline-main{
  color:var(--v97-gold)!important;
  background:
    linear-gradient(
      110deg,
      #b98226 0%,
      #dfba67 50%,
      #aa7725 100%
    )!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* Application first headline line must be dark, not pale */
body main section.app-demo#aplikacja .app-demo__headline-top{
  color:var(--v97-ink)!important;
  -webkit-text-fill-color:var(--v97-ink)!important;
  background:none!important;
}

/* Supporting section story */
body main section.process#wspolpraca .process__story h3,
body main section.trainers#trenerzy .trainers__story h3,
body main section.reviews-showcase#opinie .reviews-showcase__story h3{
  color:var(--v97-ink-2)!important;
}

body main section.process#wspolpraca .process__story p,
body main section.trainers#trenerzy .trainers__story p,
body main section.reviews-showcase#opinie .reviews-showcase__story p{
  color:var(--v97-copy)!important;
}

/* ---------------------------------------------------------
   CTA / BUTTON SYSTEM
   Cleaner, premium white glass + gold edge
   --------------------------------------------------------- */
body .hero .primary-action,
body section.transformations .transformations-cta.transformations-cta--clean > a,
body section.faq .faq__cta > a{
  color:#25282c!important;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.82),
      rgba(244,246,247,.65)
    )!important;
  border:1px solid rgba(190,143,51,.32)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 9px 22px rgba(33,38,43,.075)!important;
  font-weight:760!important;
  text-shadow:none!important;
}

body .hero .primary-action:hover,
body section.transformations .transformations-cta.transformations-cta--clean > a:hover,
body section.faq .faq__cta > a:hover{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.94),
      rgba(248,246,239,.74)
    )!important;
  border-color:rgba(190,143,51,.48)!important;
}

/* Header CTA — richer gold, not beige-grey */
body .nav-wrap .nav-apply-link,
body .mobile-top-cta{
  background:
    linear-gradient(
      135deg,
      #d4ad58 0%,
      #bd8d36 100%
    )!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid rgba(150,107,35,.25)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 7px 18px rgba(151,109,35,.16)!important;
  font-weight:780!important;
}

/* ---------------------------------------------------------
   COOPERATION — REMOVE "WASHED OUT" LOOK
   --------------------------------------------------------- */
body main section.process#wspolpraca .process__steps > .process-step:not(.process-step--zero){
  background:var(--v97-glass-strong)!important;
  border:1px solid var(--v97-line)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 14px 34px rgba(32,37,42,.075)!important;
  backdrop-filter:blur(18px) saturate(105%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(105%)!important;
}

/* Never allow old dark active state */
body main section.process#wspolpraca .process__steps > .process-step.is-active:not(.process-step--zero),
body main section.process#wspolpraca .process__steps > .process-step:not(.process-step--zero):hover{
  background:
    radial-gradient(
      90% 70% at 0% 0%,
      rgba(212,173,88,.075),
      rgba(212,173,88,0) 64%
    ),
    var(--v97-glass-strong)!important;
  border-color:rgba(190,143,51,.22)!important;
  color:var(--v97-ink)!important;
}

/* Card titles */
body main section.process#wspolpraca .process-step__copy h3{
  color:#23262a!important;
  font-size:clamp(1.28rem,1.65vw,1.72rem)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:780!important;
  text-shadow:none!important;
}

/* Card descriptions */
body main section.process#wspolpraca .process-step__copy p{
  color:#62686e!important;
  font-size:.85rem!important;
  line-height:1.55!important;
  font-weight:440!important;
}

/* Bullet copy */
body main section.process#wspolpraca .process-step li{
  color:#3f4449!important;
  font-size:.83rem!important;
  line-height:1.45!important;
  font-weight:520!important;
}

/* Bullet dot */
body main section.process#wspolpraca .process-step li > span{
  background:rgba(197,148,54,.065)!important;
  border:1px solid rgba(197,148,54,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}

/* Icon cards */
body main section.process#wspolpraca .process-step__icon{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.92),
      rgba(229,232,234,.70)
    )!important;
  border:1px solid rgba(31,35,39,.10)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 8px 20px rgba(32,37,42,.075)!important;
}

body main section.process#wspolpraca .process-step__icon svg{
  color:var(--v97-gold)!important;
}

body main section.process#wspolpraca .process-step__no{
  color:var(--v97-gold-dark)!important;
  font-weight:850!important;
}

/* Process heading/story */
body main section.process#wspolpraca .process__head h2{
  color:var(--v97-ink)!important;
}

body main section.process#wspolpraca .process__story{
  border-left-color:rgba(190,143,51,.32)!important;
}

body main section.process#wspolpraca .process__story h3{
  color:#25282c!important;
  font-weight:780!important;
}

body main section.process#wspolpraca .process__story p{
  color:#646a70!important;
}

/* Promise card */
body main section.process#wspolpraca .process__promise{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.76),
      rgba(238,240,241,.62)
    )!important;
  border-color:var(--v97-line)!important;
}

body main section.process#wspolpraca .process__promise h3,
body main section.process#wspolpraca .process__promise strong{
  color:#24272b!important;
}

body main section.process#wspolpraca .process__promise p{
  color:#62686e!important;
}

/* ---------------------------------------------------------
   PACKAGES — FULL READABILITY RESET
   --------------------------------------------------------- */

/* Hero copy */
body main section.packages#pakiety h2{
  color:var(--v97-ink)!important;
}

body main section.packages#pakiety .packages__lead,
body main section.packages#pakiety .packages__intro p{
  color:#5f656b!important;
}

/* Top panels */
body main section.packages#pakiety .packages__included,
body main section.packages#pakiety .packages__doping,
body main section.packages#pakiety .packages__process,
body main section.packages#pakiety .packages__extras > article{
  background:var(--v97-glass-strong)!important;
  border:1px solid var(--v97-line)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 14px 34px rgba(32,37,42,.075)!important;
  color:var(--v97-ink)!important;
}

/* Top panel titles */
body main section.packages#pakiety .packages__included h3,
body main section.packages#pakiety .packages__extras h3,
body main section.packages#pakiety .packages__process strong{
  color:#222529!important;
  -webkit-text-fill-color:#222529!important;
}

body main section.packages#pakiety .packages__doping h3{
  color:var(--v97-gold)!important;
  -webkit-text-fill-color:var(--v97-gold)!important;
}

/* Package labels */
body main section.packages#pakiety .packages__doping > small,
body main section.packages#pakiety .packages__extras small,
body main section.packages#pakiety .packages__process small{
  color:#a27a2e!important;
  -webkit-text-fill-color:#a27a2e!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}

/* Feature lists */
body main section.packages#pakiety .packages__included li,
body main section.packages#pakiety .packages__doping li,
body main section.packages#pakiety .packages__process li{
  color:#50565c!important;
  -webkit-text-fill-color:#50565c!important;
  font-size:.83rem!important;
  line-height:1.48!important;
}

body main section.packages#pakiety .package-feature-icon{
  color:#c89532!important;
}

body main section.packages#pakiety .package-feature-icon svg{
  stroke:#c89532!important;
}

/* Doping note */
body main section.packages#pakiety .packages__doping-note{
  background:rgba(255,255,255,.48)!important;
  border:1px solid rgba(31,35,39,.09)!important;
  color:#666b70!important;
}
body main section.packages#pakiety .packages__doping-note span{
  color:#666b70!important;
  -webkit-text-fill-color:#666b70!important;
}

/* Period cards */
body main section.packages#pakiety .package-card{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.86),
      rgba(245,247,248,.72) 54%,
      rgba(232,235,237,.62)
    )!important;
  border:1px solid rgba(29,33,37,.11)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 14px 34px rgba(32,37,42,.075)!important;
}

body main section.packages#pakiety .package-card--focus{
  background:
    radial-gradient(
      75% 55% at 50% 0%,
      rgba(216,180,95,.16),
      rgba(216,180,95,0) 72%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.90),
      rgba(247,246,241,.78) 54%,
      rgba(236,233,224,.66)
    )!important;
  border-color:rgba(190,143,51,.27)!important;
}

/* Main package title */
body main section.packages#pakiety .package-card > h3{
  color:#202327!important;
  -webkit-text-fill-color:#202327!important;
  font-size:clamp(1.45rem,1.8vw,1.92rem)!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
  font-weight:790!important;
}

/* Description */
body main section.packages#pakiety .package-card > p{
  color:#656b71!important;
  -webkit-text-fill-color:#656b71!important;
  font-size:.80rem!important;
  line-height:1.45!important;
}

/* Monthly helper */
body main section.packages#pakiety .package-card__monthly{
  color:#888d92!important;
  -webkit-text-fill-color:#888d92!important;
  font-size:.68rem!important;
}

/* Price tabs */
body main section.packages#pakiety .package-price{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.88),
      rgba(235,238,240,.68)
    )!important;
  border:1px solid rgba(30,34,38,.105)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 8px 20px rgba(32,37,42,.055)!important;
  color:var(--v97-ink)!important;
}

/* Focus Doping option */
body main section.packages#pakiety .package-card--focus .package-price:nth-child(2){
  background:
    linear-gradient(
      145deg,
      rgba(255,253,247,.96),
      rgba(240,234,217,.78)
    )!important;
  border-color:rgba(190,143,51,.28)!important;
}

/* Price tab typography */
body main section.packages#pakiety .package-price small{
  color:#555b61!important;
  -webkit-text-fill-color:#555b61!important;
  font-weight:720!important;
  font-size:.72rem!important;
}

body main section.packages#pakiety .package-price strong{
  color:#c08e31!important;
  -webkit-text-fill-color:#c08e31!important;
  font-size:clamp(1.35rem,1.65vw,1.72rem)!important;
  font-weight:820!important;
  letter-spacing:-.025em!important;
}

body main section.packages#pakiety .package-price em{
  color:#858a90!important;
  -webkit-text-fill-color:#858a90!important;
  font-size:.65rem!important;
  font-style:normal!important;
}

body main section.packages#pakiety .package-price > span{
  color:#a97925!important;
  -webkit-text-fill-color:#a97925!important;
  font-weight:760!important;
  font-size:.72rem!important;
}

body main section.packages#pakiety .package-price > span b{
  color:#ba8730!important;
}

/* Bestseller */
body main section.packages#pakiety .package-card__bestseller{
  background:
    linear-gradient(
      180deg,
      #e2be6c,
      #be8f36
    )!important;
  color:#211a0e!important;
  -webkit-text-fill-color:#211a0e!important;
  border-color:rgba(145,103,31,.25)!important;
  font-weight:900!important;
  letter-spacing:.095em!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    0 7px 18px rgba(139,101,34,.18)!important;
}

/* Package extras text */
body main section.packages#pakiety .packages__extras > article strong,
body main section.packages#pakiety .packages__extras > article h3{
  color:#25282c!important;
}
body main section.packages#pakiety .packages__extras > article p,
body main section.packages#pakiety .packages__extras > article span{
  color:#646a70!important;
}

/* ---------------------------------------------------------
   TRAINERS / REVIEWS / FAQ — dark readable typography
   --------------------------------------------------------- */
body main section.trainers#trenerzy .trainer-tab,
body main section.reviews-showcase#opinie .review-platform,
body main section.reviews-showcase#opinie .quote-chip,
body main section.faq#faq .faq-item{
  color:var(--v97-ink)!important;
}

body main section.trainers#trenerzy .trainer-tab h3,
body main section.trainers#trenerzy .trainer-tab strong,
body main section.reviews-showcase#opinie .review-platform h3,
body main section.reviews-showcase#opinie .review-platform strong,
body main section.reviews-showcase#opinie .quote-chip strong,
body main section.faq#faq .faq-item summary,
body main section.faq#faq .faq-item strong{
  color:#222529!important;
  -webkit-text-fill-color:#222529!important;
}

body main section.trainers#trenerzy .trainer-tab p,
body main section.reviews-showcase#opinie .review-platform p,
body main section.reviews-showcase#opinie .quote-chip p,
body main section.faq#faq .faq-item p{
  color:#62686e!important;
  -webkit-text-fill-color:#62686e!important;
}

/* ---------------------------------------------------------
   APPLICATION COPY
   --------------------------------------------------------- */
body main section.app-demo#aplikacja .app-demo__copy p,
body main section.app-demo#aplikacja .app-demo__copy li{
  color:#60666c!important;
  -webkit-text-fill-color:#60666c!important;
}

body main section.app-demo#aplikacja .app-demo__copy strong{
  color:#25282c!important;
  -webkit-text-fill-color:#25282c!important;
}

/* ---------------------------------------------------------
   LIGHT CARD HOVERS — no whiteout
   --------------------------------------------------------- */
@media (hover:hover){
  body main section.process#wspolpraca .process-step:hover,
  body main section.packages#pakiety .package-card:hover,
  body main section.packages#pakiety .packages__included:hover,
  body main section.packages#pakiety .packages__doping:hover,
  body main section.packages#pakiety .packages__extras > article:hover{
    color:var(--v97-ink)!important;
  }

  body main section.packages#pakiety .package-price:hover{
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.98),
        rgba(243,240,231,.78)
      )!important;
    border-color:rgba(190,143,51,.24)!important;
  }
}

/* ---------------------------------------------------------
   MOBILE TUNING
   --------------------------------------------------------- */
@media (max-width:820px){
  body main section.process#wspolpraca .process-step__copy h3{
    font-size:1.15rem!important;
  }

  body main section.process#wspolpraca .process-step__copy p,
  body main section.process#wspolpraca .process-step li{
    font-size:.78rem!important;
  }

  body main section.packages#pakiety .package-card > h3{
    font-size:1.35rem!important;
  }

  body main section.packages#pakiety .package-price strong{
    font-size:1.35rem!important;
  }

  body main section.packages#pakiety .packages__included li,
  body main section.packages#pakiety .packages__doping li{
    font-size:.78rem!important;
  }
}


/* =========================================================
   v98 — LIGHT UI POLISH
   Fix faded captions, legacy dark buttons and heavy grey header.
   ========================================================= */

:root{
  --v98-ink:#1e2125;
  --v98-ink-soft:#35393e;
  --v98-copy:#646a70;
  --v98-muted:#858b91;
  --v98-gold:#c49336;
  --v98-gold-deep:#a87928;
  --v98-line:rgba(31,35,39,.11);
}

/* =========================================================
   1. HEADER — FROSTED PEARL GLASS
   ========================================================= */

.nav-wrap,
header.nav-wrap,
.nav-wrap.is-scrolled{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

@media (min-width:821px){
  body .nav-wrap .nav,
  body .nav-wrap.is-scrolled .nav{
    min-height:58px!important;
    padding:7px 12px 7px 16px!important;
    border-radius:18px!important;

    background:
      radial-gradient(
        75% 110% at 14% 0%,
        rgba(255,255,255,.50),
        rgba(255,255,255,0) 68%
      ),
      linear-gradient(
        145deg,
        rgba(255,255,255,.60) 0%,
        rgba(246,247,248,.48) 54%,
        rgba(226,229,231,.38) 100%
      )!important;

    border:1px solid rgba(35,39,44,.13)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      inset 0 -1px 0 rgba(30,34,38,.025),
      0 13px 30px rgba(37,42,48,.085)!important;

    backdrop-filter:blur(24px) saturate(108%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(108%)!important;
  }

  body .nav-wrap.is-scrolled .nav{
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.72),
        rgba(239,241,242,.57)
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 12px 28px rgba(37,42,48,.09)!important;
  }

  /* logo */
  body .nav-wrap .brand{
    gap:9px!important;
  }

  body .nav-wrap .brand-mark{
    width:35px!important;
    height:35px!important;
  }

  body .nav-wrap .brand-name{
    color:#24272b!important;
    -webkit-text-fill-color:#24272b!important;
    font-weight:880!important;
    letter-spacing:.08em!important;
    text-shadow:none!important;
  }

  body .nav-wrap .brand-name > span{
    color:#bf8d31!important;
    -webkit-text-fill-color:#bf8d31!important;
  }

  /* actual menu copy */
  body .nav-wrap .nav-links > a:not(.nav-apply-link){
    color:#303439!important;
    -webkit-text-fill-color:#303439!important;
    font-size:.73rem!important;
    font-weight:690!important;
    text-shadow:none!important;
    opacity:1!important;
  }

  body .nav-wrap .nav-links > a:not(.nav-apply-link):hover{
    color:#a97826!important;
    -webkit-text-fill-color:#a97826!important;
  }

  /* gold application CTA */
  body .nav-wrap .nav-links > .nav-apply-link{
    min-height:36px!important;
    padding:0 15px!important;
    border-radius:999px!important;

    color:#fff!important;
    -webkit-text-fill-color:#fff!important;

    background:
      linear-gradient(
        135deg,
        #d6b15f 0%,
        #bc8a34 100%
      )!important;

    border:1px solid rgba(146,103,31,.22)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.34),
      0 7px 16px rgba(132,94,29,.15)!important;

    font-weight:790!important;
  }

  /* Social buttons = small glass controls, not white blocks */
  body .nav-wrap .nav-actions .social-actions{
    gap:7px!important;
  }

  body .nav-wrap .nav-actions .social-link{
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.66),
        rgba(233,235,237,.48)
      )!important;

    border:1px solid rgba(31,35,39,.11)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      0 5px 12px rgba(32,37,42,.055)!important;

    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }

  body .nav-wrap .nav-actions .social-link svg{
    width:18px!important;
    height:18px!important;
  }
}

/* =========================================================
   2. TRAINER PRINCIPLE — FIX INVISIBLE SUBTITLE
   ========================================================= */

body main section.trainers#trenerzy .trainers__principle{
  color:var(--v98-ink)!important;
}

body main section.trainers#trenerzy .trainers__principle > span{
  color:#bd8b31!important;
  -webkit-text-fill-color:#bd8b31!important;
  opacity:1!important;
}

body main section.trainers#trenerzy .trainers__principle > strong{
  color:#25282c!important;
  -webkit-text-fill-color:#25282c!important;
  opacity:1!important;
  text-shadow:none!important;

  font-size:1.16rem!important;
  font-weight:790!important;
  letter-spacing:-.022em!important;
}

body main section.trainers#trenerzy .trainers__principle > p{
  color:#6c7278!important;
  -webkit-text-fill-color:#6c7278!important;
  opacity:1!important;

  font-size:.78rem!important;
  line-height:1.55!important;
}

/* =========================================================
   3. PACKAGES PROCESS / EXTRAS — FIX FADED CAPTIONS
   ========================================================= */

body main section.packages#pakiety .packages__process-copy > small{
  color:#ac7d2a!important;
  -webkit-text-fill-color:#ac7d2a!important;
  opacity:1!important;

  font-weight:850!important;
  letter-spacing:.11em!important;
}

body main section.packages#pakiety .packages__process-copy > strong{
  color:#26292d!important;
  -webkit-text-fill-color:#26292d!important;
  opacity:1!important;

  font-weight:780!important;
  text-shadow:none!important;
}

body main section.packages#pakiety .packages__process-copy > p{
  color:#666c72!important;
  -webkit-text-fill-color:#666c72!important;
  opacity:1!important;

  font-size:.76rem!important;
  line-height:1.5!important;
}

body main section.packages#pakiety .packages__process > ul > li{
  color:#555b61!important;
  -webkit-text-fill-color:#555b61!important;
  opacity:1!important;
}

body main section.packages#pakiety .packages__process > ul > li::before{
  color:#bb8930!important;
}

/* Extra product headings and small labels */
body main section.packages#pakiety .packages__extras > article small{
  color:#aa7a29!important;
  -webkit-text-fill-color:#aa7a29!important;
  opacity:1!important;

  font-weight:850!important;
  letter-spacing:.105em!important;
}

body main section.packages#pakiety .packages__extras > article h3{
  color:#292c30!important;
  -webkit-text-fill-color:#292c30!important;
  opacity:1!important;
  font-weight:760!important;
}

body main section.packages#pakiety .packages__extras > article > strong{
  color:#202327!important;
  -webkit-text-fill-color:#202327!important;
  opacity:1!important;
}

body main section.packages#pakiety .packages__extras > article > strong > span{
  color:#7a8086!important;
  -webkit-text-fill-color:#7a8086!important;
  opacity:1!important;
}

/* =========================================================
   4. PACKAGE ACTION BUTTONS — LIGHT GLASS, NO DARK LEGACY BOX
   ========================================================= */

body main section.packages#pakiety .package-extra__select{
  min-width:104px!important;
  height:38px!important;
  padding:0 12px 0 14px!important;
  gap:9px!important;

  border-radius:12px!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.82),
      rgba(235,238,240,.62)
    )!important;

  border:1px solid rgba(30,34,38,.11)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 7px 17px rgba(34,39,44,.065)!important;

  color:#292d31!important;
  -webkit-text-fill-color:#292d31!important;

  backdrop-filter:blur(13px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(108%)!important;
}

body main section.packages#pakiety .package-extra__select > span{
  color:#34383d!important;
  -webkit-text-fill-color:#34383d!important;
  opacity:1!important;
  font-weight:740!important;
}

body main section.packages#pakiety .package-extra__select > i{
  color:#b27f29!important;
  -webkit-text-fill-color:#b27f29!important;
  opacity:1!important;
  font-style:normal!important;
}

@media (hover:hover){
  body main section.packages#pakiety .package-extra__select:hover{
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.98),
        rgba(244,241,232,.74)
      )!important;

    border-color:rgba(190,143,51,.30)!important;
    transform:translateY(-1px)!important;
  }
}

/* Price-card "Wybieram" copy must be strong enough too */
body main section.packages#pakiety .package-price > span{
  color:#a97827!important;
  -webkit-text-fill-color:#a97827!important;
  opacity:1!important;
  font-weight:790!important;
}

body main section.packages#pakiety .package-price > span i,
body main section.packages#pakiety .package-price > span b{
  color:#af7d28!important;
  -webkit-text-fill-color:#af7d28!important;
}

/* =========================================================
   5. LIGHT CARD SECONDARY COPY — ENSURE NOTHING IS WASHED OUT
   ========================================================= */

body main section.process#wspolpraca .process-step__copy p,
body main section.process#wspolpraca .process-step li,
body main section.packages#pakiety .package-card > p,
body main section.packages#pakiety .package-price em,
body main section.packages#pakiety .packages__included li,
body main section.packages#pakiety .packages__doping li,
body main section.reviews-showcase#opinie p,
body main section.faq#faq p{
  opacity:1!important;
}

/* =========================================================
   6. MOBILE HEADER — LIGHT GLASS WITH READABLE CONTROLS
   ========================================================= */

@media (max-width:820px){
  body .nav-wrap .nav{
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.75),
        rgba(237,239,241,.60)
      )!important;

    border-color:rgba(31,35,39,.11)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.94),
      0 8px 22px rgba(34,39,44,.075)!important;

    backdrop-filter:blur(18px) saturate(108%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(108%)!important;
  }

  body .nav-wrap .brand-name{
    color:#24272b!important;
    -webkit-text-fill-color:#24272b!important;
  }

  body .nav-wrap .brand-name > span{
    color:#bd8a2e!important;
    -webkit-text-fill-color:#bd8a2e!important;
  }

  body .nav-wrap .menu-button{
    color:#292d31!important;
    background:rgba(255,255,255,.52)!important;
    border-color:rgba(31,35,39,.11)!important;
  }

  body main section.packages#pakiety .package-extra__select{
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.88),
        rgba(235,238,240,.68)
      )!important;
  }
}


/* =========================================================
   v99 — FORM + HEADER SOCIALS POLISH
   ========================================================= */

/* ---------------------------------------------------------
   HEADER SOCIALS — no large white slab around all three icons
   --------------------------------------------------------- */
body .nav-wrap .nav-actions,
body .nav-wrap .nav-actions .social-actions{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}

@media (min-width:821px){
  body .nav-wrap .nav-actions .social-actions{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }

  body .nav-wrap .nav-actions .social-link{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.58),
        rgba(236,238,240,.43)
      )!important;

    border:1px solid rgba(29,33,37,.10)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      0 5px 12px rgba(31,36,41,.05)!important;
  }
}

/* ---------------------------------------------------------
   APPLICATION SECTION HEADER
   --------------------------------------------------------- */
body main section.apply#zglos-sie .apply__head{
  align-items:end!important;
  gap:40px!important;
  margin-bottom:26px!important;
}

body main section.apply#zglos-sie .apply__head h2{
  color:#1c1f23!important;
  -webkit-text-fill-color:#1c1f23!important;
}

body main section.apply#zglos-sie .apply__head h2 > span{
  background:linear-gradient(110deg,#b98329,#deb863 54%,#aa7727)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

body main section.apply#zglos-sie .apply__story{
  border-left:1px solid rgba(190,143,51,.30)!important;
}

body main section.apply#zglos-sie .apply__story h3{
  color:#272a2e!important;
  -webkit-text-fill-color:#272a2e!important;
  font-weight:760!important;
}

body main section.apply#zglos-sie .apply__story p{
  color:#666c72!important;
  -webkit-text-fill-color:#666c72!important;
}

/* ---------------------------------------------------------
   FORM OUTER SHELL
   One clean glass surface, no "panel in panel in panel"
   --------------------------------------------------------- */
body main section.apply#zglos-sie .apply-form{
  padding:28px 32px 26px!important;
  border-radius:24px!important;

  background:
    radial-gradient(
      95% 65% at 12% 0%,
      rgba(255,255,255,.55),
      rgba(255,255,255,0) 72%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.68),
      rgba(242,244,245,.56)
    )!important;

  border:1px solid rgba(31,35,39,.105)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 16px 40px rgba(36,41,47,.075)!important;
}

/* ---------------------------------------------------------
   SELECTED PACKAGE — open toolbar, NOT a bordered box
   --------------------------------------------------------- */
body main section.apply#zglos-sie .apply-package{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;

  margin:0 0 28px!important;
  padding:0 0 18px!important;

  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(31,35,39,.105)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

body main section.apply#zglos-sie .apply-package__icon{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:13px!important;

  color:#b7832c!important;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.90),
      rgba(232,235,237,.66)
    )!important;
  border:1px solid rgba(190,143,51,.18)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 6px 16px rgba(32,37,42,.055)!important;
}

body main section.apply#zglos-sie .apply-package__copy > span{
  color:#a97928!important;
  -webkit-text-fill-color:#a97928!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
}

body main section.apply#zglos-sie .apply-package__copy > strong{
  color:#24272b!important;
  -webkit-text-fill-color:#24272b!important;
  font-size:.92rem!important;
  font-weight:760!important;
}

body main section.apply#zglos-sie .apply-package__copy > small{
  color:#7a8086!important;
  -webkit-text-fill-color:#7a8086!important;
  opacity:1!important;
}

body main section.apply#zglos-sie [data-change-package]{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:8px 0 8px 14px!important;

  color:#a97928!important;
  -webkit-text-fill-color:#a97928!important;
  font-size:.72rem!important;
  font-weight:780!important;
  cursor:pointer!important;
}

/* ---------------------------------------------------------
   FIELDS — clean underline system
   --------------------------------------------------------- */
body main section.apply#zglos-sie .apply-fields{
  column-gap:28px!important;
  row-gap:20px!important;
}

body main section.apply#zglos-sie .apply-fields label > span{
  display:block!important;
  margin-bottom:6px!important;
  color:#555b61!important;
  -webkit-text-fill-color:#555b61!important;
  font-size:.72rem!important;
  font-weight:720!important;
}

body main section.apply#zglos-sie input:not([type="checkbox"]):not([type="hidden"]),
body main section.apply#zglos-sie textarea,
body main section.apply#zglos-sie select{
  width:100%!important;

  color:#22262a!important;
  -webkit-text-fill-color:#22262a!important;

  background:transparent!important;
  background-image:none!important;

  border:0!important;
  border-bottom:1px solid rgba(31,35,39,.18)!important;
  border-radius:0!important;

  box-shadow:none!important;
  padding-left:0!important;
  padding-right:0!important;
}

body main section.apply#zglos-sie input:not([type="checkbox"]):not([type="hidden"]){
  min-height:44px!important;
}

body main section.apply#zglos-sie textarea{
  min-height:92px!important;
  padding-top:9px!important;
  padding-bottom:10px!important;
}

body main section.apply#zglos-sie input::placeholder,
body main section.apply#zglos-sie textarea::placeholder{
  color:#9a9fa4!important;
  -webkit-text-fill-color:#9a9fa4!important;
  opacity:1!important;
}

body main section.apply#zglos-sie input:focus,
body main section.apply#zglos-sie textarea:focus,
body main section.apply#zglos-sie select:focus{
  outline:none!important;
  border-bottom-color:rgba(184,132,42,.72)!important;
  box-shadow:0 1px 0 rgba(184,132,42,.10)!important;
}

/* ---------------------------------------------------------
   WHAT HAPPENS NEXT — editorial row, no rectangle
   --------------------------------------------------------- */
body main section.apply#zglos-sie .apply-next-step{
  width:100%!important;
  max-width:none!important;

  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;

  margin:28px 0 0!important;
  padding:18px 0!important;

  background:transparent!important;
  background-image:none!important;

  border:0!important;
  border-top:1px solid rgba(31,35,39,.09)!important;
  border-bottom:1px solid rgba(31,35,39,.09)!important;
  border-radius:0!important;

  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body main section.apply#zglos-sie .apply-next-step__icon{
  width:36px!important;
  height:28px!important;

  color:#a87827!important;
  background:rgba(197,148,54,.035)!important;
  border:1px solid rgba(190,143,51,.20)!important;
  border-radius:999px!important;
}

body main section.apply#zglos-sie .apply-next-step strong{
  color:#34383d!important;
  -webkit-text-fill-color:#34383d!important;
  opacity:1!important;
  font-size:.82rem!important;
  font-weight:760!important;
}

body main section.apply#zglos-sie .apply-next-step p{
  margin:5px 0 0!important;
  color:#747a80!important;
  -webkit-text-fill-color:#747a80!important;
  opacity:1!important;
  font-size:.75rem!important;
  line-height:1.5!important;
}

/* ---------------------------------------------------------
   CONSENT + BOTTOM CTA
   --------------------------------------------------------- */
body main section.apply#zglos-sie .apply-form__bottom{
  margin-top:22px!important;
  padding-top:0!important;
  border:0!important;
}

body main section.apply#zglos-sie .apply-consent{
  color:#72787e!important;
  -webkit-text-fill-color:#72787e!important;
  opacity:1!important;
}

body main section.apply#zglos-sie .apply-consent > span{
  color:#72787e!important;
  -webkit-text-fill-color:#72787e!important;
  opacity:1!important;
  font-size:.70rem!important;
  line-height:1.45!important;
}

body main section.apply#zglos-sie input[type="checkbox"]{
  border:1px solid rgba(31,35,39,.30)!important;
  background:rgba(255,255,255,.38)!important;
}

body main section.apply#zglos-sie .apply-submit{
  min-height:40px!important;
  padding:0 17px!important;
  border-radius:13px!important;

  background:
    linear-gradient(
      135deg,
      #d3ad5b,
      #ba8831
    )!important;

  border:1px solid rgba(145,102,30,.24)!important;

  color:#fff!important;
  -webkit-text-fill-color:#fff!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 8px 20px rgba(134,96,31,.14)!important;

  font-weight:790!important;
}

body main section.apply#zglos-sie .apply-submit > span,
body main section.apply#zglos-sie .apply-submit > b{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */
@media (max-width:820px){
  body main section.apply#zglos-sie .apply-form{
    padding:20px 16px!important;
    border-radius:20px!important;
  }

  body main section.apply#zglos-sie .apply-package{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:11px!important;
  }

  body main section.apply#zglos-sie [data-change-package]{
    grid-column:2!important;
    justify-self:start!important;
    padding:4px 0!important;
  }

  body main section.apply#zglos-sie .apply-next-step{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
    padding:15px 0!important;
  }
}


/* =========================================================
   v100 — CHECKBOX + PHOTO/CAROUSEL CONTROLS FIX
   ========================================================= */

/* ---------------------------------------------------------
   CONSENT CHECKBOX
   Restore a real, reliable native checkbox.
   --------------------------------------------------------- */
body main section.apply#zglos-sie .apply-consent{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  cursor:pointer!important;
  user-select:none!important;
}

body main section.apply#zglos-sie .apply-consent input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;

  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;

  margin:1px 0 0!important;
  padding:0!important;

  border:initial!important;
  border-radius:3px!important;
  background:initial!important;
  background-image:none!important;
  box-shadow:none!important;

  accent-color:#c49336!important;

  opacity:1!important;
  visibility:visible!important;

  cursor:pointer!important;
}

body main section.apply#zglos-sie .apply-consent input[type="checkbox"]:checked{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  background:initial!important;
  border:initial!important;
  box-shadow:none!important;
  accent-color:#c49336!important;
}

body main section.apply#zglos-sie .apply-consent input[type="checkbox"]:focus-visible{
  outline:2px solid rgba(196,147,54,.32)!important;
  outline-offset:3px!important;
}

body main section.apply#zglos-sie .apply-consent > span{
  color:#636a71!important;
  -webkit-text-fill-color:#636a71!important;
  opacity:1!important;
  font-size:.72rem!important;
  line-height:1.5!important;
}

/* ---------------------------------------------------------
   TRANSFORMATION PHOTO ARROWS
   Frosted pearl glass instead of dark circles.
   --------------------------------------------------------- */
body main section.transformations#przemiany .coverflow-nav{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:50%!important;

  color:#2b2f34!important;
  -webkit-text-fill-color:#2b2f34!important;

  background:
    radial-gradient(
      circle at 32% 24%,
      rgba(255,255,255,.96),
      rgba(255,255,255,.70) 38%,
      rgba(231,234,236,.58) 100%
    )!important;

  border:1px solid rgba(30,34,38,.13)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 8px 22px rgba(31,36,42,.10)!important;

  backdrop-filter:blur(16px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(108%)!important;

  text-shadow:none!important;
  font-size:1rem!important;
  font-weight:700!important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease!important;
}

body main section.transformations#przemiany .coverflow-nav::before,
body main section.transformations#przemiany .coverflow-nav::after{
  content:none!important;
  display:none!important;
}

@media (hover:hover){
  body main section.transformations#przemiany .coverflow-nav:hover{
    transform:translateY(-1px) scale(1.035)!important;

    color:#a97728!important;
    -webkit-text-fill-color:#a97728!important;

    background:
      radial-gradient(
        circle at 32% 24%,
        rgba(255,255,255,1),
        rgba(255,252,243,.82) 42%,
        rgba(239,233,216,.68) 100%
      )!important;

    border-color:rgba(196,147,54,.34)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      0 9px 24px rgba(31,36,42,.10),
      0 0 0 4px rgba(196,147,54,.045)!important;
  }
}

body main section.transformations#przemiany .coverflow-nav:active{
  transform:scale(.97)!important;
}

/* ---------------------------------------------------------
   LIGHTBOX PHOTO ARROWS — same language.
   --------------------------------------------------------- */
body .lightbox-nav,
body .lightbox-close{
  color:#25292d!important;
  -webkit-text-fill-color:#25292d!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.88),
      rgba(232,235,237,.72)
    )!important;

  border:1px solid rgba(29,33,37,.14)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 8px 22px rgba(0,0,0,.12)!important;

  backdrop-filter:blur(16px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(108%)!important;
}

@media (hover:hover){
  body .lightbox-nav:hover,
  body .lightbox-close:hover{
    color:#a87728!important;
    -webkit-text-fill-color:#a87728!important;
    border-color:rgba(196,147,54,.34)!important;
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.96),
        rgba(244,239,226,.80)
      )!important;
  }
}

/* ---------------------------------------------------------
   REVIEW / OTHER PHOTO ARROW CONTROLS
   If present, use the same pearl-glass family.
   --------------------------------------------------------- */
body main section.reviews-showcase#opinie .quote-controls button,
body main section.reviews-showcase#opinie button[class*="prev"],
body main section.reviews-showcase#opinie button[class*="next"]{
  color:#2b2f34!important;
  -webkit-text-fill-color:#2b2f34!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.82),
      rgba(232,235,237,.64)
    )!important;

  border:1px solid rgba(30,34,38,.12)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 7px 18px rgba(31,36,42,.075)!important;
}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */
@media (max-width:820px){
  body main section.transformations#przemiany .coverflow-nav{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }

  body main section.apply#zglos-sie .apply-consent input[type="checkbox"]{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
  }
}


/* =========================================================
   v102 — LIGHT HERO / PROGRESS APP
   Approved hero concept rebuilt as responsive HTML + real asset.
   ========================================================= */

/* Hero canvas */
body main section.hero{
  position:relative!important;
  min-height:790px!important;
  height:min(88vh,860px)!important;
  overflow:hidden!important;

  background:
    radial-gradient(
      70% 90% at 12% 22%,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.78) 45%,
      rgba(255,255,255,0) 80%
    ),
    radial-gradient(
      60% 70% at 74% 18%,
      rgba(215,177,92,.12) 0%,
      rgba(215,177,92,.035) 48%,
      rgba(215,177,92,0) 76%
    ),
    linear-gradient(
      90deg,
      #f6f3ec 0%,
      #f2efe8 48%,
      #e8e3d8 100%
    )!important;

  border-bottom:1px solid rgba(35,39,43,.08)!important;
}

/* Right generated scene only */
body main section.hero .hero-media{
  position:absolute!important;
  inset:0 0 0 auto!important;
  width:66%!important;
  height:100%!important;
  overflow:hidden!important;
  z-index:0!important;
  pointer-events:none!important;
}

body main section.hero .hero-progress-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:52% center!important;
  transform:none!important;
  filter:saturate(.93) contrast(1.02)!important;

  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(0,0,0,.10) 6%,
      rgba(0,0,0,.75) 23%,
      #000 39%,
      #000 100%
    )!important;
  mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(0,0,0,.10) 6%,
      rgba(0,0,0,.75) 23%,
      #000 39%,
      #000 100%
    )!important;
}

/* Remove dark-video overlays from the old hero. */
body main section.hero .hero-shade{
  background:
    linear-gradient(
      90deg,
      #f6f3ec 0%,
      rgba(246,243,236,.99) 27%,
      rgba(246,243,236,.82) 41%,
      rgba(246,243,236,.22) 60%,
      rgba(246,243,236,0) 74%
    )!important;
  z-index:2!important;
}

body main section.hero .hero-gold{
  opacity:.22!important;
  mix-blend-mode:multiply!important;
}

/* Content geometry */
body main section.hero .hero-content{
  position:relative!important;
  z-index:4!important;
  width:min(100%,1780px)!important;
  min-height:100%!important;
  height:100%!important;
  margin:0 auto!important;
  padding:
    clamp(132px,15vh,160px)
    clamp(58px,5.6vw,104px)
    54px!important;
  display:flex!important;
  align-items:center!important;
}

body main section.hero .hero-copy{
  width:min(650px,44vw)!important;
  max-width:650px!important;
  margin:0!important;
  padding:0!important;
}

/* 01 — APLIKACJA */
body main section.hero .hero-kicker{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:0 0 23px!important;
  color:#777c82!important;
  font-size:.73rem!important;
  line-height:1!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  font-weight:640!important;
}

body main section.hero .hero-kicker strong{
  color:#35393e!important;
  -webkit-text-fill-color:#35393e!important;
  font-size:.72rem!important;
  font-weight:850!important;
}

body main section.hero .hero-kicker i{
  width:52px!important;
  height:1px!important;
  background:
    linear-gradient(
      90deg,
      rgba(187,137,44,.88),
      rgba(187,137,44,.36)
    )!important;
}

/* Headline */
body main section.hero h1{
  margin:0!important;
  color:#171a20!important;
  text-shadow:none!important;
  font-size:clamp(60px,5.1vw,86px)!important;
  line-height:.94!important;
  letter-spacing:-.058em!important;
  font-weight:820!important;
}

body main section.hero .hero-title-line{
  display:block!important;
  color:#171a20!important;
  -webkit-text-fill-color:#171a20!important;
  opacity:1!important;
}

body main section.hero .hero-title-gold,
body main section.hero .hero-title-gold > span{
  background:
    linear-gradient(
      110deg,
      #b77f28 0%,
      #d9b45d 48%,
      #9e6f27 100%
    )!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}

body main section.hero .hero-title-last{
  margin-top:1px!important;
}

/* Lead */
body main section.hero .hero-lead{
  max-width:640px!important;
  margin:25px 0 18px!important;
  color:#555b62!important;
  -webkit-text-fill-color:#555b62!important;
  font-size:1rem!important;
  line-height:1.48!important;
  font-weight:440!important;
  text-shadow:none!important;
}

/* Benefits */
body main section.hero .hero-benefits{
  display:grid!important;
  gap:8px!important;
  margin:0 0 24px!important;
}

body main section.hero .hero-benefits li{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#363b40!important;
  -webkit-text-fill-color:#363b40!important;
  font-size:.93rem!important;
  line-height:1.25!important;
  font-weight:560!important;
  text-shadow:none!important;
}

body main section.hero .hero-benefits li i{
  width:21px!important;
  height:21px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 21px!important;
  border-radius:50%!important;
  color:#b47f2c!important;
  border:1px solid rgba(187,137,44,.48)!important;
  background:rgba(255,255,255,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
  font-style:normal!important;
  font-size:.73rem!important;
  font-weight:800!important;
}

/* CTA row */
body main section.hero .hero-actions{
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  margin:0!important;
}

body main section.hero .primary-action{
  min-height:48px!important;
  padding:0 22px!important;
  border-radius:999px!important;
  border:1px solid rgba(150,104,29,.25)!important;

  color:#fff!important;
  -webkit-text-fill-color:#fff!important;

  background:
    linear-gradient(
      135deg,
      #d6af59 0%,
      #b9852e 100%
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 10px 24px rgba(132,94,31,.16)!important;

  font-size:.85rem!important;
  font-weight:780!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body main section.hero .primary-action span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

body main section.hero .text-action{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:48px!important;
  color:#282c31!important;
  -webkit-text-fill-color:#282c31!important;
  font-size:.86rem!important;
  font-weight:720!important;
  text-shadow:none!important;
}

body main section.hero .text-action .play-dot{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#252a2f!important;
  border:1px solid rgba(186,137,45,.42)!important;
  background:rgba(255,255,255,.50)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    0 5px 14px rgba(31,36,42,.055)!important;
}

/* Proof row — re-enabled for this approved concept */
body main section.hero .hero-proof{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:22px!important;
}

body main section.hero .hero-proof-avatars{
  display:flex!important;
  align-items:center!important;
}

body main section.hero .hero-proof-avatars > span{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  margin-left:-7px!important;
  border:2px solid rgba(246,243,236,.95)!important;
  border-radius:50%!important;
  color:#fff!important;
  background:
    linear-gradient(
      145deg,
      #373b40,
      #b88735
    )!important;
  font-size:.57rem!important;
  font-weight:820!important;
  box-shadow:0 3px 9px rgba(29,34,39,.12)!important;
}

body main section.hero .hero-proof-avatars > span:first-child{
  margin-left:0!important;
}

body main section.hero .hero-proof p{
  display:grid!important;
  gap:1px!important;
  margin:0!important;
}

body main section.hero .hero-proof p strong{
  color:#353a3f!important;
  -webkit-text-fill-color:#353a3f!important;
  font-size:.76rem!important;
  font-weight:760!important;
}

body main section.hero .hero-proof p span{
  color:#777d83!important;
  -webkit-text-fill-color:#777d83!important;
  font-size:.66rem!important;
  font-weight:450!important;
}

/* Header over the light hero — pearl glass. */
@media (min-width:821px){
  body .nav-wrap .nav,
  body .nav-wrap.is-scrolled .nav{
    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.76),
        rgba(244,245,245,.59)
      )!important;
    border:1px solid rgba(31,35,39,.11)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.97),
      0 12px 30px rgba(34,39,44,.08)!important;
    backdrop-filter:blur(22px) saturate(108%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(108%)!important;
  }
}

/* Desktop hover */
@media (hover:hover){
  body main section.hero .primary-action:hover{
    transform:translateY(-1px)!important;
    background:
      linear-gradient(
        135deg,
        #dfba66 0%,
        #c18d35 100%
      )!important;
    border-color:rgba(145,102,30,.34)!important;
  }

  body main section.hero .text-action:hover{
    color:#9f7228!important;
    -webkit-text-fill-color:#9f7228!important;
  }
}

/* ---------------------------------------------------------
   MOBILE
   Stack the composition but retain the same visual language.
   --------------------------------------------------------- */
@media (max-width:820px){
  body main section.hero{
    height:auto!important;
    min-height:820px!important;
    padding:0!important;
    background:
      radial-gradient(
        110% 70% at 20% 0%,
        rgba(255,255,255,.96),
        rgba(255,255,255,.28) 72%,
        rgba(255,255,255,0)
      ),
      linear-gradient(
        180deg,
        #f5f2eb 0%,
        #eee9df 100%
      )!important;
  }

  body main section.hero .hero-media{
    top:auto!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:48%!important;
    opacity:.84!important;
  }

  body main section.hero .hero-progress-art{
    object-position:57% center!important;
    -webkit-mask-image:
      linear-gradient(
        180deg,
        transparent 0%,
        rgba(0,0,0,.42) 18%,
        #000 42%,
        #000 100%
      )!important;
    mask-image:
      linear-gradient(
        180deg,
        transparent 0%,
        rgba(0,0,0,.42) 18%,
        #000 42%,
        #000 100%
      )!important;
  }

  body main section.hero .hero-shade{
    background:
      linear-gradient(
        180deg,
        #f5f2eb 0%,
        rgba(245,242,235,.96) 52%,
        rgba(245,242,235,.56) 68%,
        rgba(245,242,235,0) 84%
      )!important;
  }

  body main section.hero .hero-content{
    min-height:820px!important;
    height:auto!important;
    align-items:flex-start!important;
    padding:118px 20px 360px!important;
  }

  body main section.hero .hero-copy{
    width:100%!important;
    max-width:580px!important;
  }

  body main section.hero .hero-kicker{
    margin-bottom:17px!important;
    font-size:.60rem!important;
  }

  body main section.hero .hero-kicker i{
    width:38px!important;
  }

  body main section.hero h1{
    font-size:clamp(44px,12.6vw,64px)!important;
    line-height:.96!important;
  }

  body main section.hero .hero-lead{
    margin-top:20px!important;
    font-size:.88rem!important;
  }

  body main section.hero .hero-benefits li{
    font-size:.82rem!important;
  }

  body main section.hero .hero-actions{
    flex-wrap:wrap!important;
    gap:10px!important;
  }

  body main section.hero .primary-action{
    min-height:44px!important;
    padding:0 18px!important;
    font-size:.79rem!important;
  }

  body main section.hero .text-action{
    min-height:44px!important;
    font-size:.79rem!important;
  }

  body main section.hero .text-action .play-dot{
    width:38px!important;
    height:38px!important;
  }

  body main section.hero .hero-proof{
    margin-top:18px!important;
  }
}


/* =========================================================
   v103 — corrected generated hero asset
   - exact supplied LevelUp logo composited into phone
   - DYSCYPLINA / PROGRES / REZULTATY retained from final render
   ========================================================= */
body main section.hero .hero-progress-art{
  object-position:52% center!important;
}


/* =========================================================
   v104 — HERO GEOMETRY FIX
   Fixes centered copy, broken headline wrapping and washed-out art.
   ========================================================= */

@media (min-width:821px){

  body main section.hero{
    min-height:760px!important;
    height:100svh!important;
    max-height:900px!important;
  }

  /*
    IMPORTANT:
    Older hero CSS still had justify-content:center.
    That was pushing the entire copy block into the middle of the page.
  */
  body main section.hero .hero-content{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;

    margin:0!important;
    box-sizing:border-box!important;

    padding:
      clamp(98px,12vh,126px)
      clamp(54px,4.5vw,88px)
      38px!important;

    display:flex!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }

  /* Proper left column width. */
  body main section.hero .hero-copy{
    flex:0 0 clamp(620px,41vw,780px)!important;
    width:clamp(620px,41vw,780px)!important;
    max-width:780px!important;

    margin:0!important;
    padding:0!important;

    position:relative!important;
    z-index:5!important;
  }

  body main section.hero .hero-kicker{
    margin-bottom:21px!important;
  }

  /* Slightly smaller headline so the intended 4-line composition survives. */
  body main section.hero h1{
    width:100%!important;
    max-width:none!important;

    font-size:clamp(58px,4.10vw,78px)!important;
    line-height:.965!important;
    letter-spacing:-.054em!important;

    text-wrap:balance!important;
  }

  body main section.hero .hero-title-line{
    width:max-content!important;
    max-width:100%!important;
  }

  /* These two lines MUST NOT split on desktop. */
  body main section.hero .hero-title-gold,
  body main section.hero .hero-title-gold > span,
  body main section.hero .hero-title-last{
    white-space:nowrap!important;
  }

  body main section.hero .hero-lead{
    width:100%!important;
    max-width:660px!important;

    margin:22px 0 17px!important;

    font-size:.94rem!important;
    line-height:1.47!important;
  }

  body main section.hero .hero-benefits{
    margin-bottom:21px!important;
    gap:7px!important;
  }

  body main section.hero .hero-benefits li{
    font-size:.88rem!important;
  }

  body main section.hero .hero-actions{
    gap:14px!important;
  }

  body main section.hero .hero-proof{
    margin-top:18px!important;
  }

  /*
    Image remains on the right.
    More of it stays crisp; mask handles the blend into the copy.
  */
  body main section.hero .hero-media{
    left:auto!important;
    right:0!important;
    width:66%!important;
    height:100%!important;
  }

  body main section.hero .hero-progress-art{
    object-fit:cover!important;
    object-position:51% center!important;

    -webkit-mask-image:
      linear-gradient(
        90deg,
        transparent 0%,
        rgba(0,0,0,.14) 7%,
        rgba(0,0,0,.62) 19%,
        rgba(0,0,0,.92) 31%,
        #000 40%,
        #000 100%
      )!important;

    mask-image:
      linear-gradient(
        90deg,
        transparent 0%,
        rgba(0,0,0,.14) 7%,
        rgba(0,0,0,.62) 19%,
        rgba(0,0,0,.92) 31%,
        #000 40%,
        #000 100%
      )!important;
  }

  /*
    Old shade was still ~80% opaque over the phone.
    Fade it out much sooner — otherwise the phone looks white/foggy.
  */
  body main section.hero .hero-shade{
    background:
      linear-gradient(
        90deg,
        rgba(246,243,236,.68) 0%,
        rgba(246,243,236,.48) 7%,
        rgba(246,243,236,.18) 17%,
        rgba(246,243,236,.04) 27%,
        rgba(246,243,236,0) 36%
      )!important;
  }

  body main section.hero .hero-gold{
    opacity:.13!important;
  }
}

/* Medium desktop / laptop */
@media (min-width:821px) and (max-width:1450px){

  body main section.hero .hero-content{
    padding-left:clamp(42px,4vw,64px)!important;
    padding-right:42px!important;
  }

  body main section.hero .hero-copy{
    flex-basis:clamp(580px,45vw,650px)!important;
    width:clamp(580px,45vw,650px)!important;
    max-width:650px!important;
  }

  body main section.hero h1{
    font-size:clamp(54px,4.35vw,63px)!important;
  }

  body main section.hero .hero-lead{
    max-width:585px!important;
    font-size:.88rem!important;
  }

  body main section.hero .hero-benefits li{
    font-size:.82rem!important;
  }

  body main section.hero .hero-media{
    width:63%!important;
  }
}

/* Small laptop: preserve composition instead of allowing title collisions. */
@media (min-width:821px) and (max-width:1120px){

  body main section.hero{
    min-height:720px!important;
  }

  body main section.hero .hero-content{
    padding-left:34px!important;
    padding-top:96px!important;
  }

  body main section.hero .hero-copy{
    flex-basis:560px!important;
    width:560px!important;
    max-width:560px!important;
  }

  body main section.hero h1{
    font-size:52px!important;
  }

  body main section.hero .hero-media{
    width:59%!important;
    opacity:.90!important;
  }

  body main section.hero .hero-progress-art{
    object-position:55% center!important;
  }
}

/* Mobile keeps the existing stacked composition and may wrap naturally. */
@media (max-width:820px){

  body main section.hero .hero-title-gold,
  body main section.hero .hero-title-gold > span,
  body main section.hero .hero-title-last{
    white-space:normal!important;
  }

  body main section.hero .hero-title-line{
    width:auto!important;
    max-width:100%!important;
  }

  body main section.hero .hero-copy{
    margin:0!important;
  }
}


/* =========================================================
   v105 — GYM / TRAINING HERO
   App/phone removed. Hero now sells the coaching/training brand.
   ========================================================= */

@media (min-width:821px){

  body main section.hero .hero-media{
    width:67%!important;
  }

  body main section.hero .hero-gym-art{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;

    display:block!important;
    object-fit:cover!important;
    object-position:51% center!important;

    transform:none!important;
    filter:saturate(.94) contrast(1.025)!important;

    /* Let the gym scene blend naturally into the pearl copy area. */
    -webkit-mask-image:
      linear-gradient(
        90deg,
        transparent 0%,
        rgba(0,0,0,.10) 6%,
        rgba(0,0,0,.56) 18%,
        rgba(0,0,0,.90) 29%,
        #000 39%,
        #000 100%
      )!important;

    mask-image:
      linear-gradient(
        90deg,
        transparent 0%,
        rgba(0,0,0,.10) 6%,
        rgba(0,0,0,.56) 18%,
        rgba(0,0,0,.90) 29%,
        #000 39%,
        #000 100%
      )!important;
  }

  /* Lighter overlap because the new scene has no phone that needs spotlighting. */
  body main section.hero .hero-shade{
    background:
      linear-gradient(
        90deg,
        rgba(246,243,236,.78) 0%,
        rgba(246,243,236,.54) 9%,
        rgba(246,243,236,.22) 18%,
        rgba(246,243,236,.055) 27%,
        rgba(246,243,236,0) 37%
      )!important;
  }

  body main section.hero .hero-gold{
    opacity:.10!important;
  }
}

/* Laptop tuning */
@media (min-width:821px) and (max-width:1450px){
  body main section.hero .hero-media{
    width:64%!important;
  }

  body main section.hero .hero-gym-art{
    object-position:54% center!important;
  }
}

/* Mobile: show equipment as the lower visual layer. */
@media (max-width:820px){
  body main section.hero .hero-media{
    top:auto!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:47%!important;
    opacity:.92!important;
  }

  body main section.hero .hero-gym-art{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:58% center!important;

    -webkit-mask-image:
      linear-gradient(
        180deg,
        transparent 0%,
        rgba(0,0,0,.40) 18%,
        #000 42%,
        #000 100%
      )!important;

    mask-image:
      linear-gradient(
        180deg,
        transparent 0%,
        rgba(0,0,0,.40) 18%,
        #000 42%,
        #000 100%
      )!important;
  }

  body main section.hero .hero-shade{
    background:
      linear-gradient(
        180deg,
        #f5f2eb 0%,
        rgba(245,242,235,.96) 50%,
        rgba(245,242,235,.52) 68%,
        rgba(245,242,235,0) 84%
      )!important;
  }
}


/* =========================================================
   v106 — HERO MATCH TO APPROVED PREVIEW
   - remove "01 / TWOJA PRZEMIANA"
   - move content upward
   - eliminate vertical image seam
   - full-width art + smooth pearl fade
   ========================================================= */

/* Hide the kicker completely. */
body main section.hero .hero-kicker{
  display:none!important;
}

/* ---------------------------------------------------------
   DESKTOP
   --------------------------------------------------------- */
@media (min-width:821px){

  body main section.hero{
    min-height:760px!important;
    height:100svh!important;
    max-height:900px!important;
    overflow:hidden!important;

    /* Base color visible below the translucent fade. */
    background:#f5f1e8!important;
  }

  /*
    KEY FIX:
    image no longer starts at 33% / 36% of the viewport.
    It spans the whole hero, so there is no hard vertical edge.
  */
  body main section.hero .hero-media{
    position:absolute!important;
    inset:0!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;

    width:100%!important;
    height:100%!important;

    z-index:0!important;
    overflow:hidden!important;
    opacity:1!important;
  }

  body main section.hero .hero-gym-art{
    position:absolute!important;
    inset:0!important;

    width:100%!important;
    height:100%!important;

    object-fit:cover!important;
    object-position:right center!important;

    transform:none!important;
    filter:saturate(.94) contrast(1.025) brightness(1.00)!important;

    /* Absolutely no mask = no straight seam. */
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  /*
    Smooth pearl veil.
    Solid enough under the copy, then a long feathered transition.
    This is what visually matches the generated preview.
  */
  body main section.hero .hero-shade{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;

    background:
      linear-gradient(
        90deg,
        rgba(247,244,237,1.00) 0%,
        rgba(247,244,237,.995) 21%,
        rgba(247,244,237,.975) 29%,
        rgba(247,244,237,.90) 35%,
        rgba(247,244,237,.72) 41%,
        rgba(247,244,237,.46) 47%,
        rgba(247,244,237,.23) 53%,
        rgba(247,244,237,.08) 59%,
        rgba(247,244,237,.015) 65%,
        rgba(247,244,237,0) 70%
      )!important;

    pointer-events:none!important;
  }

  /* Soft warm glow around the blend, no vertical block. */
  body main section.hero::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    pointer-events:none!important;

    left:22%!important;
    top:-10%!important;
    width:42%!important;
    height:120%!important;

    background:
      radial-gradient(
        ellipse at center,
        rgba(255,250,238,.42) 0%,
        rgba(255,250,238,.18) 38%,
        rgba(255,250,238,.055) 62%,
        rgba(255,250,238,0) 78%
      )!important;

    filter:blur(16px)!important;
  }

  body main section.hero .hero-gold{
    opacity:.07!important;
  }

  /* Move copy upward after removing kicker. */
  body main section.hero .hero-content{
    width:100%!important;
    max-width:none!important;
    height:100%!important;

    margin:0!important;
    padding:
      clamp(78px,9.2vh,102px)
      clamp(54px,4.5vw,86px)
      34px!important;

    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;

    box-sizing:border-box!important;
  }

  body main section.hero .hero-copy{
    flex:0 0 clamp(610px,40vw,750px)!important;
    width:clamp(610px,40vw,750px)!important;
    max-width:750px!important;

    position:relative!important;
    z-index:5!important;

    margin-top:-18px!important;
  }

  /* Match the preview proportions more closely. */
  body main section.hero h1{
    font-size:clamp(58px,4.05vw,76px)!important;
    line-height:.965!important;
    letter-spacing:-.055em!important;
    max-width:none!important;
  }

  body main section.hero .hero-title-line{
    width:max-content!important;
    max-width:100%!important;
  }

  body main section.hero .hero-title-gold,
  body main section.hero .hero-title-gold > span,
  body main section.hero .hero-title-last{
    white-space:nowrap!important;
  }

  body main section.hero .hero-lead{
    max-width:620px!important;
    margin-top:20px!important;
    margin-bottom:17px!important;

    color:#555b62!important;
    -webkit-text-fill-color:#555b62!important;

    font-size:.92rem!important;
    line-height:1.46!important;
  }

  body main section.hero .hero-benefits{
    gap:7px!important;
    margin-bottom:20px!important;
  }

  body main section.hero .hero-benefits li{
    font-size:.86rem!important;
  }

  body main section.hero .hero-proof{
    margin-top:17px!important;
  }
}

/* ---------------------------------------------------------
   1600-ish desktop like the screenshots
   --------------------------------------------------------- */
@media (min-width:821px) and (max-width:1650px){

  body main section.hero .hero-content{
    padding-left:clamp(48px,4.3vw,72px)!important;
    padding-right:40px!important;
  }

  body main section.hero .hero-copy{
    flex-basis:clamp(570px,38vw,650px)!important;
    width:clamp(570px,38vw,650px)!important;
    max-width:650px!important;
    margin-top:-12px!important;
  }

  body main section.hero h1{
    font-size:clamp(53px,3.95vw,65px)!important;
  }

  body main section.hero .hero-lead{
    max-width:575px!important;
    font-size:.86rem!important;
  }

  body main section.hero .hero-benefits li{
    font-size:.80rem!important;
  }

  /* A little faster fade on narrower desktop so the copy remains clean. */
  body main section.hero .hero-shade{
    background:
      linear-gradient(
        90deg,
        rgba(247,244,237,1.00) 0%,
        rgba(247,244,237,.995) 22%,
        rgba(247,244,237,.975) 30%,
        rgba(247,244,237,.89) 36%,
        rgba(247,244,237,.68) 42%,
        rgba(247,244,237,.39) 49%,
        rgba(247,244,237,.16) 56%,
        rgba(247,244,237,.035) 63%,
        rgba(247,244,237,0) 69%
      )!important;
  }
}

/* ---------------------------------------------------------
   LAPTOP
   --------------------------------------------------------- */
@media (min-width:821px) and (max-width:1180px){

  body main section.hero .hero-content{
    padding-left:34px!important;
    padding-top:82px!important;
  }

  body main section.hero .hero-copy{
    flex-basis:540px!important;
    width:540px!important;
    max-width:540px!important;
    margin-top:-8px!important;
  }

  body main section.hero h1{
    font-size:49px!important;
  }

  body main section.hero .hero-gym-art{
    object-position:63% center!important;
  }

  body main section.hero .hero-shade{
    background:
      linear-gradient(
        90deg,
        rgba(247,244,237,1.00) 0%,
        rgba(247,244,237,.99) 31%,
        rgba(247,244,237,.87) 40%,
        rgba(247,244,237,.58) 49%,
        rgba(247,244,237,.26) 58%,
        rgba(247,244,237,.06) 67%,
        rgba(247,244,237,0) 75%
      )!important;
  }
}

/* ---------------------------------------------------------
   MOBILE — no kicker and move headline up.
   --------------------------------------------------------- */
@media (max-width:820px){

  body main section.hero .hero-kicker{
    display:none!important;
  }

  body main section.hero .hero-content{
    padding-top:94px!important;
  }

  body main section.hero .hero-copy{
    margin-top:0!important;
  }

  body main section.hero .hero-title-gold,
  body main section.hero .hero-title-gold > span,
  body main section.hero .hero-title-last{
    white-space:normal!important;
  }
}


/* =========================================================
   v107 — APP PREVIEW TYPOGRAPHY RESET
   The light site theme was leaking dark text colors into
   the dark phone UI. Everything below is scoped to the phone.
   ========================================================= */

section.app-demo[data-app-demo] .app-demo__device,
section.app-demo[data-app-demo] .app-demo__device *{
  box-sizing:border-box;
}

section.app-demo[data-app-demo] .app-demo__device .lu-screen{
  color:#f0ede7!important;
  -webkit-text-fill-color:#f0ede7!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-shadow:none!important;
}

/* Global text reset INSIDE the phone only */
section.app-demo[data-app-demo] .app-demo__device .lu-screen h1,
section.app-demo[data-app-demo] .app-demo__device .lu-screen h2,
section.app-demo[data-app-demo] .app-demo__device .lu-screen h3,
section.app-demo[data-app-demo] .app-demo__device .lu-screen h4,
section.app-demo[data-app-demo] .app-demo__device .lu-screen strong{
  color:#f1eee8!important;
  -webkit-text-fill-color:#f1eee8!important;
  opacity:1!important;
  text-shadow:none!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-screen p,
section.app-demo[data-app-demo] .app-demo__device .lu-screen small{
  color:#7f8388!important;
  -webkit-text-fill-color:#7f8388!important;
  opacity:1!important;
  text-shadow:none!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-screen button{
  color:#e9e6df!important;
  -webkit-text-fill-color:#e9e6df!important;
  font-family:inherit!important;
  opacity:1!important;
}

/* ---------------------------------------------------------
   TOP BAR
   --------------------------------------------------------- */
section.app-demo[data-app-demo] .app-demo__device .lu-screen-head small{
  color:#696e73!important;
  -webkit-text-fill-color:#696e73!important;
  font-size:.50rem!important;
  line-height:1!important;
  font-weight:760!important;
  letter-spacing:.13em!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-screen-head strong{
  color:#d9d6d0!important;
  -webkit-text-fill-color:#d9d6d0!important;
  font-size:.88rem!important;
  line-height:1.18!important;
  font-weight:710!important;
  letter-spacing:-.018em!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-screen-head > span{
  color:#d7ae57!important;
  -webkit-text-fill-color:#d7ae57!important;
  font-weight:800!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-screen-head > button{
  color:#777c81!important;
  -webkit-text-fill-color:#777c81!important;
}

/* ---------------------------------------------------------
   ACTIVITY SCREEN — the screenshot the user flagged
   --------------------------------------------------------- */
section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-date{
  color:#72777c!important;
  -webkit-text-fill-color:#72777c!important;
  font-size:.60rem!important;
  line-height:1.2!important;
  font-weight:500!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard > h3{
  color:#b8babd!important;
  -webkit-text-fill-color:#b8babd!important;
  font-size:1.38rem!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  font-weight:620!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard > h3 em{
  color:#d4ad59!important;
  -webkit-text-fill-color:#d4ad59!important;
  font-style:normal!important;
  font-weight:690!important;
}

/* Small summary cards */
section.app-demo[data-app-demo] .app-demo__device .lu-small-card small{
  color:#666b70!important;
  -webkit-text-fill-color:#666b70!important;
  font-size:.47rem!important;
  font-weight:760!important;
  letter-spacing:.10em!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-small-card strong{
  color:#d9d6d0!important;
  -webkit-text-fill-color:#d9d6d0!important;
  font-size:.76rem!important;
  font-weight:690!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-small-card p{
  color:#70757a!important;
  -webkit-text-fill-color:#70757a!important;
  font-size:.49rem!important;
  line-height:1.25!important;
  font-weight:500!important;
}

/* Section labels */
section.app-demo[data-app-demo] .app-demo__device .lu-section-title strong{
  color:#aaaeb2!important;
  -webkit-text-fill-color:#aaaeb2!important;
  font-size:.78rem!important;
  line-height:1.15!important;
  font-weight:690!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-section-title small{
  color:#676c71!important;
  -webkit-text-fill-color:#676c71!important;
  font-size:.48rem!important;
  font-weight:560!important;
}

/* Main daily goal */
section.app-demo[data-app-demo] .app-demo__device .lu-focus-copy > small{
  color:#d1a955!important;
  -webkit-text-fill-color:#d1a955!important;
  font-size:.47rem!important;
  font-weight:780!important;
  letter-spacing:.10em!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-focus-copy > strong{
  color:#eeeae3!important;
  -webkit-text-fill-color:#eeeae3!important;
  font-size:1.25rem!important;
  line-height:1!important;
  font-weight:760!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-focus-copy > p{
  color:#74797e!important;
  -webkit-text-fill-color:#74797e!important;
  font-size:.50rem!important;
  line-height:1.35!important;
  font-weight:500!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-progress > span{
  color:#f1eee8!important;
  -webkit-text-fill-color:#f1eee8!important;
  font-weight:780!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-progress > small{
  color:#71767b!important;
  -webkit-text-fill-color:#71767b!important;
}

/* "Dodaj aktywność" was nearly invisible */
section.app-demo[data-app-demo] .app-demo__device .lu-focus-card > button{
  color:#cba451!important;
  -webkit-text-fill-color:#cba451!important;
  font-size:.57rem!important;
  font-weight:700!important;
}

/* Bottom assumptions */
section.app-demo[data-app-demo] .app-demo__device .lu-shortcuts button small{
  color:#686d72!important;
  -webkit-text-fill-color:#686d72!important;
  font-size:.46rem!important;
  line-height:1!important;
  font-weight:760!important;
  letter-spacing:.09em!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-shortcuts button strong{
  color:#b9bdc0!important;
  -webkit-text-fill-color:#b9bdc0!important;
  font-size:.61rem!important;
  line-height:1.22!important;
  font-weight:650!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-shortcuts button > b{
  color:#777c81!important;
  -webkit-text-fill-color:#777c81!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-shortcuts button:first-child > b{
  color:#8da486!important;
  -webkit-text-fill-color:#8da486!important;
}

/* ---------------------------------------------------------
   OTHER APP SCREENS
   Restore readable hierarchy there too so switching tabs
   doesn't reintroduce the same bug.
   --------------------------------------------------------- */

/* Training */
section.app-demo[data-app-demo] .app-demo__device .lu-training-hero > small,
section.app-demo[data-app-demo] .app-demo__device .lu-diet-hero > small,
section.app-demo[data-app-demo] .app-demo__device .lu-report-hero > small,
section.app-demo[data-app-demo] .app-demo__device .lu-analytics-hero > small{
  color:#c9a34f!important;
  -webkit-text-fill-color:#c9a34f!important;
  font-weight:780!important;
  letter-spacing:.10em!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-training-hero h3,
section.app-demo[data-app-demo] .app-demo__device .lu-diet-hero > strong,
section.app-demo[data-app-demo] .app-demo__device .lu-report-hero > strong{
  color:#eeeae3!important;
  -webkit-text-fill-color:#eeeae3!important;
  font-weight:740!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-training-hero p,
section.app-demo[data-app-demo] .app-demo__device .lu-diet-hero p,
section.app-demo[data-app-demo] .app-demo__device .lu-report-hero p{
  color:#777c81!important;
  -webkit-text-fill-color:#777c81!important;
}

/* Exercises / meals / reports */
section.app-demo[data-app-demo] .app-demo__device .lu-exercise strong,
section.app-demo[data-app-demo] .app-demo__device .lu-meals strong,
section.app-demo[data-app-demo] .app-demo__device .lu-report-list strong{
  color:#d4d1cb!important;
  -webkit-text-fill-color:#d4d1cb!important;
  font-weight:660!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-exercise small,
section.app-demo[data-app-demo] .app-demo__device .lu-meals small,
section.app-demo[data-app-demo] .app-demo__device .lu-report-list small{
  color:#74797e!important;
  -webkit-text-fill-color:#74797e!important;
}

/* Macro / report stats / analytics */
section.app-demo[data-app-demo] .app-demo__device .lu-macro-row small,
section.app-demo[data-app-demo] .app-demo__device .lu-report-stats small,
section.app-demo[data-app-demo] .app-demo__device .lu-analytics-grid small,
section.app-demo[data-app-demo] .app-demo__device .lu-insight small{
  color:#777c81!important;
  -webkit-text-fill-color:#777c81!important;
  font-weight:710!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-macro-row strong,
section.app-demo[data-app-demo] .app-demo__device .lu-report-stats strong,
section.app-demo[data-app-demo] .app-demo__device .lu-analytics-grid strong,
section.app-demo[data-app-demo] .app-demo__device .lu-insight strong{
  color:#ddd9d2!important;
  -webkit-text-fill-color:#ddd9d2!important;
  font-weight:700!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-report-stats span,
section.app-demo[data-app-demo] .app-demo__device .lu-analytics-grid span{
  color:#71767b!important;
  -webkit-text-fill-color:#71767b!important;
}

/* Analytics hero number */
section.app-demo[data-app-demo] .app-demo__device .lu-analytics-hero > div > strong{
  color:#eeeae3!important;
  -webkit-text-fill-color:#eeeae3!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-analytics-hero > div > span{
  color:#7d8287!important;
  -webkit-text-fill-color:#7d8287!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-analytics-hero > div > em{
  color:#8eaa87!important;
  -webkit-text-fill-color:#8eaa87!important;
}

/* Primary in-app buttons */
section.app-demo[data-app-demo] .app-demo__device .lu-primary{
  color:#d8b25c!important;
  -webkit-text-fill-color:#d8b25c!important;
  font-weight:700!important;
}

/* Guard against future light-theme generic selectors leaking in */
section.app-demo[data-app-demo] .app-demo__device .lu-screen *{
  text-shadow:none!important;
}



/* =========================================================
   v108 — LIGHT THEME CARD DEFINITION
   Stronger readability without making the page heavy again.
   ========================================================= */

:root{
  --v108-card-border:rgba(29,33,38,.155);
  --v108-card-border-soft:rgba(29,33,38,.115);
  --v108-card-border-gold:rgba(192,143,48,.30);

  --v108-card-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(31,35,40,.018),
    0 12px 28px rgba(34,39,45,.065);

  --v108-card-shadow-hover:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(31,35,40,.022),
    0 16px 34px rgba(34,39,45,.085);
}

body main section.process#wspolpraca .process__steps > .process-step:not(.process-step--zero),
body main section.packages#pakiety .packages__included,
body main section.packages#pakiety .packages__doping,
body main section.packages#pakiety .package-card,
body main section.packages#pakiety .packages__process,
body main section.packages#pakiety .packages__extras > article,
body main section.trainers#trenerzy .trainer-tab,
body main section.reviews-showcase#opinie .review-platform,
body main section.reviews-showcase#opinie .quote-chip,
body main section.faq#faq .faq-item,
body main section.faq#faq .faq__cta,
body main section.apply#zglos-sie .apply-form{
  border:1px solid var(--v108-card-border)!important;
  box-shadow:var(--v108-card-shadow)!important;
  background:
    radial-gradient(90% 80% at 10% 0%, rgba(255,255,255,.48), rgba(255,255,255,0) 72%),
    linear-gradient(145deg, rgba(255,255,255,.84), rgba(246,248,249,.72) 54%, rgba(235,238,240,.62))!important;
  backdrop-filter:blur(18px) saturate(106%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(106%)!important;
}

body main section.packages#pakiety .package-price,
body main section.packages#pakiety .packages__doping-note,
body main section.process#wspolpraca .process__promise-cycle > span,
body main section.apply#zglos-sie .apply-package__icon,
body main section.process#wspolpraca .process-step__icon{
  border:1px solid var(--v108-card-border-soft)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96), 0 7px 17px rgba(34,39,45,.052)!important;
  background:linear-gradient(145deg, rgba(255,255,255,.82), rgba(237,240,242,.66))!important;
}

body main section.packages#pakiety .package-card--focus,
body main section.process#wspolpraca .process-step.is-active,
body main section.trainers#trenerzy .trainer-tab.is-active,
body main section.faq#faq .faq-item[open],
body main section.faq#faq .faq-item.is-open{
  border-color:var(--v108-card-border-gold)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,1), 0 14px 30px rgba(34,39,45,.07), 0 0 0 1px rgba(196,147,54,.035)!important;
}

body main section.process#wspolpraca .process__steps > .process-step:not(.process-step--zero),
body main section.packages#pakiety .packages__included,
body main section.packages#pakiety .packages__doping,
body main section.packages#pakiety .package-card,
body main section.packages#pakiety .packages__process,
body main section.packages#pakiety .packages__extras > article,
body main section.trainers#trenerzy .trainer-tab,
body main section.reviews-showcase#opinie .review-platform,
body main section.reviews-showcase#opinie .quote-chip,
body main section.faq#faq .faq-item,
body main section.apply#zglos-sie .apply-form{
  position:relative!important;
  isolation:isolate!important;
}

body main section.process#wspolpraca .process__steps > .process-step:not(.process-step--zero)::before,
body main section.packages#pakiety .packages__included::before,
body main section.packages#pakiety .packages__doping::before,
body main section.packages#pakiety .package-card::before,
body main section.packages#pakiety .packages__process::before,
body main section.packages#pakiety .packages__extras > article::before,
body main section.trainers#trenerzy .trainer-tab::before,
body main section.reviews-showcase#opinie .review-platform::before,
body main section.reviews-showcase#opinie .quote-chip::before,
body main section.faq#faq .faq-item::before,
body main section.apply#zglos-sie .apply-form::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;
  pointer-events:none!important;
  left:1px!important;
  right:1px!important;
  top:1px!important;
  height:34%!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.055) 48%, rgba(255,255,255,0) 100%)!important;
}

body main section.process#wspolpraca .process__steps > .process-step:not(.process-step--zero)::after,
body main section.packages#pakiety .package-card::after,
body main section.trainers#trenerzy .trainer-tab::after,
body main section.reviews-showcase#opinie .review-platform::after,
body main section.faq#faq .faq-item::after,
body main section.apply#zglos-sie .apply-form::after{
  content:none!important;
  display:none!important;
}

body main section.reviews-showcase#opinie .video-story{
  border:1px solid rgba(29,33,38,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 13px 30px rgba(34,39,45,.08)!important;
}

body main section.transformations#przemiany .coverflow-card,
body main section.transformations#przemiany [class*="transformation-card"]{
  border-color:rgba(29,33,38,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 14px 30px rgba(34,39,45,.08)!important;
}

@media (hover:hover){
  body main section.process#wspolpraca .process__steps > .process-step:not(.process-step--zero):hover,
  body main section.packages#pakiety .packages__included:hover,
  body main section.packages#pakiety .packages__doping:hover,
  body main section.packages#pakiety .package-card:hover,
  body main section.packages#pakiety .packages__process:hover,
  body main section.packages#pakiety .packages__extras > article:hover,
  body main section.trainers#trenerzy .trainer-tab:hover,
  body main section.reviews-showcase#opinie .review-platform:hover,
  body main section.reviews-showcase#opinie .quote-chip:hover,
  body main section.faq#faq .faq-item:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(176,129,42,.24)!important;
    box-shadow:var(--v108-card-shadow-hover)!important;
    background:
      radial-gradient(90% 80% at 10% 0%, rgba(255,255,255,.60), rgba(255,255,255,0) 72%),
      linear-gradient(145deg, rgba(255,255,255,.92), rgba(247,248,249,.78))!important;
  }
}

@media (max-width:820px){
  body main section.process#wspolpraca .process__steps > .process-step:not(.process-step--zero),
  body main section.packages#pakiety .packages__included,
  body main section.packages#pakiety .packages__doping,
  body main section.packages#pakiety .package-card,
  body main section.packages#pakiety .packages__process,
  body main section.packages#pakiety .packages__extras > article,
  body main section.trainers#trenerzy .trainer-tab,
  body main section.reviews-showcase#opinie .review-platform,
  body main section.reviews-showcase#opinie .quote-chip,
  body main section.faq#faq .faq-item,
  body main section.apply#zglos-sie .apply-form{
    border-color:rgba(28,32,36,.17)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.98), 0 9px 22px rgba(34,39,45,.062)!important;
  }

  body main section.packages#pakiety .package-price{
    border-color:rgba(28,32,36,.14)!important;
  }

  body main section.packages#pakiety .package-card--focus,
  body main section.process#wspolpraca .process-step.is-active,
  body main section.trainers#trenerzy .trainer-tab.is-active{
    border-color:rgba(184,135,43,.34)!important;
  }
}


/* =========================================================
   v109 — COMPACT HERO
   - remove social proof row
   - reduce hero height
   - reduce oversized headline slightly
   - tighten vertical rhythm
   ========================================================= */

body main section.hero .hero-proof{
  display:none!important;
}

/* Desktop */
@media (min-width:821px){

  body main section.hero{
    min-height:650px!important;
    height:78svh!important;
    max-height:740px!important;
  }

  body main section.hero .hero-content{
    height:100%!important;
    min-height:0!important;

    padding:
      clamp(68px,7.8vh,86px)
      clamp(52px,4.4vw,84px)
      24px!important;

    align-items:center!important;
  }

  body main section.hero .hero-copy{
    margin-top:-8px!important;
  }

  body main section.hero h1{
    font-size:clamp(52px,3.65vw,68px)!important;
    line-height:.965!important;
    letter-spacing:-.052em!important;
  }

  body main section.hero .hero-lead{
    margin-top:17px!important;
    margin-bottom:14px!important;
    max-width:600px!important;
    font-size:.88rem!important;
    line-height:1.44!important;
  }

  body main section.hero .hero-benefits{
    gap:6px!important;
    margin-bottom:17px!important;
  }

  body main section.hero .hero-benefits li{
    font-size:.82rem!important;
  }

  body main section.hero .hero-actions{
    margin-top:0!important;
  }

  body main section.hero .primary-action,
  body main section.hero .text-action{
    min-height:44px!important;
  }
}

/* Typical desktop widths */
@media (min-width:1181px) and (max-width:1650px){

  body main section.hero{
    min-height:625px!important;
    height:76svh!important;
    max-height:700px!important;
  }

  body main section.hero .hero-copy{
    flex-basis:clamp(550px,37vw,625px)!important;
    width:clamp(550px,37vw,625px)!important;
    max-width:625px!important;
  }

  body main section.hero h1{
    font-size:clamp(50px,3.55vw,61px)!important;
  }

  body main section.hero .hero-lead{
    max-width:550px!important;
    font-size:.83rem!important;
  }

  body main section.hero .hero-benefits li{
    font-size:.77rem!important;
  }
}

/* Laptop */
@media (min-width:821px) and (max-width:1180px){

  body main section.hero{
    min-height:610px!important;
    height:74svh!important;
    max-height:675px!important;
  }

  body main section.hero .hero-content{
    padding-top:72px!important;
    padding-bottom:22px!important;
  }

  body main section.hero .hero-copy{
    width:520px!important;
    max-width:520px!important;
    flex-basis:520px!important;
  }

  body main section.hero h1{
    font-size:46px!important;
  }

  body main section.hero .hero-lead{
    font-size:.80rem!important;
  }

  body main section.hero .hero-benefits li{
    font-size:.75rem!important;
  }
}

/* Mobile: shorter first screen too */
@media (max-width:820px){

  body main section.hero{
    min-height:690px!important;
  }

  body main section.hero .hero-content{
    min-height:690px!important;
    padding-top:86px!important;
    padding-bottom:275px!important;
  }

  body main section.hero h1{
    font-size:clamp(40px,11.7vw,56px)!important;
  }

  body main section.hero .hero-lead{
    margin-top:16px!important;
    margin-bottom:14px!important;
  }

  body main section.hero .hero-benefits{
    margin-bottom:16px!important;
  }

  body main section.hero .hero-media{
    height:43%!important;
  }
}


/* =========================================================
   v110 — MOBILE LIGHT POLISH
   Header + app tabs + section separation/readability
   ========================================================= */

@media (max-width:820px){

  /* -------------------------------------------------------
     1. MOBILE HEADER — ALWAYS LIGHT, ALSO WHEN SCROLLED
     ------------------------------------------------------- */
  body .nav-wrap{
    padding:8px 8px 0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body .nav-wrap .nav,
  body .nav-wrap.is-scrolled .nav{
    min-height:56px!important;
    height:56px!important;
    padding:6px 7px 6px 10px!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    column-gap:7px!important;

    border-radius:17px!important;
    border:1px solid rgba(29,33,38,.13)!important;

    background:
      radial-gradient(90% 120% at 10% 0%,
        rgba(255,255,255,.96),
        rgba(255,255,255,.34) 60%,
        rgba(255,255,255,0) 100%),
      linear-gradient(145deg,
        rgba(255,255,255,.82),
        rgba(238,240,242,.72))!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      0 8px 24px rgba(34,39,45,.10)!important;

    backdrop-filter:blur(20px) saturate(108%)!important;
    -webkit-backdrop-filter:blur(20px) saturate(108%)!important;
  }

  body .nav-wrap.is-scrolled .nav{
    transform:none!important;
    border-color:rgba(29,33,38,.15)!important;
    background:
      linear-gradient(145deg,
        rgba(255,255,255,.91),
        rgba(236,239,241,.80))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      0 9px 26px rgba(34,39,45,.11)!important;
  }

  body .nav-wrap .brand{
    min-width:0!important;
    gap:7px!important;
  }

  body .nav-wrap .brand-mark{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }

  body .nav-wrap .brand-name,
  body .nav-wrap.is-scrolled .brand-name{
    color:#202429!important;
    -webkit-text-fill-color:#202429!important;
    font-size:.70rem!important;
    letter-spacing:.055em!important;
    font-weight:880!important;
    opacity:1!important;
  }

  body .nav-wrap .brand-name > span,
  body .nav-wrap.is-scrolled .brand-name > span{
    color:#b6812b!important;
    -webkit-text-fill-color:#b6812b!important;
  }

  body .mobile-top-cta,
  body .nav-wrap.is-scrolled .mobile-top-cta{
    grid-column:2!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 13px!important;
    border-radius:999px!important;

    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(135deg,#d7b15e,#bd8931)!important;
    border:1px solid rgba(149,104,29,.24)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.34),
      0 6px 15px rgba(129,91,28,.15)!important;

    font-size:.66rem!important;
    font-weight:820!important;
    white-space:nowrap!important;
  }

  body .nav-wrap .menu-button,
  body .nav-wrap.is-scrolled .menu-button{
    grid-column:3!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    margin:0!important;
    border-radius:12px!important;

    background:
      linear-gradient(145deg,
        rgba(255,255,255,.82),
        rgba(229,232,234,.66))!important;
    border:1px solid rgba(31,35,39,.12)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 5px 13px rgba(34,39,44,.07)!important;
  }

  body .nav-wrap .menu-button span,
  body .nav-wrap.is-scrolled .menu-button span{
    background:#4b5055!important;
  }

  /* Open menu keeps the same light language. */
  body .nav-wrap .nav-links.is-open{
    background:
      linear-gradient(160deg,
        rgba(255,255,255,.96),
        rgba(238,240,242,.93))!important;
    border:1px solid rgba(29,33,38,.13)!important;
    box-shadow:0 16px 40px rgba(34,39,45,.14)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
  }

  body .nav-wrap .nav-links.is-open > a:not(.nav-apply-link){
    color:#30353a!important;
    -webkit-text-fill-color:#30353a!important;
  }


  /* -------------------------------------------------------
     2. APP SECTION — MOBILE TAB PILLS
     ------------------------------------------------------- */
  body main section.app-demo[data-app-demo]{
    padding-top:52px!important;
    padding-bottom:54px!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:8px!important;

    width:calc(100% + 2 * var(--mobile-gutter))!important;
    margin:19px calc(-1 * var(--mobile-gutter)) 0!important;
    padding:5px var(--mobile-gutter) 9px!important;

    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;

    /* subtle edge fade instead of a hard clipped rail */
    -webkit-mask-image:linear-gradient(
      90deg,
      transparent 0,
      #000 16px,
      #000 calc(100% - 24px),
      transparent 100%
    )!important;
    mask-image:linear-gradient(
      90deg,
      transparent 0,
      #000 16px,
      #000 calc(100% - 24px),
      transparent 100%
    )!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__nav::-webkit-scrollbar{
    display:none!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__tab{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    min-height:38px!important;
    height:38px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;

    padding:0 12px!important;
    margin:0!important;

    scroll-snap-align:start!important;

    border-radius:999px!important;
    border:1px solid rgba(29,33,38,.105)!important;

    background:
      linear-gradient(145deg,
        rgba(255,255,255,.76),
        rgba(235,238,240,.61))!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.96),
      0 5px 13px rgba(34,39,44,.055)!important;

    color:#555b61!important;
    -webkit-text-fill-color:#555b61!important;

    transform:none!important;
    opacity:1!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__tab-no{
    display:inline-grid!important;
    place-items:center!important;
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;

    border-radius:50%!important;
    background:rgba(194,145,49,.07)!important;
    border:1px solid rgba(194,145,49,.17)!important;

    color:#a97828!important;
    -webkit-text-fill-color:#a97828!important;

    font-size:.49rem!important;
    line-height:1!important;
    font-weight:880!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__tab-copy{
    display:block!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__tab-copy strong{
    display:block!important;
    color:#3b4045!important;
    -webkit-text-fill-color:#3b4045!important;
    font-size:.68rem!important;
    line-height:1!important;
    font-weight:720!important;
    white-space:nowrap!important;
  }

  /* Descriptions are redundant on a 390px-wide nav rail. */
  body main section.app-demo[data-app-demo] .app-demo__tab-copy small,
  body main section.app-demo[data-app-demo] .app-demo__tab-arrow{
    display:none!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__tab.is-active,
  body main section.app-demo[data-app-demo] .app-demo__tab.is-current,
  body main section.app-demo[data-app-demo] .app-demo__tab[aria-selected="true"]{
    border-color:rgba(184,133,39,.34)!important;

    background:
      radial-gradient(120% 180% at 30% 0%,
        rgba(222,184,100,.20),
        rgba(222,184,100,0) 58%),
      linear-gradient(145deg,
        rgba(255,253,247,.96),
        rgba(241,234,216,.78))!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      0 6px 16px rgba(139,100,34,.09)!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__tab.is-active .app-demo__tab-copy strong,
  body main section.app-demo[data-app-demo] .app-demo__tab.is-current .app-demo__tab-copy strong,
  body main section.app-demo[data-app-demo] .app-demo__tab[aria-selected="true"] .app-demo__tab-copy strong{
    color:#8e6521!important;
    -webkit-text-fill-color:#8e6521!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__tab.is-active .app-demo__tab-no,
  body main section.app-demo[data-app-demo] .app-demo__tab.is-current .app-demo__tab-no,
  body main section.app-demo[data-app-demo] .app-demo__tab[aria-selected="true"] .app-demo__tab-no{
    background:#c89534!important;
    border-color:#c89534!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  /* Compact player becomes its own soft row, not loose text. */
  body main section.app-demo[data-app-demo] .app-demo__player{
    width:100%!important;
    margin:9px 0 2px!important;
    padding:7px 9px!important;
    grid-template-columns:30px minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;

    border:1px solid rgba(29,33,38,.085)!important;
    border-radius:13px!important;

    background:rgba(255,255,255,.42)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__play{
    width:30px!important;
    height:30px!important;
    border-radius:9px!important;
    border:1px solid rgba(193,143,47,.18)!important;
    background:rgba(255,255,255,.66)!important;
    color:#a87827!important;
    -webkit-text-fill-color:#a87827!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__player-line{
    background:rgba(31,35,39,.09)!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__player-line > i{
    background:linear-gradient(90deg,#d8b15e,#b9822a)!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__player > strong{
    color:#62686e!important;
    -webkit-text-fill-color:#62686e!important;
    font-size:.58rem!important;
  }


  /* -------------------------------------------------------
     3. APP BOTTOM PROMISE — MAKE IT READABLE
     ------------------------------------------------------- */
  body main section.app-demo[data-app-demo] .app-demo__promise.app-demo__promise--divider{
    margin-top:15px!important;
    padding-top:14px!important;
    border-top:1px solid rgba(29,33,38,.08)!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__promise--divider
  >.app-demo__promise-title>strong{
    color:#9e7125!important;
    -webkit-text-fill-color:#9e7125!important;
    opacity:1!important;
    font-weight:850!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__promise--divider
  >.app-demo__promise-title>span{
    background:linear-gradient(90deg,transparent,rgba(190,141,48,.28))!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__promise--divider
  >.app-demo__promise-title>span:last-child{
    background:linear-gradient(90deg,rgba(190,141,48,.28),transparent)!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__promise--divider>p{
    color:#747a80!important;
    -webkit-text-fill-color:#747a80!important;
    opacity:1!important;
  }


  /* -------------------------------------------------------
     4. COOPERATION SWIPE INTRO — NO WHITE-ON-WHITE
     ------------------------------------------------------- */
  body main section.process#wspolpraca .process-step--zero,
  body main section.process#wspolpraca .process-step--zero:nth-child(odd),
  body main section.process#wspolpraca .process-step--zero:nth-child(2n){
    background:
      radial-gradient(110% 95% at 50% 20%,
        rgba(218,178,90,.09),
        rgba(218,178,90,0) 62%),
      linear-gradient(145deg,
        rgba(255,255,255,.84),
        rgba(238,241,242,.70))!important;

    border:1px solid rgba(29,33,38,.15)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      0 10px 25px rgba(34,39,45,.07)!important;
  }

  body main section.process#wspolpraca .process-zero__gesture{
    color:#b37f29!important;
    -webkit-text-fill-color:#b37f29!important;
    background:rgba(255,255,255,.62)!important;
    border-color:rgba(190,141,48,.18)!important;
  }

  body main section.process#wspolpraca .process-zero__content small{
    color:#9b7026!important;
    -webkit-text-fill-color:#9b7026!important;
    opacity:1!important;
  }

  body main section.process#wspolpraca .process-zero__content h3{
    color:#272b30!important;
    -webkit-text-fill-color:#272b30!important;
    opacity:1!important;
  }

  body main section.process#wspolpraca .process-zero__content p{
    color:#777d83!important;
    -webkit-text-fill-color:#777d83!important;
    opacity:1!important;
  }

  body main section.process#wspolpraca .process-zero__arrows{
    color:#c28e33!important;
    opacity:.62!important;
  }


  /* -------------------------------------------------------
     5. PACKAGES MOBILE ACCORDIONS — VISIBLE LABELS
     ------------------------------------------------------- */
  body main section.packages#pakiety .packages__mobile-details details{
    overflow:hidden!important;
    border:1px solid rgba(29,33,38,.14)!important;
    border-radius:15px!important;
    background:
      linear-gradient(145deg,
        rgba(255,255,255,.78),
        rgba(237,240,242,.65))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.96),
      0 7px 17px rgba(34,39,45,.05)!important;
  }

  body main section.packages#pakiety .packages__mobile-details summary{
    min-height:56px!important;
    padding:0 12px 0 14px!important;
    color:#2f3439!important;
    -webkit-text-fill-color:#2f3439!important;
    opacity:1!important;
  }

  body main section.packages#pakiety .packages__mobile-details summary strong,
  body main section.packages#pakiety .packages__mobile-details summary > span:first-child{
    color:#353a3f!important;
    -webkit-text-fill-color:#353a3f!important;
    opacity:1!important;
    font-weight:760!important;
  }

  body main section.packages#pakiety .packages__mobile-details summary small{
    color:#7a8086!important;
    -webkit-text-fill-color:#7a8086!important;
    opacity:1!important;
  }

  body main section.packages#pakiety .packages__mobile-details summary::after{
    color:#b27d27!important;
    border-color:rgba(190,141,48,.20)!important;
    background:rgba(255,255,255,.55)!important;
  }

  body main section.packages#pakiety .packages__mobile-details details[open]{
    border-color:rgba(184,133,39,.28)!important;
  }


  /* -------------------------------------------------------
     6. SECTION SEPARATION — LIGHT, NOT HEAVY
     ------------------------------------------------------- */
  body main > section:not(.hero){
    position:relative!important;
  }

  body main > section:not(.hero)::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:0!important;
    left:var(--mobile-gutter)!important;
    right:var(--mobile-gutter)!important;
    height:1px!important;
    background:
      linear-gradient(90deg,
        transparent,
        rgba(35,39,44,.095) 18%,
        rgba(35,39,44,.095) 82%,
        transparent)!important;
    pointer-events:none!important;
  }

  /* Heading blocks need a little more air from the separator. */
  body main section.process#wspolpraca .process__head,
  body main section.packages#pakiety .packages__intro,
  body main section.trainers#trenerzy .trainers__head,
  body main section.reviews-showcase#opinie .reviews-showcase__head,
  body main section.faq#faq .faq__head,
  body main section.apply#zglos-sie .apply__head{
    margin-top:4px!important;
  }
}


/* Small phones: keep header from feeling cramped. */
@media (max-width:390px){
  body .nav-wrap .nav,
  body .nav-wrap.is-scrolled .nav{
    padding-left:8px!important;
    column-gap:5px!important;
  }

  body .nav-wrap .brand-mark{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }

  body .nav-wrap .brand-name{
    font-size:.64rem!important;
  }

  body .mobile-top-cta{
    min-height:36px!important;
    height:36px!important;
    padding:0 11px!important;
    font-size:.62rem!important;
  }

  body .nav-wrap .menu-button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__tab{
    height:36px!important;
    min-height:36px!important;
    padding:0 10px!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__tab-copy strong{
    font-size:.64rem!important;
  }
}


/* =========================================================
   v111 — MOBILE DETAIL PASS
   Trainers / Reviews / Footer / Socials / App promise shadow
   ========================================================= */

@media (max-width:820px){

  /* -------------------------------------------------------
     1. TRAINER DESCRIPTION — stronger, still secondary
     ------------------------------------------------------- */
  body main section.trainers#trenerzy .trainer-mobile-description{
    color:#62686e!important;
    -webkit-text-fill-color:#62686e!important;
    opacity:1!important;

    font-size:.82rem!important;
    line-height:1.58!important;
    font-weight:500!important;

    text-shadow:none!important;
  }

  body main section.trainers#trenerzy .trainer-tab__copy p{
    color:#62686e!important;
    -webkit-text-fill-color:#62686e!important;
    opacity:1!important;
  }


  /* -------------------------------------------------------
     2. APP PROMISE — remove the broad shadow / grey stain
     under the phone.
     ------------------------------------------------------- */
  body main section.app-demo[data-app-demo] .app-demo__ambient{
    display:none!important;
    opacity:0!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__stage,
  body main section.app-demo[data-app-demo] .app-demo__stage::before,
  body main section.app-demo[data-app-demo] .app-demo__stage::after{
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__device{
    box-shadow:
      0 12px 28px rgba(34,39,45,.10)!important;
    filter:none!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__promise.app-demo__promise--divider{
    position:relative!important;
    z-index:3!important;

    margin-top:12px!important;
    padding-top:15px!important;
    padding-bottom:3px!important;

    background:transparent!important;
    background-image:none!important;

    border-top:1px solid rgba(31,35,39,.085)!important;
    box-shadow:none!important;
    filter:none!important;

    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__promise.app-demo__promise--divider::before,
  body main section.app-demo[data-app-demo] .app-demo__promise.app-demo__promise--divider::after{
    content:none!important;
    display:none!important;
    box-shadow:none!important;
    background:none!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__promise--divider
  >.app-demo__promise-title>strong{
    color:#a87525!important;
    -webkit-text-fill-color:#a87525!important;
    opacity:1!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__promise--divider>p{
    color:#70767c!important;
    -webkit-text-fill-color:#70767c!important;
    opacity:1!important;
  }


  /* -------------------------------------------------------
     3. REVIEWS — remove the giant outer "white slab".
     Cards remain glass; walls become editorial/transparent.
     ------------------------------------------------------- */
  body main section.reviews-showcase#opinie,
  body main section.reviews-showcase#opinie .reviews-showcase__inner{
    overflow:visible!important;
  }

  body main section.reviews-showcase#opinie .quotes-stream,
  body main section.reviews-showcase#opinie .quotes-stream--combined{
    position:relative!important;

    margin-left:0!important;
    margin-right:0!important;
    margin-bottom:0!important;
    padding:0 0 12px!important;

    background:transparent!important;
    background-image:none!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    overflow:visible!important;

    clip-path:none!important;
    -webkit-clip-path:none!important;

    mask-image:none!important;
    -webkit-mask-image:none!important;

    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body main section.reviews-showcase#opinie .quotes-stream::before,
  body main section.reviews-showcase#opinie .quotes-stream::after{
    content:none!important;
    display:none!important;
    background:none!important;
    box-shadow:none!important;
  }

  body main section.reviews-showcase#opinie .platform-wall,
  body main section.reviews-showcase#opinie .platform-wall--facebook,
  body main section.reviews-showcase#opinie .platform-wall--google{
    margin:0!important;
    padding:17px 0 19px!important;

    background:transparent!important;
    background-image:none!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    overflow:visible!important;
    clip-path:none!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }

  body main section.reviews-showcase#opinie .platform-wall--google{
    padding-bottom:9px!important;
  }

  body main section.reviews-showcase#opinie .platform-divider{
    width:100%!important;
    height:1px!important;
    margin:2px 0!important;
    opacity:1!important;
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(30,34,38,.10) 15%,
        rgba(197,148,54,.20) 50%,
        rgba(30,34,38,.10) 85%,
        transparent
      )!important;
  }

  body main section.reviews-showcase#opinie .platform-divider > span{
    display:none!important;
  }

  body main section.reviews-showcase#opinie .quotes-marquee,
  body main section.reviews-showcase#opinie .google-placeholder-grid{
    overflow:visible!important;
    clip-path:none!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }

  /* Individual review cards: stronger frame and more definition. */
  body main section.reviews-showcase#opinie .quote-chip{
    border:1px solid rgba(29,33,38,.15)!important;

    background:
      radial-gradient(
        100% 85% at 10% 0%,
        rgba(255,255,255,.62),
        rgba(255,255,255,0) 72%
      ),
      linear-gradient(
        145deg,
        rgba(255,255,255,.88),
        rgba(239,242,243,.72)
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      0 10px 24px rgba(34,39,45,.07)!important;
  }

  /* More color: Facebook */
  body main section.reviews-showcase#opinie .platform-wall--facebook
  .section-minihead--quotes > div > span{
    color:#1877f2!important;
    -webkit-text-fill-color:#1877f2!important;
    opacity:1!important;
  }

  body main section.reviews-showcase#opinie .platform-wall--facebook
  .quote-chip__top > span{
    color:#d3a13f!important;
    -webkit-text-fill-color:#d3a13f!important;
  }

  body main section.reviews-showcase#opinie .platform-wall--facebook
  .quote-chip__top > small{
    color:#1877f2!important;
    -webkit-text-fill-color:#1877f2!important;
    opacity:.88!important;
  }

  body main section.reviews-showcase#opinie .platform-wall--facebook
  .quote-chip footer > span{
    color:#1877f2!important;
    -webkit-text-fill-color:#1877f2!important;

    background:rgba(24,119,242,.055)!important;
    border-color:rgba(24,119,242,.16)!important;
  }

  /* More color: Google */
  body main section.reviews-showcase#opinie .platform-wall--google
  .section-minihead--quotes > div > span{
    color:#4285f4!important;
    -webkit-text-fill-color:#4285f4!important;
    opacity:1!important;
  }

  body main section.reviews-showcase#opinie .platform-wall--google
  .quote-chip__top > span,
  body main section.reviews-showcase#opinie .platform-wall--google
  .platform-score > span{
    color:#d3a13f!important;
    -webkit-text-fill-color:#d3a13f!important;
  }

  body main section.reviews-showcase#opinie .platform-wall--google
  .quote-chip__top > small{
    color:#4285f4!important;
    -webkit-text-fill-color:#4285f4!important;
    opacity:.88!important;
  }

  body main section.reviews-showcase#opinie .platform-wall--google
  .quote-chip footer > span{
    color:#4285f4!important;
    -webkit-text-fill-color:#4285f4!important;

    background:rgba(66,133,244,.05)!important;
    border-color:rgba(66,133,244,.15)!important;
  }

  /* Main quote text — stronger than before. */
  body main section.reviews-showcase#opinie .quote-chip > p{
    color:#626970!important;
    -webkit-text-fill-color:#626970!important;
    opacity:1!important;
    font-weight:520!important;
  }

  body main section.reviews-showcase#opinie .quote-chip footer strong{
    color:#30353a!important;
    -webkit-text-fill-color:#30353a!important;
    opacity:1!important;
  }

  body main section.reviews-showcase#opinie .quote-chip footer small{
    color:#7b8187!important;
    -webkit-text-fill-color:#7b8187!important;
    opacity:1!important;
  }


  /* -------------------------------------------------------
     4. MOBILE MENU SOCIALS — real brand color, no washed text
     ------------------------------------------------------- */
  body .nav-wrap .mobile-socials{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;

    width:100%!important;
    margin-top:9px!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body .nav-wrap .mobile-socials .social-brand{
    min-width:0!important;
    min-height:43px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;

    padding:0 8px!important;
    border-radius:12px!important;

    background:rgba(255,255,255,.66)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.96),
      0 5px 14px rgba(34,39,45,.055)!important;

    font-size:.68rem!important;
    font-weight:720!important;
  }

  body .nav-wrap .mobile-socials .social-brand svg{
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
  }

  body .nav-wrap .mobile-socials .social-brand--facebook{
    color:#1877f2!important;
    -webkit-text-fill-color:#1877f2!important;
    border:1px solid rgba(24,119,242,.16)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(24,119,242,.045))!important;
  }

  body .nav-wrap .mobile-socials .social-brand--facebook svg{
    fill:#1877f2!important;
  }

  body .nav-wrap .mobile-socials .social-brand--instagram{
    color:#c72c73!important;
    -webkit-text-fill-color:#c72c73!important;
    border:1px solid rgba(199,44,115,.16)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(199,44,115,.045))!important;
  }

  body .nav-wrap .mobile-socials .social-brand--youtube{
    color:#e9002b!important;
    -webkit-text-fill-color:#e9002b!important;
    border:1px solid rgba(233,0,43,.15)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(233,0,43,.04))!important;
  }

  body .nav-wrap .mobile-socials .social-brand--youtube svg{
    fill:#e9002b!important;
  }


  /* -------------------------------------------------------
     5. FOOTER — stronger hierarchy and readable menu copy
     ------------------------------------------------------- */
  body footer.site-footer-v35,
  body .site-footer-v35{
    color:#555c63!important;
  }

  body .site-footer-v35__links p,
  body .site-footer-v35__company > p{
    color:#555b61!important;
    -webkit-text-fill-color:#555b61!important;
    opacity:1!important;

    font-size:.66rem!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }

  body .site-footer-v35__links nav a{
    color:#646a70!important;
    -webkit-text-fill-color:#646a70!important;
    opacity:1!important;

    font-size:.76rem!important;
    line-height:1.35!important;
    font-weight:520!important;
  }

  body .site-footer-v35__company strong{
    color:#24282c!important;
    -webkit-text-fill-color:#24282c!important;
    opacity:1!important;

    font-size:.86rem!important;
    font-weight:780!important;
  }

  body .site-footer-v35__company span{
    color:#71777d!important;
    -webkit-text-fill-color:#71777d!important;
    opacity:1!important;

    font-size:.72rem!important;
    line-height:1.48!important;
  }

  body .site-footer-v35__company{
    border-top:1px solid rgba(30,34,38,.085)!important;
  }

  body .site-footer-v35__bottom{
    border-top:1px solid rgba(30,34,38,.08)!important;
  }

  body .site-footer-v35__bottom span,
  body .site-footer-v35__bottom a{
    color:#7b8187!important;
    -webkit-text-fill-color:#7b8187!important;
    opacity:1!important;
  }

  body .site-footer-v35__bottom a b{
    color:#ad7a27!important;
    -webkit-text-fill-color:#ad7a27!important;
  }
}



/* =========================================================
   v112 — MOBILE CLEANUP
   No blue reviews / light inputs / no viewport side-drag /
   package rail centered on 3 months / compact CTA tails + hero
   ========================================================= */

@media (max-width:820px){

  /* -------------------------------------------------------
     1. VIEWPORT / HORIZONTAL OVERFLOW
     The page itself never travels left/right.
     ------------------------------------------------------- */
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
  }

  body,
  main{
    max-width:100vw!important;
  }

  main > section{
    max-width:100vw!important;
  }


  /* -------------------------------------------------------
     2. PACKAGE RAIL
     Only this element owns horizontal swipe.
     ------------------------------------------------------- */
  body main section.packages#pakiety{
    overflow-x:hidden!important;
  }

  body main section.packages#pakiety .site-shell{
    max-width:100%!important;
    overflow:visible!important;
  }

  body main section.packages#pakiety .packages__grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;

    width:100%!important;
    max-width:100%!important;

    margin:14px 0 0!important;
    padding:
      11px
      max(18px,calc((100vw - min(88vw,390px))/2))
      9px!important;

    overflow-x:auto!important;
    overflow-y:visible!important;

    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:max(18px,calc((100vw - min(88vw,390px))/2))!important;
    scroll-behavior:smooth!important;

    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x!important;

    scrollbar-width:none!important;
    -ms-overflow-style:none!important;

    box-sizing:border-box!important;
  }

  body main section.packages#pakiety .packages__grid::-webkit-scrollbar{
    display:none!important;
  }

  body main section.packages#pakiety .package-card{
    flex:0 0 min(88vw,390px)!important;
    width:min(88vw,390px)!important;
    max-width:min(88vw,390px)!important;
    min-width:0!important;

    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;

    margin:0!important;
  }

  /* Let the bestseller badge breathe inside the card. */
  body main section.packages#pakiety .package-card--focus{
    padding-top:22px!important;
  }

  body main section.packages#pakiety .package-card__bestseller{
    top:8px!important;
    transform:translate(-50%,-50%)!important;
  }

  body main section.packages#pakiety .packages__swipe-hint{
    margin-top:8px!important;
    margin-bottom:3px!important;
  }


  /* -------------------------------------------------------
     3. REMOVE BLUE FROM REVIEWS
     Use graphite + gold only.
     ------------------------------------------------------- */
  body main section.reviews-showcase#opinie
  .platform-wall--facebook .section-minihead--quotes > div > span,
  body main section.reviews-showcase#opinie
  .platform-wall--google .section-minihead--quotes > div > span{
    color:#a87525!important;
    -webkit-text-fill-color:#a87525!important;
  }

  body main section.reviews-showcase#opinie
  .platform-wall--facebook .quote-chip__top > small,
  body main section.reviews-showcase#opinie
  .platform-wall--google .quote-chip__top > small{
    color:#737980!important;
    -webkit-text-fill-color:#737980!important;
    opacity:1!important;
  }

  body main section.reviews-showcase#opinie
  .platform-wall--facebook .quote-chip footer > span,
  body main section.reviews-showcase#opinie
  .platform-wall--google .quote-chip footer > span{
    color:#a87525!important;
    -webkit-text-fill-color:#a87525!important;

    background:rgba(196,147,54,.055)!important;
    border-color:rgba(196,147,54,.19)!important;
  }

  body main section.reviews-showcase#opinie
  .platform-wall--facebook .platform-score > span,
  body main section.reviews-showcase#opinie
  .platform-wall--google .platform-score > span,
  body main section.reviews-showcase#opinie
  .quote-chip__top > span{
    color:#cf9e3b!important;
    -webkit-text-fill-color:#cf9e3b!important;
  }

  /* Avatar circles: neutral pearl + gold, no blue ring. */
  body main section.reviews-showcase#opinie .quote-chip footer > span{
    color:#aa7928!important;
    -webkit-text-fill-color:#aa7928!important;
    background:rgba(255,251,240,.78)!important;
    border-color:rgba(196,147,54,.22)!important;
  }


  /* -------------------------------------------------------
     4. LIGHT FORM INPUTS
     No black/dark legacy field survives on light theme.
     ------------------------------------------------------- */
  body main section.apply#zglos-sie
  input:not([type="hidden"]):not([type="checkbox"]),
  body main section.apply#zglos-sie textarea,
  body main section.apply#zglos-sie select{
    color:#25292e!important;
    -webkit-text-fill-color:#25292e!important;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.76),
        rgba(240,242,244,.57)
      )!important;

    border:1px solid rgba(30,34,39,.12)!important;
    border-radius:12px!important;

    padding-left:12px!important;
    padding-right:12px!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.96),
      0 4px 12px rgba(34,39,45,.035)!important;
  }

  body main section.apply#zglos-sie
  input:not([type="hidden"]):not([type="checkbox"]){
    min-height:44px!important;
  }

  body main section.apply#zglos-sie textarea{
    min-height:96px!important;
    padding-top:11px!important;
    padding-bottom:11px!important;
  }

  body main section.apply#zglos-sie input::placeholder,
  body main section.apply#zglos-sie textarea::placeholder{
    color:#92989e!important;
    -webkit-text-fill-color:#92989e!important;
    opacity:1!important;
  }

  body main section.apply#zglos-sie
  input:not([type="hidden"]):not([type="checkbox"]):focus,
  body main section.apply#zglos-sie textarea:focus,
  body main section.apply#zglos-sie select:focus{
    outline:none!important;
    border-color:rgba(187,137,44,.36)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      0 0 0 3px rgba(196,147,54,.055)!important;
  }


  /* -------------------------------------------------------
     5. CTA "FOOTERS" / SECTION TAILS
     Pull them closer to separators; no huge dead areas.
     ------------------------------------------------------- */

  /* Transformation CTA */
  body main section.transformations#przemiany
  .transformations-cta.transformations-cta--clean{
    margin-top:12px!important;
    margin-bottom:0!important;
    padding-top:14px!important;
    padding-bottom:18px!important;
    min-height:0!important;
  }

  body main section.transformations#przemiany
  .transformations-cta__eyebrow{
    margin-bottom:6px!important;
  }

  body main section.transformations#przemiany
  .transformations-cta.transformations-cta--clean > p{
    margin:0 0 9px!important;
  }

  body main section.transformations#przemiany
  .transformations-cta.transformations-cta--clean > a{
    margin-top:0!important;
  }

  /* App promise */
  body main section.app-demo[data-app-demo]
  .app-demo__promise.app-demo__promise--divider{
    margin-top:8px!important;
    margin-bottom:0!important;
    padding-top:12px!important;
    padding-bottom:13px!important;
    min-height:0!important;
  }

  body main section.app-demo[data-app-demo]
  .app-demo__promise-title{
    margin-bottom:5px!important;
  }

  body main section.app-demo[data-app-demo]
  .app-demo__promise--divider > p{
    margin:0!important;
  }

  /* Sections should end shortly after the tail element. */
  body main section.transformations#przemiany{
    padding-bottom:18px!important;
  }

  body main section.app-demo[data-app-demo]{
    padding-bottom:20px!important;
  }


  /* -------------------------------------------------------
     6. HERO — compact, cleaner end, less giant image tail.
     ------------------------------------------------------- */
  body main section.hero{
    min-height:620px!important;
    height:auto!important;
  }

  body main section.hero .hero-content{
    min-height:620px!important;
    height:auto!important;

    padding:
      78px
      20px
      190px!important;
  }

  body main section.hero .hero-copy{
    max-width:100%!important;
  }

  body main section.hero h1{
    font-size:clamp(38px,10.8vw,51px)!important;
    line-height:.96!important;
    letter-spacing:-.05em!important;
  }

  body main section.hero .hero-lead{
    margin-top:13px!important;
    margin-bottom:11px!important;

    font-size:.82rem!important;
    line-height:1.45!important;
  }

  body main section.hero .hero-benefits{
    gap:5px!important;
    margin-bottom:13px!important;
  }

  body main section.hero .hero-benefits li{
    font-size:.77rem!important;
  }

  body main section.hero .hero-actions{
    gap:8px!important;
  }

  body main section.hero .primary-action{
    min-height:42px!important;
  }

  body main section.hero .text-action{
    min-height:40px!important;
  }

  /* The gym image is now a shorter lower strip. */
  body main section.hero .hero-media{
    top:auto!important;
    bottom:0!important;
    width:100%!important;
    height:27%!important;
    min-height:155px!important;
    max-height:190px!important;
  }

  body main section.hero .hero-gym-art{
    object-position:61% 63%!important;
  }

  body main section.hero .hero-shade{
    background:
      linear-gradient(
        180deg,
        rgba(247,244,237,1) 0%,
        rgba(247,244,237,.92) 21%,
        rgba(247,244,237,.55) 43%,
        rgba(247,244,237,.16) 68%,
        rgba(247,244,237,0) 86%
      )!important;
  }

  body main section.hero::after{
    display:none!important;
  }
}


/* Very narrow devices */
@media (max-width:390px){
  body main section.hero .hero-content{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  body main section.hero h1{
    font-size:clamp(36px,10.5vw,45px)!important;
  }

  body main section.packages#pakiety .package-card{
    flex-basis:88vw!important;
    width:88vw!important;
    max-width:88vw!important;
  }
}


/* =========================================================
   v113 — MOBILE TIGHTENING
   Hero tail / Transformation CTA / Bestseller badge
   ========================================================= */

@keyframes luBestsellerFloat{
  0%,100%{
    transform:translateX(-50%) translateY(0);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.42),
      0 5px 14px rgba(164,118,35,.14),
      0 0 0 rgba(204,157,66,0);
  }
  50%{
    transform:translateX(-50%) translateY(-2px);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.52),
      0 8px 18px rgba(164,118,35,.18),
      0 0 18px rgba(204,157,66,.11);
  }
}

@keyframes luBestsellerSheen{
  0%,70%{ transform:translateX(-150%) skewX(-20deg); opacity:0; }
  76%{ opacity:.45; }
  92%{ opacity:.08; }
  100%{ transform:translateX(230%) skewX(-20deg); opacity:0; }
}

@media (max-width:820px){

  /* -------------------------------------------------------
     HERO — genuinely compact now.
     ------------------------------------------------------- */
  body main section.hero{
    min-height:540px!important;
    height:auto!important;
  }

  body main section.hero .hero-content{
    min-height:540px!important;
    height:auto!important;
    padding:
      76px
      20px
      126px!important;
  }

  body main section.hero h1{
    font-size:clamp(37px,10.4vw,49px)!important;
    line-height:.955!important;
  }

  body main section.hero .hero-lead{
    margin-top:12px!important;
    margin-bottom:10px!important;
  }

  body main section.hero .hero-benefits{
    margin-bottom:11px!important;
  }

  body main section.hero .hero-actions{
    margin-bottom:0!important;
  }

  /* Short photographic strip only. */
  body main section.hero .hero-media{
    top:auto!important;
    bottom:0!important;
    height:118px!important;
    min-height:118px!important;
    max-height:118px!important;
    width:100%!important;
  }

  body main section.hero .hero-gym-art{
    object-position:60% 66%!important;
  }

  body main section.hero .hero-shade{
    background:
      linear-gradient(
        180deg,
        rgba(247,244,237,1) 0%,
        rgba(247,244,237,.76) 23%,
        rgba(247,244,237,.30) 47%,
        rgba(247,244,237,.06) 70%,
        rgba(247,244,237,0) 88%
      )!important;
  }


  /* -------------------------------------------------------
     TRANSFORMATIONS — pull CTA up into the dead carousel gap.
     ------------------------------------------------------- */
  body main section.transformations#przemiany{
    padding-bottom:8px!important;
  }

  body main section.transformations#przemiany .carousel-stage,
  body main section.transformations#przemiany .stage,
  body main section.transformations#przemiany .coverflow,
  body main section.transformations#przemiany .coverflow-viewport{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }

  body main section.transformations#przemiany
  .transformations-cta.transformations-cta--clean{
    position:relative!important;
    z-index:6!important;

    margin-top:-54px!important;
    margin-bottom:0!important;

    padding-top:4px!important;
    padding-bottom:7px!important;

    gap:5px!important;
    min-height:0!important;
  }

  body main section.transformations#przemiany
  .transformations-cta__eyebrow{
    margin-bottom:2px!important;
  }

  body main section.transformations#przemiany
  .transformations-cta.transformations-cta--clean > p{
    margin:0 0 6px!important;
    line-height:1.4!important;
  }

  body main section.transformations#przemiany
  .transformations-cta.transformations-cta--clean > a{
    margin:0 auto!important;
  }


  /* -------------------------------------------------------
     BESTSELLER — never clipped by horizontal package rail.
     Keep it INSIDE the card near the top edge.
     ------------------------------------------------------- */
  body main section.packages#pakiety .packages__grid{
    padding-top:9px!important;
  }

  body main section.packages#pakiety .package-card{
    position:relative!important;
  }

  body main section.packages#pakiety .package-card--focus{
    overflow:hidden!important;
    padding-top:50px!important;
  }

  body main section.packages#pakiety .package-card__bestseller{
    position:absolute!important;
    z-index:12!important;

    top:12px!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;

    transform:translateX(-50%)!important;

    width:max-content!important;
    max-width:calc(100% - 32px)!important;
    min-height:26px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding:0 13px!important;
    margin:0!important;

    overflow:hidden!important;

    border-radius:999px!important;
    border:1px solid rgba(165,117,32,.24)!important;

    background:
      linear-gradient(
        180deg,
        #e5c16d 0%,
        #ca983b 100%
      )!important;

    color:#2b2110!important;
    -webkit-text-fill-color:#2b2110!important;

    font-size:.55rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.09em!important;
    white-space:nowrap!important;

    animation:
      luBestsellerFloat 3.8s ease-in-out 1.1s infinite!important;

    will-change:transform,box-shadow!important;
  }

  body main section.packages#pakiety .package-card__bestseller::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    pointer-events:none!important;

    top:-20%!important;
    bottom:-20%!important;
    left:-25%!important;
    width:28%!important;

    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.72),
        transparent
      )!important;

    animation:luBestsellerSheen 5.8s ease-in-out 1.8s infinite!important;
  }
}


/* Tiny phones: preserve the tighter rhythm. */
@media (max-width:390px){
  body main section.hero{
    min-height:520px!important;
  }

  body main section.hero .hero-content{
    min-height:520px!important;
    padding-bottom:118px!important;
  }

  body main section.hero .hero-media{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
  }

  body main section.transformations#przemiany
  .transformations-cta.transformations-cta--clean{
    margin-top:-48px!important;
  }

  body main section.packages#pakiety .package-card--focus{
    padding-top:47px!important;
  }
}


/* Respect accessibility preference. */
@media (prefers-reduced-motion:reduce){
  body main section.packages#pakiety .package-card__bestseller,
  body main section.packages#pakiety .package-card__bestseller::after{
    animation:none!important;
  }
}


/* =========================================================
   v114 — MOBILE HERO INTEGRATED BACKGROUND
   Full-background gym photo + pearl fade.
   No separate bottom photo slab / no giant dead area.
   Transformation CTA mirrors app promise styling.
   ========================================================= */

@media (max-width:820px){

  /* HERO — image belongs to the whole hero */
  body main section.hero{
    position:relative!important;
    min-height:585px!important;
    height:auto!important;
    overflow:hidden!important;
    background:#f6f2e9!important;
  }

  body main section.hero .hero-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    z-index:0!important;
    opacity:1!important;
    pointer-events:none!important;
  }

  body main section.hero .hero-gym-art{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:60% 68%!important;
    transform:scale(1.015)!important;
    filter:saturate(.92) contrast(1.025) brightness(.98)!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  body main section.hero .hero-shade{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:
      linear-gradient(
        180deg,
        rgba(248,245,238,1.00) 0%,
        rgba(248,245,238,.995) 16%,
        rgba(248,245,238,.97) 28%,
        rgba(248,245,238,.91) 40%,
        rgba(248,245,238,.76) 51%,
        rgba(248,245,238,.54) 62%,
        rgba(248,245,238,.29) 72%,
        rgba(248,245,238,.11) 82%,
        rgba(248,245,238,.02) 91%,
        rgba(248,245,238,0) 100%
      )!important;
    pointer-events:none!important;
  }

  body main section.hero::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:2!important;
    pointer-events:none!important;
    left:-20%!important;
    top:16%!important;
    width:115%!important;
    height:58%!important;
    background:
      radial-gradient(
        ellipse at 36% 42%,
        rgba(255,252,244,.68) 0%,
        rgba(255,252,244,.32) 38%,
        rgba(255,252,244,.08) 64%,
        rgba(255,252,244,0) 82%
      )!important;
    filter:blur(12px)!important;
  }

  body main section.hero .hero-gold{
    opacity:.06!important;
  }

  body main section.hero .hero-content{
    position:relative!important;
    z-index:5!important;
    min-height:585px!important;
    height:auto!important;
    padding:82px 20px 34px!important;
    align-items:flex-start!important;
  }

  body main section.hero .hero-copy{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }

  body main section.hero h1{
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(37px,10.4vw,49px)!important;
    line-height:.955!important;
    letter-spacing:-.05em!important;
  }

  body main section.hero .hero-lead{
    max-width:95%!important;
    margin:12px 0 10px!important;
    color:#555b61!important;
    -webkit-text-fill-color:#555b61!important;
    font-size:.80rem!important;
    line-height:1.45!important;
  }

  body main section.hero .hero-benefits{
    gap:5px!important;
    margin:0 0 11px!important;
  }

  body main section.hero .hero-benefits li{
    color:#33383d!important;
    -webkit-text-fill-color:#33383d!important;
    font-size:.76rem!important;
  }

  body main section.hero .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0!important;
  }

  body main section.hero .primary-action{
    width:100%!important;
    min-height:43px!important;
    justify-content:space-between!important;
    padding:0 18px!important;
  }

  body main section.hero .text-action{
    width:max-content!important;
    min-height:38px!important;
    margin:0 auto!important;
  }

  body main section.hero .text-action .play-dot{
    width:38px!important;
    height:38px!important;
  }

  /* Transformation footer — same visual language as app promise */
  body main section.transformations#przemiany
  .transformations-cta.transformations-cta--clean{
    position:relative!important;
    z-index:6!important;
    margin:-14px var(--mobile-gutter) 0!important;
    padding:14px 12px 14px!important;
    min-height:0!important;
    display:grid!important;
    gap:6px!important;
    border-top:1px solid rgba(31,35,39,.085)!important;
    border-bottom:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body main section.transformations#przemiany
  .transformations-cta__eyebrow{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    margin:0!important;
    color:#a87525!important;
    -webkit-text-fill-color:#a87525!important;
    font-size:.64rem!important;
    font-weight:850!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  body main section.transformations#przemiany
  .transformations-cta__eyebrow::before,
  body main section.transformations#przemiany
  .transformations-cta__eyebrow::after{
    content:""!important;
    display:block!important;
    flex:1 1 auto!important;
    max-width:90px!important;
    height:1px!important;
    background:linear-gradient(90deg,transparent,rgba(187,137,44,.30))!important;
  }

  body main section.transformations#przemiany
  .transformations-cta__eyebrow::after{
    background:linear-gradient(90deg,rgba(187,137,44,.30),transparent)!important;
  }

  body main section.transformations#przemiany
  .transformations-cta.transformations-cta--clean > p{
    max-width:310px!important;
    margin:0 auto 3px!important;
    color:#72787e!important;
    -webkit-text-fill-color:#72787e!important;
    text-align:center!important;
    font-size:.70rem!important;
    line-height:1.42!important;
  }

  body main section.transformations#przemiany
  .transformations-cta.transformations-cta--clean > a{
    margin:0 auto!important;
    min-height:38px!important;
    padding:0 16px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(240,242,243,.64))!important;
    border:1px solid rgba(187,137,44,.25)!important;
    color:#30353a!important;
    -webkit-text-fill-color:#30353a!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.96),
      0 6px 16px rgba(34,39,45,.055)!important;
  }

  body main section.transformations#przemiany{
    padding-bottom:9px!important;
  }

  /* App promise spacing matches transformation footer */
  body main section.app-demo[data-app-demo]
  .app-demo__promise.app-demo__promise--divider{
    margin-top:9px!important;
    padding:13px 0 12px!important;
  }

  body main section.app-demo[data-app-demo]
  .app-demo__promise--divider > p{
    max-width:310px!important;
    margin:0 auto!important;
    text-align:center!important;
  }
}

@media (max-width:390px){
  body main section.hero{
    min-height:565px!important;
  }

  body main section.hero .hero-content{
    min-height:565px!important;
    padding:78px 16px 28px!important;
  }

  body main section.hero h1{
    font-size:clamp(35px,10.3vw,45px)!important;
  }

  body main section.hero .hero-lead{
    font-size:.76rem!important;
  }

  body main section.transformations#przemiany
  .transformations-cta.transformations-cta--clean{
    margin-top:-10px!important;
  }
}


/* =========================================================
   v115 — MOBILE HERO READABILITY
   Stronger pearl protection for copy + single final CTA.
   ========================================================= */

@media (max-width:820px){

  /* Stronger protective wash behind the whole copy area. */
  body main section.hero .hero-shade{
    background:
      linear-gradient(
        180deg,
        rgba(249,246,240,1.00) 0%,
        rgba(249,246,240,1.00) 22%,
        rgba(249,246,240,.995) 38%,
        rgba(249,246,240,.965) 51%,
        rgba(249,246,240,.88) 63%,
        rgba(249,246,240,.68) 73%,
        rgba(249,246,240,.40) 82%,
        rgba(249,246,240,.16) 90%,
        rgba(249,246,240,0) 100%
      )!important;
  }

  /* Extra local glow under text, without creating a box. */
  body main section.hero::after{
    left:-28%!important;
    top:4%!important;
    width:145%!important;
    height:72%!important;

    background:
      radial-gradient(
        ellipse at 36% 38%,
        rgba(255,253,248,.94) 0%,
        rgba(255,253,248,.66) 38%,
        rgba(255,253,248,.22) 64%,
        rgba(255,253,248,0) 84%
      )!important;

    filter:blur(14px)!important;
  }

  /* Force crisp headline colors over the image. */
  body main section.hero h1,
  body main section.hero .hero-title-line,
  body main section.hero .hero-title-last{
    color:#171a1f!important;
    -webkit-text-fill-color:#171a1f!important;
    text-shadow:none!important;
    opacity:1!important;
  }

  body main section.hero .hero-title-gold,
  body main section.hero .hero-title-gold > span{
    background:
      linear-gradient(
        110deg,
        #a9721e 0%,
        #c99534 50%,
        #96631a 100%
      )!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    color:transparent!important;
    opacity:1!important;
  }

  body main section.hero .hero-lead{
    color:#4e555c!important;
    -webkit-text-fill-color:#4e555c!important;
    opacity:1!important;
    font-weight:500!important;
  }

  body main section.hero .hero-benefits li{
    color:#2f3439!important;
    -webkit-text-fill-color:#2f3439!important;
    opacity:1!important;
    font-weight:600!important;
  }

  /* Only one CTA on mobile. */
  body main section.hero .text-action{
    display:none!important;
  }

  body main section.hero .hero-actions{
    display:block!important;
    margin-top:2px!important;
    margin-bottom:0!important;
  }

  body main section.hero .primary-action{
    display:flex!important;
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
    justify-content:space-between!important;

    background:
      linear-gradient(
        135deg,
        #d7ae56 0%,
        #bb852b 100%
      )!important;

    border:1px solid rgba(145,101,29,.28)!important;

    color:#fff!important;
    -webkit-text-fill-color:#fff!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.34),
      0 8px 20px rgba(133,94,30,.16)!important;

    font-weight:820!important;
  }

  body main section.hero .primary-action,
  body main section.hero .primary-action *{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  /* Tighten copy slightly now that secondary CTA is gone. */
  body main section.hero .hero-content{
    padding-bottom:26px!important;
  }

  body main section.hero .hero-benefits{
    margin-bottom:13px!important;
  }

  /* Keep the photo present, but visually strongest only in the lower zone. */
  body main section.hero .hero-gym-art{
    object-position:60% 72%!important;
    filter:
      saturate(.94)
      contrast(1.04)
      brightness(.96)!important;
  }
}

@media (max-width:390px){
  body main section.hero .hero-content{
    padding-bottom:24px!important;
  }

  body main section.hero .primary-action{
    min-height:43px!important;
  }
}


/* =========================================================
   v116 — MOBILE HERO BENEFITS READABILITY
   ========================================================= */

@media (max-width:820px){

  body main section.hero .hero-shade{
    background:
      linear-gradient(
        180deg,
        rgba(249,246,240,1.00) 0%,
        rgba(249,246,240,1.00) 24%,
        rgba(249,246,240,.995) 41%,
        rgba(249,246,240,.975) 54%,
        rgba(249,246,240,.92) 66%,
        rgba(249,246,240,.79) 75%,
        rgba(249,246,240,.56) 83%,
        rgba(249,246,240,.27) 90%,
        rgba(249,246,240,.05) 97%,
        rgba(249,246,240,0) 100%
      )!important;
  }

  body main section.hero .hero-benefits{
    position:relative!important;
    isolation:isolate!important;
    width:calc(100% + 12px)!important;
    margin:0 0 12px -6px!important;
    padding:7px 8px 8px!important;
    gap:6px!important;
    border-radius:14px!important;

    background:
      linear-gradient(
        90deg,
        rgba(249,247,242,.78) 0%,
        rgba(249,247,242,.66) 62%,
        rgba(249,247,242,.36) 100%
      )!important;

    box-shadow:inset 0 1px 0 rgba(255,255,255,.54)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }

  body main section.hero .hero-benefits::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:-1!important;
    pointer-events:none!important;
    left:-8px!important;
    right:-18px!important;
    top:-9px!important;
    bottom:-10px!important;
    border-radius:18px!important;

    background:
      radial-gradient(
        ellipse at 24% 50%,
        rgba(255,253,248,.54),
        rgba(255,253,248,.16) 58%,
        rgba(255,253,248,0) 82%
      )!important;

    filter:blur(7px)!important;
  }

  body main section.hero .hero-benefits li{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-height:23px!important;

    color:#252a2f!important;
    -webkit-text-fill-color:#252a2f!important;
    opacity:1!important;

    font-size:.78rem!important;
    line-height:1.25!important;
    font-weight:680!important;

    text-shadow:0 1px 0 rgba(255,255,255,.62)!important;
  }

  body main section.hero .hero-benefits li i{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    flex:0 0 21px!important;

    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;

    color:#77571f!important;
    -webkit-text-fill-color:#77571f!important;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.96),
        rgba(247,238,216,.90)
      )!important;

    border:1px solid rgba(182,132,39,.38)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      0 3px 9px rgba(89,66,29,.09)!important;

    font-size:.72rem!important;
    font-weight:900!important;
    text-shadow:none!important;
  }

  body main section.hero .hero-actions{
    position:relative!important;
    z-index:6!important;
    margin-top:2px!important;
  }
}

@media (max-width:390px){
  body main section.hero .hero-benefits li{
    font-size:.75rem!important;
  }

  body main section.hero .hero-benefits{
    width:calc(100% + 8px)!important;
    margin-left:-4px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
}


/* =========================================================
   v117 — MOBILE COOKIE BUTTON LIGHT
   ========================================================= */

@media (max-width:820px){

  .cookie-consent .cookie-consent__actions button,
  .cookie-consent [data-cookie-accept]{
    color:#2d3237!important;
    -webkit-text-fill-color:#2d3237!important;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.94),
        rgba(238,241,243,.82)
      )!important;

    border:1px solid rgba(185,136,44,.30)!important;
    border-radius:12px!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      0 7px 18px rgba(34,39,45,.08)!important;

    min-height:40px!important;
    padding:0 14px!important;

    font-weight:780!important;

    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }

  .cookie-consent .cookie-consent__actions button span,
  .cookie-consent [data-cookie-accept] span{
    color:#a97728!important;
    -webkit-text-fill-color:#a97728!important;
  }

  .cookie-consent .cookie-consent__actions button:active,
  .cookie-consent [data-cookie-accept]:active{
    transform:scale(.98)!important;
  }
}


/* =========================================================
   v118 — FULL LIGHT COOKIE PANEL
   Entire cookie banner matches the pearl / white mobile theme.
   ========================================================= */

@media (max-width:820px){

  .cookie-consent{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .cookie-consent .cookie-consent__inner{
    background:
      radial-gradient(
        100% 120% at 10% 0%,
        rgba(255,255,255,.98),
        rgba(255,255,255,.46) 56%,
        rgba(255,255,255,0) 100%
      ),
      linear-gradient(
        145deg,
        rgba(255,255,255,.94),
        rgba(238,241,243,.88)
      )!important;

    border:1px solid rgba(29,33,38,.14)!important;
    border-radius:18px!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      0 14px 34px rgba(34,39,45,.13)!important;

    backdrop-filter:blur(22px) saturate(108%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(108%)!important;

    color:#292e33!important;
  }

  .cookie-consent .cookie-consent__copy{
    color:#4f565d!important;
  }

  .cookie-consent .cookie-consent__copy strong{
    color:#23272c!important;
    -webkit-text-fill-color:#23272c!important;
    opacity:1!important;

    font-weight:800!important;
  }

  .cookie-consent .cookie-consent__copy p{
    color:#656c73!important;
    -webkit-text-fill-color:#656c73!important;
    opacity:1!important;

    line-height:1.48!important;
  }

  .cookie-consent .cookie-consent__dot{
    background:#c89534!important;

    box-shadow:
      0 0 0 4px rgba(200,149,52,.08),
      0 0 14px rgba(200,149,52,.20)!important;
  }

  .cookie-consent .cookie-consent__actions{
    border-top:1px solid rgba(29,33,38,.08)!important;
  }

  .cookie-consent .cookie-consent__actions a{
    color:#747b82!important;
    -webkit-text-fill-color:#747b82!important;
    opacity:1!important;

    font-weight:560!important;
    text-decoration:none!important;
  }

  .cookie-consent .cookie-consent__actions a:hover{
    color:#a77526!important;
    -webkit-text-fill-color:#a77526!important;
  }

  .cookie-consent .cookie-consent__actions button,
  .cookie-consent [data-cookie-accept]{
    color:#292e33!important;
    -webkit-text-fill-color:#292e33!important;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.98),
        rgba(239,242,243,.88)
      )!important;

    border:1px solid rgba(185,136,44,.30)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      0 7px 18px rgba(34,39,45,.08)!important;
  }

  .cookie-consent .cookie-consent__actions button span,
  .cookie-consent [data-cookie-accept] span{
    color:#a87525!important;
    -webkit-text-fill-color:#a87525!important;
  }
}



/* =========================================================
   v119 — COOKIE PANEL: REMOVE ACTIONS DIVIDER
   ========================================================= */

@media (max-width:820px){
  .cookie-consent .cookie-consent__actions{
    border-top:0!important;
    border-top-color:transparent!important;
    box-shadow:none!important;
  }
}


/* =========================================================
   v120 — MOBILE PROCESS SWIPE CARD: STRONGER FRAME
   ========================================================= */

@media (max-width:820px){

  body main section.process#wspolpraca .process-step--zero,
  body main section.process#wspolpraca .process-step--zero:nth-child(odd),
  body main section.process#wspolpraca .process-step--zero:nth-child(2n){
    border:1px solid rgba(28,32,36,.21)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      0 11px 28px rgba(34,39,45,.085)!important;
  }
}


/* =========================================================
   v121 — PROCESS SWIPE CARD CLEAN FRAME
   Remove grey square/compositing artifact + slightly thicker border.
   ========================================================= */

@media (max-width:820px){

  body main section.process#wspolpraca .process-step--zero,
  body main section.process#wspolpraca .process-step--zero:nth-child(odd),
  body main section.process#wspolpraca .process-step--zero:nth-child(2n){
    position:relative!important;
    isolation:isolate!important;

    overflow:hidden!important;
    border-radius:24px!important;

    /* a touch stronger than v120, still elegant */
    border:1.35px solid rgba(28,32,36,.245)!important;

    background:
      radial-gradient(
        110% 95% at 50% 20%,
        rgba(218,178,90,.085),
        rgba(218,178,90,0) 62%
      ),
      linear-gradient(
        145deg,
        rgba(255,255,255,.86),
        rgba(238,241,242,.72)
      )!important;

    background-clip:padding-box!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      0 10px 24px rgba(34,39,45,.075)!important;

    /* helps iOS/Safari clip composited layers to rounded corners */
    -webkit-transform:translateZ(0)!important;
    transform:translateZ(0)!important;
  }

  /* Old decorative pseudo layer caused the visible grey square at the bottom. */
  body main section.process#wspolpraca .process-step--zero::before,
  body main section.process#wspolpraca .process-step--zero::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    background:none!important;
    box-shadow:none!important;
    filter:none!important;
  }
}


/* =========================================================
   v122 — PROCESS SWIPE CARD: NO OUTER SHADOW
   Cleaner, flatter premium frame.
   ========================================================= */

@media (max-width:820px){

  body main section.process#wspolpraca .process-step--zero,
  body main section.process#wspolpraca .process-step--zero:nth-child(odd),
  body main section.process#wspolpraca .process-step--zero:nth-child(2n){

    /* slightly lighter/softer than v121 */
    border:1.3px solid rgba(28,32,36,.205)!important;

    /* remove the square-looking outer shadow completely */
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98)!important;
  }
}


/* =========================================================
   v123 — MICRO BORDER TWEAK
   ========================================================= */

@media (max-width:820px){
  body main section.process#wspolpraca .process-step--zero,
  body main section.process#wspolpraca .process-step--zero:nth-child(odd),
  body main section.process#wspolpraca .process-step--zero:nth-child(2n){
    border-width:1.45px!important;
  }
}


/* =========================================================
   v124 — MOBILE APP TABS DISCOVERABILITY
   Auto moving rail + clearer "there is more" affordance.
   ========================================================= */

@media (max-width:820px){

  body main section.app-demo[data-app-demo] .app-demo__nav{
    position:relative!important;

    /* keep native horizontal swipe */
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-behavior:smooth!important;
    scroll-snap-type:x proximity!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;

    /* slightly stronger side fade = obvious continuation */
    -webkit-mask-image:
      linear-gradient(
        90deg,
        transparent 0,
        rgba(0,0,0,.70) 12px,
        #000 28px,
        #000 calc(100% - 34px),
        rgba(0,0,0,.70) calc(100% - 14px),
        transparent 100%
      )!important;

    mask-image:
      linear-gradient(
        90deg,
        transparent 0,
        rgba(0,0,0,.70) 12px,
        #000 28px,
        #000 calc(100% - 34px),
        rgba(0,0,0,.70) calc(100% - 14px),
        transparent 100%
      )!important;
  }

  /* Small motion hint on the whole rail only before first interaction. */
  body main section.app-demo[data-app-demo] .app-demo__nav[data-auto-tabs="true"]{
    will-change:scroll-position!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__tab{
    scroll-snap-align:center!important;
  }

  /* Tiny gold continuation cue at the right edge. */
  body main section.app-demo[data-app-demo] .app-demo__tabs-wrap{
    position:relative!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__tabs-wrap::after{
    content:"›"!important;
    position:absolute!important;
    z-index:6!important;
    pointer-events:none!important;

    right:2px!important;
    top:50%!important;
    transform:translateY(-50%)!important;

    width:24px!important;
    height:34px!important;

    display:grid!important;
    place-items:center!important;

    color:#a97827!important;
    -webkit-text-fill-color:#a97827!important;

    font-size:1.15rem!important;
    line-height:1!important;
    font-weight:700!important;

    opacity:.62!important;

    background:
      linear-gradient(
        90deg,
        rgba(246,243,236,0),
        rgba(246,243,236,.86) 52%,
        rgba(246,243,236,.98)
      )!important;
  }

  body main section.app-demo[data-app-demo] .app-demo__tabs-wrap.is-at-end::after{
    content:"‹"!important;
    right:auto!important;
    left:2px!important;

    background:
      linear-gradient(
        270deg,
        rgba(246,243,236,0),
        rgba(246,243,236,.86) 52%,
        rgba(246,243,236,.98)
      )!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body main section.app-demo[data-app-demo] .app-demo__nav{
    scroll-behavior:auto!important;
  }
}


/* =========================================================
   v125 — APP TABS BOUNCE LOOP
   1 → 2 → 3 → 4 → 5 → 4 → 3 → 2 → 1
   ========================================================= */
@media (max-width:820px){
  body main section.app-demo[data-app-demo] .app-demo__nav{
    scroll-behavior:smooth!important;
  }
}


/* =========================================================
   v126 — APP PREVIEW / ACTIVITY SCREEN POLISH
   Fix KROKI overflow + rebalance compact phone UI.
   ========================================================= */

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard{
  overflow:hidden!important;
}

/* Top KROKI / CARDIO pair */
section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-duo{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  margin-top:10px!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-small-card{
  min-width:0!important;
  width:100%!important;

  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  align-items:start!important;
  gap:8px!important;

  padding:11px 9px!important;

  border-radius:14px!important;
  overflow:hidden!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.030),
      rgba(255,255,255,.012)
    )!important;

  border:1px solid rgba(255,255,255,.085)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-small-card > div{
  min-width:0!important;
  width:100%!important;
  overflow:visible!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-mini-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;

  display:grid!important;
  place-items:center!important;

  margin:0!important;

  border-radius:10px!important;
}

/* Labels */
section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-small-card small{
  display:block!important;
  margin:0 0 3px!important;

  color:#74797e!important;
  -webkit-text-fill-color:#74797e!important;

  font-size:.44rem!important;
  line-height:1!important;
  font-weight:780!important;
  letter-spacing:.095em!important;
  white-space:nowrap!important;
}

/* Values */
section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-small-card strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;

  color:#e3dfd8!important;
  -webkit-text-fill-color:#e3dfd8!important;

  font-size:.68rem!important;
  line-height:1.12!important;
  font-weight:720!important;
  letter-spacing:-.025em!important;

  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* KROKI is the longest value: tune it independently. */
section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-small-card:first-child strong{
  font-size:.615rem!important;
  letter-spacing:-.035em!important;
}

/* Descriptions: no more "2 z 3 sesji w t..." */
section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-small-card p{
  display:block!important;
  width:100%!important;
  max-width:100%!important;

  margin:4px 0 0!important;

  color:#64696e!important;
  -webkit-text-fill-color:#64696e!important;

  font-size:.41rem!important;
  line-height:1.28!important;
  font-weight:500!important;

  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;

  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}

/* Slightly cleaner headline rhythm */
section.app-demo[data-app-demo] .app-demo__device .lu-dashboard > h3{
  margin-top:4px!important;
  margin-bottom:0!important;

  font-size:1.31rem!important;
  line-height:1.02!important;
  letter-spacing:-.047em!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard > h3 em{
  white-space:nowrap!important;
}

/* Section headers */
section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-section-title{
  margin-top:13px!important;
  margin-bottom:7px!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-section-title strong{
  font-size:.69rem!important;
  font-weight:700!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-section-title small{
  font-size:.43rem!important;
}

/* Daily goal card */
section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-focus-card{
  border-radius:16px!important;
  padding:13px 12px 10px!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-focus-copy > strong{
  font-size:1.18rem!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-focus-copy > p{
  max-width:125px!important;
  font-size:.46rem!important;
  line-height:1.32!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-focus-card > button{
  min-height:30px!important;
  margin-top:9px!important;
  border-radius:9px!important;
}

/* Bottom assumptions */
section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-shortcuts{
  display:grid!important;
  gap:6px!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-shortcuts button{
  min-width:0!important;
  min-height:43px!important;
  padding:7px 9px!important;
  border-radius:12px!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-shortcuts button > div{
  min-width:0!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-shortcuts button small{
  font-size:.42rem!important;
}

section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-shortcuts button strong{
  display:block!important;
  max-width:100%!important;

  font-size:.55rem!important;
  line-height:1.18!important;

  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Very narrow phone preview / actual narrow mobile viewport */
@media (max-width:390px){
  section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-duo{
    gap:6px!important;
  }

  section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-small-card{
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:6px!important;
    padding:10px 7px!important;
  }

  section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-mini-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }

  section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-small-card strong{
    font-size:.64rem!important;
  }

  section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-small-card:first-child strong{
    font-size:.575rem!important;
  }

  section.app-demo[data-app-demo] .app-demo__device .lu-dashboard .lu-small-card p{
    font-size:.385rem!important;
  }
}


/* =========================================================
   v127 — MOBILE GLOBAL CARD BORDERS + SCROLL TO TOP
   ========================================================= */

@media (max-width:820px){

  :root{
    --v127-mobile-border:rgba(28,32,36,.215);
    --v127-mobile-border-soft:rgba(28,32,36,.18);
    --v127-mobile-border-gold:rgba(184,134,40,.32);
  }

  /* -------------------------------------------------------
     MAIN CARD FAMILY
     Stronger frame, still light — no heavy outer shadow.
     ------------------------------------------------------- */
  body main section.process#wspolpraca .process-step--zero,
  body main section.process#wspolpraca .process__promise,

  body main section.packages#pakiety .packages__mobile-details details,
  body main section.packages#pakiety .package-card,
  body main section.packages#pakiety .packages__process,
  body main section.packages#pakiety .packages__extras > article,

  body main section.trainers#trenerzy .trainer-tab,

  body main section.reviews-showcase#opinie .review-platform,
  body main section.reviews-showcase#opinie .quote-chip,

  body main section.faq#faq .faq-item,

  body main section.apply#zglos-sie .apply-form{
    border-width:1.45px!important;
    border-style:solid!important;
    border-color:var(--v127-mobile-border)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98)!important;
  }

  /* -------------------------------------------------------
     SECONDARY / INNER WINDOWS
     ------------------------------------------------------- */
  body main section.packages#pakiety .package-price,
  body main section.packages#pakiety .packages__doping-note,
  body main section.apply#zglos-sie .apply-package__icon,
  body main section.process#wspolpraca .process-step__icon,
  body main section.reviews-showcase#opinie .review-platform__icon{
    border-width:1.25px!important;
    border-style:solid!important;
    border-color:var(--v127-mobile-border-soft)!important;
  }

  /* Active / highlighted cards get a subtle gold edge. */
  body main section.packages#pakiety .package-card--focus,
  body main section.trainers#trenerzy .trainer-tab.is-active,
  body main section.faq#faq .faq-item.is-open,
  body main section.faq#faq .faq-item[open]{
    border-color:var(--v127-mobile-border-gold)!important;
  }

  /* Keep package cards neatly clipped with the stronger edge. */
  body main section.packages#pakiety .package-card{
    overflow:hidden!important;
    background-clip:padding-box!important;
  }

  body main section.packages#pakiety .package-price{
    background-clip:padding-box!important;
  }

  /* -------------------------------------------------------
     FLOATING SCROLL-TO-TOP
     ------------------------------------------------------- */
  .scroll-top-fab{
    position:fixed!important;
    right:14px!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 18px)!important;
    z-index:90!important;

    width:44px!important;
    height:44px!important;

    display:grid!important;
    place-items:center!important;

    padding:0!important;
    margin:0!important;

    border-radius:14px!important;
    border:1.35px solid rgba(181,132,41,.28)!important;

    color:#9f7126!important;
    -webkit-text-fill-color:#9f7126!important;

    background:
      radial-gradient(
        120% 120% at 22% 0%,
        rgba(255,255,255,.98),
        rgba(255,255,255,.42) 54%,
        rgba(255,255,255,0) 100%
      ),
      linear-gradient(
        145deg,
        rgba(255,255,255,.92),
        rgba(235,238,240,.78)
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      0 8px 22px rgba(34,39,45,.10)!important;

    backdrop-filter:blur(18px) saturate(108%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(108%)!important;

    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;

    transform:translateY(10px) scale(.94)!important;

    transition:
      opacity .22s ease,
      transform .22s ease,
      visibility .22s ease!important;
  }

  .scroll-top-fab.is-visible{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }

  .scroll-top-fab svg{
    width:18px!important;
    height:18px!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    fill:none!important;
  }

  .scroll-top-fab:active{
    transform:scale(.95)!important;
  }
}

@media (max-width:390px){
  .scroll-top-fab{
    right:11px!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 14px)!important;
    width:42px!important;
    height:42px!important;
  }
}

@media (min-width:821px){
  .scroll-top-fab{
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .scroll-top-fab{
    transition:none!important;
  }
}


/* =========================================================
   v129 — MOBILE PACKAGE OVERLAY FIX
   Keep v127 colors. Remove the layer that made cards look
   as if a translucent sheet was covering them on iOS.
   ========================================================= */

@media (max-width:820px){

  /* Main period cards: no pseudo-glass layers at all. */
  body main section.packages#pakiety .package-card::before,
  body main section.packages#pakiety .package-card::after{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    background:none!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /*
    iOS can make nested translucent + backdrop-filter cards
    look like a white overlay. These cards already have their
    own light material, so blur isn't needed here.
  */
  body main section.packages#pakiety .package-card{
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;

    isolation:isolate!important;
    background-clip:padding-box!important;

    /* preserve current v127 material — no recoloring */
  }

  /* Same fix for the two price windows inside each package. */
  body main section.packages#pakiety .package-price::before,
  body main section.packages#pakiety .package-price::after{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    background:none!important;
    box-shadow:none!important;
    filter:none!important;
  }

  body main section.packages#pakiety .package-price{
    opacity:1!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    isolation:isolate!important;
  }

  /* All actual content always stays above the card material. */
  body main section.packages#pakiety .package-card > *{
    position:relative!important;
    z-index:2!important;
    opacity:1!important;
  }

  /* Keep the bestseller badge on top of everything. */
  body main section.packages#pakiety .package-card__bestseller{
    z-index:10!important;
  }
}


/* =========================================================
   v130 — FOOTER CLEANUP + FLOATING ARROW MOTION
   ========================================================= */

@keyframes luScrollTopWiggle{
  0%, 100% { transform:translateX(0); }
  20% { transform:translateX(-1.5px); }
  40% { transform:translateX(1.5px); }
  60% { transform:translateX(-1px); }
  80% { transform:translateX(1px); }
}

@media (max-width:820px){

  /* Footer: copyright only. */
  body .site-footer-v35__bottom{
    justify-content:flex-start!important;
  }

  body .site-footer-v35__bottom > a[href="#top"]{
    display:none!important;
  }

  /* Keep the floating button still; animate only the arrow icon. */
  .scroll-top-fab.is-visible svg{
    animation:luScrollTopWiggle 1.8s ease-in-out 1.1s infinite!important;
    transform-origin:center!important;
    will-change:transform!important;
  }

  .scroll-top-fab:active svg{
    animation-play-state:paused!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .scroll-top-fab.is-visible svg{
    animation:none!important;
  }
}


/* =========================================================
   v131 — BESTSELLER BADGE ON CARD BORDER + BETTER SCROLL TOP
   ========================================================= */

@keyframes luScrollTopPulseWiggle{
  0%, 72%, 100% { transform:translateX(0) rotate(0deg); }
  76% { transform:translateX(-1.5px) rotate(-2deg); }
  79% { transform:translateX(1.5px) rotate(2deg); }
  82% { transform:translateX(-1px) rotate(-1deg); }
  85% { transform:translateX(1px) rotate(1deg); }
  88% { transform:translateX(0) rotate(0deg); }
}

@media (max-width:820px){

  /* -------------------------------------------------------
     BESTSELLER BADGE — sits exactly on the card's top border
     ------------------------------------------------------- */
  body main section.packages#pakiety .packages__grid{
    padding-top:24px!important;
  }

  body main section.packages#pakiety .package-card--focus{
    overflow:visible!important;
    padding-top:28px!important;
  }

  body main section.packages#pakiety .package-card__bestseller{
    position:absolute!important;
    z-index:20!important;

    top:0!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;

    transform:translate(-50%,-50%)!important;

    width:max-content!important;
    max-width:calc(100% - 40px)!important;
    min-height:25px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding:0 13px!important;
    margin:0!important;

    border-radius:999px!important;
    border:1px solid rgba(154,109,31,.28)!important;

    background:
      linear-gradient(
        180deg,
        #e5bf67 0%,
        #ca9537 100%
      )!important;

    color:#33260f!important;
    -webkit-text-fill-color:#33260f!important;

    font-size:.53rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.09em!important;
    white-space:nowrap!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.50),
      0 4px 10px rgba(139,98,28,.12)!important;

    animation:none!important;
  }

  /* Keep old sheen, but make it occasional and subtle. */
  body main section.packages#pakiety .package-card__bestseller::after{
    opacity:.38!important;
    animation-duration:7.5s!important;
  }

  /* -------------------------------------------------------
     SCROLL TO TOP — cleaner Lucide-style icon
     ------------------------------------------------------- */
  .scroll-top-fab{
    border-radius:14px!important;
  }

  .scroll-top-fab svg{
    width:19px!important;
    height:19px!important;

    stroke:#9f7126!important;
    stroke-width:1.9!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;

    fill:none!important;

    animation:none!important;
  }

  .scroll-top-fab.is-visible svg{
    animation:luScrollTopPulseWiggle 5.6s ease-in-out 1.4s infinite!important;
  }

  .scroll-top-fab:active svg{
    animation-play-state:paused!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .scroll-top-fab.is-visible svg{
    animation:none!important;
  }
}


/* =========================================================
   v132 — MOBILE SYSTEM / HEADER / CONSENT POLISH
   ========================================================= */

:root{
  --levelup-pearl-top:#f8f5ee;
}

html,
body{
  background-color:var(--levelup-pearl-top)!important;
}

/* =========================================================
   MOBILE STICKY HEADER — identical geometry at every scroll state
   ========================================================= */
@media (max-width:820px){

  body .nav-wrap,
  body .nav-wrap.is-scrolled{
    top:0!important;
    padding:
      max(8px, env(safe-area-inset-top))
      8px
      0!important;

    background:
      linear-gradient(
        180deg,
        var(--levelup-pearl-top) 0%,
        rgba(248,245,238,.94) 58%,
        rgba(248,245,238,0) 100%
      )!important;

    box-shadow:none!important;
    transform:none!important;
  }

  body .nav-wrap .nav,
  body .nav-wrap.is-scrolled .nav{
    box-sizing:border-box!important;

    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;

    margin:0!important;
    padding:6px 7px 6px 10px!important;

    grid-template-columns:minmax(0,1fr) auto auto!important;
    column-gap:7px!important;
    align-items:center!important;

    border-radius:17px!important;
    border:1px solid rgba(29,33,38,.13)!important;

    background:
      radial-gradient(
        90% 120% at 10% 0%,
        rgba(255,255,255,.96),
        rgba(255,255,255,.34) 60%,
        rgba(255,255,255,0) 100%
      ),
      linear-gradient(
        145deg,
        rgba(255,255,255,.84),
        rgba(238,240,242,.72)
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      0 8px 24px rgba(34,39,45,.09)!important;

    backdrop-filter:blur(20px) saturate(108%)!important;
    -webkit-backdrop-filter:blur(20px) saturate(108%)!important;

    transform:none!important;
    transition:
      background-color .18s ease,
      border-color .18s ease,
      box-shadow .18s ease!important;
  }

  /* lock every child dimension too — no optical header growth */
  body .nav-wrap .brand,
  body .nav-wrap.is-scrolled .brand{
    min-width:0!important;
    height:40px!important;
    gap:7px!important;
    align-items:center!important;
  }

  body .nav-wrap .brand-mark,
  body .nav-wrap.is-scrolled .brand-mark{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex:0 0 34px!important;
    margin:0!important;
    transform:none!important;
  }

  body .nav-wrap .mobile-top-cta,
  body .nav-wrap.is-scrolled .mobile-top-cta{
    box-sizing:border-box!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0 13px!important;
    margin:0!important;
    transform:none!important;
  }

  body .nav-wrap .menu-button,
  body .nav-wrap.is-scrolled .menu-button{
    box-sizing:border-box!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  /* =======================================================
     CONSENT CHECKBOX — white control in light theme
     ======================================================= */
  body main section.apply#zglos-sie .apply-consent input[type="checkbox"],
  body main section.apply#zglos-sie input[type="checkbox"][name="consent"]{
    box-sizing:border-box!important;

    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    flex:0 0 18px!important;

    margin:1px 0 0!important;
    padding:0!important;

    appearance:none!important;
    -webkit-appearance:none!important;

    border:1.25px solid rgba(43,48,53,.28)!important;
    border-radius:4px!important;

    background-color:#fff!important;
    background-image:none!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      0 2px 7px rgba(34,39,45,.055)!important;

    cursor:pointer!important;
  }

  body main section.apply#zglos-sie .apply-consent input[type="checkbox"]:checked,
  body main section.apply#zglos-sie input[type="checkbox"][name="consent"]:checked{
    border-color:rgba(174,124,34,.55)!important;

    background-color:#fff!important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.5 10.2 8.1 13.7 15.5 6.3' fill='none' stroke='%23a87525' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-size:14px 14px!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }

  body main section.apply#zglos-sie .apply-consent input[type="checkbox"]:focus-visible,
  body main section.apply#zglos-sie input[type="checkbox"][name="consent"]:focus-visible{
    outline:2px solid rgba(190,141,48,.24)!important;
    outline-offset:2px!important;
  }

  body main section.apply#zglos-sie .apply-consent span{
    color:#626970!important;
    -webkit-text-fill-color:#626970!important;
    opacity:1!important;
  }
}

@media (max-width:390px){
  body .nav-wrap,
  body .nav-wrap.is-scrolled{
    padding:
      max(7px, env(safe-area-inset-top))
      7px
      0!important;
  }

  body .nav-wrap .nav,
  body .nav-wrap.is-scrolled .nav{
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:5px 6px 5px 8px!important;
    column-gap:5px!important;
  }

  body .nav-wrap .brand-mark,
  body .nav-wrap.is-scrolled .brand-mark{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    flex-basis:32px!important;
  }

  body .nav-wrap .mobile-top-cta,
  body .nav-wrap.is-scrolled .mobile-top-cta{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0 11px!important;
  }

  body .nav-wrap .menu-button,
  body .nav-wrap.is-scrolled .menu-button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
  }
}


/* =========================================================
   v133 — PACKAGE FOCUS + REVIEW COUNT
   Gold belongs to the recommended 3-month package, not
   specifically to "Standard + Doping".
   ========================================================= */

/* ---------------------------------------------------------
   PACKAGES — whole 3-month card gets the stronger gold cue.
   --------------------------------------------------------- */
section.packages[data-packages] .package-card--focus{
  border-width:1.75px!important;
  border-style:solid!important;
  border-color:rgba(184,132,36,.52)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 0 0 1px rgba(207,159,63,.035)!important;
}

/* Both inner choices are equal. No special gold Doping tile. */
section.packages[data-packages] .package-card--focus .package-price,
section.packages[data-packages] .package-card--focus .package-price:nth-child(2),
section.packages[data-packages] .package-card--focus .package-price:last-child{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.78),
      rgba(235,237,238,.62)
    )!important;

  border-width:1px!important;
  border-style:solid!important;
  border-color:rgba(28,31,35,.115)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 7px 18px rgba(34,39,45,.05)!important;
}

/* Inner choices should never inherit a warm overlay. */
section.packages[data-packages] .package-card--focus .package-price::before,
section.packages[data-packages] .package-card--focus .package-price::after{
  content:none!important;
  display:none!important;
}

/* Bestseller stays clearly attached to the highlighted border. */
section.packages[data-packages] .package-card__bestseller{
  border-color:rgba(143,99,25,.34)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 4px 11px rgba(142,99,28,.12)!important;
}

/* ---------------------------------------------------------
   REVIEWS — count is important proof, not tertiary copy.
   --------------------------------------------------------- */
section.reviews-showcase[data-reviews-showcase]
.review-platform--facebook .review-platform__copy
.review-platform__count{
  margin-top:4px!important;

  color:#565d64!important;
  -webkit-text-fill-color:#565d64!important;
  opacity:1!important;

  font-size:.72rem!important;
  line-height:1.25!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}

section.reviews-showcase[data-reviews-showcase]
.review-platform--facebook .review-platform__copy
.review-platform__count b{
  color:#23282d!important;
  -webkit-text-fill-color:#23282d!important;

  font-weight:820!important;
}

/* Fine gold marker helps the social proof read as deliberate. */
section.reviews-showcase[data-reviews-showcase]
.review-platform--facebook .review-platform__copy
.review-platform__count::before{
  content:""!important;
  display:inline-block!important;

  width:5px!important;
  height:5px!important;
  margin-right:6px!important;
  vertical-align:1px!important;

  border-radius:50%!important;
  background:#c39335!important;
}

/* Mobile: keep it strong, without becoming oversized. */
@media (max-width:820px){

  section.packages[data-packages] .package-card--focus{
    border-width:1.7px!important;
    border-color:rgba(184,132,36,.50)!important;
  }

  section.packages[data-packages] .package-card--focus .package-price,
  section.packages[data-packages] .package-card--focus .package-price:nth-child(2),
  section.packages[data-packages] .package-card--focus .package-price:last-child{
    border-color:rgba(28,31,35,.14)!important;
  }

  section.reviews-showcase[data-reviews-showcase]
  .review-platform--facebook .review-platform__copy
  .review-platform__count{
    font-size:.63rem!important;
    font-weight:640!important;
  }
}


/* =========================================================
   v134 — PACKAGE / REVIEWS / MOBILE HEADER CLEANUP
   ========================================================= */

/* ---------------------------------------------------------
   1. 3 MONTHS = the highlighted thing.
      Standard and Standard + Doping remain visually equal.
   --------------------------------------------------------- */
section.packages[data-packages] .package-card--focus{
  border:2px solid rgba(181,128,31,.58)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 0 0 1px rgba(203,153,57,.05)!important;
}

/* Hard reset both inner options to the same neutral treatment. */
section.packages[data-packages]
.package-card--focus
.package-price,
section.packages[data-packages]
.package-card--focus
.package-price[data-variant="Standard"],
section.packages[data-packages]
.package-card--focus
.package-price[data-variant="Standard + Doping"],
section.packages[data-packages]
.package-card--focus
.package-price:nth-child(1),
section.packages[data-packages]
.package-card--focus
.package-price:nth-child(2),
section.packages[data-packages]
.package-card--focus
.package-price:last-child{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.80),
      rgba(235,238,240,.66)
    )!important;

  background-image:
    linear-gradient(
      145deg,
      rgba(255,255,255,.80),
      rgba(235,238,240,.66)
    )!important;

  border:1px solid rgba(28,32,36,.14)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 6px 16px rgba(34,39,45,.045)!important;

  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Kill every old warm pseudo-overlay on the Doping option. */
section.packages[data-packages]
.package-card--focus
.package-price[data-variant="Standard + Doping"]::before,
section.packages[data-packages]
.package-card--focus
.package-price[data-variant="Standard + Doping"]::after,
section.packages[data-packages]
.package-card--focus
.package-price:nth-child(2)::before,
section.packages[data-packages]
.package-card--focus
.package-price:nth-child(2)::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  opacity:0!important;
}

/* ---------------------------------------------------------
   2. MOBILE REVIEW CARDS
      Main info stays by the icon.
      Longer proof/description starts full width underneath.
   --------------------------------------------------------- */
@media (max-width:820px){

  section.reviews-showcase[data-reviews-showcase] .review-platform{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;

    column-gap:10px!important;
    row-gap:2px!important;

    min-height:132px!important;
    padding:12px 11px!important;
  }

  section.reviews-showcase[data-reviews-showcase] .review-platform__icon{
    grid-column:1!important;
    grid-row:1 / span 2!important;

    width:40px!important;
    height:40px!important;

    align-self:start!important;
  }

  /* Allows SMALL / STRONG / P to participate in the parent grid. */
  section.reviews-showcase[data-reviews-showcase] .review-platform__copy{
    display:contents!important;
  }

  section.reviews-showcase[data-reviews-showcase] .review-platform__copy > small{
    grid-column:2!important;
    grid-row:1!important;

    align-self:end!important;
    margin:0 0 2px!important;
  }

  section.reviews-showcase[data-reviews-showcase] .review-platform__copy > strong{
    grid-column:2!important;
    grid-row:2!important;

    min-width:0!important;
    margin:0!important;
  }

  /* THIS is the requested change:
     copy starts under the FB/Google icon, across the full card. */
  section.reviews-showcase[data-reviews-showcase] .review-platform__copy > p{
    grid-column:1 / -1!important;
    grid-row:3!important;

    width:100%!important;
    max-width:none!important;

    margin:8px 0 0!important;
    padding:0!important;

    color:#5c636a!important;
    -webkit-text-fill-color:#5c636a!important;
    opacity:1!important;

    font-size:.61rem!important;
    line-height:1.35!important;
    font-weight:560!important;

    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  section.reviews-showcase[data-reviews-showcase]
  .review-platform--facebook
  .review-platform__count{
    font-size:.62rem!important;
    font-weight:640!important;
  }

  section.reviews-showcase[data-reviews-showcase]
  .review-platform--facebook
  .review-platform__count b{
    font-weight:850!important;
  }

  /* -------------------------------------------------------
     3. PEARL BACKDROP ONLY AT TOP OF PAGE.
        Scrolled sticky header floats over content again.
     ------------------------------------------------------- */
  body .nav-wrap{
    background:
      linear-gradient(
        180deg,
        var(--levelup-pearl-top) 0%,
        rgba(248,245,238,.94) 58%,
        rgba(248,245,238,0) 100%
      )!important;
  }

  body .nav-wrap.is-scrolled{
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  /* The glass nav itself remains unchanged and stable. */
  body .nav-wrap.is-scrolled .nav{
    background:
      radial-gradient(
        90% 120% at 10% 0%,
        rgba(255,255,255,.96),
        rgba(255,255,255,.34) 60%,
        rgba(255,255,255,0) 100%
      ),
      linear-gradient(
        145deg,
        rgba(255,255,255,.84),
        rgba(238,240,242,.72)
      )!important;

    border-color:rgba(29,33,38,.13)!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      0 8px 24px rgba(34,39,45,.09)!important;
  }
}

@media (max-width:390px){
  section.reviews-showcase[data-reviews-showcase] .review-platform{
    grid-template-columns:36px minmax(0,1fr)!important;
    column-gap:9px!important;
    padding:11px 9px!important;
  }

  section.reviews-showcase[data-reviews-showcase] .review-platform__icon{
    width:36px!important;
    height:36px!important;
  }
}


/* =========================================================
   v135 — PACKAGE / REVIEWS / TRANSFORMATION CTA / DETAILS
   ========================================================= */

/* ---------------------------------------------------------
   1. RECOMMENDED PACKAGE
   Entire 3-month card is highlighted.
   Inner Standard + Doping is NOT highlighted.
   --------------------------------------------------------- */

/* Uniform gold line around the whole recommended card. */
section.packages[data-packages] .package-card--focus{
  position:relative!important;

  border:1px solid transparent!important;

  box-shadow:
    inset 0 0 0 1.55px rgba(181,128,31,.56),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}

/* Hard neutral reset for BOTH internal price options. */
section.packages[data-packages]
.package-card--focus
.package-price[data-package="3 miesiące"],
section.packages[data-packages]
.package-card--focus
.package-price[data-variant="Standard"],
section.packages[data-packages]
.package-card--focus
.package-price[data-variant="Standard + Doping"]{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.86),
      rgba(236,239,241,.70)
    )!important;

  background-image:
    linear-gradient(
      145deg,
      rgba(255,255,255,.86),
      rgba(236,239,241,.70)
    )!important;

  border:1px solid rgba(28,32,36,.14)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 6px 16px rgba(34,39,45,.045)!important;

  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Extra-specific reset so legacy :last-child / nth-child rules cannot win. */
section.packages[data-packages]
.package-card--focus
.package-card__prices
> .package-price:last-child,
section.packages[data-packages]
.package-card--focus
.package-card__prices
> .package-price:nth-child(2),
section.packages[data-packages]
.package-card--focus
.package-card__prices
> button[data-variant="Standard + Doping"]{
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.86),
      rgba(236,239,241,.70)
    )!important;

  background-image:
    linear-gradient(
      145deg,
      rgba(255,255,255,.86),
      rgba(236,239,241,.70)
    )!important;

  border-color:rgba(28,32,36,.14)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 6px 16px rgba(34,39,45,.045)!important;
}

section.packages[data-packages]
.package-card--focus
.package-card__prices
> button[data-variant="Standard + Doping"]::before,
section.packages[data-packages]
.package-card--focus
.package-card__prices
> button[data-variant="Standard + Doping"]::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  opacity:0!important;
}

/* ---------------------------------------------------------
   2. REVIEW PLATFORM TABS — gold stars + stronger typography
   --------------------------------------------------------- */

section.reviews-showcase[data-reviews-showcase]
.review-platform .platform-score > span,
section.reviews-showcase[data-reviews-showcase]
.review-platform .review-stars,
section.reviews-showcase[data-reviews-showcase]
.review-platform [aria-label*="gwiazd"],
section.reviews-showcase[data-reviews-showcase]
.review-platform [class*="stars"]{
  color:#c69332!important;
  -webkit-text-fill-color:#c69332!important;
  opacity:1!important;
}

section.reviews-showcase[data-reviews-showcase]
.review-platform--facebook .review-platform__copy > strong,
section.reviews-showcase[data-reviews-showcase]
.review-platform--google .review-platform__copy > strong{
  font-size:1.08rem!important;
  line-height:1.05!important;
  font-weight:830!important;
}

section.reviews-showcase[data-reviews-showcase]
.review-platform .review-platform__copy > small{
  font-size:.63rem!important;
  font-weight:820!important;
  letter-spacing:.14em!important;
}

section.reviews-showcase[data-reviews-showcase]
.review-platform .platform-score{
  font-size:.79rem!important;
}

/* Stars in the score row specifically. */
section.reviews-showcase[data-reviews-showcase]
.review-platform .platform-score > span{
  font-size:.84rem!important;
  letter-spacing:.05em!important;
}

/* ---------------------------------------------------------
   3. TRANSFORMATION CTA — gold primary button
   --------------------------------------------------------- */

section.transformations#przemiany
.transformations-cta.transformations-cta--clean > a{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;

  background:
    linear-gradient(
      135deg,
      #d9b25d 0%,
      #c48e30 100%
    )!important;

  border:1px solid rgba(146,101,28,.30)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    0 8px 19px rgba(126,88,26,.13)!important;

  font-weight:820!important;
}

section.transformations#przemiany
.transformations-cta.transformations-cta--clean > a *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* ---------------------------------------------------------
   4. PACKAGE DETAILS — stronger mobile feature list
   --------------------------------------------------------- */

@media (max-width:820px){

  body main section.packages#pakiety
  .packages__mobile-details details ul{
    gap:15px!important;
  }

  body main section.packages#pakiety
  .packages__mobile-details details li{
    align-items:flex-start!important;

    color:#4f565d!important;
    -webkit-text-fill-color:#4f565d!important;
    opacity:1!important;

    font-size:.87rem!important;
    line-height:1.43!important;
    font-weight:560!important;
  }

  body main section.packages#pakiety
  .packages__mobile-details details li > span:last-child{
    color:#4f565d!important;
    -webkit-text-fill-color:#4f565d!important;
    opacity:1!important;
  }

  body main section.packages#pakiety
  .packages__mobile-details .package-feature-icon{
    margin-top:1px!important;

    color:#bd892d!important;
    opacity:1!important;
  }

  body main section.packages#pakiety
  .packages__mobile-details summary > span:first-child{
    font-size:1rem!important;
    font-weight:800!important;
  }

  /* Slightly larger review typography on mobile too. */
  section.reviews-showcase[data-reviews-showcase]
  .review-platform--facebook .review-platform__copy > strong,
  section.reviews-showcase[data-reviews-showcase]
  .review-platform--google .review-platform__copy > strong{
    font-size:.92rem!important;
  }

  section.reviews-showcase[data-reviews-showcase]
  .review-platform .platform-score > span{
    font-size:.78rem!important;
  }
}

@media (max-width:390px){
  body main section.packages#pakiety
  .packages__mobile-details details li{
    font-size:.83rem!important;
  }
}


/* =========================================================
   v137 — UNIFORM RECOMMENDED BORDER + PACKAGE SEPARATORS
   ========================================================= */

/* Recommended 3-month package:
   no physical gold border / no shadow ring.
   Gold lives as a background border layer = equal visual width
   on straight edges and rounded corners. */
html body main section#pakiety.packages[data-packages]
article.package-card.package-card--focus{
  border:1.45px solid transparent!important;

  background:
    radial-gradient(
      76% 56% at 50% 0%,
      rgba(216,180,95,.11),
      rgba(216,180,95,0) 72%
    ) padding-box,
    linear-gradient(
      145deg,
      rgba(255,255,255,.94),
      rgba(247,246,241,.86) 54%,
      rgba(238,236,229,.80)
    ) padding-box,
    linear-gradient(
      135deg,
      rgba(213,169,78,.94),
      rgba(174,119,28,.78)
    ) border-box!important;

  background-clip:
    padding-box,
    padding-box,
    border-box!important;

  box-shadow:none!important;
  outline:0!important;
}

/* No decoration layer around the focus card. */
html body main section#pakiety.packages[data-packages]
article.package-card.package-card--focus::before,
html body main section#pakiety.packages[data-packages]
article.package-card.package-card--focus::after{
  content:none!important;
  display:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:none!important;
}

/* Make both variants fully opaque and neutral so the warm parent
   cannot bleed through Standard + Doping. */
html body main section#pakiety.packages[data-packages]
article.package-card.package-card--focus
div.package-card__prices
> button.package-price{
  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f3f4f4 100%
    )!important;

  background-image:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f3f4f4 100%
    )!important;

  border:1px solid rgba(29,33,37,.145)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    0 5px 14px rgba(34,39,45,.045)!important;

  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html body main section#pakiety.packages[data-packages]
article.package-card.package-card--focus
div.package-card__prices
> button.package-price::before,
html body main section#pakiety.packages[data-packages]
article.package-card.package-card--focus
div.package-card__prices
> button.package-price::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* MOBILE DETAIL LISTS — editorial separators instead of one text wall. */
@media (max-width:820px){

  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details details > ul{
    display:grid!important;
    gap:0!important;
  }

  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details details > ul > li{
    position:relative!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    column-gap:12px!important;
    align-items:start!important;

    padding:13px 0!important;
    margin:0!important;

    font-size:.91rem!important;
    line-height:1.42!important;
    font-weight:590!important;
  }

  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details details > ul > li:first-child{
    padding-top:4px!important;
  }

  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details details > ul > li:last-child{
    padding-bottom:4px!important;
  }

  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details details > ul > li + li{
    border-top:1px solid rgba(38,43,48,.075)!important;
  }

  /* line starts after the icon column, which makes it feel lighter */
  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details details > ul > li + li::before{
    content:""!important;
    position:absolute!important;
    left:42px!important;
    right:0!important;
    top:-1px!important;
    height:1px!important;
    background:
      linear-gradient(
        90deg,
        rgba(190,141,48,.14),
        rgba(38,43,48,.06) 46%,
        rgba(38,43,48,0)
      )!important;
    pointer-events:none!important;
  }

  /* remove full-width border — keep only the refined inset separator */
  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details details > ul > li + li{
    border-top-color:transparent!important;
  }

  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details details > ul > li > .package-feature-icon{
    margin-top:1px!important;
  }
}


/* =========================================================
   v138 — COMPACT MOBILE PACKAGE DETAILS
   ========================================================= */
@media (max-width:820px){
  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details details > ul > li{
    grid-template-columns:25px minmax(0,1fr)!important;
    column-gap:9px!important;
    padding:9px 0!important;
    font-size:.84rem!important;
    line-height:1.34!important;
    font-weight:590!important;
  }

  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details details > ul > li:first-child{
    padding-top:2px!important;
  }

  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details details > ul > li:last-child{
    padding-bottom:2px!important;
  }

  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details details > ul > li + li::before{
    left:34px!important;
  }

  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details details > ul > li > span:last-child{
    font-size:.84rem!important;
    line-height:1.34!important;
  }

  html body main section#pakiety.packages[data-packages]
  div.packages__mobile-details .package-feature-icon{
    transform:scale(.92)!important;
    transform-origin:center!important;
  }
}