.cp-plane{margin-bottom:clamp(44px,6.2vh,84px) !important}
.s9-cta{bottom:-3%}
.cp-enter{margin-top:clamp(12px,2.2vh,30px)}
.cp-enter-row{margin-bottom:clamp(8px,1.2vh,14px)}


html.cp-scroll-lock,
html.cp-scroll-lock body{overflow:hidden}


html{scrollbar-gutter:stable}


:root{--ease:cubic-bezier(.2,.7,.2,1)}

.btn,.btn.ghost,.s9-plate,.s9-cta,.cp-enter-btn,.cp-skip,.cp-arrow,
.tab,.gatewaybtn,.home-crumb a,.icon-btn,.wz-opt,.catchip,.syncbtn,
.cp-vs-skip,.cp-vs-play,.navscroll,#totop,#chatFab{
  transition:transform .18s var(--ease),
             background-color .18s var(--ease),
             border-color .18s var(--ease),
             box-shadow .18s var(--ease),
             color .18s var(--ease);
  will-change:transform;
}


.btn:focus-visible,.s9-plate:focus-visible,.s9-cta:focus-visible,
.cp-enter-btn:focus-visible,.cp-skip:focus-visible,.cp-arrow:focus-visible,
.tab:focus-visible,.gatewaybtn:focus-visible,.home-crumb a:focus-visible,
.icon-btn:focus-visible,.wz-opt:focus-visible,.catchip:focus-visible,
.cp-vs-skip:focus-visible,.cp-vs-play:focus-visible,.s9-rail:focus-visible{
  outline:2px solid #ff6aa6;outline-offset:3px;border-radius:inherit}


.btn:active,.s9-plate:active,.s9-cta:active,.cp-enter-btn:active,
.cp-skip:active,.cp-arrow:active,.gatewaybtn:active,.icon-btn:active,
.cp-vs-skip:active,#totop:active,#chatFab:active{
  transform:translateY(1px) scale(.985)}
.s9-cta:active{transform:translateX(-50%) translateY(1px) scale(.985)}


.btn:disabled,.icon-btn:disabled,button:disabled{
  opacity:.4;cursor:not-allowed;transform:none !important;box-shadow:none !important}


.cp-enter-btn{
  background:linear-gradient(120deg,#ec1866,#8b5cf6);border:none;border-radius:999px;
  color:#fff;font-weight:800;letter-spacing:.02em;
  box-shadow:0 0 0 1px rgba(236,24,102,.35),0 12px 40px -10px rgba(236,24,102,.7)}
.cp-enter-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(236,24,102,.5),0 18px 52px -10px rgba(236,24,102,.9)}
.cp-enter-btn .arw{transition:transform .18s var(--ease)}
.cp-enter-btn:hover .arw{transform:translateX(3px)}

.cp-skip{border-radius:999px}
.cp-skip:hover{transform:translateY(-1px)}


.cp-arrow{
  border-radius:50%;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);color:#fff;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cp-arrow:hover{
  background:rgba(236,24,102,.3);border-color:rgba(236,24,102,.55);
  box-shadow:0 10px 30px -10px rgba(236,24,102,.75)}
.cp-prev:hover{transform:translateY(-50%) translateX(-3px)}
.cp-next:hover{transform:translateY(-50%) translateX(3px)}


.cp-dot{transition:all .2s var(--ease);cursor:pointer}
.cp-dot:hover{transform:scale(1.35)}


.glass,.kpi,.chart-card,.sol-card,.term-chip,.vcard,.srccard,.doc-card,
.acc,.tw,.chatapp,.luma-panel,.wz-step,.pipe-row,.exec-glossary{
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease),
             transform .18s var(--ease),background-color .18s var(--ease)}


.cp-vs-frame,.glass,.kpi,.chart-card{will-change:transform}


@media (prefers-reduced-motion:reduce){
  .btn,.s9-plate,.s9-cta,.cp-enter-btn,.cp-skip,.cp-arrow,.tab,
  .gatewaybtn,.home-crumb a,.icon-btn,.wz-opt,.catchip,.cp-vs-skip,
  #totop,#chatFab,.glass{transition:none}
  .btn:hover,.s9-plate:hover,.cp-enter-btn:hover,.cp-arrow:hover,
  .glass:hover,.cp-dot:hover{transform:none}
  .s9-cta:hover{transform:translateX(-50%)}
}


.xlink{
  color:inherit;
  text-decoration:underline;
  text-decoration-color:rgba(236,24,102,.55);
  text-decoration-thickness:1px;
  text-underline-offset:2.5px;
  cursor:pointer;
  transition:color .16s var(--ease),text-decoration-color .16s var(--ease)}
.xlink:hover,.xlink:focus-visible{
  color:#ff6aa6;text-decoration-color:#ff6aa6;text-decoration-thickness:2px}
.xlink:focus-visible{outline:2px solid #ff6aa6;outline-offset:2px;border-radius:3px}