/* ================= Section 10 · CTA "Tell us what's holding you back" (Figma 989:11549) — white panel rides over testimonials ================= */
.green-zone{padding-bottom:30vh}
.pageCta{position:sticky;top:0;z-index:32;margin-top:-30vh;background:#fff;color:#131313;overflow:hidden;
  border-radius:calc(40px * var(--sc,1)) calc(40px * var(--sc,1)) 0 0;box-shadow:0 -30px 80px -20px rgba(0,0,0,.55)}
.frameCta{position:relative;width:1440px;height:614px;margin:0 auto;transform-origin:0 0}
@media (min-width:1200px){.pageCta{min-height:100vh}}
.frameCta h2{position:absolute;left:40px;top:98px;width:843px;margin:0;font:800 80px/1.2 var(--rubik);letter-spacing:1.2px;text-transform:uppercase}
.ct-lead{position:absolute;left:40px;top:290px;width:1188px;margin:0;font:400 20px/1.5 var(--rubik)}
.ct-btn{position:absolute;left:1075px;top:117px;width:326px;height:153px;padding:12px;border-radius:8px;background:#2f1ec1;color:#fff;
  display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font:500 16px/1.5 var(--mono);transition:background .25s,transform .35s var(--ease)}
.ct-btn span{align-self:stretch}
.ct-btn svg{transition:transform .35s var(--ease)}
.ct-btn:hover{background:#3a28d6;transform:translateY(-3px)}
.ct-btn:hover svg{transform:translate(2px,-2px) rotate(0deg)}
.ct-note{position:absolute;left:1075px;top:277px;width:326px;margin:0;font:400 16px/1.5 var(--rubik);color:#959595}
.ct-list{position:absolute;left:40px;top:389px;width:1361px;padding-top:40px;border-top:1px solid #dcdcdc;display:flex}
.ct-list ul{flex:1;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}
.ct-list li{display:flex;align-items:center;gap:20px;font:400 24px/1.5 var(--rubik);color:#363636}
.ct-list li svg{flex:none;color:#363636}
/* broken tag: a whole pill that snaps into two pieces with shards */
.ct-tag{position:absolute;left:0;top:0;width:1440px;height:300px;pointer-events:none}
.ct-piece,.ct-shard{position:absolute;left:0;top:0;transform-origin:50% 50%;will-change:transform}
.ct-piece{display:flex;align-items:center;pointer-events:auto;cursor:default}
.ct-piece b{display:flex;align-items:center;height:33.72px;background:#2f1ec1;color:#fff;font:500 16.516px/1.2 var(--rubik);letter-spacing:.25px;text-transform:uppercase;white-space:nowrap}
.ct-piece.l b{padding-left:16.516px;border-radius:688px 0 0 688px;margin-right:-1px}
.ct-piece.r b{padding-right:16.516px;border-radius:0 688px 688px 0;margin-left:-1px}
.ct-piece svg,.ct-shard{fill:#2f1ec1;display:block}
.ct-piece,.ct-shard{transform:translate(var(--x),var(--y)) rotate(var(--r))}
.ct-tag.whole .ct-piece{transform:translate(var(--x0),var(--y0)) rotate(0deg)}
.ct-tag.whole .ct-shard{transform:translate(var(--x0),var(--y0)) rotate(0deg) scale(0);opacity:0}
.ct-tag.hidden .ct-piece{opacity:0}
.ct-tag .ct-piece{transition:transform .75s cubic-bezier(.34,1.45,.55,1),opacity .4s var(--ease)}
.ct-tag .ct-shard{transition:transform .8s cubic-bezier(.2,1.2,.4,1),opacity .3s ease}
.ct-tag .ct-piece.r{transition-delay:.02s}
.ct-tag .ct-shard:nth-of-type(2){transition-delay:.05s}.ct-tag .ct-shard:nth-of-type(3){transition-delay:.1s}
.ct-tag.whole .ct-piece{transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s var(--ease)}
.ct-tag.whole .ct-shard{transition:transform .35s ease,opacity .25s ease}
.ct-tag.cracking .ct-piece.l{animation:shakeL .22s ease-in-out 2}
.ct-tag.cracking .ct-piece.r{animation:shakeR .22s ease-in-out 2}
@keyframes shakeL{50%{transform:translate(calc(var(--x0) - 1.5px),var(--y0)) rotate(-1.5deg)}}
@keyframes shakeR{50%{transform:translate(calc(var(--x0) + 1.5px),var(--y0)) rotate(1.5deg)}}
/* soft reveal */
.pageCta.pre .rvc{opacity:0;transform:translateY(24px)}
.pageCta.go .rvc{transition:opacity .8s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s),background .25s}
@media (max-width:1199px){
  .green-zone{padding-bottom:20vh}
  .pageCta{margin-top:-20vh;border-radius:28px 28px 0 0}
  .frameCta{width:auto;height:auto;padding:56px 16px 56px;transform:none!important;display:flex;flex-direction:column;gap:20px}
  .frameCta>*{position:relative!important;left:auto!important;top:auto!important;width:auto!important}
  .frameCta h2{font-size:40px;order:0}
  .ct-tag{order:1;height:118px;margin:0;transform:translate(-452px,-52px) scale(.62);transform-origin:0 0;width:1440px!important}
  .ct-lead{font-size:17px;order:2}.ct-btn{order:3;height:120px}.ct-note{order:4}
  .ct-list{order:5;flex-direction:column;gap:14px;padding-top:24px}
  .ct-list li{font-size:18px;gap:14px}
}
@media (prefers-reduced-motion:reduce){.pageCta.pre .rvc{opacity:1;transform:none}.ct-tag .ct-piece,.ct-tag .ct-shard{transition:none;animation:none}}