.bg-video-cta {left:50%; min-width:100%; min-height:100%; object-fit:cover;}

.next-best-hero{height: calc(100vh - 100px); background:url('../images/analytics/next-best-hero-bg.jpg') no-repeat center right; background-size: cover; padding:3rem 0px;}
.next-best-hero .caption-title{color: #4EA1FF;}
.next-best-hero h1{max-width: 750px; font-size: clamp(2rem, 3.5vw, 54px);}

.section-analytics{background: linear-gradient(180deg, #FFFFFF 23.23%, #BCD2F0 116.88%);}
.section-analytics .group-hd h2{max-width: 700px;}
.analytics-cards{margin-top:2rem;}

.analytics-card{border-color: #B2AAFF33!important; transition:all .35s ease;}
.analytics-card:hover {border-color: #CBD6FF!important; box-shadow: 0 18px 40px -26px rgba(28, 2, 165, .30); transform: translateY(-3px);}

.analytics-card p{font-size: 14px; line-height: 150%;}
.analytics-card .text-link{color: #036EBA; font-size: 13px;}


.section--channel .group-hd h2{max-width:780px;}
.section--channel .group-hd{margin-bottom: var(--section-gap-medium);}

.channel-steps .col-md-4:hover, .channel-steps .col-md-3:hover{background:#C7CCED;}
.ch-number{font-size: 46px; color: #7F77DB;}
.channel-steps h3{color: #223140;}
.channel-steps p{line-height: 28px; letter-spacing: 0.4px; }

@media all and (min-width:960px){
  .next-best-hero p{max-width:620px; line-height: 180%;}
  .channel-steps .col-md-4, .channel-steps .col-md-3{border:solid 1px #C7CCED; border-bottom:0px; border-right: 0px; margin-top: -1px; margin-left: -1px;  transition: background-color .35s ease; }
}

@media all and (max-width:960px){
  .next-best-hero{height: auto; background-position: left;}
}

/* Product page */
.section-insight{background:#F3F9FF;}
.section-insight .group-hd{margin-bottom: var(--section-gap-medium);}

.work-tab{border-bottom: solid 1px var(--border-color); padding:25px 0px; cursor: pointer;  transition:all .35s ease;}
/* .tab-icon{--size:34px; width: var(--size); height: var(--size); background: #221162B2; opacity: 0.5;}

.work-tab.active{border: 1px solid #A68CFF66; background: #CDC7FF6E;}
.work-tab:before{content: ''; background: url('../images/analytics/right-arrow.svg') no-repeat center right; position: absolute; top:26px; right:0rem; width:0px; height: 10px; transition:all .35s ease;}
.work-tab.active:before{width: 10px; right: 1rem;}
.work-tab.active .tab-icon{opacity: 1;} */
.work-tab.active h3{color:var(--PrimaryClr)}

.work-tabs-grid{grid-template-columns: 350px 1fr; column-gap:8rem;}
.wt-info{display:none;}
.wt-info.active{display:block; animation:fadeIn .4s ease;}

.work-tabs-content{border: 1px solid #A68CFF4D; box-shadow: 0px 18px 50px -18px #452E9980;}
.wt-info h4{ color: #0D0E1D;}
.wt-info p{font-size: 13px; color: #0D0E1D;}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}


.cdp-swipper{ padding:50px 0px;}
.cdp-swipper .swiper-slide{padding:40px;} 

.cdp-swipper:before,
.cdp-swipper:after,
.cdp-swipper .swiper-slide:before,
.cdp-swipper .swiper-slide:after,
.cdp-card:before,
.cdp-card:after,
.cdp-outer-line:before,
.cdp-outer-line:after,
.cdp-outer-line-right:before,
.cdp-outer-line-right:after,

.cdp-outer-line-top:before,
.cdp-outer-line-top:after{content: ''; position: absolute; background:#00000047;}

.cdp-swipper:before{width:1px; height:25px; top:18px; left:0%;}
.cdp-swipper:after{width:1px; height:25px; bottom:18px; left:0%;}

.cdp-outer-line-top:before{width:1px; height:25px; top:18px; right:0%;}
.cdp-outer-line-top:after{width:1px; height:25px; bottom:18px; right:0%;}

.cdp-swipper .swiper-slide:before{background:#00000047; width: 96%; height: 1px; top: 0px; left:2%;}
.cdp-swipper .swiper-slide:after{background:#00000047; width: 96%; height: 1px; bottom: 0px; left:2%;}

.cdp-card:before{width:1px; height:96%; top:2%; left:0%;}
.cdp-card:after{width:1px; height:96%; top:2%; right:0%;}

.cdp-swipper .swiper-slide.swiper-slide-next .cdp-card:before{left: -1px;}


.cdp-outer-line:before{background:#00000047; width:28px; height: 1px; top:49px; left:-3%;}
.cdp-outer-line:after{background:#00000047; width:28px; height: 1px; bottom:49px; left:-3%;}
.cdp-outer-line-right:before{background:#00000047; width:28px; height: 1px; top:49px; right:-3%;}
.cdp-outer-line-right:after{background:#00000047; width:28px; height: 1px; bottom:49px; right:-3%;}

.cdp-nav div svg{display:none;}
.cdp-nav div{--size:40px; width:var(--size); height:var(--size); border-color:var(--BlackClr)!important;}
.cdp-nav div img{max-width:7px; filter: invert(1);}
.cdp-nav .swiper-button-prev{transform:scaleX(-1) scaleY(1);right:0;}

.cdp-card h3{color:#0D0E1D;}
.cdp-card p{color: #0D0E1D; line-height:170%}


.section-levels{background: linear-gradient(0deg, #0D0E1D, #0D0E1D), linear-gradient(0deg, #110A4A, #110A4A);}


@media(max-width:991px){
  .wt-info{border: 1px solid #A68CFF4D; border-radius: 10px; padding: 1rem; background: #ffffff;}
  .work-tabs-grid{display:block;}
  .work-tabs-content{display:none;}
  .work-tabs-grid{grid-template-columns: 1fr;}
  .mobile-tab-image{margin-top:1rem;}
  .cdp-swipper .swiper-slide {padding: 30px;}
}

@media(max-width:767px){
  .cdp-outer-line-right:before, .cdp-outer-line-right:after{right: -8%;}
  .cdp-outer-line:before, .cdp-outer-line:after{left: -8%;}
}


/* ORBITER */

/* ============ THE SECTION (deep space) ============ */
.levels{position:relative;}
.levels::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:
    radial-gradient(40vw 40vh at 18% 26%,rgba(73,117,255,.16),transparent 62%),
    radial-gradient(38vw 38vh at 86% 84%,rgba(140,80,235,.13),transparent 64%)}

/* background starfield */
.dust{position:absolute;inset:0;z-index:0;pointer-events:none}
.dust i{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 6px rgba(180,200,255,.6);
  animation:twinkle var(--t,4s) ease-in-out infinite var(--d,0s)}
@keyframes twinkle{0%,100%{opacity:var(--o,.5);transform:scale(1)}50%{opacity:.06;transform:scale(.55)}}

/* ============ TOP-CENTERED TITLE ============ */
.lhead{position:relative;z-index:2;text-align:center;max-width:780px;margin:0 auto clamp(30px,4vw,52px)}
.lhead .eyebrow{justify-content:center}

/* ============ TWO-COLUMN LAYOUT ============ */
.inner{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;
  align-items:center;gap:clamp(24px,4vw,64px)}

/* ---- LEFT: orbit ---- */
.orbit{position:relative;width:100%;max-width:560px;margin:0 auto;aspect-ratio:1/1}
.orbit-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}
.orbit-rings{transform-box:fill-box;transform-origin:center;animation:spin 90s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.orbit-rings ellipse,.orbit-rings circle{filter:drop-shadow(0 0 4px rgba(120,150,255,.5))}

/* core copy — One Source of ROI Truth */
.core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;
  width:62%;aspect-ratio:1/1;border-radius:50%;pointer-events:none;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:radial-gradient(circle at 50% 46%,rgba(80,110,235,.20) 0%,rgba(60,80,200,.07) 46%,rgba(0,0,0,0) 70%)}
.core .small{font-size:clamp(13px,1.5vw,18px);font-weight:500;color:rgba(255,255,255,.82);text-shadow:0 1px 12px rgba(0,0,0,.6)}
.core .big{font-size:clamp(26px,3.4vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.04;color:#fff;
  margin-top:3px;text-shadow:0 2px 22px rgba(40,60,170,.8),0 0 12px rgba(0,0,0,.45)}

/* ---- a STAR (one level) ---- */
.star{--glow:120,150,255;position:absolute;z-index:3;transform:translate(-50%,-50%);
  display:grid;place-items:center;cursor:pointer;background:none;border:0;padding:0;
  opacity:0;transition:opacity .7s var(--ease-out)}
.levels.in .star{opacity:1}
.orb{position:relative;overflow:visible;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:radial-gradient(circle at 50% 38%,rgba(180,205,255,.9),rgba(var(--glow),.5) 55%,rgba(var(--glow),.18));
  border:1px solid rgba(190,210,255,.55);
  box-shadow:0 0 16px -2px rgba(var(--glow),.9),0 0 40px -6px rgba(var(--glow),.5);
  transition:width .55s var(--ease),height .55s var(--ease),background .5s,border-color .5s,box-shadow .5s}
.orb::before{content:"";position:absolute;left:50%;top:50%;width:150%;height:150%;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.95) 0%,rgba(var(--glow),.85) 28%,rgba(var(--glow),0) 70%);
  filter:blur(10px);opacity:0;transition:opacity .5s}
.orb::after{content:"";position:absolute;inset:-3px;border-radius:50%;
  border:1px solid rgba(var(--glow),.85);animation:ping 3s var(--ease-out) infinite var(--pd,0s)}
@keyframes ping{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.9);opacity:0}100%{opacity:0}}
.orb svg{position:relative;z-index:1;width:0;height:0;opacity:0;transition:opacity .3s;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.92)) drop-shadow(0 0 16px rgba(var(--glow),.7))}
.star.active .orb,.star:hover .orb{width:84px;height:84px;
  background:
    radial-gradient(130% 120% at 50% 14%,rgba(255,255,255,.24),rgba(255,255,255,.05) 40%,rgba(255,255,255,0) 62%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(var(--glow),.18));
  border:1px solid rgba(255,255,255,.5);
  backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);
  box-shadow:
    0 18px 50px -12px rgba(var(--glow),.65),
    0 0 60px -8px rgba(var(--glow),.85),
    inset 0 1.5px 1px rgba(255,255,255,.75),
    inset 0 -26px 42px -18px rgba(var(--glow),.55)}
.star.active .orb::before,.star:hover .orb::before{opacity:1}
.star.active .orb::after,.star:hover .orb::after{animation:none;opacity:0}
.star.active .orb svg,.star:hover .orb svg{width:32px;height:32px;opacity:1}

/* ---- title styles (now top-centered) ---- */
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.22em;
  color:#a9b8ff;text-transform:uppercase;margin-bottom:18px}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:#6f8dff;
  box-shadow:0 0 0 0 rgba(111,141,255,.5);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(111,141,255,.45)}70%{box-shadow:0 0 0 10px rgba(111,141,255,0)}100%{box-shadow:0 0 0 0 rgba(111,141,255,0)}}
.lhead h2{color:#fff;font-weight:700;letter-spacing:-.03em;line-height:1.06;font-size:clamp(28px,3.8vw,48px)}
.lhead h2 em{font-style:normal;background:linear-gradient(110deg,#9fb4ff 0%,#5b7bff 50%,#7b5cff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}

/* ---- RIGHT: dynamic detail card ---- */
.panel{position:relative;display:flex;justify-content:center}
.card{--acc:120,150,255;position:relative;width:100%;max-width:430px;border-radius:24px;padding:30px 32px 28px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(var(--acc),.07));
  border:1px solid rgba(var(--acc),.32);
  box-shadow:0 34px 80px -42px rgba(0,0,0,.85),0 0 60px -30px rgba(var(--acc),.6),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);
  transition:border-color .5s var(--ease),box-shadow .5s var(--ease),background .5s var(--ease)}
.card-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:#fff;margin-bottom:20px;
  background:rgba(var(--acc),.2);border:1px solid rgba(var(--acc),.45);box-shadow:0 0 30px -8px rgba(var(--acc),.8);
  transition:background .5s,border-color .5s,box-shadow .5s}
.card-icon svg{width:25px;height:25px}
.card-step{font-size:12px;font-weight:800;letter-spacing:.16em;color:rgba(255,255,255,.42)}
.card-step b{color:rgb(var(--acc));font-weight:800}
.d-name{margin-top:8px;font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-.01em;
  background:linear-gradient(110deg,#eaf0ff,#9fb4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.d-desc{font-size:15px;line-height:1.62;color:rgba(255,255,255,.66);margin-top:9px;min-height:48px}
.card.show .card-icon,.card.show .card-step,.card.show .d-name,.card.show .d-desc{animation:rise .42s var(--ease)}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* progress stepper */
.prog{display:flex;gap:7px;margin-top:24px}
.prog button{flex:1;height:4px;border-radius:3px;border:0;padding:0;cursor:pointer;
  background:rgba(255,255,255,.13);transition:background .45s var(--ease)}
.prog button.on{background:linear-gradient(90deg,#9fb4ff,#5b7bff)}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}.star{opacity:1}
}
@media (max-width:860px){
  .inner{grid-template-columns:1fr;gap:34px}
  .orbit{order:-1;max-width:440px}
  .card{max-width:480px}
}
@media (max-width:560px){
  .star.active .orb,.star:hover .orb{width:72px;height:72px}
  .star.active .orb svg,.star:hover .orb svg{width:28px;height:28px}
}