/* Vertiqo 9.0 — final interaction, image-quality and responsive correction layer. */
body.vq-site-v7{--vq-ease:cubic-bezier(.22,1,.36,1)}

/* Images remain crisp while their masks animate independently. */
body.vq-site-v7 img{image-rendering:auto;backface-visibility:hidden}
body.vq-site-v7 figure{isolation:isolate}
body.vq-site-v7 .vq-program figure,
body.vq-site-v7 .vq-media-stack,
body.vq-site-v7 .vq-faa-intro-v6 figure,
body.vq-site-v7 .vq-course-preview,
body.vq-site-v7 .vq-post-card>a{overflow:hidden}

/* Real, usable opportunity controls. The V7 desktop calibration hid them. */
body.vq-site-v7 .vq-opportunity-v6__controls button,
body.vq-site-v7 .vq-opportunity-v6__controls span{display:grid}
body.vq-site-v7 .vq-opportunity-v6__controls button{
  place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.58);
  border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:22px;cursor:pointer;
  transition:background .35s var(--vq-ease),color .35s var(--vq-ease),transform .35s var(--vq-ease)
}
body.vq-site-v7 .vq-opportunity-v6__controls button:hover{background:#fff;color:var(--vq-teal);transform:translateY(-2px)}
body.vq-site-v7 .vq-opportunity-v6__controls span{grid-auto-flow:column;gap:7px;margin:0 8px}
body.vq-site-v7 .vq-opportunity-v6__controls span button{
  width:8px;height:8px;border:0;background:rgba(255,255,255,.42);font-size:0
}
body.vq-site-v7 .vq-opportunity-v6__controls span button.is-active{width:27px;border-radius:20px;background:#fff}
body.vq-site-v7 .vq-opportunity-v6__stage{touch-action:pan-x;cursor:grab}
body.vq-site-v7 .vq-opportunity-v6__stage:active{cursor:grabbing}

/* Pricing becomes a genuine transform carousel at desktop and scroll-snap rail below it. */
body.vq-site-v7 .vq-pricing-carousel>.vq-wrap{overflow:hidden}
body.vq-site-v7 .vq-pricing-carousel__track{
  display:flex;will-change:transform;transition:transform .75s var(--vq-ease);touch-action:pan-y;cursor:grab
}
body.vq-site-v7 .vq-pricing-carousel__track.is-dragging{cursor:grabbing;transition:none;user-select:none}
body.vq-site-v7 .vq-pricing-carousel__controls{position:relative;z-index:3;display:flex;justify-content:center;gap:12px;margin-top:44px}
body.vq-site-v7 .vq-pricing-carousel__controls button{
  display:grid;place-items:center;width:58px;height:58px;padding:0;border:1px solid #dfe6e8;border-radius:50%;
  background:#fff;color:var(--vq-charcoal);font-size:23px;cursor:pointer;transition:.35s var(--vq-ease)
}
body.vq-site-v7 .vq-pricing-carousel__controls button:hover:not(:disabled){border-color:var(--vq-teal);background:var(--vq-teal);color:#fff;transform:translateY(-3px)}
body.vq-site-v7 .vq-pricing-carousel__controls button:disabled{opacity:.3;cursor:not-allowed}
body.vq-site-v7 .vq-pricing-carousel__status{display:flex;align-items:center;gap:12px;margin-inline:10px;color:#828a8e;font:600 13px/1 Inter,sans-serif}
body.vq-site-v7 .vq-pricing-carousel__status i{width:90px;height:2px;background:#dbe2e4;overflow:hidden}
body.vq-site-v7 .vq-pricing-carousel__status i:after{content:"";display:block;width:var(--vq-progress,20%);height:100%;background:var(--vq-teal);transition:width .6s var(--vq-ease)}
body.vq-site-v7 .vq-price-card__saving{min-height:22px;margin-top:8px;color:#8b9397;font:600 13px/1.2 Inter,sans-serif}
body.vq-site-v7 .vq-price-card__saving s{margin-right:7px;color:#b1b7ba;font-weight:500}

/* Niche explorer interaction affordances and animated panel masks. */
body.vq-site-v7 [data-niche-tab]{position:relative;transition:color .35s var(--vq-ease),background .35s var(--vq-ease),transform .35s var(--vq-ease)}
body.vq-site-v7 [data-niche-tab]:hover{transform:translateX(5px)}
body.vq-site-v7 [data-niche-panel].is-active{animation:vq-panel-in .62s var(--vq-ease) both}
@keyframes vq-panel-in{from{opacity:0;transform:translate3d(42px,0,0);clip-path:inset(0 0 0 14%)}to{opacity:1;transform:none;clip-path:inset(0)}}

/* More varied cinematic reveals than a repeated fade-up. */
body.vq-site-v7 [data-reveal].is-observed{transition:opacity .9s var(--vq-ease),transform .9s var(--vq-ease),clip-path 1s var(--vq-ease),filter 1s var(--vq-ease)}
body.vq-site-v7 [data-reveal="left"].is-observed{clip-path:inset(0 12% 0 0);filter:blur(5px)}
body.vq-site-v7 [data-reveal="right"].is-observed{clip-path:inset(0 0 0 12%);filter:blur(5px)}
body.vq-site-v7 [data-reveal].is-visible{clip-path:inset(0)!important;filter:blur(0)!important}
body.vq-site-v7 .vq-btn{transition:transform .35s var(--vq-ease),box-shadow .35s var(--vq-ease),background .35s var(--vq-ease),color .35s var(--vq-ease)}
body.vq-site-v7 .vq-btn:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,173,181,.2)}

@media (min-width:1281px){
  body.vq-site-v7 .vq-pricing-carousel__track{overflow:visible!important;width:max-content!important}
  body.vq-site-v7 .vq-pricing-carousel__track article{flex:0 0 480px}
}

@media (max-width:1280px){
  body.vq-site-v7 .vq-pricing-carousel>.vq-wrap{overflow:visible}
  body.vq-site-v7 .vq-pricing-carousel__track{
    width:100%;overflow-x:auto;transform:none!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;
    scrollbar-width:none;overscroll-behavior-inline:contain
  }
  body.vq-site-v7 .vq-pricing-carousel__track::-webkit-scrollbar{display:none}
  body.vq-site-v7 .vq-pricing-carousel__track article{scroll-snap-align:start}
}

@media (max-width:700px){
  body.vq-site-v7 .vq-opportunity-v6__controls{display:flex!important;left:22px!important;right:22px!important;bottom:22px!important}
  body.vq-site-v7 .vq-opportunity-v6__controls button{width:43px;height:43px}
  body.vq-site-v7 .vq-pricing-carousel__controls{margin-top:28px}
  body.vq-site-v7 .vq-pricing-carousel__controls button{width:50px;height:50px}
}

@media (prefers-reduced-motion:reduce){
  body.vq-site-v7 .vq-pricing-carousel__track,
  body.vq-site-v7 [data-niche-panel],
  body.vq-site-v7 [data-reveal]{animation:none!important;transition:none!important}
}
