/* =========================================================================
   Codeora Vision Blocks — per-widget layout & responsive rules.
   Mobile-first; breakpoints at 640 / 768 / 1024.
   ========================================================================= */

/* Keep real content above the decorative aurora/grid pseudo-layers. */
.cvb-container { position: relative; z-index: 1; }

/* ---- Section ambient glows (match the reference's radial section backgrounds:
   a blue-violet ellipse positioned center / top / bottom per section). ------- */
.cvb-services::before,
.cvb-industries::before,
.cvb-cases::before,
.cvb-narr::before,
.cvb-band:not(.cvb-logos)::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}
.cvb-services::before   { background: radial-gradient(ellipse 60% 50% at 50% 50%,  rgba(40, 78, 255, 0.12), transparent 70%); }
.cvb-industries::before { background: radial-gradient(ellipse 70% 50% at 50% 0%,   rgba(40, 78, 255, 0.10), transparent 70%); }
.cvb-cases::before      { background: radial-gradient(ellipse 60% 50% at 50% 100%, rgba(40, 78, 255, 0.10), transparent 70%); }
/* Narrative: red glow top-right + amber glow bottom-left (reference). */
.cvb-narr::before {
	opacity: 0.5;
	background: radial-gradient(circle at 92% 12%, rgba(245, 29, 49, 0.09), transparent 40%),
	            radial-gradient(circle at 8% 88%, rgba(255, 144, 52, 0.09), transparent 40%);
}
/* CTA bands: soft blue (top-left) + amber (bottom-right) glow circles (reference). */
.cvb-band:not(.cvb-logos)::before {
	opacity: 0.6;
	background: radial-gradient(circle at 22% 8%,  rgba(23, 70, 255, 0.13), transparent 42%),
	            radial-gradient(circle at 78% 92%, rgba(255, 144, 52, 0.13), transparent 42%);
}
/* FAQ: subtle elevated navy panel behind the accordion (reference bg-[#0E1424]/60). */
.cvb-faq { background: rgba(14, 20, 36, 0.4); }

/* Icon rendering (Elementor font + SVG icons, and decorative inline SVGs). */
.cvb svg { width: 1em; height: 1em; display: inline-block; vertical-align: middle; }
.cvb i { font-size: inherit; line-height: 1; font-style: normal; }

/* Shared grids & chip rows */
.cvb-grid { display: grid; gap: 1.5rem; }
.cvb-grid--3 { grid-template-columns: 1fr; }
.cvb-grid--4 { grid-template-columns: 1fr; }
@media (min-width: 640px) { .cvb-grid--3, .cvb-grid--4 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) {
	.cvb-grid--3 { grid-template-columns: repeat(3, 1fr); }
	.cvb-grid--4 { grid-template-columns: repeat(4, 1fr); }
}
.cvb-chiprow { display: flex; flex-wrap: wrap; gap: 0.375rem; }

/* Pills must never shrink or wrap into a blob */
.cvb .cvb-btn, .cvb .cvb-chip, .cvb .cvb-pcard__badge, .cvb .cvb-hero__livetag { white-space: nowrap; flex: none; }

/* Gradient icon badges (shared) */
.cvb-scard__icon, .cvb-icard__icon, .cvb-arch__icon, .cvb-mega__ico {
	background: var(--cvb-grad-brand);
	color: #fff;
	display: grid;
	place-items: center;
	box-shadow: var(--cvb-shadow-luxe);
}

/* ------------------------------------------------------------------ HERO */
.cvb-hero { min-height: clamp(560px, 88vh, 900px); display: flex; align-items: center; }
.cvb-hero__bg { position: absolute; inset: 0; z-index: 0; }
.cvb-hero .cvb-hero__bgimg { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; opacity: 0.4; }
.cvb-hero__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(3,6,13,0.6), rgba(3,6,13,0.4), var(--cvb-bg)); }
.cvb-hero__inner { display: grid; gap: 2.5rem; align-items: center; }
@media (min-width: 1024px) { .cvb-hero__inner { grid-template-columns: 7fr 5fr; } }
/* Solo hero (no rotating stat card) — copy spans full width, panel hidden. */
.cvb-hero__inner--solo { grid-template-columns: 1fr; }
@media (min-width: 1024px) { .cvb-hero__inner--solo { grid-template-columns: 1fr; } }
.cvb-hero__inner--solo .cvb-hero__panel { display: none; }
.cvb-hero__inner--solo .cvb-hero__copy { max-width: 48rem; }
.cvb-hero__copy { display: flex; flex-direction: column; gap: 1.35rem; max-width: 42rem; }
.cvb-hero__badge { align-self: flex-start; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.85rem; border-radius: 999px; font-family: var(--cvb-font-heading); font-size: 0.625rem; letter-spacing: 0.15em; color: var(--cvb-muted-fg); }
.cvb-hero__badge .cvb-ico { color: var(--cvb-secondary); width: 0.8rem; height: 0.8rem; }
.cvb-hero__title { font-family: var(--cvb-font-display); font-weight: 700; line-height: 1.1; font-size: clamp(2rem, 5vw, 3.125rem); display: flex; flex-direction: column; gap: 0.5rem; }
.cvb-hero__title em { font-style: normal; }
.cvb-hero__body { font-size: 0.95rem; line-height: 1.7; max-width: 36rem; }
.cvb-hero__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.cvb-hero__trust { font-size: 0.75rem; color: var(--cvb-muted-fg); padding-top: 1rem; border-top: 1px solid var(--cvb-border); max-width: 28rem; line-height: 1.6; }
.cvb-hero__card { position: relative; padding: 2rem; border-radius: 1.5rem; min-height: 26rem; }
.cvb-hero__livetag { position: absolute; top: -0.75rem; right: -0.75rem; padding: 0.25rem 0.75rem; border-radius: 999px; background: var(--cvb-secondary); color: #070b14; font-family: var(--cvb-font-heading); font-size: 0.625rem; letter-spacing: 0.15em; }
.cvb-hero__slide { display: none; }
.cvb-hero__slide.is-active { display: block; animation: cvb-fade-up 0.5s ease; }
.cvb-hero__caselabel { font-family: var(--cvb-font-heading); font-size: 0.75rem; letter-spacing: 0.15em; color: var(--cvb-muted-fg); margin-bottom: 1.5rem; }
.cvb-hero__stats { display: flex; flex-direction: column; gap: 1.25rem; }
.cvb-hero__stat + .cvb-hero__stat { border-top: 1px solid var(--cvb-border); padding-top: 1.25rem; }
.cvb-hero__statnum { font-family: var(--cvb-font-display); font-weight: 700; font-size: 3rem; line-height: 1; }
.cvb-hero__statsuf { color: var(--cvb-secondary); }
.cvb-hero__statlabel { font-size: 0.875rem; color: var(--cvb-muted-fg); margin-top: 0.25rem; }
.cvb-hero__dots { position: absolute; bottom: 1.25rem; left: 2rem; display: flex; gap: 0.5rem; }
.cvb-hero__dot { height: 0.375rem; width: 1rem; border-radius: 999px; background: var(--cvb-border-strong); border: 0; padding: 0; cursor: pointer; transition: width 0.3s, background 0.3s; }
.cvb-hero__dot.is-active { width: 2rem; background: var(--cvb-grad-brand); }

/* -------------------------------------------------------------- CTA BAND */
.cvb-cta { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 1024px) { .cvb-cta { grid-template-columns: 2fr 1fr; } }
.cvb-cta__body { display: flex; flex-direction: column; gap: 1rem; }
.cvb-cta__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 0.85rem; }
@media (min-width: 1024px) { .cvb-cta__actions { align-items: flex-end; } }

/* ----------------------------------------------------------- LOGO WALL */
.cvb-logos__label { font-family: var(--cvb-font-heading); font-size: 0.625rem; letter-spacing: 0.3em; color: var(--cvb-secondary); text-align: center; margin-bottom: 2.5rem; }
.cvb-logos__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--cvb-border); border-radius: 1rem; overflow: hidden; }
@media (min-width: 640px) { .cvb-logos__grid { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 768px) { .cvb-logos__grid { grid-template-columns: repeat(8, 1fr); } }
.cvb-logos__cell { background: var(--cvb-bg-2); display: grid; place-items: center; padding: 1.25rem 1rem; }
.cvb-logos__cell span { font-family: var(--cvb-font-heading); font-size: 0.75rem; letter-spacing: 0.1em; color: rgba(151,159,171,0.7); transition: color 0.3s; text-align: center; }
.cvb-logos__cell:hover span { color: var(--cvb-secondary); }
.cvb-logos__note { text-align: center; font-size: 0.75rem; margin-top: 2rem; }

/* ------------------------------------------------------------ SERVICES */
.cvb-services__grid, .cvb-industries__grid, .cvb-method__grid, .cvb-pricing__grid, .cvb-recog__grid { margin-top: 3rem; }
.cvb-scard { padding: 2rem; display: flex; flex-direction: column; transition: transform 0.4s; }
.cvb-scard:hover { transform: translateY(-6px); }
.cvb-scard__icon { height: 3.5rem; width: 3.5rem; border-radius: 1rem; font-size: 1.4rem; margin-bottom: 1.5rem; }
.cvb-scard__title { font-family: var(--cvb-font-heading); font-size: 1.25rem; margin-bottom: 0.75rem; }
.cvb-scard__desc { font-size: 0.875rem; line-height: 1.7; margin-bottom: 1.5rem; }
.cvb-scard__tag { font-family: var(--cvb-font-heading); font-size: 0.75rem; letter-spacing: 0.1em; color: var(--cvb-secondary); margin-bottom: 1rem; }
.cvb-scard__link { margin-top: auto; width: 100%; justify-content: space-between; border-top: 1px solid var(--cvb-border); border-bottom: 0; padding-top: 1rem; }

/* ---------------------------------------------------------- INDUSTRIES */
.cvb-icard { padding: 1.75rem; display: flex; flex-direction: column; gap: 1.25rem; transition: transform 0.4s; }
.cvb-icard:hover { transform: translateY(-6px); }
.cvb-icard__icon { height: 3rem; width: 3rem; border-radius: 1rem; font-size: 1.2rem; }
.cvb-icard__name { font-family: var(--cvb-font-heading); font-size: 1.25rem; margin-bottom: 0.75rem; }
.cvb-icard__stat { font-family: var(--cvb-font-display); font-weight: 700; font-size: 1.25rem; line-height: 1.2; margin-bottom: 1rem; }
.cvb-icard__desc { font-size: 0.875rem; line-height: 1.7; }
.cvb-icard__meta { display: flex; flex-direction: column; gap: 0.9rem; }
.cvb-icard__meta .cvb-label { display: block; margin-bottom: 0.5rem; }
.cvb-icard__cta { margin-top: auto; width: 100%; justify-content: space-between; border-top: 1px solid var(--cvb-border); border-bottom: 0; padding-top: 1rem; }

/* -------------------------------------------------------------- METHOD */
.cvb-mcard { padding: 1.75rem; }
.cvb-mcard__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; }
.cvb-mcard__num { font-family: var(--cvb-font-display); font-weight: 700; font-size: 1.875rem; }
.cvb-mcard__icon { color: var(--cvb-secondary); font-size: 1.4rem; }
.cvb-mcard__title { font-family: var(--cvb-font-heading); font-size: 1.25rem; margin-bottom: 0.75rem; }

/* ------------------------------------------------------------- PRICING */
.cvb-pcard { padding: 2rem; transition: transform 0.4s; }
.cvb-pcard:hover { transform: translateY(-6px); }
.cvb-pcard.is-featured { box-shadow: var(--cvb-glow-primary); }
@media (min-width: 1024px) { .cvb-pcard.is-featured { transform: scale(1.03); } .cvb-pcard.is-featured:hover { transform: scale(1.03) translateY(-6px); } }
.cvb-pcard__badge { position: absolute; top: -0.75rem; left: 50%; transform: translateX(-50%); padding: 0.25rem 1rem; border-radius: 999px; background: var(--cvb-grad-brand); color: #fff; font-family: var(--cvb-font-heading); font-size: 0.625rem; letter-spacing: 0.15em; white-space: nowrap; }
.cvb-pcard__tier { font-family: var(--cvb-font-heading); font-size: 1.5rem; margin-bottom: 0.5rem; }
.cvb-pcard__desc { font-size: 0.875rem; margin-bottom: 1.5rem; }
.cvb-pcard__price { font-family: var(--cvb-font-display); font-weight: 700; font-size: 2.25rem; margin-bottom: 0.5rem; }
.cvb-pcard__time { font-family: var(--cvb-font-heading); font-size: 0.75rem; letter-spacing: 0.1em; color: var(--cvb-secondary); margin-bottom: 2rem; }
.cvb-pcard__btn { display: block; text-align: center; padding: 0.85rem; border-radius: 999px; border: 1px solid var(--cvb-border-strong); font-family: var(--cvb-font-heading); font-size: 0.875rem; transition: border-color 0.2s; }
.cvb-pcard__btn:hover { border-color: var(--cvb-secondary); }

/* --------------------------------------------------------- RECOGNITION */
.cvb-recog__col { padding: 1.75rem; }
.cvb-recog__head { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.25rem; }
.cvb-recog__num { font-family: var(--cvb-font-display); font-weight: 700; font-size: 1.25rem; }
.cvb-recog__heading { font-family: var(--cvb-font-heading); font-size: 1.05rem; }
.cvb-recog__list { display: flex; flex-direction: column; gap: 0.65rem; }
.cvb-recog__item { border: 1px solid var(--cvb-border); border-radius: 0.75rem; background: rgba(3,6,13,0.4); padding: 0.75rem; transition: border-color 0.2s; }
.cvb-recog__item:hover { border-color: rgba(255,144,52,0.5); }
.cvb-recog__row { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.25rem; }
.cvb-recog__name { font-family: var(--cvb-font-heading); font-size: 0.85rem; }
.cvb-recog__status { font-family: var(--cvb-font-heading); font-size: 0.5625rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--cvb-secondary); white-space: nowrap; }
.cvb-recog__note { font-size: 0.75rem; line-height: 1.6; }

/* --------------------------------------------------------- CONSULTING */
.cvb-consulting__title { margin-bottom: 2.25rem; }
.cvb-consulting__panels { display: grid; gap: 1.25rem; margin-bottom: 2rem; }
@media (min-width: 768px) { .cvb-consulting__panels { grid-template-columns: 1fr 1fr; } }
.cvb-consulting__panel { padding: 1.75rem; }
.cvb-consulting__ph { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.1rem; color: var(--cvb-secondary); }
.cvb-consulting__ph.is-muted { color: var(--cvb-muted-fg); }
.cvb-consulting__mark { height: 1.25rem; width: 1.25rem; border-radius: 999px; display: grid; place-items: center; font-size: 0.7rem; }
.cvb-consulting__mark.is-yes { background: rgba(255,144,52,0.2); color: var(--cvb-secondary); }
.cvb-consulting__mark.is-no { background: rgba(245,29,49,0.2); color: var(--cvb-destructive); }
.cvb-consulting__list { display: flex; flex-direction: column; gap: 0.5rem; }
.cvb-consulting__list li { display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.85rem; }
.cvb-consulting__list .cvb-ico { margin-top: 0.15rem; width: 0.85rem; height: 0.85rem; }
.cvb-consulting__list .is-yes { color: var(--cvb-secondary); }
.cvb-consulting__list .is-no { color: var(--cvb-destructive); }

/* -------------------------------------------------------------- NARRATIVE */
.cvb-narr__wrap { display: flex; flex-direction: column; gap: 2rem; }
.cvb-narr__lead { font-size: 1.05rem; line-height: 1.7; }
.cvb-narr__callout { padding: 2rem; }
.cvb-narr__callout .cvb-label { display: block; margin-bottom: 0.75rem; }
.cvb-narr__calloutbody { font-size: 1.05rem; line-height: 1.7; }
.cvb-narr__case { position: relative; padding: clamp(1.5rem, 4vw, 2.5rem); overflow: hidden; }
.cvb-narr__accent, .cvb-cases__accent { position: absolute; left: 0; top: 2rem; bottom: 2rem; width: 3px; border-radius: 0 3px 3px 0; background: var(--cvb-grad-brand); }
.cvb-narr__badge, .cvb-cases__badge { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.8rem; border-radius: 999px; background: rgba(255,144,52,0.1); border: 1px solid rgba(255,144,52,0.3); font-family: var(--cvb-font-heading); font-size: 0.625rem; letter-spacing: 0.15em; color: var(--cvb-secondary); margin-bottom: 1.5rem; }
.cvb-narr__dot, .cvb-cases__dot { height: 0.375rem; width: 0.375rem; border-radius: 999px; background: var(--cvb-secondary); flex: none; }
.cvb-narr__casetext { font-size: 1.05rem; line-height: 1.7; color: var(--cvb-fg); margin-bottom: 2rem; max-width: 56rem; }
.cvb-narr__metrics { display: grid; gap: 1rem; }
@media (min-width: 640px) { .cvb-narr__metrics { grid-template-columns: repeat(3, 1fr); } }
.cvb-narr__metric { border: 1px solid var(--cvb-border); border-radius: 1rem; background: rgba(3,6,13,0.4); padding: 1.5rem; }
.cvb-narr__mk { margin-bottom: 0.75rem; }
.cvb-narr__mv { font-family: var(--cvb-font-display); font-weight: 700; font-size: clamp(1.5rem, 3vw, 2rem); display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.cvb-narr__marrow { color: var(--cvb-secondary); }
.cvb-narr .cvb-narr__marrow { width: 1.1rem !important; height: 1.1rem !important; }
.cvb-narr__ml { font-size: 0.8rem; margin-top: 0.75rem; line-height: 1.5; }

/* ---------------------------------------------------------- ARCHITECTURE */
.cvb-arch__grid { display: grid; gap: 3rem; align-items: center; }
@media (min-width: 1024px) { .cvb-arch__grid { grid-template-columns: 1fr 1fr; } }
.cvb-arch__media { border-radius: 1.5rem; overflow: hidden; }
.cvb-arch .cvb-arch__img { width: 100% !important; height: auto !important; max-width: 100% !important; }
.cvb-arch__content { display: flex; flex-direction: column; gap: 1.25rem; }
.cvb-arch__list { display: flex; flex-direction: column; gap: 1rem; margin-top: 0.5rem; }
.cvb-arch__item { display: flex; align-items: flex-start; gap: 1rem; border: 1px solid var(--cvb-border); border-radius: 1rem; background: rgba(8,13,24,0.4); padding: 1rem; transition: border-color 0.2s; }
.cvb-arch__item:hover { border-color: rgba(255,144,52,0.4); }
.cvb-arch__icon { height: 2.5rem; width: 2.5rem; border-radius: 0.75rem; font-size: 1rem; flex: none; }
.cvb-arch__itemhead { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.25rem; }
.cvb-arch__num { font-family: var(--cvb-font-display); font-weight: 700; font-size: 0.85rem; }
.cvb-arch__title { font-family: var(--cvb-font-heading); font-size: 0.95rem; }
.cvb-arch__desc { font-size: 0.8rem; line-height: 1.6; }

/* ------------------------------------------------------------- TECH STACK */
.cvb-tech__layers { display: flex; flex-direction: column; gap: 1rem; margin-top: 2.5rem; }
.cvb-tech__layer { padding: 1.5rem; }
.cvb-tech__layerhead { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.cvb-tech__l { font-family: var(--cvb-font-display); font-weight: 700; font-size: 1.125rem; }
.cvb-tech__closing { margin-top: 2rem; max-width: 48rem; font-size: 1rem; line-height: 1.7; }
.cvb-tech__glossary { margin-top: 3rem; }
.cvb-tech__gtitle { margin-bottom: 1.5rem; }
.cvb-tech__gglist { display: grid; gap: 1rem; }
@media (min-width: 640px) { .cvb-tech__gglist { grid-template-columns: 1fr 1fr; } }
.cvb-tech__gcard { padding: 1.5rem; }
.cvb-tech__gterm { font-family: var(--cvb-font-heading); font-size: 1rem; margin-bottom: 0.5rem; }
.cvb-tech__gdef { font-size: 0.85rem; line-height: 1.6; }

/* ----------------------------------------------------------- CASE STUDIES */
.cvb-cases__tabs { display: flex; flex-wrap: wrap; gap: 0.5rem; border-bottom: 1px solid var(--cvb-border); margin-top: 3rem; }
.cvb-cases__tab { position: relative; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.85rem 1.25rem; font-family: var(--cvb-font-heading); font-size: 0.85rem; background: none; border: 0; color: var(--cvb-muted-fg); cursor: pointer; transition: color 0.2s; }
.cvb-cases__tab:hover, .cvb-cases__tab.is-active { color: var(--cvb-fg); }
.cvb-cases__tab.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--cvb-grad-brand); border-radius: 999px; }
.cvb-cases__tabico { font-size: 1rem; display: inline-flex; }
.cvb-cases__panel { display: none; margin-top: 2.5rem; }
.cvb-cases__panel.is-active { display: block; animation: cvb-fade-up 0.3s ease; }
.cvb-cases__card { position: relative; padding: clamp(1.5rem, 4vw, 2.5rem); overflow: hidden; }
.cvb-cases__headline { font-family: var(--cvb-font-heading); font-size: clamp(1.25rem, 3vw, 1.75rem); line-height: 1.3; max-width: 56rem; margin-bottom: 2rem; }
.cvb-cases__stats { display: grid; gap: 1rem; margin-bottom: 2rem; }
@media (min-width: 640px) { .cvb-cases__stats { grid-template-columns: repeat(3, 1fr); } }
.cvb-cases__stat { border: 1px solid var(--cvb-border); border-radius: 1rem; background: rgba(3,6,13,0.4); padding: 1.5rem; }
.cvb-cases__statv { font-family: var(--cvb-font-display); font-weight: 700; font-size: 1.5rem; }
.cvb-cases__statl { font-size: 0.75rem; margin-top: 0.75rem; line-height: 1.5; }
.cvb-cases__context { max-width: 48rem; margin-bottom: 1.5rem; font-size: 0.95rem; }
.cvb-cases__stack { margin-bottom: 1.5rem; }

/* ------------------------------------------------------------- FINAL CTA */
.cvb-fcta__card { padding: clamp(2.5rem, 6vw, 5rem); text-align: center; border-radius: 2rem; overflow: hidden; }
.cvb-fcta__inner { position: relative; z-index: 1; max-width: 48rem; margin: 0 auto; display: flex; flex-direction: column; gap: 1.5rem; align-items: center; }
.cvb-fcta__title { font-size: clamp(2rem, 5vw, 3.75rem); }
.cvb-fcta__body { font-size: 1.05rem; max-width: 38rem; }
.cvb-fcta__actions { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; padding-top: 0.5rem; }

/* ----------------------------------------------------------------- FAQ */
.cvb-faq .cvb-container { max-width: 72rem; }
.cvb-faq__cols { display: grid; gap: 1rem; margin-top: 3rem; }
@media (min-width: 768px) { .cvb-faq__cols { grid-template-columns: 1fr 1fr; align-items: start; } }
.cvb-faq__col { display: flex; flex-direction: column; gap: 1rem; }
.cvb-faq__item { position: relative; overflow: hidden; }
/* Left gradient accent bar — appears on hover / when open (matches reference). */
.cvb-faq__item::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--cvb-grad-brand); opacity: 0; transition: opacity 0.2s; z-index: 2; }
.cvb-faq__item:hover::before, .cvb-faq__item.is-open::before { opacity: 1; }
.cvb-faq__q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.5rem; text-align: left; background: none; border: 0; cursor: pointer; color: inherit; }
.cvb-faq__qtext { font-family: var(--cvb-font-heading); font-size: 1.05rem; line-height: 1.4; }
.cvb-faq__chev { color: var(--cvb-secondary); flex: none; transition: transform 0.2s; }
.cvb-faq .cvb-faq__chev { width: 1.25rem !important; height: 1.25rem !important; }
.cvb-faq__item.is-open .cvb-faq__chev { transform: rotate(180deg); }
/* max-height:0 + overflow:hidden reliably clips the closed answer (the grid-0fr
   technique could leak past the card when a child kept a min-height). */
.cvb-faq__a { overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.3s ease, opacity 0.2s ease; }
.cvb-faq__item.is-open .cvb-faq__a { max-height: 40rem; opacity: 1; }
.cvb-faq__a-inner { padding: 0 1.5rem 1.5rem; font-size: 0.9rem; }

/* -------------------------------------------------------------- HEADER */
.cvb-headerbar { position: sticky; top: 0; z-index: 50; background: rgba(3,6,13,0.7); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid var(--cvb-border); }
.cvb-headerbar.is-scrolled { background: rgba(3,6,13,0.92); }
.cvb-headerbar__inner { max-width: var(--cvb-maxw); margin: 0 auto; padding: 0 1.5rem; height: 5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.cvb-headerbar .cvb-headerbar__logoimg { height: 2.5rem !important; width: auto !important; max-width: none !important; display: block !important; }
.cvb-headerbar .cvb-headerbar__logo { flex: none; }
.cvb-headerbar .cvb-headerbar__nav { flex: 1 1 auto; min-width: 0; justify-content: center; }
.cvb-headerbar .cvb-headerbar__actions { flex: none; }
.cvb-headerbar__nav { display: none; align-items: center; gap: 2rem; }
@media (min-width: 1024px) { .cvb-headerbar__nav { display: flex; } }
.cvb-nav-link, .cvb-nav-trigger { font-family: var(--cvb-font-heading); font-size: 0.875rem; color: var(--cvb-muted-fg); background: none; border: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 0.25rem; transition: color 0.2s; }
.cvb-nav-link:hover, .cvb-nav-trigger:hover { color: var(--cvb-fg); }
.cvb-nav-trigger .cvb-ico { width: 0.85rem; height: 0.85rem; transition: transform 0.2s; }
.cvb-nav-item { position: relative; }
.cvb-has-mega:hover .cvb-nav-trigger .cvb-ico { transform: rotate(180deg); }
.cvb-mega { position: absolute; left: 50%; top: 100%; transform: translateX(-50%) translateY(-0.5rem); padding-top: 1rem; opacity: 0; pointer-events: none; transition: opacity 0.2s, transform 0.2s; width: min(90vw, 42rem); }
.cvb-has-mega:hover .cvb-mega, .cvb-has-mega:focus-within .cvb-mega { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.cvb-mega__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.25rem; padding: 1rem; background: rgba(3,6,13,0.97); border: 1px solid var(--cvb-border); border-bottom: 0; border-radius: 1rem 1rem 0 0; box-shadow: var(--cvb-shadow-luxe); }
.cvb-mega__item { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.75rem; border-radius: 0.75rem; transition: background 0.2s; }
.cvb-mega__item:hover { background: var(--cvb-muted); }
.cvb-mega__ico { height: 2.25rem; width: 2.25rem; border-radius: 0.6rem; font-size: 1rem; flex: none; }
.cvb-mega__label { display: block; font-family: var(--cvb-font-heading); font-size: 0.85rem; color: var(--cvb-fg); }
.cvb-mega__desc { display: block; font-size: 0.75rem; color: var(--cvb-muted-fg); margin-top: 0.15rem; line-height: 1.4; }
.cvb-mega__foot { display: flex; align-items: center; justify-content: space-between; padding: 0.85rem 1.25rem; background: rgba(3,6,13,0.97); border: 1px solid var(--cvb-border); border-radius: 0 0 1rem 1rem; box-shadow: var(--cvb-shadow-luxe); }
.cvb-mega__foot span { font-family: var(--cvb-font-heading); font-size: 0.85rem; }
.cvb-mega__foot .cvb-ico { color: var(--cvb-secondary); }
.cvb-headerbar__actions { display: flex; align-items: center; gap: 0.75rem; }
.cvb-headerbar__cta { display: none; }
@media (min-width: 768px) { .cvb-headerbar__cta { display: inline-flex; } }
.cvb-headerbar__burger { display: inline-flex; background: none; border: 0; color: var(--cvb-fg); cursor: pointer; padding: 0.25rem; }
@media (min-width: 1024px) { .cvb-headerbar__burger { display: none; } }
.cvb-headerbar__burger .cvb-ico { width: 1.5rem; height: 1.5rem; }

/* Mobile drawer */
/* Closed = display:none so the off-screen panel can never create horizontal
   overflow or show through. Opening animates a slide-in. Desktop never uses it. */
.cvb-drawer { position: fixed; top: 0; right: 0; height: 100vh; height: 100dvh; width: min(85%, 400px); max-width: 100%; background: var(--cvb-bg); border-left: 1px solid var(--cvb-border); z-index: 60; overflow-y: auto; overflow-x: hidden; display: none; }
.cvb-drawer.is-open { display: block; animation: cvb-drawer-in 0.28s ease; }
@keyframes cvb-drawer-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
@media (min-width: 1024px) { .cvb-drawer { display: none !important; } }
.cvb-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem; border-bottom: 1px solid var(--cvb-border); }
.cvb-drawer .cvb-drawer__logo { height: 2.25rem !important; width: auto !important; max-width: none !important; }
.cvb-drawer__close { background: none; border: 0; color: var(--cvb-fg); cursor: pointer; }
.cvb-drawer__close .cvb-ico { width: 1.5rem; height: 1.5rem; }
.cvb-drawer__nav { display: flex; flex-direction: column; padding: 1rem; gap: 0.25rem; }
.cvb-collapse__trigger { width: 100%; display: flex; align-items: center; justify-content: space-between; font-family: var(--cvb-font-heading); font-size: 1rem; padding: 0.85rem; border-radius: 0.5rem; background: none; border: 0; color: inherit; cursor: pointer; }
.cvb-collapse__trigger:hover { background: var(--cvb-muted); }
.cvb-collapse__trigger .cvb-ico { transition: transform 0.2s; }
.cvb-collapse.is-open .cvb-collapse__trigger .cvb-ico { transform: rotate(180deg); }
.cvb-collapse__body { display: none; flex-direction: column; padding-left: 0.75rem; padding-bottom: 0.5rem; }
.cvb-collapse.is-open .cvb-collapse__body { display: flex; }
.cvb-drawer__sublink { display: flex; align-items: center; gap: 0.5rem; padding: 0.65rem 0.75rem; font-size: 0.875rem; color: var(--cvb-muted-fg); border-radius: 0.4rem; }
.cvb-drawer__sublink:hover { color: var(--cvb-fg); background: var(--cvb-muted); }
.cvb-drawer__subico { color: var(--cvb-secondary); font-size: 0.9rem; display: inline-flex; }
.cvb-drawer__viewall { display: flex; align-items: center; gap: 0.5rem; padding: 0.65rem 0.75rem; font-family: var(--cvb-font-heading); font-size: 0.875rem; color: var(--cvb-fg); }
.cvb-drawer__viewall .cvb-ico { width: 0.85rem; height: 0.85rem; }
.cvb-drawer__link { font-family: var(--cvb-font-heading); font-size: 1rem; padding: 0.85rem; border-radius: 0.5rem; }
.cvb-drawer__link:hover { background: var(--cvb-muted); }
.cvb-drawer__cta { margin-top: 0.5rem; justify-content: center; }

/* -------------------------------------------------------------- FOOTER */
.cvb-footer { position: relative; border-top: 1px solid var(--cvb-border); background: var(--cvb-bg); padding: 0 1.5rem; }
.cvb-footer__topline { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--cvb-primary), transparent); opacity: 0.5; }
.cvb-footer__grid { max-width: var(--cvb-maxw); margin: 0 auto; padding: 4rem 0; display: grid; gap: 2.5rem 3rem; }
@media (min-width: 640px)  { .cvb-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .cvb-footer__grid { grid-template-columns: 1.6fr 1fr 1fr 1fr; } }
.cvb-footer__brand { display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; }
/* align-self keeps the logo from being stretched to full column width by the
   column flexbox's default align-items: stretch. */
.cvb-footer .cvb-footer__logo { height: 3rem !important; width: auto !important; max-width: none !important; align-self: flex-start; }
.cvb-footer__blurb { max-width: 28rem; font-size: 0.875rem; line-height: 1.7; }
.cvb-footer__socials { display: flex; gap: 0.75rem; }
.cvb-footer__social { height: 2.5rem; width: 2.5rem; display: grid; place-items: center; border-radius: 999px; border: 1px solid var(--cvb-border); color: var(--cvb-fg); font-size: 1rem; transition: background 0.2s, border-color 0.2s, color 0.2s; }
.cvb-footer__social:hover { border-color: var(--cvb-primary); background: var(--cvb-primary); color: #fff; }
.cvb-footer__h { font-family: var(--cvb-font-heading); font-size: 0.85rem; margin-bottom: 1rem; letter-spacing: 0.05em; }
.cvb-footer__list { display: flex; flex-direction: column; gap: 0.75rem; font-size: 0.875rem; color: var(--cvb-muted-fg); }
.cvb-footer__list li { display: flex; align-items: flex-start; gap: 0.5rem; }
.cvb-footer__list--links li { display: block; }
.cvb-footer .cvb-footer__viewall { color: var(--cvb-secondary); font-family: var(--cvb-font-heading); font-weight: 700; display: inline-block; margin-top: 0.35rem; }
.cvb-footer .cvb-footer__viewall:hover { color: var(--cvb-fg); }
.cvb-footer__list .cvb-ico { color: var(--cvb-secondary); margin-top: 0.15rem; width: 1rem; height: 1rem; }
.cvb-footer__list a:hover { color: var(--cvb-fg); }
.cvb-footer__bottom { max-width: var(--cvb-maxw); margin: 0 auto; border-top: 1px solid var(--cvb-border); padding: 1.5rem 0; display: flex; flex-direction: column; gap: 0.75rem; align-items: center; justify-content: space-between; font-size: 0.75rem; color: var(--cvb-muted-fg); text-align: center; }
@media (min-width: 640px) { .cvb-footer__bottom { flex-direction: row; text-align: left; } }

/* ===================================================================== *
   Service / industry / contact page sections
   ===================================================================== */

/* ---- Prose / Definition ---- */
.cvb-prose__wrap { display: flex; flex-direction: column; gap: 2.5rem; }
.cvb-prose__body { margin-top: 1.25rem; font-size: 1.05rem; line-height: 1.7; }
.cvb-prose__secondary { margin-top: 1rem; font-size: 0.9rem; line-height: 1.7; }
.cvb-prose__callout { padding: clamp(1.75rem, 4vw, 2.5rem); }
.cvb-prose__badge { display: inline-block; padding: 0.35rem 0.85rem; border-radius: 999px; background: var(--cvb-grad-brand); color: #fff; font-family: var(--cvb-font-heading); font-size: 0.625rem; letter-spacing: 0.15em; margin-bottom: 1.25rem; }
.cvb-prose__calloutbody { font-size: 1.05rem; line-height: 1.7; }

/* ---- Comparison ---- */
.cvb-cmp__wrap { display: flex; flex-direction: column; gap: 2.5rem; }
.cvb-cmp__card { overflow: hidden; }
.cvb-cmp__grid { display: grid; gap: 1px; background: var(--cvb-border); }
@media (min-width: 768px) { .cvb-cmp__grid { grid-template-columns: 1fr 1fr; } }
.cvb-cmp__col { background: rgba(8, 13, 24, 0.55); padding: 1.75rem; }
.cvb-cmp__collabel { display: block; margin-bottom: 1.25rem; }
.cvb-cmp__collabel.is-muted { color: var(--cvb-muted-fg); }
.cvb-cmp__list { display: flex; flex-direction: column; gap: 0.85rem; }
.cvb-cmp__item { display: flex; align-items: flex-start; gap: 0.75rem; font-size: 0.9rem; line-height: 1.6; }
.cvb-cmp__dot { margin-top: 0.5rem; height: 0.4rem; width: 0.4rem; border-radius: 999px; background: var(--cvb-secondary); flex: none; }
.cvb-cmp__dot.is-muted { background: var(--cvb-muted-fg); }

/* ---- Chips (integrations / compliance) ---- */
.cvb-chips__wrap { display: flex; flex-direction: column; gap: 2rem; }
.cvb-chips__body { margin-top: 1.25rem; font-size: 1.05rem; line-height: 1.7; }
.cvb-chips__row { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.cvb-chips__chip { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.6rem 1rem; border-radius: 0.85rem; font-family: var(--cvb-font-heading); font-size: 0.8rem; letter-spacing: 0.02em; white-space: nowrap; transition: transform 0.2s; }
.cvb-chips__chip:hover { transform: translateY(-2px); }
.cvb-chips__chip .cvb-ico { color: var(--cvb-secondary); width: 0.85rem; height: 0.85rem; }
.cvb-chips__note { margin-top: 0.5rem; font-size: 0.85rem; line-height: 1.7; }

/* ---- ROI Calculator ---- */
.cvb-calc__card { overflow: hidden; margin-top: 3rem; }
.cvb-calc__grid { display: grid; }
@media (min-width: 1024px) { .cvb-calc__grid { grid-template-columns: 1fr 1fr; } }
.cvb-calc__inputs { padding: clamp(1.5rem, 4vw, 2.5rem); display: flex; flex-direction: column; gap: 1.5rem; border-bottom: 1px solid var(--cvb-border); }
@media (min-width: 1024px) { .cvb-calc__inputs { border-bottom: 0; border-right: 1px solid var(--cvb-border); } }
.cvb-calc__cardhead { display: flex; align-items: center; gap: 0.85rem; }
.cvb-calc__badge { height: 2.5rem; width: 2.5rem; border-radius: 0.75rem; background: var(--cvb-grad-brand); display: grid; place-items: center; color: #fff; font-size: 1.2rem; flex: none; }
.cvb-calc__badge svg { width: 1.2rem; height: 1.2rem; }
.cvb-calc__title { font-family: var(--cvb-font-heading); font-size: 1.05rem; }
.cvb-calc__row { display: flex; flex-direction: column; gap: 0.5rem; }
.cvb-calc__rowtop { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.cvb-calc__label { font-family: var(--cvb-font-heading); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cvb-muted-fg); }
.cvb-calc__val { font-family: var(--cvb-font-display); font-weight: 700; font-size: 1.1rem; }
.cvb-calc__range { -webkit-appearance: none; appearance: none; width: 100%; height: 0.4rem; border-radius: 999px; background: var(--cvb-border-strong); outline: none; cursor: pointer; }
.cvb-calc__range::-webkit-slider-thumb { -webkit-appearance: none; height: 1.15rem; width: 1.15rem; border-radius: 50%; background: var(--cvb-secondary); cursor: pointer; border: 2px solid #0a0f1c; }
.cvb-calc__range::-moz-range-thumb { height: 1.15rem; width: 1.15rem; border-radius: 50%; background: var(--cvb-secondary); cursor: pointer; border: 2px solid #0a0f1c; }
.cvb-calc__output { padding: clamp(1.5rem, 4vw, 2.5rem); background: rgba(14, 20, 36, 0.5); display: flex; flex-direction: column; gap: 1.25rem; }
.cvb-calc__box { border-radius: 1rem; padding: 1.25rem; border: 1px solid transparent; }
.cvb-calc__box--lost { border-color: rgba(245, 29, 49, 0.3); background: rgba(245, 29, 49, 0.06); }
.cvb-calc__box--rec { border-color: rgba(255, 144, 52, 0.4); background: rgba(255, 144, 52, 0.06); }
.cvb-calc__box .cvb-label { display: block; margin-bottom: 0.5rem; }
.cvb-calc__box .cvb-label.is-muted { color: var(--cvb-muted-fg); }
.cvb-calc__lostval { font-family: var(--cvb-font-display); font-weight: 700; font-size: clamp(2rem, 5vw, 2.75rem); color: var(--cvb-destructive); line-height: 1; }
.cvb-calc__recval { font-family: var(--cvb-font-display); font-weight: 700; font-size: clamp(2rem, 5vw, 2.75rem); line-height: 1; }
.cvb-calc__payback { font-size: 0.75rem; margin-top: 0.5rem; }
.cvb-calc__disclaimer { font-size: 0.7rem; line-height: 1.5; }

/* ---- Stat Grid ---- */
.cvb-stats__box { margin-top: 3rem; overflow: hidden; border-radius: 1.5rem; }
.cvb-stats__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--cvb-border); }
@media (min-width: 1024px) { .cvb-stats__grid { grid-template-columns: repeat(4, 1fr); } }
.cvb-stats__cell { background: rgba(8, 13, 24, 0.6); padding: clamp(1.5rem, 3vw, 2rem); }
.cvb-stats__value { font-family: var(--cvb-font-display); font-weight: 700; font-size: clamp(1.75rem, 4vw, 2.75rem); line-height: 1; margin-bottom: 0.75rem; }
.cvb-stats__caption { font-size: 0.85rem; line-height: 1.5; color: var(--cvb-fg); }
.cvb-stats__source { font-family: var(--cvb-font-heading); font-size: 0.5625rem; letter-spacing: 0.15em; color: var(--cvb-muted-fg); margin-top: 0.75rem; }
.cvb-stats__note { margin-top: 1.5rem; font-size: 0.85rem; line-height: 1.7; }

/* ---- Case Study (before/after) ---- */
.cvb-cs__wrap { display: flex; flex-direction: column; gap: 2.5rem; }
.cvb-cs__card { overflow: hidden; }
.cvb-cs__grid { display: grid; gap: 1px; background: var(--cvb-border); }
@media (min-width: 768px) { .cvb-cs__grid { grid-template-columns: repeat(3, 1fr); } }
.cvb-cs__metric { background: rgba(8, 13, 24, 0.6); padding: 1.75rem; }
.cvb-cs__mname { display: block; margin-bottom: 1rem; }
.cvb-cs__mname.is-muted { color: var(--cvb-muted-fg); }
.cvb-cs__ba { margin-bottom: 0.85rem; }
.cvb-cs__ml { font-family: var(--cvb-font-heading); font-size: 0.5625rem; letter-spacing: 0.15em; color: var(--cvb-muted-fg); margin-bottom: 0.25rem; }
.cvb-cs__ml.is-sec { color: var(--cvb-secondary); }
.cvb-cs__before { font-size: 0.85rem; color: var(--cvb-muted-fg); text-decoration: line-through; text-decoration-color: rgba(245, 29, 49, 0.5); }
.cvb-cs__after { font-family: var(--cvb-font-heading); font-size: 1rem; }
.cvb-cs__summary { padding: clamp(1.75rem, 4vw, 2.5rem); border-top: 1px solid var(--cvb-border); background: rgba(14, 20, 36, 0.4); display: flex; align-items: flex-start; gap: 1rem; }
.cvb-cs__sicon { color: var(--cvb-secondary); font-size: 1.4rem; flex: none; }
.cvb-cs__stext { font-size: 0.95rem; line-height: 1.7; max-width: 56rem; }

/* ---- Sample Audio Player ---- */
.cvb-audio__wrap { display: flex; flex-direction: column; gap: 1.5rem; }
.cvb-audio__card { padding: clamp(1.5rem, 4vw, 2rem); }
.cvb-audio__player { display: flex; align-items: center; gap: 1.25rem; }
.cvb-audio__play { height: 3.5rem; width: 3.5rem; border-radius: 50%; background: var(--cvb-grad-brand); display: grid; place-items: center; color: #fff; border: 0; cursor: pointer; flex: none; box-shadow: var(--cvb-shadow-luxe); transition: transform 0.2s; }
.cvb-audio__play:hover { transform: scale(1.05); }
.cvb-audio__play svg { width: 1.4rem; height: 1.4rem; }
.cvb-audio__track { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0.6rem; }
.cvb-audio__bar { height: 0.375rem; border-radius: 999px; background: rgba(3, 6, 13, 0.7); overflow: hidden; }
.cvb-audio__fill { height: 100%; width: 0; background: var(--cvb-grad-brand); transition: width 0.15s linear; }
.cvb-audio__wave { display: flex; align-items: flex-end; gap: 2px; height: 2.5rem; overflow: hidden; }
.cvb-audio__wave span { width: 3px; border-radius: 999px; background: var(--cvb-border-strong); flex: none; transition: background 0.15s; }
.cvb-audio__wave span.is-lit { background: linear-gradient(to top, var(--cvb-primary), var(--cvb-secondary)); }
.cvb-audio__ttbtn { margin-top: 1.25rem; background: none; border: 0; font-family: var(--cvb-font-heading); font-size: 0.65rem; letter-spacing: 0.15em; color: var(--cvb-secondary); cursor: pointer; }
.cvb-audio__transcript { margin-top: 1rem; border-top: 1px solid var(--cvb-border); padding-top: 1rem; font-size: 0.9rem; }
.cvb-audio__transcript p { margin-bottom: 0.6rem; }

/* ---- Contact Methods ---- */
.cvb-cmeth__grid { margin-top: 3rem; }
.cvb-cmeth__card { padding: 1.75rem; display: flex; align-items: flex-start; gap: 1rem; transition: transform 0.4s; }
a.cvb-cmeth__card:hover { transform: translateY(-4px); }
.cvb-cmeth__icon { height: 3rem; width: 3rem; border-radius: 0.85rem; background: var(--cvb-grad-brand); display: grid; place-items: center; color: #fff; font-size: 1.2rem; flex: none; }
.cvb-cmeth__label { font-family: var(--cvb-font-heading); font-size: 1rem; margin-bottom: 0.25rem; }
.cvb-cmeth__value { font-size: 0.85rem; line-height: 1.5; }
.cvb-cmeth__sub { font-size: 0.75rem; line-height: 1.5; margin-top: 0.4rem; opacity: 0.8; }

/* ── Pricing: per-tier "includes" feature list ─────────────────────────── */
.cvb-pcard { display: flex; flex-direction: column; }
.cvb-pcard__includes { display: flex; flex-direction: column; gap: 0.6rem; margin: 0 0 1.75rem; text-align: left; }
.cvb-pcard__includes li { display: flex; align-items: flex-start; gap: 0.6rem; font-size: 0.85rem; line-height: 1.5; color: var(--cvb-fg); }
.cvb-pcard__includes .cvb-ico { margin-top: 0.15rem; width: 0.85rem; height: 0.85rem; color: var(--cvb-secondary); flex: none; }
.cvb-pcard__btn { margin-top: auto; }

/* ── Chips: explained compliance badges (name + explainer) ─────────────── */
.cvb-chips__badges { display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 640px) { .cvb-chips__badges { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .cvb-chips__badges { grid-template-columns: repeat(3, 1fr); } }
.cvb-chips__badge { padding: 1.25rem 1.35rem; }
.cvb-chips__badgehd { display: flex; align-items: center; gap: 0.6rem; font-family: var(--cvb-font-heading); font-size: 0.95rem; line-height: 1.3; margin-bottom: 0.5rem; }
.cvb-chips__badgehd .cvb-ico { width: 1rem; height: 1rem; color: var(--cvb-secondary); flex: none; }
.cvb-chips__badgedesc { font-size: 0.85rem; line-height: 1.6; }

/* ── Comparison: 3-column table variant ────────────────────────────────── */
.cvb-cmp__card--table { padding: clamp(1.25rem, 3vw, 2rem); }
.cvb-cmp__table { display: grid; grid-template-columns: minmax(7rem, 0.8fr) repeat(3, 1fr); gap: 1px; background: var(--cvb-border); border-radius: 0.5rem; overflow: hidden; }
.cvb-cmp__table.is-nolabels { grid-template-columns: repeat(3, 1fr); }
.cvb-cmp__trow { display: contents; }
.cvb-cmp__th, .cvb-cmp__td, .cvb-cmp__tlabel { background: rgba(8, 13, 24, 0.6); padding: 0.9rem 1rem; font-size: 0.85rem; line-height: 1.5; }
.cvb-cmp__trow--head .cvb-cmp__th, .cvb-cmp__trow--head .cvb-cmp__tlabel { background: rgba(14, 20, 36, 0.7); }
.cvb-cmp__th { display: block; }
.cvb-cmp__th--ours { color: var(--cvb-secondary); }
.cvb-cmp__tlabel { font-family: var(--cvb-font-heading); font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--cvb-muted-fg); }
.cvb-cmp__td--ours { background: rgba(255, 144, 52, 0.06); color: var(--cvb-fg); }
@media (max-width: 640px) {
	.cvb-cmp__table, .cvb-cmp__table.is-nolabels { grid-template-columns: 1fr; }
	.cvb-cmp__trow { display: block; margin-bottom: 1px; }
	.cvb-cmp__td::before { content: attr(data-col); }
	.cvb-cmp__trow--head { display: none; }
	.cvb-cmp__tlabel { font-size: 0.8rem; color: var(--cvb-secondary); }
}

/* ── Case study: scenario cards (context / built / outcome) ────────────── */
.cvb-cs__scenarios { display: grid; gap: 1px; background: var(--cvb-border); }
@media (min-width: 768px) { .cvb-cs__scenarios { grid-template-columns: repeat(3, 1fr); } }
.cvb-cs__scenario { background: rgba(8, 13, 24, 0.6); padding: 1.75rem; }
.cvb-cs__scname { font-family: var(--cvb-font-heading); font-size: 1rem; line-height: 1.3; margin-bottom: 1.1rem; }
.cvb-cs__scrow { margin-bottom: 0.85rem; }
.cvb-cs__scl { font-family: var(--cvb-font-heading); font-size: 0.5625rem; letter-spacing: 0.15em; color: var(--cvb-muted-fg); margin-bottom: 0.2rem; }
.cvb-cs__scl.is-sec { color: var(--cvb-secondary); }
.cvb-cs__sctext { font-size: 0.85rem; line-height: 1.55; }

/* ── Hero: trust strip chips + timestamp ───────────────────────────────── */
.cvb-hero__strip { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.5rem; }
.cvb-hero__stripchip { font-family: var(--cvb-font-heading); font-size: 0.7rem; letter-spacing: 0.05em; color: var(--cvb-muted-fg); padding: 0.35rem 0.75rem; border: 1px solid var(--cvb-border); border-radius: 999px; white-space: nowrap; }
.cvb-hero__ts { margin-top: 1.25rem; font-family: var(--cvb-font-heading); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--cvb-muted-fg); }

/* ── Section footnotes / intro passages on grid widgets ────────────────── */
.cvb-cmp__note, .cvb-services__note, .cvb-industries__note, .cvb-method__note { margin-top: 1.75rem; font-size: 0.9rem; line-height: 1.7; max-width: 60rem; }

/* ── Consulting: optional prose body above panels ──────────────────────── */
.cvb-consulting__body { margin: 1.25rem 0 2rem; font-size: 1.02rem; line-height: 1.75; max-width: 60rem; }
.cvb-consulting__body p + p { margin-top: 1rem; }
.cvb-consulting__note { margin-top: 0.5rem; max-width: 60rem; font-size: 0.95rem; line-height: 1.7; }

/* ── Services card: optional stat box (services hub cards) ──────────────── */
.cvb-scard__stat { display: block; border: 1px solid rgba(255,144,52,0.3); background: rgba(255,144,52,0.05); border-radius: 0.75rem; padding: 0.85rem 1rem; margin-bottom: 1rem; }
.cvb-scard__statval { display: block; font-family: var(--cvb-font-display); font-weight: 700; font-size: 1.5rem; line-height: 1; }
.cvb-scard__statnote { display: block; font-size: 0.7rem; line-height: 1.35; margin-top: 0.4rem; }

/* ── Hero: agent-graph illustration (content pages) ────────────────────── */
.cvb-hero__graph { position: relative; aspect-ratio: 1 / 1; width: 100%; padding: 2rem; overflow: hidden; display: grid; place-items: center; }
.cvb-hero__graphsvg { width: 100%; height: 100%; }
.cvb-hero__graphtag { position: absolute; top: 1rem; right: 1rem; display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.7rem; border-radius: 999px; background: rgba(3,6,13,0.7); border: 1px solid var(--cvb-border); font-family: var(--cvb-font-heading); font-size: 0.6rem; letter-spacing: 0.15em; color: var(--cvb-muted-fg); }
@media (max-width: 1023px) { .cvb-hero__graph { display: none; } }

/* ── Hero: agent-core illustration (industries hub) ────────────────────── */
.cvb-hero__core { width: 100%; padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; }
.cvb-hero__corehead { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.cvb-hero__coretag { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.6rem; border-radius: 999px; background: rgba(3,6,13,0.6); border: 1px solid var(--cvb-border); font-family: var(--cvb-font-heading); font-size: 0.55rem; letter-spacing: 0.12em; color: var(--cvb-muted-fg); white-space: nowrap; }
.cvb-hero__coredot { width: 0.4rem; height: 0.4rem; border-radius: 999px; background: var(--cvb-secondary); flex: none; }
.cvb-hero__coredot.is-ok { background: #34d399; }
.cvb-hero__corebox { text-align: center; border: 1px solid rgba(255,144,52,0.3); border-radius: 1rem; background: rgba(3,6,13,0.4); padding: 1.1rem; }
.cvb-hero__corekicker { font-family: var(--cvb-font-heading); font-size: 0.6rem; letter-spacing: 0.25em; color: var(--cvb-secondary); }
.cvb-hero__corestack { font-family: var(--cvb-font-display); font-size: 1.05rem; margin-top: 0.35rem; }
.cvb-hero__coreonline { display: inline-flex; align-items: center; gap: 0.35rem; margin-top: 0.5rem; padding: 0.15rem 0.6rem; border-radius: 999px; border: 1px solid rgba(255,144,52,0.4); font-family: var(--cvb-font-heading); font-size: 0.5rem; letter-spacing: 0.2em; color: var(--cvb-muted-fg); }
.cvb-hero__coredivider { display: flex; align-items: center; gap: 0.75rem; font-family: var(--cvb-font-heading); font-size: 0.55rem; letter-spacing: 0.22em; color: var(--cvb-muted-fg); }
.cvb-hero__coredivider span { height: 1px; flex: 1; background: var(--cvb-border); }
.cvb-hero__coregrid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; }
.cvb-hero__corecard { border: 1px solid var(--cvb-border); border-radius: 0.75rem; background: rgba(3,6,13,0.5); padding: 0.7rem; }
.cvb-hero__coretop { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
.cvb-hero__coreicon { display: grid; place-items: center; width: 1.6rem; height: 1.6rem; border-radius: 0.5rem; background: rgba(255,144,52,0.1); border: 1px solid rgba(255,144,52,0.3); flex: none; }
.cvb-hero__coreicon .cvb-ico, .cvb-hero__coreicon svg, .cvb-hero__coreicon i { width: 0.85rem; height: 0.85rem; font-size: 0.85rem; color: var(--cvb-secondary); }
.cvb-hero__corename { font-family: var(--cvb-font-heading); font-size: 0.72rem; line-height: 1.1; }
.cvb-hero__coremeta { display: flex; align-items: center; justify-content: space-between; gap: 0.4rem; }
.cvb-hero__coreintg { font-family: var(--cvb-font-heading); font-size: 0.55rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--cvb-secondary); }
.cvb-hero__coremetric { font-family: var(--cvb-font-heading); font-size: 0.55rem; letter-spacing: 0.02em; color: var(--cvb-muted-fg); white-space: nowrap; }
@media (max-width: 1023px) { .cvb-hero__core { display: none; } }

/* ── Industry card: stat box (value + caption) ─────────────────────────── */
.cvb-icard__statbox { display: block; border: 1px solid rgba(255,144,52,0.3); background: rgba(255,144,52,0.05); border-radius: 0.75rem; padding: 0.75rem 0.9rem; margin: 0.75rem 0 1rem; }
.cvb-icard__statval { display: block; font-family: var(--cvb-font-display); font-weight: 700; font-size: 1.5rem; line-height: 1; }
.cvb-icard__statnote { display: block; font-size: 0.7rem; line-height: 1.35; margin-top: 0.4rem; }


/* ==== Agentic workflow-automation page upgrades ==== */

/* Comparison: labeled 2-value table (DIMENSION + 2 columns) */
.cvb-cmp__table.is-2val { grid-template-columns: minmax(7rem, 0.8fr) repeat(2, 1fr); }
.cvb-cmp__table.is-nolabels.is-2val { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 640px) {
	.cvb-cmp__table.is-2val, .cvb-cmp__table.is-nolabels.is-2val { grid-template-columns: 1fr; }
}

/* Prose: monospace rule / decision block */
.cvb-prose__rule { margin-top: 1.75rem; padding: 1.5rem; text-align: left; }
.cvb-prose__rulelabel { display: inline-block; font-family: var(--cvb-font-heading); font-size: 0.6rem; letter-spacing: 0.2em; color: var(--cvb-secondary); margin-bottom: 0.85rem; }
.cvb-prose__rulecode { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Code", Consolas, monospace; font-size: 0.9rem; line-height: 1.75; color: var(--cvb-fg); background: rgba(3, 6, 13, 0.5); border: 1px solid var(--cvb-border); border-radius: 0.75rem; padding: 1.1rem 1.25rem; }
.cvb-prose__rulecode .cvb-kw { color: var(--cvb-secondary); font-weight: 600; }
.cvb-prose__ruleafter { margin-top: 1rem; font-size: 0.92rem; font-weight: 500; color: var(--cvb-fg); }

/* Case study: scenario card icon */
.cvb-cs__scicon { display: inline-grid; place-items: center; color: var(--cvb-secondary); margin-bottom: 1rem; }
.cvb-cs__scicon .cvb-ico { width: 1.5rem; height: 1.5rem; }

/* Hero: reasoning-workflow panel */
.cvb-hero__flow { width: 100%; padding: 1.5rem; display: flex; flex-direction: column; gap: 0.85rem; }
.cvb-hero__flowhead { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.15rem; }
.cvb-hero__flowtag { font-family: var(--cvb-font-heading); font-size: 0.6rem; letter-spacing: 0.2em; color: var(--cvb-secondary); }
.cvb-hero__flowlive { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.15rem 0.6rem; border-radius: 999px; border: 1px solid rgba(255, 144, 52, 0.4); background: rgba(3, 6, 13, 0.6); font-family: var(--cvb-font-heading); font-size: 0.5rem; letter-spacing: 0.2em; color: var(--cvb-muted-fg); }
.cvb-hero__flowdot { width: 0.4rem; height: 0.4rem; border-radius: 999px; background: var(--cvb-secondary); }
.cvb-hero__flownode { display: flex; align-items: center; gap: 0.75rem; border: 1px solid var(--cvb-border); border-radius: 1rem; background: rgba(3, 6, 13, 0.5); padding: 0.85rem; }
.cvb-hero__flownode--agent { border-color: rgba(255, 144, 52, 0.4); background: linear-gradient(135deg, rgba(23, 70, 255, 0.15), rgba(255, 144, 52, 0.1)); }
.cvb-hero__flowtext { min-width: 0; }
.cvb-hero__flowicon { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 0.75rem; background: rgba(255, 144, 52, 0.1); border: 1px solid rgba(255, 144, 52, 0.3); flex: none; color: var(--cvb-secondary); }
.cvb-hero__flowicon--grad { background: linear-gradient(135deg, var(--cvb-primary), var(--cvb-secondary)); border: 0; color: #fff; }
.cvb-hero__flowicon .cvb-ico { width: 1.05rem; height: 1.05rem; }
.cvb-hero__flowkicker { font-family: var(--cvb-font-heading); font-size: 0.58rem; letter-spacing: 0.13em; color: var(--cvb-secondary); }
.cvb-hero__flowdesc { font-size: 0.75rem; color: var(--cvb-muted-fg); margin-top: 0.15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cvb-hero__flowchev { display: flex; justify-content: center; color: rgba(255, 144, 52, 0.55); }
.cvb-hero__flowchev .cvb-ico { width: 1rem; height: 1rem; }
.cvb-hero__flowbranch { display: flex; justify-content: center; gap: 3rem; color: rgba(255, 144, 52, 0.55); }
.cvb-hero__flowbranch .cvb-ico { width: 1rem; height: 1rem; transform: rotate(180deg); }
.cvb-hero__flowtools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.6rem; }
.cvb-hero__flowtool { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; border: 1px solid var(--cvb-border); border-radius: 0.75rem; background: rgba(3, 6, 13, 0.5); padding: 0.7rem 0.4rem; }
.cvb-hero__flowticon { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 0.5rem; background: rgba(255, 144, 52, 0.1); border: 1px solid rgba(255, 144, 52, 0.3); color: var(--cvb-secondary); }
.cvb-hero__flowticon .cvb-ico { width: 0.95rem; height: 0.95rem; }
.cvb-hero__flowtool p { font-family: var(--cvb-font-heading); font-size: 0.55rem; letter-spacing: 0.1em; color: var(--cvb-secondary); }
@media (max-width: 1023px) { .cvb-hero__flow { display: none; } }


/* ==== AI Chatbot Development page upgrades ==== */

/* Comparison: check / cross marks in the labeled table */
.cvb-cmp__table.has-marks .cvb-cmp__td { display: flex; gap: 0.5rem; align-items: flex-start; }
.cvb-cmp__mark { width: 1rem; height: 1rem; flex: none; margin-top: 0.15rem; }
.cvb-cmp__mark--ok { color: #34d399; }
.cvb-cmp__mark--no { color: #f87171; }

/* Hero: RAG chat conversation card */
.cvb-hero__chat { width: 100%; padding: 1.75rem; display: flex; flex-direction: column; gap: 1rem; }
.cvb-hero__chatmsg { border: 1px solid var(--cvb-border); border-radius: 1rem; padding: 1rem 1.15rem; }
.cvb-hero__chatmsg--you { align-self: flex-end; max-width: 82%; border-bottom-right-radius: 0.25rem; background: rgba(3, 6, 13, 0.5); }
.cvb-hero__chatmsg--ai { align-self: flex-start; max-width: 88%; border-bottom-left-radius: 0.25rem; border-color: rgba(255, 144, 52, 0.3); background: linear-gradient(135deg, rgba(23, 70, 255, 0.15), rgba(255, 144, 52, 0.08)); }
.cvb-hero__chatrole { font-family: var(--cvb-font-heading); font-size: 0.58rem; letter-spacing: 0.18em; color: var(--cvb-muted-fg); margin-bottom: 0.35rem; }
.cvb-hero__chatrole--ai { color: var(--cvb-secondary); }
.cvb-hero__chattext { font-size: 0.85rem; line-height: 1.55; color: var(--cvb-fg); }
.cvb-hero__chatcite { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.75rem; padding-top: 0.7rem; border-top: 1px solid rgba(255, 255, 255, 0.08); font-size: 0.65rem; color: var(--cvb-muted-fg); }
.cvb-hero__chatcite .cvb-ico { width: 0.8rem; height: 0.8rem; color: var(--cvb-secondary); flex: none; }
.cvb-hero__chatlive { align-self: flex-start; display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.25rem 0.7rem; border-radius: 999px; border: 1px solid var(--cvb-border); background: rgba(3, 6, 13, 0.6); font-family: var(--cvb-font-heading); font-size: 0.55rem; letter-spacing: 0.2em; color: var(--cvb-muted-fg); }
.cvb-hero__chatdot { width: 0.4rem; height: 0.4rem; border-radius: 999px; background: var(--cvb-secondary); }
@media (max-width: 1023px) { .cvb-hero__chat { display: none; } }

/* Chat Demo widget */
.cvb-chatdemo__wrap { display: flex; flex-direction: column; gap: 2rem; }
.cvb-chatdemo__window { overflow: hidden; padding: 0; }
.cvb-chatdemo__bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.85rem 1.25rem; border-bottom: 1px solid var(--cvb-border); background: rgba(3, 6, 13, 0.3); }
.cvb-chatdemo__id { display: flex; align-items: center; gap: 0.75rem; }
.cvb-chatdemo__avatar { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 999px; background: linear-gradient(135deg, var(--cvb-primary), var(--cvb-secondary)); color: #fff; flex: none; }
.cvb-chatdemo__avatar .cvb-ico { width: 1rem; height: 1rem; }
.cvb-chatdemo__botname { font-family: var(--cvb-font-heading); font-size: 0.8rem; }
.cvb-chatdemo__botmeta { font-size: 0.65rem; color: var(--cvb-muted-fg); }
.cvb-chatdemo__live { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.2rem 0.65rem; border-radius: 999px; border: 1px solid var(--cvb-border); background: rgba(3, 6, 13, 0.6); font-family: var(--cvb-font-heading); font-size: 0.55rem; letter-spacing: 0.2em; color: var(--cvb-muted-fg); }
.cvb-chatdemo__dot { width: 0.4rem; height: 0.4rem; border-radius: 999px; background: var(--cvb-secondary); }
.cvb-chatdemo__body { padding: 1.5rem 1.25rem; }
.cvb-chatdemo__msg { max-width: 85%; border: 1px solid var(--cvb-border); border-radius: 1rem; border-bottom-left-radius: 0.25rem; background: rgba(3, 6, 13, 0.4); padding: 1rem 1.15rem; }
.cvb-chatdemo__text { font-size: 0.9rem; line-height: 1.6; color: var(--cvb-fg); }
.cvb-chatdemo__cite { display: flex; align-items: center; gap: 0.4rem; margin-top: 0.75rem; padding-top: 0.6rem; border-top: 1px solid rgba(255, 255, 255, 0.08); font-size: 0.65rem; color: var(--cvb-muted-fg); }
.cvb-chatdemo__cite .cvb-ico { width: 0.8rem; height: 0.8rem; color: var(--cvb-secondary); flex: none; }
.cvb-chatdemo__prompts { display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 0.85rem 1.25rem; border-top: 1px solid var(--cvb-border); background: rgba(3, 6, 13, 0.3); }
.cvb-chatdemo__prompt { padding: 0.35rem 0.85rem; border-radius: 999px; border: 1px solid var(--cvb-border); font-family: var(--cvb-font-heading); font-size: 0.6rem; letter-spacing: 0.1em; color: var(--cvb-muted-fg); }
.cvb-chatdemo__input { display: flex; align-items: center; gap: 0.85rem; padding: 1rem 1.25rem; border-top: 1px solid var(--cvb-border); }
.cvb-chatdemo__field { flex: 1; font-size: 0.85rem; color: var(--cvb-muted-fg); }
.cvb-chatdemo__send { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 999px; background: linear-gradient(135deg, var(--cvb-primary), var(--cvb-secondary)); color: #fff; flex: none; }
.cvb-chatdemo__send .cvb-ico { width: 1rem; height: 1rem; }
.cvb-chatdemo__note { font-size: 0.8rem; text-align: left; }


/* ==== AI Dental Answering page upgrades ==== */

/* Hero: vertical call-flow panel */
.cvb-hero__cf { width: 100%; padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; }
.cvb-hero__cfhead { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.cvb-hero__cftag { font-family: var(--cvb-font-heading); font-size: 0.6rem; letter-spacing: 0.2em; color: var(--cvb-secondary); }
.cvb-hero__cfbadge { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.2rem 0.65rem; border-radius: 999px; border: 1px solid var(--cvb-border); background: rgba(3, 6, 13, 0.6); font-family: var(--cvb-font-heading); font-size: 0.55rem; letter-spacing: 0.2em; color: var(--cvb-muted-fg); }
.cvb-hero__cfdot { width: 0.4rem; height: 0.4rem; border-radius: 999px; background: var(--cvb-secondary); }
.cvb-hero__cfsteps { display: flex; flex-direction: column; gap: 0.6rem; }
.cvb-hero__cfstep { display: flex; align-items: flex-start; gap: 0.75rem; border: 1px solid var(--cvb-border); border-radius: 0.85rem; background: rgba(3, 6, 13, 0.4); padding: 0.75rem; }
.cvb-hero__cficon { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 0.6rem; background: linear-gradient(135deg, var(--cvb-primary), var(--cvb-secondary)); flex: none; }
.cvb-hero__cficon .cvb-ico, .cvb-hero__cficon svg, .cvb-hero__cficon i { width: 1rem; height: 1rem; font-size: 1rem; color: #fff; }
.cvb-hero__cftext { min-width: 0; }
.cvb-hero__cftitle { font-family: var(--cvb-font-heading); font-size: 0.82rem; line-height: 1.2; }
.cvb-hero__cfsub { font-size: 0.72rem; color: var(--cvb-muted-fg); margin-top: 0.15rem; }
@media (max-width: 1023px) { .cvb-hero__cf { display: none; } }

/* Split: two-up emphasis cards */
.cvb-split__body { margin-top: 0.5rem; }
.cvb-split__grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 2.5rem; }
@media (min-width: 768px) { .cvb-split__grid { grid-template-columns: 1fr 1fr; } }
.cvb-split__card { padding: 1.75rem; }
.cvb-split__card.is-emph { border: 2px solid var(--cvb-secondary); }
.cvb-split__cardhead { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }
.cvb-split__icon { display: grid; place-items: center; color: var(--cvb-secondary); }
.cvb-split__icon.is-muted { color: var(--cvb-muted-fg); }
.cvb-split__icon .cvb-ico, .cvb-split__icon svg, .cvb-split__icon i { width: 1.25rem; height: 1.25rem; font-size: 1.25rem; }
.cvb-split__label { color: var(--cvb-secondary); }
.cvb-split__label.is-muted { color: var(--cvb-muted-fg); }
.cvb-split__text { font-size: 1rem; line-height: 1.6; }