/* ========================================================================
   CoreBox landing — high-impact promo styling (scoped to .cbxl / .dash-landing)
   ======================================================================== */
.cbxl{--cbxl-ink:#0f172a;--cbxl-muted:#5b6472;--cbxl-primary:#10b981;--cbxl-primary-d:#0e7490;--cbxl-indigo:#6366f1;--cbxl-line:#e6e9f0;--cbxl-tint:#f6f9fb;--cbxl-radius:18px;color:var(--cbxl-ink);overflow:hidden;}
.cbxl *{box-sizing:border-box;}
.cbxl h2,.cbxl h3{color:var(--cbxl-ink);line-height:1.15;}

/* Transparent header overlapping the hero */
body.dash-landing .dash-header{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:0;z-index:20;}
body.dash-landing .dash-header.is-sticky{position:absolute;}
body.dash-landing .dash-site-main{padding-top:0!important;}
body.dash-landing.dash-nav-open .dash-header{background:#0f172a;}

/* Reveal animation */
.cbxl .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);}
.cbxl .reveal.is-visible{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.cbxl .reveal{opacity:1;transform:none;transition:none;}}

/* Buttons */
.cbxl-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:40px;font-weight:700;font-size:1rem;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;cursor:pointer;border:0;}
.cbxl-btn svg{width:18px;height:18px;}
.cbxl-btn--primary{background:linear-gradient(120deg,var(--cbxl-primary),var(--cbxl-primary-d));color:#fff;box-shadow:0 12px 30px rgba(16,185,129,.35);}
.cbxl-btn--primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(16,185,129,.45);color:#fff;}
.cbxl-btn--ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.35);}
.cbxl-btn--ghost:hover{background:rgba(255,255,255,.16);transform:translateY(-3px);color:#fff;}
.cbxl-btn--light{background:#fff;color:var(--cbxl-primary-d);}
.cbxl-btn--light:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.18);}
.cbxl-btn--outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);}
.cbxl-btn--outline:hover{background:rgba(255,255,255,.12);transform:translateY(-3px);color:#fff;}

/* ---- HERO ---- */
.cbxl-hero{position:relative;background:linear-gradient(160deg,#0b1220 0%,#0f2740 45%,#0e3b4d 100%);color:#fff;padding:150px 0 90px;isolation:isolate;}
.cbxl-hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden;}
.cbxl-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;}
.cbxl-blob--1{width:480px;height:480px;background:#10b981;top:-120px;right:-80px;animation:cbxlfloat 14s ease-in-out infinite;}
.cbxl-blob--2{width:420px;height:420px;background:#6366f1;bottom:-160px;left:-100px;animation:cbxlfloat 18s ease-in-out infinite reverse;}
.cbxl-blob--3{width:520px;height:520px;background:#0ea5e9;opacity:.4;top:-160px;right:-120px;}
.cbxl-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 0,#000,transparent 75%);}
@keyframes cbxlfloat{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,30px)}}
.cbxl-hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;}
.cbxl-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#d1fae5;padding:7px 16px;border-radius:30px;font-size:.85rem;font-weight:600;margin-bottom:22px;}
.cbxl-eyebrow svg{width:15px;height:15px;}
.cbxl-hero__title{font-size:clamp(2.4rem,5vw,3.9rem);font-weight:800;color:#fff;margin:0 0 20px;letter-spacing:-.02em;line-height:1.05;}
.cbxl-grad{background:linear-gradient(100deg,#34d399,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;}
.cbxl-hero__lede{font-size:1.2rem;line-height:1.6;color:#cbd5e1;max-width:560px;margin:0 0 30px;}
.cbxl-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px;}
.cbxl-hero__pills{display:flex;gap:20px;flex-wrap:wrap;}
.cbxl-hero__pills span{display:inline-flex;align-items:center;gap:7px;color:#94a3b8;font-size:.92rem;font-weight:500;}
.cbxl-hero__pills svg{width:16px;height:16px;color:#34d399;}
.cbxl-mock{width:100%;height:auto;display:block;}
.cbxl-hero__art{animation:cbxlrise 1s cubic-bezier(.2,.7,.2,1) both;}
@keyframes cbxlrise{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}

/* ---- TRUST ---- */
.cbxl-trust{background:#fff;padding:34px 0;border-bottom:1px solid var(--cbxl-line);}
.cbxl-trust__label{text-align:center;color:var(--cbxl-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 18px;}
.cbxl-trust__logos{display:flex;justify-content:center;flex-wrap:wrap;gap:36px;}
.cbxl-logo{font-weight:800;font-size:1.25rem;color:#94a3b8;letter-spacing:-.01em;transition:color .2s;}
.cbxl-logo:hover{color:var(--cbxl-ink);}

/* ---- SECTIONS ---- */
.cbxl-section{padding:88px 0;background:#fff;}
.cbxl-section--tint{background:var(--cbxl-tint);}
.cbxl-head{text-align:center;max-width:720px;margin:0 auto 54px;}
.cbxl-kicker{display:inline-block;color:var(--cbxl-primary-d);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;}
.cbxl-h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;margin:0 0 14px;letter-spacing:-.02em;}
.cbxl-sub{font-size:1.12rem;color:var(--cbxl-muted);line-height:1.6;margin:0;}

/* Features */
.cbxl-features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.cbxl-feature{background:#fff;border:1px solid var(--cbxl-line);border-radius:var(--cbxl-radius);padding:30px 26px;transition:transform .2s,box-shadow .2s,border-color .2s;}
.cbxl-feature:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(15,23,42,.10);border-color:transparent;}
.cbxl-feature__icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(99,102,241,.14));color:var(--cbxl-primary-d);margin-bottom:18px;}
.cbxl-feature__icon svg{width:26px;height:26px;}
.cbxl-feature h3{font-size:1.15rem;margin:0 0 8px;}
.cbxl-feature p{color:var(--cbxl-muted);margin:0;line-height:1.6;font-size:.96rem;}

/* Modules */
.cbxl-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.cbxl-module{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--cbxl-line);border-radius:14px;padding:22px 22px;transition:transform .2s,box-shadow .2s;}
.cbxl-module:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,23,42,.09);}
.cbxl-module__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--cbxl-ink);color:#fff;}
.cbxl-module__icon svg{width:23px;height:23px;}
.cbxl-module h3{font-size:1.05rem;margin:0 0 4px;}
.cbxl-module p{color:var(--cbxl-muted);margin:0;font-size:.9rem;line-height:1.5;}

/* Stats */
.cbxl-stats{background:linear-gradient(120deg,#0f172a,#0e3b4d);color:#fff;padding:64px 0;}
.cbxl-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.cbxl-stat{text-align:center;}
.cbxl-stat__num{font-size:clamp(2.4rem,4vw,3.4rem);font-weight:800;background:linear-gradient(100deg,#34d399,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;}
.cbxl-stat__label{color:#94a3b8;margin-top:8px;font-size:.98rem;}

/* Steps */
.cbxl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:cbxl;}
.cbxl-step{position:relative;background:#fff;border:1px solid var(--cbxl-line);border-radius:var(--cbxl-radius);padding:34px 28px;}
.cbxl-step__no{font-size:2.4rem;font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--cbxl-primary);display:block;margin-bottom:12px;}
.cbxl-step h3{font-size:1.2rem;margin:0 0 8px;}
.cbxl-step p{color:var(--cbxl-muted);margin:0;line-height:1.6;}

/* Split spotlight */
.cbxl-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.cbxl-split__copy .cbxl-h2,.cbxl-split__copy .cbxl-kicker{text-align:left;}
.cbxl-ticks{list-style:none;padding:0;margin:22px 0 28px;}
.cbxl-ticks li{display:flex;align-items:center;gap:11px;padding:8px 0;font-weight:500;}
.cbxl-ticks svg{width:20px;height:20px;color:var(--cbxl-primary);flex:0 0 auto;}

/* Pricing */
.cbxl-pricing{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:26px;justify-content:center;}
.cbxl-price{position:relative;background:#fff;border:1px solid var(--cbxl-line);border-radius:20px;padding:38px 34px;transition:transform .2s,box-shadow .2s;}
.cbxl-price:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(15,23,42,.12);}
.cbxl-price--featured{border:2px solid var(--cbxl-primary);box-shadow:0 24px 50px rgba(16,185,129,.16);}
.cbxl-price__badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(120deg,var(--cbxl-primary),var(--cbxl-primary-d));color:#fff;font-size:.78rem;font-weight:700;padding:6px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;}
.cbxl-price__name{font-size:1.3rem;margin:0 0 6px;}
.cbxl-price__amt{font-size:3rem;font-weight:800;letter-spacing:-.02em;margin:0 0 4px;}
.cbxl-price__note{color:var(--cbxl-muted);margin:0 0 22px;}
.cbxl-price ul{list-style:none;padding:0;margin:0 0 26px;}
.cbxl-price li{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid var(--cbxl-line);font-size:.98rem;}
.cbxl-price li svg{width:18px;height:18px;color:var(--cbxl-primary);flex:0 0 auto;}
.cbxl-price .cbxl-btn{width:100%;justify-content:center;}

/* Quotes */
.cbxl-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.cbxl-quote{background:#fff;border:1px solid var(--cbxl-line);border-radius:var(--cbxl-radius);padding:30px 28px;margin:0;}
.cbxl-quote__stars{color:#f59e0b;letter-spacing:2px;margin-bottom:14px;}
.cbxl-quote blockquote{margin:0 0 20px;font-size:1.05rem;line-height:1.6;color:#334155;}
.cbxl-quote figcaption{display:flex;flex-direction:column;}
.cbxl-quote figcaption strong{color:var(--cbxl-ink);}
.cbxl-quote figcaption span{color:var(--cbxl-muted);font-size:.9rem;}

/* FAQ */
.cbxl-faqwrap{max-width:820px;}
.cbxl-faq{display:flex;flex-direction:column;gap:14px;}
.cbxl-faq__item{background:#fff;border:1px solid var(--cbxl-line);border-radius:14px;overflow:hidden;}
.cbxl-faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:none;border:0;cursor:pointer;font-size:1.08rem;font-weight:600;color:var(--cbxl-ink);text-align:left;}
.cbxl-faq__mark{font-size:1.5rem;color:var(--cbxl-primary);transition:transform .2s;line-height:1;}
.cbxl-faq__q[aria-expanded="true"] .cbxl-faq__mark{transform:rotate(45deg);}
.cbxl-faq__a{padding:0 24px 22px;color:var(--cbxl-muted);line-height:1.6;}
.cbxl-faq__a p{margin:0;}

/* CTA */
.cbxl-cta{position:relative;background:linear-gradient(120deg,#10b981,#0e7490);color:#fff;padding:84px 0;text-align:center;isolation:isolate;overflow:hidden;}
.cbxl-cta__bg{position:absolute;inset:0;z-index:-1;}
.cbxl-cta__inner h2{font-size:clamp(1.9rem,3.6vw,2.8rem);color:#fff;margin:0 0 14px;}
.cbxl-cta__inner p{font-size:1.2rem;color:rgba(255,255,255,.9);margin:0 auto 30px;max-width:600px;}
.cbxl-cta__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* Responsive */
@media(max-width:980px){
	.cbxl-hero__inner,.cbxl-split{grid-template-columns:1fr;}
	.cbxl-hero{padding-top:120px;text-align:center;}
	.cbxl-hero__lede{margin-left:auto;margin-right:auto;}
	.cbxl-hero__cta,.cbxl-hero__pills{justify-content:center;}
	.cbxl-features,.cbxl-modules,.cbxl-steps,.cbxl-quotes,.cbxl-stats__grid{grid-template-columns:repeat(2,1fr);}
	.cbxl-split__copy .cbxl-h2,.cbxl-split__copy .cbxl-kicker{text-align:center;}
	.cbxl-split__copy .cbxl-btn{display:inline-flex;}
}
@media(max-width:560px){
	.cbxl-features,.cbxl-modules,.cbxl-steps,.cbxl-quotes,.cbxl-stats__grid,.cbxl-pricing{grid-template-columns:1fr;}
	.cbxl-section{padding:60px 0;}
}

/* Landing header: legible over the dark hero */
body.dash-landing .dash-brand__title a,
body.dash-landing .dash-brand__tagline,
body.dash-landing .dash-nav a,
body.dash-landing .dash-modetoggle,
body.dash-landing .dash-search-toggle{color:#fff;}
body.dash-landing .dash-nav a:hover{color:#34d399;}
body.dash-landing .dash-navtoggle span,
body.dash-landing .dash-navtoggle span::before,
body.dash-landing .dash-navtoggle span::after{background:#fff;}
body.dash-landing .dash-header__actions svg{color:#fff;}

/* ===================== PREMIUM UPGRADE ===================== */

/* Hero: conic spotlight behind the art */
.cbxl-hero__art{position:relative;}
.cbxl-artwrap{position:relative;}
.cbxl-artwrap::before{content:"";position:absolute;inset:-12% -12% -12% -12%;background:conic-gradient(from 180deg at 50% 50%,rgba(16,185,129,.22),rgba(99,102,241,.18),rgba(14,165,233,.18),rgba(16,185,129,.22));filter:blur(46px);border-radius:50%;z-index:-1;animation:cbxlspin 22s linear infinite;}
@keyframes cbxlspin{to{transform:rotate(360deg)}}

/* Floating glass cards */
.cbxl-float{position:absolute;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 44px rgba(2,12,27,.28);border:1px solid rgba(255,255,255,.6);}
.cbxl-float strong{display:block;font-size:.92rem;color:#0f172a;line-height:1.2;}
.cbxl-float span{font-size:.78rem;color:#64748b;}
.cbxl-float--a{top:8%;left:-6%;animation:cbxlbob 5s ease-in-out infinite;}
.cbxl-float--b{bottom:10%;right:-4%;animation:cbxlbob 6s ease-in-out infinite reverse;}
.cbxl-float__dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;}
.cbxl-float__dot--green{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.2);}
.cbxl-float__ic{display:inline-flex;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;flex:0 0 auto;}
.cbxl-float__ic svg{width:18px;height:18px;}
@keyframes cbxlbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(max-width:980px){.cbxl-float--a{left:2%;}.cbxl-float--b{right:2%;}}

/* Marquee trust strip */
.cbxl-marquee{margin-top:18px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.cbxl-marquee__track{display:flex;gap:60px;width:max-content;animation:cbxlscroll 28s linear infinite;}
.cbxl-marquee:hover .cbxl-marquee__track{animation-play-state:paused;}
@keyframes cbxlscroll{to{transform:translateX(-50%)}}

/* Gradient-border feature cards + icon glow */
.cbxl-feature{position:relative;background:#fff;}
.cbxl-feature::after{content:"";position:absolute;inset:0;border-radius:var(--cbxl-radius);padding:1.5px;background:linear-gradient(135deg,rgba(16,185,129,.5),rgba(99,102,241,.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s;pointer-events:none;}
.cbxl-feature:hover::after{opacity:1;}
.cbxl-feature:hover .cbxl-feature__icon{transform:scale(1.08) rotate(-4deg);box-shadow:0 10px 24px rgba(16,185,129,.28);}
.cbxl-feature__icon{transition:transform .25s,box-shadow .25s;}

/* Module card hover glow */
.cbxl-module{position:relative;overflow:hidden;}
.cbxl-module::before{content:"";position:absolute;width:160px;height:160px;background:radial-gradient(circle,rgba(16,185,129,.16),transparent 70%);top:-60px;right:-60px;opacity:0;transition:opacity .3s;}
.cbxl-module:hover::before{opacity:1;}
.cbxl-module:hover .cbxl-module__icon{background:linear-gradient(135deg,#10b981,#0e7490);}
.cbxl-module__icon{transition:background .3s;}

/* Section headings: gradient underline flourish */
.cbxl-h2{position:relative;}

/* Steps connective line on desktop */
@media(min-width:981px){
	.cbxl-steps{position:relative;}
	.cbxl-steps::before{content:"";position:absolute;top:64px;left:16%;right:16%;height:2px;background:linear-gradient(90deg,transparent,var(--cbxl-line),transparent);z-index:0;}
	.cbxl-step{position:relative;z-index:1;}
}

/* Stat numbers subtle pulse underline */
.cbxl-stat__num{position:relative;display:inline-block;}

/* Pricing featured glow */
.cbxl-price--featured::before{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,rgba(16,185,129,.35),rgba(14,116,144,.2));filter:blur(18px);z-index:-1;}

/* Buttons: sheen on hover */
.cbxl-btn{position:relative;overflow:hidden;}
.cbxl-btn::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .5s;}
.cbxl-btn:hover::after{left:130%;}

/* Dark mode friendliness for tinted sections */
[data-theme="dark"] .cbxl-section{background:#0f172a;}
[data-theme="dark"] .cbxl-section--tint{background:#0b1120;}
[data-theme="dark"] .cbxl-h2,[data-theme="dark"] .cbxl-feature h3,[data-theme="dark"] .cbxl-module h3,[data-theme="dark"] .cbxl-step h3,[data-theme="dark"] .cbxl-price__name,[data-theme="dark"] .cbxl-price__amt,[data-theme="dark"] .cbxl-faq__q{color:#f1f5f9;}
[data-theme="dark"] .cbxl-feature,[data-theme="dark"] .cbxl-module,[data-theme="dark"] .cbxl-step,[data-theme="dark"] .cbxl-price,[data-theme="dark"] .cbxl-quote,[data-theme="dark"] .cbxl-faq__item{background:#16233d;border-color:#243244;}
[data-theme="dark"] .cbxl-trust{background:#0f172a;border-color:#243244;}
[data-theme="dark"] .cbxl-quote blockquote{color:#cbd5e1;}

/* ===================== WOW LAYER ===================== */

/* Animated gradient headline */
.cbxl-grad{background:linear-gradient(100deg,#34d399,#22d3ee,#818cf8,#34d399);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cbxlgrad 8s ease infinite;}
@keyframes cbxlgrad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Mouse-follow glow in hero */
.cbxl-hero__glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.20),transparent 62%);left:var(--mx,70%);top:var(--my,30%);transform:translate(-50%,-50%);pointer-events:none;transition:opacity .3s;opacity:0;}
[data-cbxl-hero]:hover .cbxl-hero__glow{opacity:1;}

/* 3D tilt on the hero mockup */
.cbxl-hero__art{perspective:1000px;}
.cbxl-artwrap{transform:rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform;}
.cbxl-float{transform:translateZ(40px);}

/* Scroll-aware header on the landing */
body.dash-landing.cbxl-scrolled .dash-header{background:rgba(9,14,26,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px rgba(0,0,0,.25);transition:background .3s,box-shadow .3s;}

/* Hero bottom wave/curve into the next section */
.cbxl-hero__wave{position:absolute;bottom:-1px;left:0;right:0;height:70px;background:#fff;-webkit-mask:radial-gradient(120% 100% at 50% 100%,#000 68%,transparent 70%);mask:radial-gradient(120% 100% at 50% 100%,#000 68%,transparent 70%);}
[data-theme="dark"] .cbxl-hero__wave{background:#0f172a;}

/* Staggered reveal for grid children */
.cbxl-features .cbxl-feature:nth-child(2){transition-delay:.08s;}
.cbxl-features .cbxl-feature:nth-child(3){transition-delay:.16s;}
.cbxl-features .cbxl-feature:nth-child(4){transition-delay:.24s;}
.cbxl-modules .cbxl-module:nth-child(3n+2){transition-delay:.08s;}
.cbxl-modules .cbxl-module:nth-child(3n+3){transition-delay:.16s;}
.cbxl-steps .cbxl-step:nth-child(2){transition-delay:.12s;}
.cbxl-steps .cbxl-step:nth-child(3){transition-delay:.24s;}
.cbxl-quotes .cbxl-quote:nth-child(2){transition-delay:.12s;}
.cbxl-quotes .cbxl-quote:nth-child(3){transition-delay:.24s;}

/* Rotating conic border on the featured pricing card */
.cbxl-price--featured{overflow:visible;}
.cbxl-price--featured::after{content:"";position:absolute;inset:-2px;border-radius:22px;background:conic-gradient(from 0deg,#10b981,#22d3ee,#818cf8,#10b981);z-index:-1;animation:cbxlspin 6s linear infinite;filter:blur(2px);}

/* Subtle grain for depth */
.cbxl-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.cbxl-hero__inner{position:relative;z-index:1;}

/* Section fade-up on headings already via .reveal; add a gradient rule under H2 */
.cbxl-head .cbxl-h2::after{content:"";display:block;width:60px;height:4px;margin:18px auto 0;border-radius:4px;background:linear-gradient(90deg,#10b981,#22d3ee);}
.cbxl-split__copy .cbxl-h2::after{margin-left:0;}

/* ===================== HERO VIDEO BG ===================== */
.cbxl-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
.cbxl-hero__videoveil{position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,rgba(11,18,32,.86),rgba(14,59,77,.78));}

/* ===================== BENTO DASHBOARD TOUR ===================== */
.cbxl-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:18px;}
.cbxl-bento__tile{position:relative;overflow:hidden;background:#fff;border:1px solid var(--cbxl-line);border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .25s,box-shadow .25s;}
.cbxl-bento__tile:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(15,23,42,.12);}
.cbxl-bento__tile--lg{grid-column:span 2;grid-row:span 2;}
.cbxl-bento__tile--wide{grid-column:span 2;}
.cbxl-bento__tile--dark{background:linear-gradient(160deg,#0f172a,#0e3b4d);color:#fff;border-color:transparent;}
.cbxl-bento__tile--dark h3{color:#fff;font-size:1.5rem;margin:0 0 6px;}
.cbxl-bento__tile--dark p{color:#cbd5e1;margin:0 0 18px;}
.cbxl-bento__tile--accent{background:linear-gradient(135deg,#10b981,#0e7490);color:#fff;border-color:transparent;justify-content:center;text-align:center;align-items:center;}
.cbxl-bento__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.9;margin-bottom:auto;}
.cbxl-bento__eyebrow svg{width:16px;height:16px;}
.cbxl-bento__ic{display:inline-flex;width:46px;height:46px;border-radius:12px;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(99,102,241,.16));color:var(--cbxl-primary-d);margin-bottom:auto;}
.cbxl-bento__tile--accent .cbxl-bento__ic{background:rgba(255,255,255,.2);color:#fff;margin-bottom:10px;}
.cbxl-bento__ic svg{width:23px;height:23px;}
.cbxl-bento__stat{font-size:2.4rem;font-weight:800;line-height:1;}
.cbxl-bento__lbl{color:var(--cbxl-muted);font-size:.9rem;margin-top:4px;}
.cbxl-bento__tile--accent .cbxl-bento__lbl{color:rgba(255,255,255,.9);}
.cbxl-bento__bars{position:absolute;left:24px;right:24px;bottom:24px;height:90px;display:flex;align-items:flex-end;gap:8px;}
.cbxl-bento__bars span{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(180deg,#34d399,#0e7490);opacity:.9;animation:cbxlbargrow 1s ease both;}
@keyframes cbxlbargrow{from{height:0}to{height:var(--h)}}
.cbxl-bento__list{list-style:none;margin:0;padding:0;width:100%;}
.cbxl-bento__list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--cbxl-line);font-size:.95rem;}
.cbxl-bento__list li:first-child{border-top:0;}
.cbxl-bento__list svg{width:18px;height:18px;color:var(--cbxl-primary);flex:0 0 auto;}
[data-theme="dark"] .cbxl-bento__tile{background:#16233d;border-color:#243244;}
[data-theme="dark"] .cbxl-bento__lbl{color:#93a3b8;}
@media(max-width:860px){
	.cbxl-bento{grid-template-columns:repeat(2,1fr);}
	.cbxl-bento__tile--lg,.cbxl-bento__tile--wide{grid-column:span 2;}
	.cbxl-bento__tile--lg{grid-row:span 1;min-height:280px;}
}
@media(max-width:520px){.cbxl-bento{grid-template-columns:1fr;}.cbxl-bento__tile--lg,.cbxl-bento__tile--wide{grid-column:span 1;}}