.scrolly-wrapper {
     position: relative;
     min-height: 100vh;
     width: 100%;
 }

 .scrolly-sticky {
     position: sticky;
     top: 10vh;
     height: 80vh;
     /* Full viewport height */
     width: 100%;
     overflow: hidden;
     display: flex;
     align-items: stretch;
     z-index: 10;
     background: var(--surface, #fff);
 }

 /* Inner container - container friendly */
 .scrolly-sticky .scrolly-inner {
     width: 100%;
     max-width: 1400px;
     /* Wider for modern screens */
     margin: 0 auto;
     padding: 0 20px;
     /* Better padding */
     display: flex;
     align-items: stretch;
     gap: 4rem;
     /* Proper spacing between columns */
     height: 100%;
 }

 .scrolly-inner {
     height: 100%;
     /* ← ADD THIS */
 }

 /* ── LEFT col ── */
 .scrolly-left {
     flex: 1;
     /* Flexible instead of fixed */
     position: relative;
     background: var(--surface, #fff);
     overflow: hidden;
     border-radius: 12px;
     /* Modern look */
 }

 /* ── RIGHT col ── */
 .scrolly-right {
     flex: 1;
     display: flex;
     align-items: center;
     padding: 2.5rem 2rem 2.5rem 3rem;
     /* Balanced padding */
 }

 .img-slide {
     position: absolute;
     inset: 0;
     /* Full coverage */
     /* display: flex; */
     align-items: center;
     justify-content: center;
     padding: 2rem;
     opacity: 0;
     transform: translateY(40px);
     transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
         transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
     pointer-events: none;
 }

 .img-slide.active {
     opacity: 1;
     transform: translateY(0);
     pointer-events: auto;
 }

 .img-slide.exit {
     opacity: 0;
     transform: translateY(-40px);
     transition: opacity 0.5s ease, transform 0.5s ease;
 }

 .img-slide img {
     max-width: 100%;
     max-height: 60vh;
     /* Better fit */
     object-fit: contain;
 }

 /* Progress dots */
 .progress-dots {
     position: absolute;
     right: 1.5rem;
     top: 50%;
     transform: translateY(-50%);
     display: flex;
     flex-direction: column;
     gap: 0.6rem;
     z-index: 10;
 }

 .progress-dots .dot {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: var(--line, #ddd);
     transition: all 0.3s ease;
     cursor: pointer;
 }

 .progress-dots .dot.active {
     background: var(--orange, #ee751d);
     transform: scale(1.5);
 }

 .steps-panel {
     width: 100%;
 }

 .step-list {
     display: flex;
     flex-direction: column;
 }

 .step-item {
     display: flex;
     gap: 1.8rem;
     padding: 2rem 0;
     border-bottom: 1px solid #ee751d73;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .step-num-col {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding-top: 4px;
     flex-shrink: 0;
 }

 .step-num {
     font-size: 0.8rem;
     font-weight: 600;
     letter-spacing: 0.05em;
     color: var(--step-dim, #999);
     transition: color 0.4s ease;
     width: 28px;
     text-align: center;
     line-height: 1;
 }

 .step-line {
     width: 2px;
     flex: 1;
     min-height: 20px;
     background: var(--line, #ddd);
     margin-top: 8px;
     transition: background 0.4s ease;
 }

 .step-content {
     flex: 1;
 }

 .step-eyebrow {
     font-size: 0.75rem;
     margin-bottom: 0.5rem;
     font-weight: 500;
     transition: color 0.4s ease;
     color: var(--orange, #ee751d);
     letter-spacing: 0.1em;
     text-transform: uppercase;
 }

 .step-heading {
     font-size: 28px;
     line-height: 1.2;
     margin-bottom: 0.75rem;
     transition: color 0.4s ease;
     font-weight: 600;
 }

 .step-body {
     font-size: 16px;
     line-height: 1.65;
     font-weight: 300;
     max-height: 0;
     overflow: hidden;
     transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
     color: var(--text-secondary, #666);
 }

 /* Active states */
 .step-item.active .step-num {
     color: var(--orange, #ee751d);
 }

 .step-item.active .step-line {
     background: var(--orange, #ee751d);
 }

 .step-item.active .step-eyebrow {
     color: var(--orange, #ee751d);
 }

 .step-item.active .step-heading {
     color: var(--orange, #ee751d);
 }

 .step-item.active .step-body {
     max-height: 140px;
     color: var(--text-secondary, #666);
 }

 .scroll-spacer {
     pointer-events: none;
     /* Height set by JS */
 }

 /* Cards */
 .icon-card {
     width: 100%;
     max-width: 380px;
     background: #fff;
     border-radius: 24px;
     box-shadow: 0 12px 48px rgba(0, 0, 0, 0.1);
     padding: 2.5rem;
     border: 1px solid var(--line, #eee);
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 1.2rem;
 }

 .icon-wrap {
     width: 56px;
     height: 56px;
     border-radius: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.5rem;
 }

 .icon-wrap.rocket {
     background: #f0fdf4;
 }

 .icon-wrap.bolt {
     background: #fefce8;
 }

 .icon-card h3 {
     font-family: 'Instrument Serif', serif;
     font-size: 1.4rem;
     line-height: 1.25;
     color: var(--text-primary, #111);
 }

 .icon-card p {
     font-size: 0.88rem;
     color: var(--text-secondary, #666);
     line-height: 1.65;
     font-weight: 300;
 }

 .tag-row {
     display: flex;
     gap: 0.5rem;
     flex-wrap: wrap;
 }

 .tag {
     font-size: 0.7rem;
     padding: 0.25rem 0.75rem;
     border-radius: 999px;
     border: 1px solid var(--line, #eee);
     color: var(--text-secondary, #666);
     font-weight: 500;
     letter-spacing: 0.02em;
 }

 .tag.filled {
     background: var(--orange, #ee751d);
     color: #fff;
     border-color: var(--orange, #ee751d);
 }

 .prog-card {
     width: 100%;
     max-width: 380px;
     background: #fff;
     border-radius: 24px;
     box-shadow: 0 12px 48px rgba(0, 0, 0, 0.1);
     padding: 2.2rem;
     border: 1px solid var(--line, #eee);
     display: flex;
     flex-direction: column;
     gap: 1.4rem;
 }

 .prog-card h3 {
     font-family: 'Instrument Serif', serif;
     font-size: 1.35rem;
     color: var(--text-primary, #111);
 }

 .prog-row {
     display: flex;
     flex-direction: column;
     gap: 0.4rem;
 }

 .prog-label {
     display: flex;
     justify-content: space-between;
     font-size: 0.78rem;
     color: var(--text-secondary, #666);
 }

 .prog-bar-bg {
     height: 8px;
     background: #f3f4f6;
     border-radius: 999px;
     overflow: hidden;
 }

 .prog-bar-fill {
     height: 100%;
     border-radius: 999px;
     background: var(--orange, #ee751d);
     transform-origin: left;
     transform: scaleX(0);
     transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
 }

 /* ═══════════════════════════════════════════════════════════════
                    MOBILE RESPONSIVE
════════════════════════════════════════════════════════════════ */
 @media (max-width: 991px) {
     .scrolly-sticky {
         position: relative !important;
         top: auto !important;
         height: auto !important;
         flex-direction: column !important;
         gap: 2rem;
     }

     .scrolly-inner {
         flex-direction: column;
         padding: 0 15px;
         gap: 1.5rem;
         max-width: none;
     }

     .scrolly-left,
     .scrolly-right {
         flex: none !important;
         width: 100% !important;
     }

     .scrolly-left {
         height: clamp(280px, 45vw, 350px);
         border-radius: 16px;
         order: 1;
     }

     .scrolly-right {
         padding: 1.5rem !important;
         order: 2;
         align-items: flex-start;
     }

     .scroll-spacer {
         display: none !important;
     }

     /* Mobile: Show first slide + ALL steps expanded */
     .img-slide {
         position: relative !important;
         inset: auto !important;
         opacity: 1 !important;
         transform: none !important;
         height: 100%;
     }

     .img-slide:not(:first-child) {
         display: none !important;
     }

     /* All steps visible and active on mobile */
     .step-item {
         padding: 1.5rem 0;
     }

     .step-body {
         max-height: 160px !important;
         color: var(--text-secondary, #666) !important;
     }

     .step-heading {
         color: var(--orange, #ee751d) !important;
         font-size: 24px !important;
     }

     .step-eyebrow {
         color: var(--orange, #ee751d) !important;
     }

     .step-num {
         color: var(--orange, #ee751d) !important;
     }

     .step-line {
         background: var(--orange, #ee751d) !important;
     }
 }

 /* Small mobile */
 @media (max-width: 480px) {
     .scrolly-inner {
         padding: 0 12px;
     }

     .scrolly-right {
         padding: 1.25rem !important;
     }

     .step-heading {
         font-size: 22px !important;
     }

     .icon-card,
     .prog-card {
         padding: 1.8rem !important;
     }
 }

 .floating-img {
     position: fixed;
     top: 50%;
     left: 50%;
     width: 320px;
     transform: translate(-50%, -50%);
     pointer-events: none;
     z-index: 10;
     will-change: transform;
 }

 @media (max-width: 991px) {

     /* Your existing mobile styles + ADD THIS */
     .step-item {
         cursor: pointer;
     }

     .step-item.active {
         background: rgba(238, 117, 29, 0.1);
         border-radius: 8px;
         padding: 1.5rem;
         margin: 0 -1.5rem;
     }
 }


 /* home */

 .unlock-powersms.callflipbenefits.feat-tabs.home-tabs .benefits-nav {
     background: none !important;
     box-shadow: none !important;
 }

 .feat-tabs.home-tabs .tab-content.benefits-tab-prods {
     box-shadow: 0 0 50px 5px #fbe7d96b !important;
 }

 .feat-tabs.home-tabs h5 {
     font-size: 26px;
 }

 .employee.callflipbenefits.feat-tabs.home-tabs .nav-bene-btn .nav-link.benefits-link {
     padding: 8px 15px;
 }

 /* .home-single-slider-before-v1 {
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background-color: #fff6;
    border: 1px solid #ffffff80;
    border-radius: 29px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: 32px 0;
} */
 /* .home-single-slider-before-v1 {
    width: calc(100% - 3%);
} */
 .rt-hero-v1-ai-boat {
     inset: 45% 30% auto auto;
     position: absolute;
     /* width: 10%; */
     width: 100px;
 }



 .cta-home {
     padding: 80px 0;
     position: relative;
     overflow: hidden;

 }

 .contact-sec .form-image{
    width: 70%;
    max-width: 100%;
 }

 /* GRID BACKGROUND */
 .cta-home-cont {
     /* background-image: linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px); */
     /* background: linear-gradient(135deg, #3a3af0, #5a3df5); */
     /* background: var(--blue); */
     padding: 120px 70px;
     border-radius: 20px;
     background-image: url("/static/assets/images/home/transform-your-business-with-ai-background.webp");
     background-size: cover;
     background-repeat: no-repeat;
        background-attachment: fixed;
 }

 /* LEFT */
 .cta-left {
     color: #fff;
     max-width: 100%;
     z-index: 2;
     position: relative;
 }

 .cta-left h2 {
     font-size: 42px !important;
     line-height: 1.3;
 }

 .cta-left span {
     color: #fff !important;
 }

 .cta-left .btn-white {
     background: var(--orange) !important;
     color: #fff !important;
     border-radius: 30px !important;
     padding: 12px 25px !important;
 }

 .cta-left .btn-white:hover {
     background: #fff !important;
     color: var(--orange) !important;
 }

 /* RIGHT */
 .cta-right {
     position: relative;
     text-align: center;
 }

 /* MAIN IMAGE */
 .img-main {
     max-width: 320px;
     z-index: 2;
     position: relative;
     width: 30%;
     margin-bottom: 0.2625rem;
 }

 /* FLOATING IMAGES */
 .img-float {
     position: absolute;
     width: 200px;
     border-radius: 16px;
     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
 }

 /* POSITIONS */
 .img-top {
     top: 40px;
     right: 0px;
 }

 .img-bottom {
     bottom: 40px;
     left: -10px;
 }

 /* RESPONSIVE */
 @media (max-width: 991px) {

     .cta-left {
         text-align: center;
         margin-bottom: 40px;
     }

     .cta-right {
         margin-top: 20px;
     }

     .img-top {
         right: 0;
         top: -20px;
     }

     .img-bottom {
         left: 0;
         bottom: -20px;
     }
 }


 /* home product */
 /* ── CSS VARIABLES (scoped inside section) ── */
 .vg-cs-section {
     --vg-cs-white: #ffffff;
     --vg-cs-border: #e2e6f0;
     --vg-cs-text: #0c1630;
     --vg-cs-muted: #8494b0;
     --vg-cs-accent: #0057ff;
     --vg-cs-accent2: #00c2ff;
     --vg-cs-green: #00c48c;
     --vg-cs-gold: #f5a623;
     --vg-cs-purple: #9b59b6;
     --vg-cs-card-radius: 22px;
     --vg-cs-transition: 0.55s cubic-bezier(0.4, 0, 0.2, 1);
 }

 /* ── SECTION WRAPPER ── */
 .vg-cs-section {
     padding: 50px 0 50px;
     background: #ffffff;
     position: relative;
     overflow: hidden;
     color: #0c1630;
 }

 .vg-cs-section::before {
     content: '';
     position: absolute;
     inset: 0;
     background:
         radial-gradient(ellipse 60% 40% at 20% 80%, rgba(0, 87, 255, 0.04) 0%, transparent 60%),
         radial-gradient(ellipse 50% 40% at 80% 20%, rgba(0, 194, 255, 0.04) 0%, transparent 60%);
     pointer-events: none;
 }

 /* ── HEADER ── */
 .vg-cs-header {
     text-align: center;
     margin-bottom: 56px;
     position: relative;
     z-index: 2;
     animation: vgCsFadeUp 0.7s ease forwards;
 }

 .vg-cs-eyebrow {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     font-size: 15px;
     font-weight: 600;
     color: #ee751d;
     margin-bottom: 10px;
 }

 .vg-cs-title em {
     font-style: italic;
     color: var(--vg-cs-accent);
 }

 /* ── ACCORDION TRACK ── */
 .vg-cs-track {
     display: flex;
     gap: 10px;
     padding: 0 48px;
     max-width: 1400px;
     margin: 0 auto;
     height: 480px;
     position: relative;
     z-index: 2;
     opacity: 0;
     animation: vgCsFadeUp 0.7s ease 0.2s forwards;
 }

 /* ── CARD BASE ── */
 .vg-cs-card {
     position: relative;
     border-radius: var(--vg-cs-card-radius);
     overflow: hidden;
     cursor: pointer;
     flex-shrink: 0;
     flex-grow: 0;
     width: 100px;
     min-width: 100px;
     transition: flex-grow var(--vg-cs-transition), width var(--vg-cs-transition), min-width var(--vg-cs-transition), box-shadow var(--vg-cs-transition);
     box-shadow: 0 2px 16px rgba(12, 22, 48, 0.07);
 }

 .vg-cs-card.vg-cs-active {
     flex-grow: 1;
     flex-shrink: 1;
     width: 80px;
     min-width: 0;
     box-shadow: 0 20px 60px rgba(0, 87, 255, 0.16), 0 4px 24px rgba(12, 22, 48, 0.12);
 }

 /* ── CARD BACKGROUND ── */
 .vg-cs-card-bg {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
     transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .vg-cs-card:hover .vg-cs-card-bg {
     transform: scale(1.04);
 }

 .vg-cs-bg-1 {
     background-image: url(https://st1.zoom.us/homepage/publish/primary/assets/img/achievements/baseball-club-bg.png);
 }

 .vg-cs-bg-2 {
     background-image: url(https://st1.zoom.us/homepage/publish/primary/assets/img/achievements/share-bg.png);
 }

 .vg-cs-bg-3 {
     background-image: url(https://st1.zoom.us/homepage/publish/primary/assets/img/achievements/capital-one-bg.png);
 }

 .vg-cs-bg-4 {
     background-image: url(https://st1.zoom.us/homepage/publish/primary/assets/img/achievements/cricut-bg.png);
 }

 .vg-cs-bg-5 {
     background-image: url(https://st1.zoom.us/homepage/publish/primary/assets/img/achievements/capital-one-bg.png);
 }

 /* ── CARD OVERLAY ── */
 .vg-cs-card-overlay {
     position: absolute;
     inset: 0;
     /* background: linear-gradient(to top, rgba(8, 16, 42, 0.92) 0%, rgba(8, 16, 42, 0.55) 40%, rgba(8, 16, 42, 0.12) 100%); */
     background: linear-gradient(to top, rgb(0 0 83 / 50%) 0%, rgb(238 117 29 / 64%) 100%);
     transition: opacity 0.4s;
 }

 .vg-cs-card:not(.vg-cs-active) .vg-cs-card-overlay {
     /* background: linear-gradient(to bottom, rgba(8, 16, 42, 0.45) 0%, rgba(8, 16, 42, 0.75) 100%); */
     background: linear-gradient(to top, rgb(0 0 83 / 50%) 0%, rgb(238 117 29 / 64%) 100%);
 }

 /* Accent tint on collapsed */
 .vg-cs-card:not(.vg-cs-active)::after {
     content: '';
     position: absolute;
     inset: 0;
     opacity: 0.18;
     transition: opacity 0.4s;
 }

 /* ── ART LAYER ── */
 .vg-cs-card-art {
     position: absolute;
     inset: 0;
     overflow: hidden;
     pointer-events: none;
 }

 .vg-cs-art-circle {
     position: absolute;
     border-radius: 50%;
     opacity: 0.12;
 }

 /* ── COLLAPSED LABEL ── */
 .vg-cs-collapsed-label {
     position: absolute;
     inset: 0;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-end;
     padding: 20px 10px;
     z-index: 3;
     opacity: 1;
     transition: opacity 0.3s;
     pointer-events: none;
 }

 .vg-cs-card.vg-cs-active .vg-cs-collapsed-label {
     opacity: 0;
 }

 .vg-cs-collapsed-icon {
     width: 50px;
     height: 50px;
     border-radius: 10px;
     background: rgba(255, 255, 255, 0.15);
     backdrop-filter: blur(6px);
     border: 1px solid rgba(255, 255, 255, 0.2);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 16px;
     margin-bottom: 12px;
     flex-shrink: 0;
 }

 .vg-cs-collapsed-text {
     writing-mode: vertical-rl;
     text-orientation: mixed;
     transform: rotate(180deg);
     font-size: 22px;
     font-weight: 600;
     /* letter-spacing: 0.04em; */
     color: rgba(255, 255, 255, 0.85);
     text-align: center;
     /* line-height: 1.4; */
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 /* ── EXPANDED CONTENT ── */
 .vg-cs-card-content {
     position: absolute;
     inset: 0;
     padding: 50px 60px;
     z-index: 3;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     opacity: 0;
     transform: translateY(12px);
     transition: opacity 0.4s 0.1s, transform 0.4s 0.1s;
     pointer-events: none;
 }

 .vg-cs-card.vg-cs-active .vg-cs-card-content {
     opacity: 1;
     transform: translateY(0);
     pointer-events: auto;
 }

 /* Logo row */
 .vg-cs-logo-row {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: auto;
 }

 .vg-cs-company-logo {
     width: 44px;
     height: 44px;
     border-radius: 12px;
     background: rgba(255, 255, 255, 0.12);
     backdrop-filter: blur(8px);
     border: 1px solid rgba(255, 255, 255, 0.2);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 20px;
 }

 .vg-cs-company-tag {
     font-size: 12px;
     font-weight: 600;
     letter-spacing: 0.12em;
     color: #fff;
     background: rgb(238 117 29 / 35%);
     padding: 5px 12px;
     border-radius: 20px;
     border: 1px solid rgb(238 117 29 / 55%);
 }

 /* Category */
 .vg-cs-category {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-size: 11px;
     font-weight: 600;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.55);
     margin-bottom: 14px;
 }

 .vg-cs-cat-dot {
     width: 6px;
     height: 6px;
     border-radius: 50%;
     display: inline-block;
     flex-shrink: 0;
 }

 .vg-cs-card:nth-child(1) .vg-cs-cat-dot {
     background: #60a5fa;
 }

 .vg-cs-card:nth-child(2) .vg-cs-cat-dot {
     background: var(--vg-cs-green);
 }

 .vg-cs-card:nth-child(3) .vg-cs-cat-dot {
     background: var(--vg-cs-gold);
 }

 .vg-cs-card:nth-child(4) .vg-cs-cat-dot {
     background: var(--vg-cs-accent2);
 }

 .vg-cs-card:nth-child(5) .vg-cs-cat-dot {
     background: #c084fc;
 }

 /* Card headline */
 .vg-cs-card-title {
     font-size: clamp(20px, 2vw, 28px);
     font-weight: 600;
     color: #fff;
     line-height: 1.3;
     margin-bottom: 20px;
     max-width: 480px;
 }

 /* Pull quote */
 .vg-cs-card-quote {
     font-size: 14px;
     font-weight: 300;
     color: rgba(255, 255, 255, 0.78);
     line-height: 1.7;
     max-width: 520px;
     margin-bottom: 24px;
     font-style: italic;
     border-left: 2px solid rgba(255, 255, 255, 0.25);
     padding-left: 16px;
 }

 .vg-cs-card-quote strong {
     font-weight: 600;
     font-style: normal;
     color: rgba(255, 255, 255, 0.95);
 }

 .vg-cs-card-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 16px;
 }

 .vg-cs-metrics {
     display: flex;
     gap: 24px;
 }

 .vg-cs-metric {
     display: flex;
     flex-direction: column;
     gap: 2px;
 }

 .vg-cs-metric-value {
     font-size: 22px;
     font-weight: 700;
     color: #fff;
 }

 .vg-cs-metric-label {
     font-size: 11px;
     font-weight: 400;
     color: rgba(255, 255, 255, 0.5);
     letter-spacing: 0.05em;
 }

 .vg-cs-cta-btn {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     background: rgba(255, 255, 255, 0.95);
     color: #0c1630;
     border: none;
     border-radius: 50px;
     padding: 12px 22px;
     font-size: 13px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s;
     text-decoration: none;
     letter-spacing: 0.02em;
     white-space: nowrap;
 }

 .vg-cs-cta-btn:hover {
     background: #fff;
     transform: translateX(3px);
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
 }

 .vg-cs-cta-arrow {
     width: 24px;
     height: 24px;
     border-radius: 50%;
     background: #ee751d;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-size: 12px;
     flex-shrink: 0;
     transition: transform 0.3s;
 }

 .vg-cs-cta-btn:hover .vg-cs-cta-arrow {
     transform: rotate(45deg);
 }

 .vg-cs-nav-dots {
     display: flex;
     justify-content: center;
     gap: 8px;
     margin-top: 36px;
     position: relative;
     z-index: 2;
     opacity: 0;
     animation: vgCsFadeUp 0.7s ease 0.4s forwards;
 }

 .vg-cs-dot {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #ee751d;
     opacity: 0.6;
     cursor: pointer;
     transition: all 0.3s;
     border: none;
     padding: 0;
 }

 .vg-cs-dot.vg-cs-active {
     background: #ee751d;
     opacity: 1;
     width: 28px;
     border-radius: 4px;
 }

 /* ── VIEW ALL ── */
 .vg-cs-view-all-row {
     display: flex;
     justify-content: center;
     margin-top: 48px;
     position: relative;
     z-index: 2;
     opacity: 0;
     animation: vgCsFadeUp 0.7s ease 0.5s forwards;
 }

 .vg-cs-view-all-btn {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     font-size: 14px;
     font-weight: 600;
     color: var(--vg-cs-accent);
     text-decoration: none;
     border: 1.5px solid var(--vg-cs-accent);
     padding: 13px 28px;
     border-radius: 50px;
     transition: all 0.3s;
     letter-spacing: 0.03em;
 }

 .vg-cs-view-all-btn:hover {
     background: var(--vg-cs-accent);
     color: white;
     transform: translateY(-2px);
     box-shadow: 0 8px 24px rgba(0, 87, 255, 0.25);
 }

 .vg-cs-view-all-btn svg {
     transition: transform 0.3s;
 }

 .vg-cs-view-all-btn:hover svg {
     transform: translateX(4px);
 }

 /* ── KEYFRAMES (namespaced) ── */
 @keyframes vgCsFadeUp {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* ── RESPONSIVE ── */
 @media (max-width: 768px) {
     .vg-cs-section {
         padding: 60px 0 70px;
     }

     .vg-cs-track {
         flex-direction: column;
         height: auto;
         padding: 0 20px;
         gap: 12px;
     }

     .vg-cs-card {
         width: 100% !important;
         min-width: 100% !important;
         flex-grow: 0 !important;
         height: 80px;
         transition: height var(--vg-cs-transition), box-shadow var(--vg-cs-transition);
     }

     .vg-cs-card.vg-cs-active {
         width: 100% !important;
         min-width: 100% !important;
         flex-grow: 0 !important;
         height: 440px;
     }

     .vg-cs-collapsed-label {
         flex-direction: row;
         justify-content: flex-start;
         padding: 0 20px;
     }

     .vg-cs-collapsed-text {
         writing-mode: horizontal-tb;
         transform: none;
         font-size: 13px;
     }

     .vg-cs-collapsed-icon {
         margin-bottom: 0;
         margin-right: 12px;
     }
 }




 .resource-block.res-1 {
     background-image: url('/static/assets/images/home/communication.jpg');
 }

 .resource-block.res-2 {
     background-image: url('/static/assets/images/home/growth-cloud.jpg');
 }

 .resource-block.res-3 {
     background-image: url('/static/assets/images/home/ai-robot-controlling-holographic-data.jpg');
 }

 .resource-block.res-4 {
     background-image: url('/static/assets/images/home/devep.jpg');
 }

 .resource-block.res-5 {
     background-image: url('/static/assets/images/home/automate.png');
 }

 .resource-block .feature-content {
     position: relative;
     z-index: 2;
     color: white;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     /* heading top, arrow bottom */
 }

 /* Description hidden by default */
 .resource-desc {
     opacity: 0;
     transform: translateY(10px);
     transition: opacity 0.3s ease, transform 0.3s ease;
     margin-bottom: 0;
     flex: 1;
     display: flex;
     align-items: flex-end;
 }

 /* Show description on hover */
 .resource-card-link:hover .resource-desc {
     opacity: 1;
     transform: translateY(0);
 }

 /* Arrow — now inside feature-content, shown always, styled as pill on hover */
 .resource-card-link .arrow-icon {
     position: relative;
     top: unset;
     right: unset;
     z-index: 3;
     width: 48px;
     height: 48px;
     background: #ee751d;
     border: none;
     border-radius: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     opacity: 1;
     transform: none;
     transition: width 0.3s ease, border-radius 0.3s ease, background 0.3s ease;
     margin-top: 16px;
     flex-shrink: 0;
     align-self: flex-start;
 }

 /* Expand arrow pill on hover */
 .resource-card-link:hover .arrow-icon {
     width: 120px;
     border-radius: 50px;
     background: #ee751d;
     transform: none;
 }

 .resource-card-link .arrow-icon::before {
     content: none !important;
 }

 .feature-block {
     background: #fff;
     padding: 40px 40px 40px 40px;
     border-radius: 30px;
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 1;
     background-color: #fff;
 }

 /* Hover overlay — lighter to show image more */
 .resource-card-link:hover .hover-overlay {
     opacity: 1;
     background: rgba(0, 0, 0, 0.4);
 }

 /* Dark base overlay (always visible) */
 .resource-block.feature-block.res::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgb(60 49 114 / 45%);
     z-index: 1;
     transition: background 0.3s ease;
 }

 .feature-block.resource-block {
     position: relative;
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
     overflow: hidden;
     padding: 30px;
     border-radius: 10px;
     height: 300px !important;
 }

 .feature-block.resource-block.res-1 {
     height: 500px !important;
 }

 .feature-block.resource-block.resource {
     height: 500px !important;
 }

 .platform .resource-card-link {
     display: block !important;
     height: 100%;
 }

 .platform .resource-block.res-1 {
     --resource-card-image: url('/static/assets/images/home/communication.jpg');
 }

 .platform .resource-block.res-2 {
     --resource-card-image: url('/static/assets/images/home/growth-cloud.jpg');
 }

 .platform .resource-block.res-3 {
     --resource-card-image: url('/static/assets/images/home/ai-robot-controlling-holographic-data.jpg');
 }

 .platform .resource-block.res-4 {
     --resource-card-image: url('/static/assets/images/home/hire.jpg');
 }

 .platform .resource-block.res-5 {
     --resource-card-image: url('/static/assets/images/home/devep.jpg');
 }

 .platform .resource-block.res-6 {
     --resource-card-image: url('/static/assets/images/home/automate.png');
 }

 .platform .feature-block.resource-block {
     isolation: isolate;
 }

 .platform .feature-block.resource-block.res {
     background-image: none;
 }

 .platform .resource-block.feature-block.res::before {
     z-index: 0;
     inset: 0;
     background-image: var(--resource-card-image);
     background-size: cover;
     background-position: top center;
     background-repeat: no-repeat;
     background-color: transparent;
     transform: scale(1);
     transform-origin: center;
     transition: transform 0.45s ease;
 }

 .platform .feature-block.resource-block.res .hover-overlay {
     position: absolute;
     inset: 0;
     z-index: 1;
     background: rgba(0, 0, 0, 0.42);
     transition: background 0.35s ease;
     pointer-events: none;
 }

 .platform .resource-card-link:hover .feature-block.resource-block.res::before {
     transform: scale(1.08);
 }

 .platform .resource-card-link:hover .feature-block.resource-block.res .hover-overlay {
     background: rgba(0, 0, 0, 0.68);
 }

 .platform .resource-block .feature-content {
     z-index: 2;
     row-gap: 18px;
     padding-right: 56px;
 }

 .platform .resource-card-corner-icon {
     position: absolute;
     top: 24px;
     right: 24px;
     z-index: 3;
     width: 22px;
     height: 22px;
     color: rgba(255, 255, 255, 0.92);
     transform: rotate(0deg);
     transform-origin: center;
     transition: transform 0.35s ease, color 0.35s ease;
     pointer-events: none;
 }

 .platform .resource-card-corner-icon svg {
     display: block;
     width: 100%;
     height: 100%;
 }

 .platform .feature-block.resource-block:hover .resource-card-corner-icon {
     transform: rotate(90deg);
     color: #fff;
 }

 @media (max-width: 767.98px) {
     .platform .resource-block .feature-content {
         padding-right: 42px;
     }

     .platform .resource-card-corner-icon {
         top: 20px;
         right: 20px;
         width: 20px;
         height: 20px;
     }
 }

 .feature-higi-sec.home-sec .feature-higi {
     display: flex;
     gap: 30px;
     border: 1px solid #ee751d63;
     border-radius: 10px;
     /* height: auto; */
     background: #fff !important;
 }

 .feature-higi-sec.home-sec h2 {
     font-size: 34px !important;
 }

 .feature-higi-sec.home-sec .feature-higi-sticky {
     top: 120px;
 }

 .feature-higi-sec.home-sec {
     background: linear-gradient(270deg, #ffefea99, #FCFAFB, #EEF8FA);
 }

 .feature-higi-sec.home-sec .feature-higi-content h3 {
     margin-bottom: 0px !important;
 }

 .feature-higi-sec.home-sec img {
     border-radius: 0px;
     width: 30px;
     height: 30px;
 }

 .btn-epic.home-btn:after {
     background: var(--orange) !important;
 }

 .btn-epic.home-btn:hover {
     background: #fff !important;
 }

 .btn-epic.home-btn:before {
     background: #fff !important;
 }

 .btn-epic.home-btn:hover span {
     color: var(--orange);
 }

 .btn-epic.home-btn {
     padding: 17px;
     font-size: 15px;
 }



 @keyframes moveGradient {
     from {
         background-position: 0% 0%;
     }

     to {
         background-position: 100% 100%;
     }
 }

 .sec-backgr::before {
     /* content: ""; */
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     width: 100%;
     height: 100%;
     filter: blur(10rem);
     /* background: radial-gradient(circle at 15% 25%, hsl(175, 90%, 50%), transparent 35%), radial-gradient(circle at 85% 30%, hsl(290, 90%, 50%), transparent 35%), radial-gradient(circle at 50% 80%, hsl(50, 90%, 50%), transparent 35%); */
     background: radial-gradient(circle at 15% 25%, hsl(202.15deg 80.39% 56.59% / 23%), transparent 35%), radial-gradient(circle at 85% 30%, hsl(290deg 90% 50% / 20%), transparent 35%), radial-gradient(circle at 50% 80%, hsl(50deg 90% 50% / 34%), transparent 35%);
     animation: moveGradient 20s infinite alternate ease-in-out;
 }

 .sec-backgr::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     width: 100%;
     height: 100%;
     opacity: 0.85;
     background: hsl(220, 10%, 100%);
 }

 .vg-cs2-section {
     --vg-cs-white: #ffffff;
     --vg-cs-border: #e2e6f0;
     --vg-cs-text: #0c1630;
     --vg-cs-muted: #8494b0;
     --vg-cs-accent: #0057ff;
     --vg-cs-accent2: #00c2ff;
     --vg-cs-green: #00c48c;
     --vg-cs-gold: #f5a623;
     --vg-cs-purple: #9b59b6;
     --vg-cs-card-radius: 22px;
     --vg-cs-transition: 0.55s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .vg-cs2-section {
     padding: 50px 0 50px;
     background: #fff;
     /* color: #fff; */
     position: relative;
     overflow: hidden;
 }

 .vg-cs2-section::before {
     content: '';
     position: absolute;
     inset: 0;
     /* background:
       radial-gradient(circle at 15% 25%, hsl(175, 90%, 50%), transparent 35%), radial-gradient(circle at 85% 30%, hsl(290, 90%, 50%), transparent 35%), radial-gradient(circle at 50% 80%, hsl(50, 90%, 50%), transparent 35%); */
     /* background: radial-gradient(circle at 15% 25%, hsl(182.77deg 90% 50% / 36%), transparent 35%), radial-gradient(circle at 85% 30%, hsl(290deg 90% 50% / 40%), transparent 35%), radial-gradient(circle at 50% 80%, hsl(50, 90%, 50%), transparent 35%); */
     /* background: #fff; */
     pointer-events: none;
 }

 .vg-cs2-section .vg-cs-track {
     display: flex;
     gap: 10px;
     padding: 0 48px;
     max-width: 1600px;
     margin: 0 auto;
     height: 700px;
     position: relative;
     z-index: 2;
     opacity: 0;
     animation: vgCsFadeUp 0.7s ease 0.2s forwards;
 }

 .vg-cs2-section .vg-cs-card {
     position: relative;
     border-radius: 10px;
     overflow: hidden;
     cursor: pointer;
     flex-shrink: 0;
     flex-grow: 0;
     width: 160px;
     min-width: 100px;
     transition: flex-grow var(--vg-cs-transition), width var(--vg-cs-transition), min-width var(--vg-cs-transition), box-shadow var(--vg-cs-transition);
     box-shadow: 0 2px 16px rgba(12, 22, 48, 0.07);
     border-right: 1px solid rgba(255, 255, 255, 0.08);
 }

 .vg-cs2-section .vg-cs-card.vg-cs-active {
     flex-grow: 1;
     flex-shrink: 1;
     width: 80px;
     min-width: 0;
     box-shadow: 0 20px 60px rgba(238, 117, 29, 0.2), 0 4px 24px rgba(12, 22, 48, 0.12);
 }

 .vg-cs2-section .vg-cs-card-bg {
     position: absolute;
     inset: 0;
     background: var(--blue);
     transition: background 0.4s;
 }

 .vg-cs2-section .vg-cs-card.vg-cs-active .vg-cs-card-bg {
     background: #ee751d;
 }

 .vg-cs2-section .vg-cs-card:hover .vg-cs-card-bg {
     transform: scale(1.04);
 }

 .vg-cs2-section .vg-cs-card-art {
     position: absolute;
     inset: 0;
     overflow: hidden;
     pointer-events: none;
 }

 .vg-cs2-section .vg-cs-art-circle {
     position: absolute;
     border-radius: 50%;
     opacity: 0.08;
 }

 .vg-cs2-section .vg-cs-card-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%);
     transition: opacity 0.4s;
 }

 .vg-cs2-section .vg-cs-card:not(.vg-cs-active) .vg-cs-card-overlay {
     background: var(--blue);
 }

 .vg-cs2-section .vg-cs-collapsed-label {
     position: absolute;
     inset: 0;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
     padding: 28px 16px;
     z-index: 3;
     opacity: 1;
     transition: opacity 0.3s;
     pointer-events: none;
 }

 .vg-cs2-section .vg-cs-card.vg-cs-active .vg-cs-collapsed-label {
     opacity: 0;
 }

 .vg-cs2-section .vg-cs-collapsed-num {
     font-size: 16px;
     font-weight: 500;
     color: #fff;
     display: flex;
     align-items: center;
     gap: 6px;
     align-self: center;
 }

 .vg-cs2-section .vg-cs-collapsed-text {
     writing-mode: vertical-rl;
     text-orientation: mixed;
     transform: rotate(180deg);
     font-size: 28px;
     font-weight: 400;
     color: #fff;
     white-space: nowrap;
     letter-spacing: 0.04em;
     text-align: center;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .vg-cs2-section .vg-cs-collapsed-icon {
     font-size: 45px;
     color: var(--orange);
     text-align: center;
 }

 .vg-cs2-section .vg-cs-card-content {
     position: absolute;
     inset: 0;
     padding: 36px 44px;
     z-index: 3;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     opacity: 0;
     transform: translateX(-10px);
     transition: opacity 0.4s 0.1s, transform 0.4s 0.1s;
     pointer-events: none;
     min-width: 340px;
 }

 .vg-cs2-section .vg-cs-card.vg-cs-active .vg-cs-card-content {
     opacity: 1;
     transform: translateX(0);
     pointer-events: auto;
 }

 .vg-cs2-section .vg-cs-category {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     font-size: 11px;
     font-weight: 600;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.5);
     margin-bottom: 14px;
     border: 1px solid rgba(255, 255, 255, 0.15);
     padding: 5px 12px;
     border-radius: 20px;
     width: fit-content;
 }

 .vg-cs2-section .vg-cs-cat-dot {
     width: 6px;
     height: 6px;
     border-radius: 50%;
     display: inline-block;
     flex-shrink: 0;
 }

 .vg-cs2-section .vg-cs-card:nth-child(1) .vg-cs-cat-dot {
     background: #60a5fa;
 }

 .vg-cs2-section .vg-cs-card:nth-child(2) .vg-cs-cat-dot {
     background: var(--vg-cs-green);
 }

 .vg-cs2-section .vg-cs-card:nth-child(3) .vg-cs-cat-dot {
     background: var(--vg-cs-gold);
 }

 .vg-cs2-section .vg-cs-card:nth-child(4) .vg-cs-cat-dot {
     background: var(--vg-cs-accent2);
 }

 .vg-cs2-section .vg-cs-card:nth-child(5) .vg-cs-cat-dot {
     background: #c084fc;
 }

 .vg-cs2-section .vg-cs-card-num {
     font-size: clamp(52px, 6vw, 80px);
     font-weight: 600;
     color: rgba(255, 255, 255, 0.18);
     line-height: 1;
     margin-bottom: 10px;
     letter-spacing: -2px;
 }

 .vg-cs2-section .vg-cs-card-divider {
     width: 40px;
     height: 1px;
     background: rgba(255, 255, 255, 0.3);
     margin-bottom: 20px;
 }

 .vg-cs2-section .vg-cs-card-title {
     font-size: clamp(18px, 2vw, 24px);
     font-weight: 500;
     color: #fff;
     line-height: 1.3;
     margin-bottom: 16px;
     max-width: 360px;
 }

 .vg-cs2-section .vg-cs-card-quote {
     font-size: 16px;
     font-weight: 300;
     color: rgba(255, 255, 255, 0.6);
     line-height: 1.7;
     max-width: 380px;
     margin-bottom: 0;
     font-style: italic;
     border-left: 2px solid rgba(255, 255, 255, 0.2);
     padding-left: 14px;
 }

 .vg-cs2-section .vg-cs-card-quote strong {
     font-weight: 500;
     font-style: normal;
     color: rgba(255, 255, 255, 0.9);
 }

 .vg-cs2-section .vg-cs-card-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 16px;
 }

 .vg-cs2-section .vg-cs-cta-btn {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     background: rgba(255, 255, 255, 0.95);
     color: #0c1630;
     border: none;
     border-radius: 50px;
     padding: 12px 22px;
     font-size: 15px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s;
     text-decoration: none;
     white-space: nowrap;
 }

 .vg-cs2-section .vg-cs-cta-btn:hover {
     background: #fff;
     transform: translateX(3px);
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
 }

 .vg-cs2-section .vg-cs-cta-arrow {
     width: 24px;
     height: 24px;
     border-radius: 50%;
     background: #ee751d;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-size: 12px;
     flex-shrink: 0;
     transition: transform 0.3s;
 }

 .vg-cs2-section .vg-cs-cta-btn:hover .vg-cs-cta-arrow {
     transform: rotate(45deg);
 }

 .vg-cs2-section .vg-cs-nav-dots {
     display: flex;
     justify-content: center;
     gap: 8px;
     margin-top: 36px;
     position: relative;
     z-index: 2;
     opacity: 0;
     animation: vgCsFadeUp 0.7s ease 0.4s forwards;
 }

 .vg-cs2-section .vg-cs-dot {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.25);
     opacity: 0.6;
     cursor: pointer;
     transition: all 0.3s;
     border: none;
     padding: 0;
 }

 /* .vg-cs2-section .vg-cs-inner-row{
    display: flex;
    justify-content: space-between;
} */
 .vg-cs2-section .vg-cs-inner-row img {
     max-width: 300px;
     border-radius: 10px;
 }

 .vg-cs2-section .vg-cs-dot.vg-cs-active {
     background: #ee751d;
     opacity: 1;
     width: 28px;
     border-radius: 4px;
 }

 /* ── RESPONSIVE ── */
 @media (max-width: 768px) {
     .vg-cs2-section {
         padding: 60px 0 70px;
     }

     .vg-cs2-section .vg-cs-track {
         flex-direction: column;
         height: auto;
         padding: 0 20px;
         gap: 12px;
     }

     .vg-cs2-section .vg-cs-card {
         width: 100% !important;
         min-width: 100% !important;
         flex-grow: 0 !important;
         height: 80px;
         transition: height var(--vg-cs-transition), box-shadow var(--vg-cs-transition);
     }

     .vg-cs2-section .vg-cs-card.vg-cs-active {
         width: 100% !important;
         min-width: 100% !important;
         flex-grow: 0 !important;
         height: 440px;
     }

     .vg-cs2-section .vg-cs-collapsed-label {
         flex-direction: row;
         justify-content: flex-start;
         padding: 0 20px;
     }

     .vg-cs2-section .vg-cs-collapsed-text {
         writing-mode: horizontal-tb;
         transform: none;
         font-size: 13px;
     }
 }



 .feature-higi-sec.home-sec img {
     border-radius: 0px;
     width: 30px;
     height: 30px;
 }

 .home-scnd {
     margin-bottom: 100px;
 }

 .hom-nd {
     padding-top: 150px !important;
     padding-bottom: 150px !important;
 }



 /* ── Cards ── */
 .metric-card {
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 4px 24px rgba(255, 90, 31, 0.08), 0 1px 4px rgba(0, 0, 0, 0.06);
     padding: 28px 24px 24px;
     height: 100%;
     position: relative;
     overflow: hidden;
     transition: transform .2s, box-shadow .2s;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .metric-card:hover {
     transform: translateY(-3px);
     box-shadow: 0 8px 32px rgba(255, 90, 31, 0.14), 0 2px 8px rgba(0, 0, 0, 0.07);
 }

 /* .metric-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--orange), var(--orange));
      border-radius: 16px 16px 0 0;
    } */

 /* ── Big number ── */
 .big-num {

     font-size: clamp(3rem, 6vw, 5rem);
     font-weight: 600;
     color: var(--orange);
     line-height: 1;
     letter-spacing: -1px;
 }

 .big-num sup {
     font-size: 40%;
     font-weight: 700;
     vertical-align: super;
 }

 .big-num .suffix {
     font-size: 55%;
     font-weight: 700;
 }

 .card-label {
     font-size: 23px;
     font-weight: 600;
     /* text-transform: uppercase;
      letter-spacing: .08em; */
     color: #0c1630;
     margin-top: 6px;
 }

 .card-title {
     font-size: 20px;
     font-weight: 700;
     color: #0c1630;
     margin-bottom: 2px;
 }

 .card-sub {
     font-size: 0.78rem;
     color: var(--muted);
 }

 /* ── Bar mini-chart (30-day) ── */
 .bar-chart-wrap {
     display: flex;
     align-items: flex-end;
     gap: 4px;
     height: 80px;
     margin-bottom: 18px;
 }

 .bar-chart-wrap .bar {
     flex: 1;
     background: var(--orange);
     border-radius: 3px 3px 0 0;
     opacity: .9;
     transition: opacity .2s;
 }

 .bar-chart-wrap .bar:hover {
     opacity: 1;
 }

 /* ── Line / Evolution chart canvases ── */
 .chart-canvas-wrap {
     position: relative;
     height: 160px;
 }

 /* ── Stats row under performance chart ── */
 .perf-stats {
     display: flex;
     gap: 24px;
     margin-top: 14px;
     justify-content: center;
 }

 .perf-stat-val {
     font-size: 1.7rem;
     font-weight: 800;
     color: var(--orange);
 }

 .perf-stat-label {
     font-size: 0.72rem;
     color: grey;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: .06em;
 }

 .dot {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     display: inline-block;
     margin-top: 6px;
 }

 .dot-orange {
     background: var(--orange);
 }

 .dot-white {
     background: #bbb;
 }

 /* ── Evolution bar chart ── */
 .evo-bar-wrap {
     display: flex;
     align-items: flex-end;
     gap: 12px;
     height: 130px;
     margin-top: 10px;
 }

 .evo-col {
     flex: 1;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-end;
 }

 .evo-bar {
     width: 100%;
     background: var(--orange);
     border-radius: 6px 6px 0 0;
     position: relative;
     display: flex;
     align-items: flex-end;
     justify-content: center;
     padding-bottom: 6px;
     transition: opacity .2s;
 }

 .evo-bar:hover {
     opacity: .85;
 }

 .evo-bar-pct {
     color: #fff;
     font-size: 0.75rem;
     font-weight: 700;
 }

 .evo-bar-name {
     font-size: 0.65rem;
     font-weight: 600;
     text-transform: uppercase;
     color: var(--muted);
     margin-top: 5px;
     text-align: center;
 }

 /* ── Evolution score badge ── */
 .evo-score {
     font-size: 1.9rem;
     font-weight: 800;
     color: var(--orange);
 }

 .evo-score span {
     font-size: 1rem;
     color: var(--muted);
     font-weight: 600;
 }

 /* ── Integration / uptime card ── */
 .stack-badge {
     background: var(--orange);
     color: #fff;
     font-weight: 700;
     font-size: 0.7rem;
     border-radius: 6px;
     padding: 2px 8px;
     display: inline-block;
     margin-bottom: 10px;
 }

 /* ── Mini battery icon ── */
 .battery-icon {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 3px;
     margin-bottom: 10px;
 }

 .battery-icon .cell {
     width: 28px;
     height: 8px;
     background: var(--orange);
     border-radius: 2px;
 }

 .battery-icon .cell.dim {
     opacity: .25;
 }

 /* ── Ticker strip ── */
 .ticker-strip {
     background: #1a1a2e;
     border-radius: 12px;
     box-shadow: 0 4px 24px rgba(255, 90, 31, 0.08), 0 1px 4px rgba(0, 0, 0, 0.06);
     padding: 0;
     overflow: hidden;
     position: relative;
     height: 64px;
     display: flex;
     align-items: center;
 }

 .ticker-strip::before,
 .ticker-strip::after {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     width: 80px;
     z-index: 2;
     pointer-events: none;
 }

 .ticker-strip::before {
     left: 0;
     background: linear-gradient(to right, #1a1a2e 0%, transparent 100%);
 }

 .ticker-strip::after {
     right: 0;
     background: linear-gradient(to left, #1a1a2e 0%, transparent 100%);
 }

 .ticker-track {
     display: flex;
     align-items: center;
     white-space: nowrap;
     animation: ticker-scroll 28s linear infinite;
     will-change: transform;
 }

 .ticker-track:hover {
     animation-play-state: paused;
 }

 @keyframes ticker-scroll {
     0% {
         transform: translateX(0);
     }

     100% {
         transform: translateX(-50%);
     }
 }

 .ticker-item {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     padding: 0 36px;
     white-space: nowrap;
 }

 .ticker-dot {
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: var(--orange);
     flex-shrink: 0;
     opacity: .7;
 }

 .ticker-text {
     font-size: 20px;
     font-weight: 600;
     color: #ccc;
     /* text-transform: uppercase; */
     letter-spacing: .07em;
 }

 .ticker-text strong {
     color: var(--orange);
     font-weight: 800;
     font-size: 20px;
     margin-right: 4px;
 }

 .ticker-divider {
     width: 1px;
     height: 28px;
     background: rgba(255, 255, 255, 0.12);
     flex-shrink: 0;
 }




 /* Glassmorphism Cards */
 .card.home {
     background: rgba(255, 255, 255, 0.1) !important;
     backdrop-filter: blur(20px) saturate(180%);
     -webkit-backdrop-filter: blur(20px) saturate(180%);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 24px;
     padding: 40px 30px;
     width: 100%;
     min-height: 480px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     position: relative;
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     box-shadow:
         0 8px 32px rgba(31, 38, 135, 0.37),
         inset 0 1px 0 rgba(255, 255, 255, 0.3);
     overflow: hidden;
 }

 .card.home::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 1px;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
 }

 .card.home:hover {
     /* border-color: rgba(0, 212, 255, 0.6);
            background: rgba(0, 212, 255, 0.15) !important; */
     /* box-shadow: 
                0 25px 45px rgba(0, 0, 0, 0.3),
                0 0 0 1px rgba(0, 212, 255, 0.4),
                inset 0 1px 0 rgba(255, 255, 255, 0.5); */
     box-shadow: 0 25px 45px rgba(0, 0, 0, 0.3), 0 0 0 1px rgb(255 152 0 / 96%), inset 0 1px 0 rgba(255, 255, 255, 0.5);
     transform: translateY(-5px) scale(1.02);
 }

 .home-cards.agents-cards .card.home {
     border-color: rgba(255, 255, 255, 0.32);
     isolation: isolate;
 }

 .home-cards.agents-cards .card.home>* {
     position: relative;
     z-index: 1;
 }

 .home-cards.agents-cards .card.home::after {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: inherit;
     background:
         linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.96) 45%, rgba(255, 215, 179, 0.98) 58%, transparent 100%) -180% 0 / 42% 1.5px no-repeat,
         linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.96) 45%, rgba(255, 215, 179, 0.98) 58%, transparent 100%) 100% -180% / 1.5px 42% no-repeat,
         linear-gradient(270deg, transparent 0%, rgba(255, 255, 255, 0.96) 45%, rgba(255, 215, 179, 0.98) 58%, transparent 100%) 180% 100% / 42% 1.5px no-repeat,
         linear-gradient(0deg, transparent 0%, rgba(255, 255, 255, 0.96) 45%, rgba(255, 215, 179, 0.98) 58%, transparent 100%) 0 180% / 1.5px 42% no-repeat;
     opacity: 0.9;
     filter: drop-shadow(0 0 8px rgba(255, 220, 188, 0.18));
     pointer-events: none;
     z-index: 0;
     transition: opacity 0.35s ease, filter 0.35s ease, background-position 0.35s ease;
 }

 .home-cards.agents-cards .card.home:hover {
     border-color: rgba(255, 255, 255, 0.5);
 }

 .home-cards.agents-cards .card.home:hover::after {
     opacity: 1;
     filter: drop-shadow(0 0 16px rgba(255, 223, 194, 0.34));
     animation: agents-card-border-travel 2.4s linear infinite;
 }

 @keyframes agents-card-border-travel {
     0% {
         background-position:
             -180% 0,
             100% -180%,
             180% 100%,
             0 180%;
     }

     24.99% {
         background-position:
             180% 0,
             100% -180%,
             180% 100%,
             0 180%;
     }

     25% {
         background-position:
             180% 0,
             100% -180%,
             180% 100%,
             0 180%;
     }

     49.99% {
         background-position:
             180% 0,
             100% 180%,
             180% 100%,
             0 180%;
     }

     50% {
         background-position:
             180% 0,
             100% 180%,
             180% 100%,
             0 180%;
     }

     74.99% {
         background-position:
             180% 0,
             100% 180%,
             -180% 100%,
             0 180%;
     }

     75% {
         background-position:
             180% 0,
             100% 180%,
             -180% 100%,
             0 180%;
     }

     99.99% {
         background-position:
             180% 0,
             100% 180%,
             -180% 100%,
             0 -180%;
     }

     100% {
         background-position:
             -180% 0,
             100% -180%,
             180% 100%,
             0 180%;
     }
 }

 .home .card-icon {
     width: 85px;
     height: 85px;
     border-radius: 22px;
     margin-bottom: 25px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 2.2rem;
     color: white;
     background: linear-gradient(135deg, rgba(0, 212, 255, 0.9), rgba(91, 0, 255, 0.9));
     box-shadow: 0 8px 25px rgba(0, 212, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);
     backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, 0.2);
 }

 .card.home h3 {
     font-size: 23px;
     color: #fff;
     margin-bottom: 18px;
     font-weight: 600;
     letter-spacing: -0.5px;
 }

 .card.home p {
     color: rgba(255, 255, 255, 0.7);
     font-size: 16px;
     line-height: 1.6;
     margin-bottom: 35px;
     flex-grow: 1;

 }

 .card.home .home-card-arrow {
     width: 52px;
     height: 52px;
     border-radius: 50%;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     align-self: flex-start;
     color: #fff;
     background: linear-gradient(135deg, rgba(238, 117, 29, 0.95), rgba(255, 190, 115, 0.92));
     border: 1px solid rgba(255, 255, 255, 0.25);
     box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
     opacity: 0;
     visibility: hidden;
     transform: translateY(12px);
     transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
     pointer-events: none;
 }

 .card.home .home-card-arrow svg {
     width: 18px;
     height: 18px;
 }

 .card.home:hover .home-card-arrow {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }

 .home .learn-more {
     background: linear-gradient(135deg, rgba(0, 212, 255, 0.9), rgba(0, 153, 204, 0.9));
     color: white;
     border: 1px solid rgba(255, 255, 255, 0.2);
     padding: 14px 35px;
     border-radius: 28px;
     font-size: 1rem;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
     box-shadow: 0 6px 20px rgba(0, 212, 255, 0.3);
     backdrop-filter: blur(10px);
     text-decoration: none;
     display: inline-block;
 }

 .home .learn-more:hover {
     background: linear-gradient(135deg, rgba(0, 153, 204, 0.95), rgba(0, 212, 255, 0.95));
     box-shadow: 0 10px 30px rgba(0, 212, 255, 0.5);
     transform: translateY(-3px);
     border-color: rgba(255, 255, 255, 0.4);
 }

 @keyframes float {
     0% {
         transform: translateY(0px) rotate(0deg);
     }

     100% {
         transform: translateY(-20px) rotate(1deg);
     }
 }

 .home-cards {
     background-image: url('/static/assets/images/home/emp-bg.webp');
     background-position: bottom center;
     background-repeat: no-repeat;
     background-size: cover;
     padding-left: 100px;
     padding-right: 100px;
     padding-top: 100px;
     padding-bottom: 100px;
     border-radius: 0px;
     margin-left: 0px;
     margin-right: 0px;
     width: 100%;
 }

 .agents-cards {
     --agents-gap: 24px;
     position: relative;
     isolation: isolate;
     overflow: hidden;
 }

 .home-cards.agents-cards::before {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.48);
     z-index: 0;
     pointer-events: none;
 }

 .home-cards.agents-cards>.container-fluid {
     position: relative;
     z-index: 1;
 }

 .agents-cards .agents-cards-header {
     row-gap: 18px;
 }

 .agents-cards .agents-carousel-controls {
     display: flex;
     justify-content: flex-end;
     gap: 12px;
     margin-bottom: 24px;
 }

 .agents-cards .agents-carousel-btn {
     width: 54px;
     height: 54px;
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.2);
     background: rgba(255, 255, 255, 0.08);
     color: #fff;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
     backdrop-filter: blur(10px);
 }

 .agents-cards .agents-carousel-btn svg {
     width: 20px;
     height: 20px;
 }

 .agents-cards .agents-carousel-btn:hover:not(:disabled) {
     transform: translateY(-2px);
     background: rgba(238, 117, 29, 0.95);
     border-color: rgba(255, 255, 255, 0.35);
 }

 .agents-cards .agents-carousel-btn:disabled {
     opacity: 0.35;
     cursor: not-allowed;
 }

 .agents-cards .agents-carousel {
     position: relative;
     padding: 20px 0px;
 }

 .agents-cards .agents-carousel-viewport {
     overflow: hidden;
     padding: 20px 0px;
 }

 .agents-cards .agents-carousel-track {
     display: flex;
     gap: var(--agents-gap);
     transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
     will-change: transform;
 }

 .agents-cards .agents-carousel-slide {
     flex: 0 0 calc((100% - (var(--agents-gap) * 3)) / 4);
     min-width: 0;
     display: flex;
 }

 .agents-cards .agents-carousel-slide .card.home {
     width: 100%;
     min-height: 100%;
 }

 .agents-cards .agents-carousel-dots {
     display: flex;
     justify-content: center;
     gap: 10px;
     margin-top: 28px;
 }

 .agents-cards .agents-carousel-dot {
     width: 12px;
     height: 12px;
     border: none;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.28);
     transition: width 0.3s ease, background 0.3s ease, transform 0.3s ease;
     padding: 0;
 }

 .agents-cards .agents-carousel-dot.is-active {
     width: 34px;
     background: var(--orange);
     transform: translateY(-1px);
 }

 @media (max-width: 1199px) {
     .agents-cards {
         padding-left: 60px;
         padding-right: 60px;
     }
 }

 @media (max-width: 991px) {
     .agents-cards {
         padding-left: 32px;
         padding-right: 32px;
     }

     .agents-cards .agents-cards-intro {
         text-align: left !important;
     }

     .agents-cards .agents-carousel-controls {
         justify-content: flex-start;
         margin-bottom: 18px;
     }

     .agents-cards .agents-carousel-slide {
         flex-basis: calc((100% - var(--agents-gap)) / 2);
     }

     h2.vg-digital-faces__title {
         line-height: 1.3 !important;
     }
 }

 @media (max-width: 767px) {
     .agents-cards {
         margin-left: 16px;
         margin-right: 16px;
         padding-top: 72px;
         padding-bottom: 72px;
     }

     .img-top {
         right: -14px;
         top: -20px;
         max-width: 40%;
     }

     .img-bottom {
         left: 0;
         bottom: 0px;
         max-width: 36%;
     }
 }

 @media (max-width: 575px) {
     h2.vg-digital-faces__title {
         line-height: 1.3 !important;
     }

     .btn.btn-diff .text {
         font-size: 16px !important;
     }

     .agents-cards {
         padding-left: 0px;
         padding-right: 0px;
     }

     .agents-cards .agents-carousel-slide {
         flex-basis: 100%;
     }

     .agents-cards .card.home {
         min-height: 440px;
         padding: 30px 24px;
     }

     .vg-next-showcase {
         margin-top: 50px !important;
     }
 }

 .integrations-marquee-section {
     background: transparent;
 }

 .integrations-marquee-header {
     /* max-width: 860px; */
     margin: 0 auto 56px;
 }

 .integrations-marquee-header h2 {
     font-size: clamp(2.5rem, 4vw, 4.5rem);
     line-height: 1.05;
     margin-bottom: 18px;
 }

 .integrations-marquee-header p {
     margin: 0;
     font-size: 1.12rem;
     line-height: 1.8;
     color: rgba(12, 22, 48, 0.78);
 }

 .integrations-marquee-shell {
     display: flex;
     flex-direction: column;
     gap: 24px;
     margin-bottom: 48px;
 }

 .integrations-marquee-row {
     overflow: hidden;
     width: 100%;
 }

 .integrations-marquee-track {
     display: flex;
     width: max-content;
 }

 .integrations-marquee-group {
     display: flex;
     gap: 24px;
     padding-right: 24px;
     flex-shrink: 0;
 }

 .integrations-marquee-row--right .integrations-marquee-track {
     animation: integrationsMarqueeRight 28s linear infinite;
 }

 .integrations-marquee-row--left .integrations-marquee-track {
     animation: integrationsMarqueeLeft 28s linear infinite;
 }

 .integrations-marquee-card {
     width: 100px;
     height: 100px;
     border-radius: 28px;
     background: rgba(255, 255, 255, 0.88);
     border: 1px solid rgba(12, 22, 48, 0.08);
     /* box-shadow: 0 18px 42px rgba(12, 22, 48, 0.08); */
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 20px;
     backdrop-filter: blur(16px);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 /* .integrations-marquee-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 24px 50px rgba(12, 22, 48, 0.12);
        } */

 .integrations-marquee-card img {
     max-width: 100%;
     max-height: 60px;
     width: auto;
     height: auto;
     object-fit: contain;
     border-radius: 10px;
 }

 @keyframes integrationsMarqueeLeft {
     from {
         transform: translateX(0);
     }

     to {
         transform: translateX(-33.3333%);
     }
 }

 @keyframes integrationsMarqueeRight {
     from {
         transform: translateX(-33.3333%);
     }

     to {
         transform: translateX(0);
     }
 }

 @media (prefers-reduced-motion: reduce) {

     .integrations-marquee-row--right .integrations-marquee-track,
     .integrations-marquee-row--left .integrations-marquee-track {
         animation: none;
     }
 }

 @media (max-width: 991px) {
      .vg-industry-hover__slide:hover .vg-industry-hover__card,
     .vg-industry-hover__slide:focus-within .vg-industry-hover__card,
     .vg-industry-hover__slide.is-expanded .vg-industry-hover__card {
         min-height: var(--vg-industry-hover-card-height) !important;
     }

     .vg-industry-hover__slide{
        min-height: auto !important;
     }
     .vg-testimonial-hero__shell{
        gap:30px !important;
     }
     .integrations-marquee-header {
         margin-bottom: 40px;
     }

     .integrations-marquee-shell {
         gap: 18px;
         margin-bottom: 36px;
     }

     .integrations-marquee-card {
         width: 116px;
         height: 104px;
         border-radius: 24px;
         padding: 20px;
     }

     .integrations-marquee-card img {
         max-height: 42px;
     }
 }

 @media (max-width: 575px) {

     .vg-industry-hover__slide:hover .vg-industry-hover__card,
     .vg-industry-hover__slide:focus-within .vg-industry-hover__card,
     .vg-industry-hover__slide.is-expanded .vg-industry-hover__card {
         min-height: var(--vg-industry-hover-card-height) !important;
     }

     .vg-industry-hover__slide{
        min-height: auto !important;
     }
     .vg-testimonial-hero__shell{
        gap: 20px !important;
     }
     .vg-testimonial-hero{
        padding-bottom: 40px;
        padding-top: 20px;
     }

     .vg-industry-hover__slide:hover .vg-industry-hover__media img {
         transform: none;
         filter: none;
     }

     .integrations-marquee-header p {
         font-size: 1rem;
         line-height: 1.7;
     }

     .integrations-marquee-group {
         gap: 16px;
         padding-right: 16px;
     }

     .integrations-marquee-card {
         width: 96px;
         height: 88px;
         border-radius: 20px;
         padding: 16px;
     }

     .integrations-marquee-card img {
         max-height: 36px;
     }
 }

 .vgs-solutions-tabs {
     position: relative;
     overflow: hidden;
 }

 .vgs-solutions-tabs>.container {
     position: relative;
     z-index: 1;
 }

 .vgs-solutions-tabs__header {
     margin-bottom: 56px;
 }

 .vgs-solutions-tabs__eyebrow {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 22px;
     font-size: 0.95rem;
     font-weight: 700;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: var(--orange);
 }

 .vgs-solutions-tabs__eyebrow::before {
     content: '';
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: var(--orange);
     box-shadow: 0 0 0 8px rgba(238, 117, 29, 0.12);
 }

 .vgs-solutions-tabs__title {
     margin: 0;
     color: #08153d;
     font-size: clamp(2.7rem, 5vw, 2.5rem);
     line-height: 1.02;
     /* letter-spacing: -0.05em; */
     /* max-width: 11ch; */
 }

 .vgs-solutions-tabs__signal {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     gap: 16px;
     min-height: 100%;
     padding-top: 12px;
 }

 .vgs-solutions-tabs__signal-visual {
     position: relative;
     flex: 0 0 auto;
 }

 .vgs-solutions-tabs__avatar {
     width: 76px;
     height: 76px;
     border-radius: 50%;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: linear-gradient(135deg, #ffe8d6, #ffd1ae);
     color: #08153d;
     font-size: 1.25rem;
     font-weight: 700;
     letter-spacing: 0.06em;
     border: 3px solid rgba(255, 255, 255, 0.98);
     box-shadow: 0 18px 40px rgba(8, 21, 61, 0.12);
 }

 .vgs-solutions-tabs__call-badge {
     position: absolute;
     right: -10px;
     bottom: 4px;
     width: 42px;
     height: 42px;
     border-radius: 50%;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: linear-gradient(135deg, #ff9e56, #ee751d);
     color: #fff;
     border: 3px solid #fff;
     box-shadow: 0 12px 28px rgba(238, 117, 29, 0.28);
 }

 .vgs-solutions-tabs__call-badge svg {
     width: 18px;
     height: 18px;
 }

 .vgs-solutions-tabs__signal-copy {
     display: grid;
     gap: 6px;
     max-width: 220px;
 }

 .vgs-solutions-tabs__signal-copy strong {
     font-size: 1.45rem;
     line-height: 1.2;
     color: #08153d;
 }

 .vgs-solutions-tabs__signal-copy span {
     font-size: 1rem;
     line-height: 1.65;
     color: rgba(8, 21, 61, 0.7);
 }

 .vgs-solutions-tabs__shell {
     background: linear-gradient(180deg, rgba(247, 244, 240, 0.96), rgba(255, 255, 255, 0.92));
     border: 1px solid rgba(8, 21, 61, 0.06);
     border-radius: 52px;
     padding: 46px 52px;
     box-shadow: 0 32px 70px rgba(8, 21, 61, 0.06);
 }

 .vgs-solutions-tabs__nav {
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
     margin-bottom: 42px;
 }

 .vgs-solutions-tabs__tab {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border: 1px solid rgba(8, 21, 61, 0.12);
     background: rgba(255, 255, 255, 0.88);
     color: #08153d;
     border-radius: 999px;
     padding: 16px 28px;
     font-size: 1rem;
     font-weight: 600;
     line-height: 1;
     transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
 }

 .vgs-solutions-tabs__tab:hover {
     transform: translateY(-1px);
     border-color: rgba(238, 117, 29, 0.28);
 }

 .vgs-solutions-tabs__tab.is-active {
     background: linear-gradient(135deg, #ff9e56, #ee751d);
     border-color: transparent;
     color: #fff;
     box-shadow: 0 18px 34px rgba(238, 117, 29, 0.22);
 }

 .vgs-solutions-tabs__panel {
     display: none;
 }

 .vgs-solutions-tabs__panel.is-active {
     display: block;
     animation: vgsSolutionsFade 0.32s ease;
 }

 .vgs-solutions-tabs__label {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 16px;
     font-size: 0.86rem;
     font-weight: 700;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--orange);
 }

 .vgs-solutions-tabs__label::before {
     content: '';
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: var(--orange);
 }

 .vgs-solutions-tabs__panel-title {
     margin: 0 0 18px;
     font-size: clamp(1.8rem, 3vw, 1.5rem) !important;
     line-height: 36px;
     color: #08153d;
 }

 .vgs-solutions-tabs__panel-copy {
     margin: 0 0 30px;
     font-size: 1.05rem;
     line-height: 1.84;
     color: rgba(8, 21, 61, 0.72);
     max-width: 58ch;
 }

 .vgs-solutions-tabs__metrics {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 22px;
     margin-bottom: 28px;
     padding-bottom: 26px;
     border-bottom: 1px solid rgba(8, 21, 61, 0.1);
 }

 .vgs-solutions-tabs__metric {
     padding: 0;
 }

 .vgs-solutions-tabs__metric-value {
     display: block;
     font-size: 20px;
     font-weight: 700;
     line-height: 1;
     color: #08153d;
 }

 .vgs-solutions-tabs__metric-label {
     display: block;
     margin-top: 12px;
     font-size: 0.93rem;
     font-weight: 600;
     line-height: 1.6;
     color: rgba(8, 21, 61, 0.78);
 }

 .vgs-solutions-tabs__list {
     list-style: none;
     padding: 0;
     margin: 0;
     display: grid;
     gap: 16px;
 }

 .vgs-solutions-tabs__list li {
     position: relative;
     padding-left: 32px;
     font-size: 1rem;
     line-height: 1.7;
     color: #08153d;
 }

 .vgs-solutions-tabs__list li::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0.62em;
     width: 14px;
     height: 14px;
     border-radius: 50%;
     background: linear-gradient(135deg, #ffb067, #ee751d);
     box-shadow: 0 0 0 5px rgba(238, 117, 29, 0.12);
     transform: translateY(-50%);
 }

 .vgs-solutions-tabs__media {
     position: relative;
     border-radius: 34px;
     padding: 0;
     background: transparent;
     box-shadow: 0 28px 64px rgba(8, 21, 61, 0.12);
     overflow: hidden;
 }

 .vgs-solutions-tabs__media img {
     width: 100%;
     height: 430px;
     display: block;
     object-fit: cover;
     border-radius: 24px;
 }

 @keyframes vgsSolutionsFade {
     from {
         opacity: 0;
         transform: translateY(10px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @media (max-width: 1199px) {
     .vgs-solutions-tabs__title {
         max-width: none;
     }

     .vgs-solutions-tabs__signal {
         justify-content: flex-start;
     }
 }

 @media (max-width: 991px) {
     .vgs-solutions-tabs__header {
         margin-bottom: 34px;
     }

     .vgs-solutions-tabs__shell {
         padding: 30px;
         border-radius: 34px;
     }

     .vgs-solutions-tabs__metrics {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     .vgs-solutions-tabs__signal {
         padding-top: 0;
     }

     .vgs-solutions-tabs__media img {
         height: 340px;
     }
 }

 @media (max-width: 575px) {
     .vgs-solutions-tabs__shell {
         padding: 22px;
         border-radius: 28px;
     }

     .vgs-solutions-tabs__header {
         margin-bottom: 28px;
     }

     .vgs-solutions-tabs__signal {
         align-items: flex-start;
         gap: 14px;
     }

     .vgs-solutions-tabs__avatar {
         width: 64px;
         height: 64px;
         font-size: 1.05rem;
     }

     .vgs-solutions-tabs__call-badge {
         width: 36px;
         height: 36px;
     }

     .vgs-solutions-tabs__tab {
         width: 100%;
         justify-content: center;
         text-align: center;
     }

     .vgs-solutions-tabs__metrics {
         grid-template-columns: 1fr;
     }

     .vgs-solutions-tabs__panel-copy,
     .vgs-solutions-tabs__signal-copy span {
         font-size: 0.98rem;
         line-height: 1.72;
     }

     .vgs-solutions-tabs__media {
         border-radius: 22px;
     }

     .vgs-solutions-tabs__media img {
         height: 260px;
         border-radius: 18px;
     }
 }

 .vg-ai-hover-suite {
     position: relative;
     background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
     overflow: hidden;
     padding: 65px 0px;
 }

 .vg-ai-hover-suite__header {
     margin-bottom: 48px;
 }

 .vg-ai-hover-suite__eyebrow {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 20px;
     color: var(--orange);
     font-size: 0.95rem;
     font-weight: 700;
     letter-spacing: 0.14em;
     text-transform: uppercase;
 }

 .vg-ai-hover-suite__eyebrow::before {
     content: '';
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: var(--orange);
     box-shadow: 0 0 0 8px rgba(238, 117, 29, 0.14);
 }

 .vg-ai-hover-suite__title {
     margin: 0;
     color: #08153d;

     line-height: 58px;
     font-weight: 600;
 }

 .vg-ai-hover-suite__copy {
     margin: 0;
     padding-top: 10px;
     color: rgba(8, 21, 61, 0.72);
     font-size: 1.04rem;
     line-height: 1.8;
 }

 .vg-ai-hover-suite__shell {
     display: grid;
     grid-template-columns: 320px minmax(0, 1fr);
     gap: 40px;
     align-items: start;
     border: 1px solid #80808029;
     background: #fff;
     border-radius: 20px;
     padding: 40px;
 }

 .vg-ai-hover-suite__nav {
     display: flex;
     flex-direction: column;
     gap: 14px;
 }

 .vg-ai-hover-suite__tab {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 18px;
     text-align: left;
     padding: 10px 10px;
     border-radius: 15px;
     border: 1px solid rgba(8, 21, 61, 0.1);
     background: rgba(255, 255, 255, 0.9);
     color: #08153d;
     transition: transform 0.28s ease, background 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, color 0.28s ease;
     /* box-shadow: 0 10px 28px rgba(8, 21, 61, 0.05); */
 }

 .vg-ai-hover-suite__tab:hover,
 .vg-ai-hover-suite__tab:focus-visible {
     /* transform: translateX(6px); */
     border-color: rgba(238, 117, 29, 0.28);
     /* box-shadow: 0 18px 36px rgba(8, 21, 61, 0.08); */
     outline: none;
 }

 .vg-ai-hover-suite__tab.is-active {
     /* transform: translateX(10px); */
     /* border-color: transparent;
            background: linear-gradient(135deg, #08153d 0%, #0f2f76 100%);
            color: #fff; */
     border-color: #0c245d7d;
     background: #e9e9e95e;
     color: var(--blue);
     /* box-shadow: 0 24px 44px rgb(8 21 61 / 8%); */
 }

 .vg-ai-hover-suite__tab-main {
     min-width: 0;
     display: flex;
     align-items: center;
     gap: 14px;
 }

 .vg-ai-hover-suite__tab-icon-wrap {
     flex: 0 0 40px;
     width: 40px;
     height: 40px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 16px;
     /* background: rgba(8, 21, 61, 0.06); */
     border: 1px solid rgba(8, 21, 61, 0.08);
     transition: background 0.28s ease, border-color 0.28s ease, transform 0.28s ease;
 }

 /* .vg-ai-hover-suite__tab.is-active .vg-ai-hover-suite__tab-icon-wrap {
            background: rgba(255, 255, 255, 0.14);
            border-color: rgba(255, 255, 255, 0.18);
        } */

 .vg-ai-hover-suite__tab-icon {
     width: 20px;
     height: 20px;
     object-fit: contain;
     display: block;
     /* filter: invert(1); */
 }

 .vg-ai-hover-suite__tab-title {
     display: block;
     font-size: 1.02rem;
     font-weight: 600;
     line-height: 1.4;
 }

 .vg-ai-hover-suite__tab-arrow {
     flex: 0 0 34px;
     width: 34px;
     height: 34px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 999px;
     background: rgba(8, 21, 61, 0.06);
     border: 1px solid rgba(8, 21, 61, 0.08);
     color: inherit;
     transition: transform 0.28s ease, background 0.28s ease, border-color 0.28s ease;
 }

 .vg-ai-hover-suite__tab-arrow svg {
     width: 16px;
     height: 16px;
     display: block;
     rotate: 42deg;
 }

 .vg-ai-hover-suite__tab:hover .vg-ai-hover-suite__tab-arrow,
 .vg-ai-hover-suite__tab:focus-visible .vg-ai-hover-suite__tab-arrow,
 .vg-ai-hover-suite__tab.is-active .vg-ai-hover-suite__tab-arrow {
     transform: translate(2px, -2px);
 }

 .vg-ai-hover-suite__tab.is-active .vg-ai-hover-suite__tab-arrow {
     background: rgba(255, 255, 255, 0.14);
     border-color: rgba(255, 255, 255, 0.18);
 }

 .vg-ai-hover-suite__panel {
     display: none;
     animation: vgAiHoverFade 0.35s ease;
 }

 .vg-ai-hover-suite__panel.is-active {
     display: block;
 }

 .vg-ai-hover-suite__panel-grid {
     display: grid;
     grid-template-columns: minmax(0, 1fr) minmax(360px, 0.95fr);
     gap: 30px;
     align-items: stretch;
     padding: 0px;
     /* border-radius: 32px; */
     /* background: rgba(255, 255, 255, 0.98); */
     /* border: 1px solid rgba(8, 21, 61, 0.08); */
     /* box-shadow: 0 26px 60px rgba(8, 21, 61, 0.08); */
 }

 .vg-ai-hover-suite__panel-copy {
     display: flex;
     flex-direction: column;
     /* justify-content: center; */
 }

 .vg-ai-hover-suite__kicker {
     display: inline-flex;
     align-items: center;
     align-self: flex-start;
     padding: 8px 14px;
     border-radius: 999px;
     background: rgba(238, 117, 29, 0.12);
     color: var(--orange);
     font-size: 0.82rem;
     font-weight: 700;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     margin-bottom: 18px;
 }

 .vg-ai-hover-suite__panel-copy h3 {
     margin: 0 0 16px;
     color: #000053;
     font-size: 23px;
     line-height: 1.08;
 }

 .vg-ai-hover-suite__panel-copy p {
     margin: 0 0 26px;
     color: rgba(8, 21, 61, 0.74);
     font-size: 1rem;
     line-height: 1.8;
 }

 .vg-ai-hover-suite__chips {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
     margin-bottom: 28px;
 }

 .vg-ai-hover-suite__chips span {
     display: inline-flex;
     align-items: center;
     padding: 7px 13px;
     border-radius: 999px;
     background: #f4f7fb;
     border: 1px solid rgba(8, 21, 61, 0.08);
     color: #08153d;
     font-size: 13px;
     font-weight: 500;
     line-height: 1.4;
 }

 .vg-ai-hover-suite__cta {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     color: var(--orange);
     font-size: 17px;
     font-weight: 600;
 }

 .vg-ai-hover-suite__cta:hover {
     color: #fff;
 }

 .vg-ai-hover-suite__cta svg {
     width: 18px;
     height: 18px;
     transition: transform 0.28s ease;
     rotate: 45deg;
 }

 .vg-ai-hover-suite__cta:hover svg {
     transform: translate(3px, -3px);
 }

 .vg-ai-hover-suite__media {
     position: relative;
     min-height: 100%;
     padding: 14px;
     border-radius: 28px;
     overflow: hidden;
     background: linear-gradient(135deg, rgba(8, 21, 61, 0.08) 0%, rgba(238, 117, 29, 0.14) 100%);
 }

 .vg-ai-hover-suite__media::before {
     content: '';
     position: absolute;
     inset: auto -10% -28% auto;
     width: 180px;
     height: 180px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.28);
     filter: blur(2px);
 }

 .vg-ai-hover-suite__media img {
     position: relative;
     z-index: 1;
     width: 100%;
     height: 100%;
     /* min-height: 420px; */
     object-fit: cover;
     border-radius: 22px;
     display: block;
     box-shadow: 0 18px 34px rgba(8, 21, 61, 0.12);
 }

 @keyframes vgAiHoverFade {
     from {
         opacity: 0;
         transform: translateY(10px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @media (max-width: 1199px) {
     .vg-ai-hover-suite__shell {
         grid-template-columns: 280px minmax(0, 1fr);
     }

     .vg-ai-hover-suite__panel-grid {
         grid-template-columns: 1fr;
     }

     .vg-ai-hover-suite__media img {
         min-height: 320px;
     }
 }

 @media (max-width: 991px) {
     .vg-ai-hover-suite__header {
         margin-bottom: 10px;
     }

     .vg-ai-hover-suite__shell {
         grid-template-columns: 1fr;
     }

     .vg-ai-hover-suite__nav {
         flex-direction: row;
         flex-wrap: nowrap;
         align-items: stretch;
         width: 100%;
         overflow-x: auto;
         padding-bottom: 10px;
         -webkit-overflow-scrolling: touch;
         overscroll-behavior-x: contain;
         scrollbar-width: none;
     }

     .vg-ai-hover-suite__nav::-webkit-scrollbar {
         display: none;
     }

     .vg-ai-hover-suite__tab {
         width: auto;
         min-width: max-content;
         flex: 0 0 auto;
     }

     .vg-ai-hover-suite__tab-title {
         white-space: nowrap;
     }

     .vg-ai-hover-suite__tab.is-active,
     .vg-ai-hover-suite__tab:hover,
     .vg-ai-hover-suite__tab:focus-visible {
         transform: none;
     }
 }

 @media (max-width: 767px) {
    .vitel-home-awards-strip__intro-copy span{
        font-size: 18px !important;
    }
     .vg-ai-hover-suite__title {
         font-size: 2.2rem;
     }

     .vg-ai-hover-suite__copy {
         font-size: 0.98rem;
         line-height: 1.7;
     }

     .vg-ai-hover-suite__panel-grid {
         padding: 0px;
         gap: 24px;
     }

     .vg-ai-hover-suite__panel-copy h3 {
         font-size: 23px;
     }

     .vg-ai-hover-suite__panel-copy p {
         font-size: 0.96rem;
         line-height: 1.7;
     }

     .vg-ai-hover-suite__media {
         order: -1;
     }

     .vg-ai-hover-suite__media img {
         min-height: 260px;
     }

     .vg-ai-hover-suite__nav {
         margin-inline: -20px;
         padding-inline: 20px;
     }

     .vg-ai-hover-suite__tab {
         min-width: max-content;
         padding: 8px;
     }
 }

 .vg-coverage-metrics {
     position: relative;
     overflow: hidden;
     background:
         radial-gradient(circle at 50% 14%, rgba(80, 137, 255, 0.22), rgba(80, 137, 255, 0) 26%),
         radial-gradient(circle at 20% 72%, rgba(56, 103, 214, 0.2), rgba(56, 103, 214, 0) 28%),
         linear-gradient(180deg, #0b215f 0%, #08163e 100%);
 }

 .vg-coverage-metrics::before {
     content: '';
     position: absolute;
     inset: 0;
     background:
         radial-gradient(circle at 50% 24%, rgba(124, 176, 255, 0.12), rgba(124, 176, 255, 0) 34%),
         url('../images/home/coverage-world-map.png') center 120px / min(1320px, 94%) auto no-repeat;
     opacity: 0.3;
     pointer-events: none;
 }

 .vg-coverage-metrics>.container {
     position: relative;
     z-index: 1;
 }

 /* .vg-coverage-metrics__intro {
            max-width: 840px;
            margin: 0 auto 48px;
        } */

 .vg-coverage-metrics__eyebrow {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 18px;
     padding: 7px 14px;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.1);
     color: #b7d3ff;
     font-size: 0.82rem;
     font-weight: 700;
     letter-spacing: 0.12em;
     text-transform: uppercase;
 }

 .vg-coverage-metrics__title {
     margin: 0;
     color: #fff;
     font-size: clamp(2.3rem, 4.2vw, 3.4rem);
     line-height: 1.08;
     letter-spacing: 0px;
 }

 .vg-coverage-metrics__copy {
     max-width: 720px;
     margin: 18px auto 0;
     color: rgba(255, 255, 255, 0.78);
     font-size: 1.02rem;
     line-height: 1.8;
 }

 .vg-coverage-metrics__stage {
     position: relative;
     border-radius: 0;
     overflow: visible;
     background: transparent;
     border: 0;
     backdrop-filter: none;
     -webkit-backdrop-filter: none;
     /* min-height: 600px; */
     padding: 0px 0 48px;
     box-shadow: none;
 }

 .vg-coverage-metrics__stage::before {
     content: none;
 }

 .vg-coverage-metrics__stage::after {
     content: '';
     position: absolute;
     left: 0;
     width: min(100%, 860px);
     bottom: 86px;
     height: 180px;
     border-radius: 999px;
     background: radial-gradient(circle, rgba(150, 190, 255, 0.16), rgba(150, 190, 255, 0));
     filter: blur(30px);
     z-index: 1;
 }

 .vg-coverage-metrics__media {
     display: none;
 }

 .vg-coverage-metrics__media img {
     display: none;
 }

 .vg-coverage-metrics__panel {
     position: relative;
     z-index: 2;


     border-radius: 28px;
     overflow: hidden;
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     background: rgba(255, 255, 255, 0.1);
     border: 1px solid rgba(255, 255, 255, 0.16);
     backdrop-filter: blur(16px);
     -webkit-backdrop-filter: blur(16px);
     box-shadow: 0 28px 50px rgba(4, 10, 28, 0.3);
     max-width: 840px;
     margin: 0 auto 48px;
 }

 .vg-coverage-metrics__item {
     position: relative;
     min-height: 170px;
     padding: 28px 24px 24px;
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
     border-right: 1px solid rgba(255, 255, 255, 0.1);
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .vg-coverage-metrics__item:nth-child(3n) {
     border-right: 1px solid rgba(255, 255, 255, 0.1);
 }

 .vg-coverage-metrics__item:nth-last-child(-n + 3) {
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }

 .vg-coverage-metrics__value {
     display: block;
     margin-bottom: 14px;
     color: #fff;
     font-size: clamp(2rem, 2.8vw, 2.8rem);
     line-height: 1;
     font-weight: 600;


 }

 .vg-coverage-metrics__value--text {
     font-size: clamp(1.75rem, 2vw, 2.35rem);
     line-height: 1.12;
 }

 .vg-coverage-metrics__label {
     display: block;
     max-width: 100%;
     color: rgba(255, 255, 255, 0.92);
     font-size: 15px;
     font-weight: 300;
     line-height: 1.6;
 }

 .vg-coverage-metrics__item--text .vg-coverage-metrics__label {
     max-width: 100%;
 }

 @media (max-width: 1299px) {
     .vg-coverage-metrics__panel {
         width: min(100%, 780px);
     }
 }

 @media (max-width: 991px) {
     .vg-coverage-metrics__stage {
         padding: 30px 0;
         min-height: 0;
     }

     .vg-coverage-metrics__panel {
         margin-top: 20px;
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     .vg-coverage-metrics__item {
         min-height: 0;
         border-right: 1px solid rgba(255, 255, 255, 0.1);
         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     }

     .vg-coverage-metrics__item:nth-child(3n),
     .vg-coverage-metrics__item:nth-last-child(-n + 3) {
         border-right: 1px solid rgba(255, 255, 255, 0.1);
         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     }

     .vg-coverage-metrics__item:nth-child(2n) {
         border-right: 0;
     }

     .vg-coverage-metrics__item:nth-last-child(-n + 2) {
         border-bottom: 0;
     }

     .vg-coverage-metrics__item:last-child {
         border-right: 0;
         border-bottom: 0;
     }
 }

 @media (max-width: 575px) {
     .vg-coverage-metrics__intro {
         margin-bottom: 30px;
     }

     .vg-coverage-metrics__stage {
         padding: 22px 0;
         border-radius: 0;
         min-height: 0;
     }

     .vg-coverage-metrics__stage::after {
         left: 0;
         width: 100%;
         bottom: 48px;
         height: 120px;
     }

     .vg-coverage-metrics__panel {
         margin-top: 20px;
         grid-template-columns: 1fr;
         border-radius: 22px;
     }

     .vg-coverage-metrics__item,
     .vg-coverage-metrics__item:last-child {
         grid-column: auto;
         padding: 20px 18px;
         border-right: 0;
         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     }

     .vg-coverage-metrics__item:nth-last-child(-n + 3) {
         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     }

     .vg-coverage-metrics__item:last-child {
         border-bottom: 0;
     }

     .vg-coverage-metrics__label {
         font-size: 0.95rem;
         max-width: none;
     }

     .vg-coverage-metrics__value--text {
         font-size: 1.6rem;
     }
 }

 .vg-testimonial-hero {
     position: relative;
     /* padding-left: 100px;
            padding-right: 100px; */
 }

 .vg-testimonial-hero__shell {
     position: relative;
     display: grid;
     grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);
     align-items: stretch;
     /* border-radius: 34px; */
     overflow: hidden;
     gap: 100px;
     /* background: #fff;
            border: 1px solid rgba(8, 21, 61, 0.08);
            box-shadow: 0 24px 56px rgba(8, 21, 61, 0.1); */
 }

 .vg-testimonial-hero__shell::before {
     content: none;
 }

 .vg-testimonial-hero__copy {
     position: relative;
     z-index: 1;
     /* padding: 60px 64px 54px; */
     color: #08153d;
 }

 .vg-testimonial-hero__copy::after {
     content: none;
 }

 .vg-testimonial-hero__eyebrow {
     position: relative;
     z-index: 1;
     display: inline-flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 24px;
     font-size: 0.95rem;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #7f67ff;
 }

 .vg-testimonial-hero__eyebrow::before {
     content: '';
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: #7f67ff;
     box-shadow: 0 0 0 8px rgba(127, 103, 255, 0.12);
 }

 .vg-testimonial-hero__title {
     position: relative;
     z-index: 1;
     margin: 0;
     /* max-width: 11ch; */
     color: #08153d;
     font-size: clamp(2.5rem, 4.2vw, 4rem);
     line-height: 1.08;
     letter-spacing: 0em;
 }

 .vg-testimonial-hero__viewport {
     position: relative;
     z-index: 1;
     overflow: hidden;
     margin-top: 42px;
 }

 .vg-testimonial-hero__track {
     display: flex;
     transition: transform 0.45s ease;
     will-change: transform;
 }

 .vg-testimonial-hero__slide {
     flex: 0 0 100%;
     min-width: 100%;
     display: flex;
     flex-direction: column;
     min-width: 0;
 }

 .vg-testimonial-hero__rating {
     display: flex;
     gap: 10px;
     color: var(--orange);
     font-size: 1.9rem;
     line-height: 1;
 }

 .vg-testimonial-hero__quote {
     margin: 28px 0 42px;
     /* max-width: 26ch; */
     color: rgb(15 17 23);
     font-size: 18px;
     line-height: 35px;
     font-weight: 300;
     overflow-wrap: anywhere;
 }

 .vg-testimonial-hero__person {
     display: flex;
     align-items: center;
     gap: 18px;
 }

 .vg-testimonial-hero__person-copy {
     min-width: 0;
     flex: 1 1 auto;
 }

 .vg-testimonial-hero__avatar {
     width: 76px;
     height: 76px;
     border-radius: 50%;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: linear-gradient(135deg, #ffb067, #ee751d);
     color: #fff;
     font-size: 1.35rem;
     font-weight: 700;
     letter-spacing: 0.08em;
     /* box-shadow: 0 18px 30px rgba(238, 117, 29, 0.25); */
 }

 .vg-testimonial-hero__person-copy strong {
     display: block;
     color: #08153d;
     font-size: 1.25rem;
     line-height: 1.2;
 }

 .vg-testimonial-hero__person-copy span {
     display: block;
     margin-top: 8px;
     color: rgba(8, 21, 61, 0.58);
     font-size: 1rem;
     line-height: 1.55;
     overflow-wrap: anywhere;
 }

 .vg-testimonial-hero__footer {
     position: relative;
     z-index: 1;
     margin-top: 34px;
     padding-top: 28px;
     border-top: 1px solid rgba(8, 21, 61, 0.1);
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 24px;
 }

 .vg-testimonial-hero__progress {
     display: inline-flex;
     align-items: baseline;
     gap: 10px;
     color: rgba(8, 21, 61, 0.46);
     font-size: 1rem;
     font-weight: 600;
     letter-spacing: 0.06em;
     text-transform: uppercase;
 }

 .vg-testimonial-hero__progress strong {
     color: #08153d;
     font-size: 1.55rem;
     line-height: 1;
 }

 .vg-testimonial-hero__nav {
     display: flex;
     gap: 14px;
     align-items: center;
     justify-content: end;
 }

 .vg-testimonial-hero__nav-btn {
     width: 58px;
     height: 58px;
     border: 1px solid rgba(8, 21, 61, 0.12);
     border-radius: 50%;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     color: var(--orange);
     box-shadow: 0px 4px 10px rgba(8, 21, 61, 0.08);

     transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
 }

 .vg-testimonial-hero__nav-btn:hover {
     transform: translateY(-2px);
     background: #f4f1ff;
     box-shadow: 0 18px 32px rgba(8, 21, 61, 0.12);
 }

 .vg-testimonial-hero__nav-btn svg {
     width: 22px;
     height: 22px;
 }

 .vg-testimonial-hero__insight {
     position: relative;
     z-index: 1;
     margin-top: 30px;
     padding-top: 30px;
     border-top: 1px solid rgba(8, 21, 61, 0.08);
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 18px 32px;
     align-items: start;
 }

 .vg-testimonial-hero__insight strong {
     color: #08153d;
     font-size: clamp(2rem, 4vw, 2.7rem);
     line-height: 1;
     letter-spacing: -0.05em;
 }

 .vg-testimonial-hero__insight span {
     max-width: 30ch;
     color: rgba(8, 21, 61, 0.62);
     font-size: 1.08rem;
     line-height: 1.7;
     font-weight: 500;
     overflow-wrap: anywhere;
 }

 .vg-testimonial-hero__media {
     position: relative;
     min-height: 100%;
     height: auto;
     align-self: stretch;
     display: flex;

 }

 .vg-testimonial-hero__media::before {
     content: none;
 }

 .vg-testimonial-hero__media img {
     flex: 1 1 auto;
     width: 100%;
     height: 100%;
     min-height: 100%;
     display: block;
     object-fit: cover;
     object-position: center;
     border-radius: 30px;
 }

 @media (max-width: 1199px) {
     .vg-testimonial-hero__shell {
         grid-template-columns: minmax(0, 1fr) minmax(360px, 0.82fr);
     }

     .vg-testimonial-hero__copy {
         padding: 46px 42px;
     }
 }

 @media (max-width: 991px) {
     .vg-testimonial-hero {
         padding-left: 24px;
         padding-right: 24px;
     }

     .vg-testimonial-hero__shell {
         grid-template-columns: 1fr;
         overflow: visible;
     }

     .vg-testimonial-hero__copy {
         padding: 42px 34px 30px;
         min-width: 0;
     }

     .vg-testimonial-hero__title,
     .vg-testimonial-hero__quote {
         max-width: none;
     }

     .vg-testimonial-hero__title {
         display: block;
         visibility: visible;
         opacity: 1;
         line-height: 1.2;
     }

     .vg-testimonial-hero__insight {
         grid-template-columns: 1fr;
     }

     .vg-testimonial-hero__media img {
         height: 420px;
         min-height: 420px;
     }
 }

 @media (max-width: 575px) {
     .vg-testimonial-hero {
         padding-left: 12px;
         padding-right: 12px;
     }

     .vg-testimonial-hero__shell {
         border-radius: 26px;
     }

     .vg-testimonial-hero__copy {
         padding: 28px 18px 24px;
     }

     .vg-testimonial-hero__title {
         line-height: 1.25;
     }

     .vg-testimonial-hero__viewport {
         margin-top: 22px;
     }

     .vg-testimonial-hero__rating {
         gap: 6px;
         font-size: 1.55rem;
     }

     .vg-testimonial-hero__quote {
         margin: 22px 0 30px;
         font-size: 1.05rem;
         line-height: 1.75;
     }

     .vg-testimonial-hero__person {
         gap: 14px;
         align-items: flex-start;
     }

     .vg-testimonial-hero__avatar {
         width: 60px;
         height: 60px;
         font-size: 1.05rem;
     }

     .vg-testimonial-hero__person-copy strong {
         font-size: 1.08rem;
     }

     .vg-testimonial-hero__person-copy span {
         font-size: 0.92rem;
     }

     .vg-testimonial-hero__footer,
     .vg-testimonial-hero__insight {
         grid-template-columns: 1fr;
     }

     .vg-testimonial-hero__footer {
         flex-wrap: wrap;
     }

     .vg-testimonial-hero__nav-btn {
         width: 50px;
         height: 50px;
     }

     .vg-testimonial-hero__nav {
         justify-content: flex-start;
         flex-wrap: wrap;
     }

     .vg-testimonial-hero__insight {
         gap: 12px;
     }

     .vg-testimonial-hero__insight span {
         font-size: 0.98rem;
     }

     .vg-testimonial-hero__media img {
         min-height: 300px;
         height: 300px;
     }
 }

 .vg-trust-strip {
     margin: 0;
     padding: 56px 0 44px;
     background: #fff;
 }

 .vg-trust-strip__header {
     margin-bottom: 34px;
 }

 .vg-trust-strip__header h2 {
     margin: 0 auto;
     max-width: 20ch;
     color: #08153d;
     font-size: clamp(2rem, 3.2vw, 2.9rem);
     line-height: 1.24;
     letter-spacing: -0.04em;
     font-weight: 700;
 }

 .vg-trust-strip__logos {
     display: grid;
     grid-template-columns: repeat(7, minmax(0, 1fr));
     align-items: center;
     gap: 20px 30px;
 }

 .vg-trust-strip__logo {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 72px;
 }

 .vg-trust-strip__logo img {
     max-width: 100%;
     max-height: 54px;
     width: auto;
     height: auto;
     object-fit: contain;
     filter: grayscale(100%);
     opacity: 0.72;
     transition: opacity 0.25s ease, filter 0.25s ease, transform 0.25s ease;
 }

 .vg-trust-strip__logo:hover img {
     opacity: 1;
     filter: grayscale(0%);
     transform: translateY(-1px);
 }

 @media (max-width: 1199px) {
     .vg-trust-strip__logos {
         grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 }

 @media (max-width: 767px) {
     .vg-trust-strip {
         padding: 42px 0 28px;
     }

     .vg-trust-strip__header {
         margin-bottom: 24px;
     }

     .vg-trust-strip__logos {
         grid-template-columns: repeat(3, minmax(0, 1fr));
         gap: 18px 20px;
     }

     .vg-trust-strip__logo {
         min-height: 56px;
     }

     .vg-trust-strip__logo img {
         max-height: 40px;
     }
 }

 @media (max-width: 480px) {
     .vg-trust-strip__logos {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 }

 .platform .shape {
     position: absolute;
     right: 0;
     bottom: 60px;
 }

 @media (max-width: 1650px) {
     .platform .shape {
         max-width: 300px;
     }
 }

 .vg-next-showcase {
     margin: 60px 0px;
     padding: 40px 0px 0px 0px;
 }

 .vg-next-showcase__grid {
     display: grid;
     grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.05fr) minmax(0, 0.9fr);
     gap: 16px;
     align-items: stretch;
 }

 .vg-next-showcase__card {
     display: flex;
     flex-direction: column;
     min-width: 0;
     background: #fff;
     border: 1px solid #ddd5ce;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 14px 38px rgba(14, 18, 28, 0.04);
 }

 .vg-next-showcase__media {
     position: relative;
     min-height: 520px;
     overflow: hidden;
 }

 .vg-next-showcase__card--employee .vg-next-showcase__media {
     background-image:
         linear-gradient(180deg, rgb(20 13 8 / 28%) 0%, rgb(13 11 16 / 0%) 56%, rgb(8 8 12 / 7%) 100%), radial-gradient(circle at 18% 18%, rgb(34 32 30 / 58%) 0%, rgb(26 24 23 / 33%) 24%, #0000004f 46%), linear-gradient(180deg, rgb(77 84 86 / 34%) 0%, rgba(234, 109, 48, 0.24) 72%, rgb(29 13 16 / 32%) 100%), url(/static/assets/images/home/ai-robot-controlling-holographic-data.jpg);
     background-position: center;
     background-size: cover;
 }

 .vg-next-showcase__card--team .vg-next-showcase__media {
     background-image:
         linear-gradient(180deg, rgba(20, 15, 8, 0.18) 0%, rgba(10, 12, 14, 0.26) 58%, rgba(8, 8, 12, 0.34) 100%),
         radial-gradient(circle at 70% 28%, rgba(244, 157, 112, 0.24) 0%, transparent 26%),
         linear-gradient(180deg, rgba(18, 120, 159, 0.34) 0%, rgba(17, 89, 103, 0.08) 38%, rgba(24, 20, 14, 0.16) 100%),
         url("/static/assets/images/home/communication.jpg");
     background-position: center;
     background-size: cover;
 }

 .vg-next-showcase__frame {
     position: absolute;
     border: 1.5px solid rgba(255, 255, 255, 0.72);
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
     box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
 }

 .vg-next-showcase__frame--left {
     top: 8%;
     left: 14%;
     width: 46%;
     height: 60%;
 }

 .vg-next-showcase__frame--right {
     right: 13%;
     bottom: 27%;
     width: 34%;
     height: 42%;
 }

 .vg-next-showcase__frame-tag {
     position: absolute;
     left: 0;
     bottom: 0;
     padding: 10px 14px 9px;
     background: var(--orange);
     color: #fff;
     font-size: 10px;
     line-height: 1;
     letter-spacing: 0.14em;
     font-weight: 800;
     transform: translate(-6%, 50%);
 }

 .vg-next-showcase__frame--right .vg-next-showcase__frame-tag {
     left: 16px;
     transform: translate(0, 50%);
 }

 .vg-next-showcase__signal {
     position: absolute;
     margin: 0;
     padding: 0;
     list-style: none;
     display: grid;
     gap: 10px;
 }

 .vg-next-showcase__signal li {
     display: flex;
     align-items: center;
     gap: 10px;
     color: rgba(255, 255, 255, 0.58);
     font-size: 17px;
     line-height: 1.2;
     font-weight: 500;
     letter-spacing: -0.02em;
 }

 .vg-next-showcase__signal li span {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     flex: 0 0 16px;
     width: 16px;
     height: 16px;
     color: rgba(255, 255, 255, 0.72);
     font-size: 12px;
     line-height: 1;
 }

 .vg-next-showcase__signal li.is-active {
     color: rgba(255, 255, 255, 0.96);
     font-weight: 700;
 }

 .vg-next-showcase__signal li.is-active span {
     color: #fff;
 }

 .vg-next-showcase__signal--employee {
     top: 40%;
     right: 10%;
 }

 .vg-next-showcase__signal--team {
     left: 29%;
     bottom: 34%;
 }

 .vg-next-showcase__body {
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
     align-items: flex-start;
     gap: 10px;
     padding: 32px 32px 38px;
 }

 .vg-next-showcase__icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     border-radius: 10px;
     background: #ee751dde;
     color: #fff;
 }

 .vg-next-showcase__icon svg {
     width: 30px;
     height: 30px;
 }

 .vg-next-showcase__body h3 {
     margin: 0;
     color: #202225;
     font-size: 28px;
     line-height: 1.05;
     letter-spacing: -0.045em;
     font-weight: 600;
 }

 .vg-next-showcase__body p {
     margin: 0;
     color: #6c6762;
     font-size: 16px;
     line-height: 1.6;
     font-weight: 300;
 }

 .vg-next-showcase__media--platform {
     background:
         linear-gradient(180deg, #040829 0%, #08113c 38%, #172a57 63%, #84647e 82%, #f09b57 100%);
 }

 .vg-next-showcase__media--platform::before {
     content: "";
     position: absolute;
     inset: auto 0 0;
     height: 24%;
     background:
         radial-gradient(circle at 8% 95%, rgba(15, 11, 15, 0.98) 0 12%, transparent 13%),
         radial-gradient(circle at 24% 96%, rgba(15, 11, 15, 0.98) 0 10%, transparent 11%),
         radial-gradient(circle at 43% 100%, rgba(15, 11, 15, 0.98) 0 13%, transparent 14%),
         radial-gradient(circle at 66% 98%, rgba(15, 11, 15, 0.98) 0 12%, transparent 13%),
         radial-gradient(circle at 86% 97%, rgba(15, 11, 15, 0.98) 0 11%, transparent 12%),
         linear-gradient(180deg, rgba(18, 10, 8, 0) 0%, rgba(18, 10, 8, 0.42) 42%, rgba(18, 10, 8, 0.94) 100%);
     pointer-events: none;
 }

 .vg-next-showcase__moon {
     position: absolute;
     top: 8%;
     left: 48%;
     width: 14px;
     height: 14px;
     border: 2px solid rgba(255, 255, 255, 0.96);
     border-left-color: transparent;
     border-bottom-color: transparent;
     border-radius: 50%;
     transform: rotate(36deg);
 }

 .vg-next-showcase__constellation {
     position: absolute;
     inset: 0;
 }

 .vg-next-showcase__constellation span {
     position: absolute;
     left: 50%;
     top: 54%;
     width: 156px;
     height: 1px;
     background: linear-gradient(90deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0));
     transform-origin: 0 50%;
     opacity: 0.42;
 }

 .vg-next-showcase__constellation span::after {
     content: "";
     position: absolute;
     right: -2px;
     top: 50%;
     width: 5px;
     height: 5px;
     background: rgba(255, 255, 255, 0.9);
     border-radius: 50%;
     transform: translateY(-50%);
 }

 .vg-next-showcase__constellation span:nth-child(1) {
     width: 118px;
     transform: rotate(-138deg);
 }

 .vg-next-showcase__constellation span:nth-child(2) {
     width: 132px;
     transform: rotate(-108deg);
 }

 .vg-next-showcase__constellation span:nth-child(3) {
     width: 116px;
     transform: rotate(-74deg);
 }

 .vg-next-showcase__constellation span:nth-child(4) {
     width: 142px;
     transform: rotate(-36deg);
 }

 .vg-next-showcase__constellation span:nth-child(5) {
     width: 128px;
     transform: rotate(0deg);
 }

 .vg-next-showcase__constellation span:nth-child(6) {
     width: 138px;
     transform: rotate(34deg);
 }

 .vg-next-showcase__constellation span:nth-child(7) {
     width: 122px;
     transform: rotate(70deg);
 }

 .vg-next-showcase__constellation span:nth-child(8) {
     width: 148px;
     transform: rotate(106deg);
 }

 .vg-next-showcase__constellation span:nth-child(9) {
     width: 134px;
     transform: rotate(146deg);
 }

 .vg-next-showcase__constellation span:nth-child(10) {
     width: 154px;
     transform: rotate(214deg);
 }

 .vg-next-showcase__next-badge {
     position: absolute;
     left: 50%;
     top: 54%;
     transform: translate(-50%, -50%);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 9px 18px;
     background: rgba(255, 255, 255, 0.95);
     color: #25282d;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.16em;
     line-height: 1;
     z-index: 1;
 }

 @media (max-width: 1399px) {
     .vg-next-showcase__grid {
         grid-template-columns: repeat(3, minmax(0, 1fr));
     }

     .vg-next-showcase__media {
         min-height: 470px;
     }

     .vg-next-showcase__signal--employee {
         right: 6%;
     }

     .vg-next-showcase__signal--team {
         left: 22%;
     }
 }

 @media (max-width: 1199px) {
     .vg-next-showcase__grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     .vg-next-showcase__card--platform {
         grid-column: 1 / -1;
     }
 }

 @media (max-width: 991px) {
     .vg-next-showcase {
         margin: 16px 0 56px;
     }

     .vg-next-showcase__grid {
         grid-template-columns: 1fr;
     }

     .vg-next-showcase__card--platform {
         grid-column: auto;
     }

     .vg-next-showcase__media {
         min-height: 420px;
     }

     .vg-next-showcase__signal li {
         font-size: 15px;
     }

     .vg-next-showcase__signal--employee {
         top: auto;
         right: 8%;
         bottom: 12%;
     }

     .vg-next-showcase__signal--team {
         left: 13%;
         bottom: 15%;
     }
 }

 @media (max-width: 767px) {
     .vg-next-showcase__media {
         min-height: 360px;
     }

     .vg-next-showcase__frame--left {
         left: 10%;
         width: 52%;
         height: 58%;
     }

     .vg-next-showcase__frame--right {
         right: 10%;
         width: 38%;
         height: 40%;
         bottom: 24%;
     }

     .vg-next-showcase__signal li {
         gap: 8px;
         font-size: 14px;
     }

     .vg-next-showcase__signal li span {
         width: 14px;
         height: 14px;
         flex-basis: 14px;
         font-size: 11px;
     }

     .vg-next-showcase__signal--employee {
         right: 5%;
         bottom: 10%;
     }

     .vg-next-showcase__signal--team {
         left: 10%;
         bottom: 10%;
     }

     .vg-next-showcase__body {
         padding: 24px 24px 30px;
     }

     .vg-next-showcase__body h3 {
         font-size: 24px;
     }
 }




 /** industries **/

 .vg-industry-showcase {
     --vg-industry-gap: 24px;
     --vg-industry-columns: 4;
     margin: 60px 0px;
     padding: 60px 0px;
     position: relative;
 }

 .vg-industry-showcase__header {
     display: flex;
     align-items: flex-end;
     justify-content: space-between;
     gap: 24px;
     margin-bottom: 28px;
 }

 .vg-industry-showcase__intro {
     max-width: 760px;
 }

 .vg-industry-showcase__eyebrow {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 8px 14px;
     margin-bottom: 14px;
     border-radius: 999px;
     background: rgba(238, 117, 29, 0.12);
     color: var(--orange);
     font-size: 13px;
     font-weight: 600;
     letter-spacing: 0.08em;
     text-transform: uppercase;
 }

 .vg-industry-showcase__title {
     margin: 0 0 12px;
     color: var(--blue);
     font-size: clamp(32px, 4vw, 52px);
     font-weight: 600;
     line-height: 1.05;
 }

 .vg-industry-showcase__copy {
     max-width: 680px;
     margin: 0;
     color: #5a534d;
     font-size: 17px;
     line-height: 1.75;
 }

 .vg-industry-showcase__nav {
     display: flex;
     align-items: center;
     gap: 12px;
     flex-shrink: 0;
 }

 .vg-industry-showcase__nav-btn {
     width: 54px;
     height: 54px;
     border: 1px solid rgba(21, 27, 38, 0.12);
     border-radius: 50%;
     background: #fff;
     color: var(--blue);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     box-shadow: 0 14px 30px rgba(14, 18, 28, 0.08);
     transition: transform 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
 }

 .vg-industry-showcase__nav-btn:hover {
     transform: translateY(-2px);
     box-shadow: 0 18px 34px rgba(14, 18, 28, 0.14);
     color: var(--orange);
 }

 .vg-industry-showcase__nav-btn svg {
     width: 20px;
     height: 20px;
 }

 .vg-industry-showcase__viewport {
     overflow: hidden;
 }

 .vg-industry-showcase__track {
     display: flex;
     gap: var(--vg-industry-gap);
     will-change: transform;
 }

 .vg-industry-showcase__slide {
     flex: 0 0 calc((100% - (var(--vg-industry-columns) - 1) * var(--vg-industry-gap)) / var(--vg-industry-columns));
     min-width: 0;
 }

 .vg-industry-showcase__card {
     position: relative;
     min-height: 540px;
     padding: 30px 24px 0;
     border-radius: 28px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     background: linear-gradient(180deg, #fee1c1 0%, #fff4e7 44%, #f4ece4 100%);
     box-shadow: 0 24px 45px rgb(23 22 26 / 0%);
 }

 .vg-industry-showcase__card::before {
     content: "";
     position: absolute;
     inset: 0;
     /* background:
        radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.65), transparent 34%),
        radial-gradient(circle at 74% 34%, rgba(255, 190, 128, 0.42), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 56%); */
     background: none !important;
     pointer-events: none;
 }

 .vg-industry-showcase__card::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: -60px;
     height: 180px;
     /* background: radial-gradient(circle at center, rgba(255, 169, 92, 0.28), transparent 68%); */
     background: none !important;
     pointer-events: none;
 }

 .vg-industry-showcase__content,
 .vg-industry-showcase__media,
 .vg-industry-showcase__action {
     position: relative;
     z-index: 1;
 }

 .vg-industry-showcase__content {
     max-width: 290px;
 }

 .vg-industry-showcase__content h3 {
     margin: 0 0 10px;
     color: #27272b;
     font-size: 25px;
     font-weight: 600;
     line-height: 1.12;
 }

 .vg-industry-showcase__content p {
     margin: 0;
     color: #4f4742;
     font-size: 15px;
     line-height: 1.72;
 }

 .vg-industry-showcase__media {
     /* margin-top: auto;
    min-height: 305px; */
     display: flex;
     align-items: flex-end;
     justify-content: center;
     padding-top: 28px;
 }

 .vg-industry-showcase__media img {
     width: 100%;
     max-width: 340px;
     border-radius: 20px;
     object-fit: contain;
     filter: drop-shadow(0 22px 35px rgba(238, 117, 29, 0.18));
     transform-origin: bottom center;
 }

 .vg-industry-showcase__action {
     position: absolute;
     right: 22px;
     bottom: 22px;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background: #fff;
     color: var(--orange);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 16px 30px rgba(16, 20, 29, 0.12);
     transition: transform 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
 }

 .vg-industry-showcase__action svg {
     width: 21px;
     height: 21px;
 }

 .vg-industry-showcase__card--business {
     /* background: linear-gradient(180deg, #fde3c2 0%, #fff5e9 45%, #f4ede5 100%); */
     /* background: linear-gradient(180deg, #ffe58e 0%, #D9E7F4 44%, #c2f3f163 100%); */
     background: #ffe4c4bd;
 }

 .vg-industry-showcase__card--contact {
     /* background: linear-gradient(180deg, #ffe4c8 0%, #fff4ea 46%, #f2e8de 100%); */
     /* background: linear-gradient(180deg, #ffe58e 0%, #D9E7F4 44%, #c2f3f163 100%); */
     background: #d9fbfbb5;
 }

 .vg-industry-showcase__card--events {
     /* background: linear-gradient(180deg, #fde7c4 0%, #fff5ea 46%, #efe7dc 100%); */
     /* background: linear-gradient(180deg, #ffe58e 0%, #D9E7F4 44%, #c2f3f163 100%); */
     background: #2b95e21f;
 }

 .vg-industry-showcase__card--expert {
     /* background: linear-gradient(180deg, #ffe2cb 0%, #fff5ed 45%, #f6ebe3 100%); */
     /* background: linear-gradient(180deg, #ffe58e 0%, #D9E7F4 44%, #c2f3f163 100%); */
     background: #f5f5dc;
 }

 .vg-industry-showcase__card--business .vg-industry-showcase__media img {
     max-width: 330px;
     transform: translateY(24px);
 }

 .vg-industry-showcase__card--contact .vg-industry-showcase__media img {
     max-width: 290px;
     transform: translateY(18px);
 }

 .vg-industry-showcase__card--events .vg-industry-showcase__media img {
     max-width: 292px;
     transform: translateY(14px);
 }

 .vg-industry-showcase__card--expert .vg-industry-showcase__media img {
     max-width: 318px;
     transform: translateY(16px);
 }

 @media (max-width: 991px) {
     .vg-industry-showcase {
         --vg-industry-columns: 2;
     }

     .vg-industry-showcase__header {
         flex-direction: column;
         align-items: flex-start;
     }

     .vg-industry-showcase__card {
         min-height: 520px;
     }
 }

 @media (max-width: 575px) {
     .vg-industry-showcase {
         --vg-industry-gap: 18px;
         --vg-industry-columns: 1;
         margin: 24px 0 56px;
     }

     .vg-industry-showcase__title {
         font-size: 34px;
     }

     .vg-industry-showcase__copy {
         font-size: 15px;
         line-height: 1.7;
     }

     .vg-industry-showcase__nav-btn {
         width: 48px;
         height: 48px;
     }

     .vg-industry-showcase__card {
         min-height: 500px;
         padding: 26px 20px 0;
     }

     .vg-industry-showcase__content h3 {
         font-size: 22px;
     }

     .vg-industry-showcase__media {
         min-height: 270px;
     }

     .vg-industry-showcase__action {
         right: 18px;
         bottom: 18px;
         width: 54px;
         height: 54px;
     }
 }

 .vg-industry-showcase__action:hover {
     transform: translateY(-2px);
     box-shadow: 0 18px 34px rgba(14, 18, 28, 0.14);
     color: #fff;
     background: var(--orange);
 }


 .sec-backgr::before {
     background: none !important;
 }


 .dashboard {
     margin-top: -240px;
 }



 /** btn **/

 /* From Uiverse.io by gagan-gv */
 .btn.btn-diff {
     width: fit-content;
     height: 50px;
     padding: 0 24px 0 50px;
     border-radius: 30px;
     border: none;
     transition: all 0.5s ease-in-out;
     font-size: 20px;
     font-weight: 600;
     position: relative;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     background: var(--orange);
     color: #f5f5f5;
 }

 .btn.btn-diff:hover {
     box-shadow: 0 0 20px 0px #2e2e2e3a;
     background: var(--blue);
 }

 .btn.btn-diff .icon {
     position: absolute;
     top: 50%;
     left: 0;
     height: 100%;
     width: 70px;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: all 0.5s;
     transform: translateY(-50%);
 }

 .btn.btn-diff .text {
     white-space: nowrap;
     font-size: 20px;
     font-weight: 400;
 }

 .btn.btn-diff:hover .icon {
     width: 100%;
 }

 .btn.btn-diff:hover .text {
     transition: all 0.5s;
     opacity: 0;
 }

 .btn.btn-diff:focus {
     outline: none;
 }

 .btn.btn-diff:active .icon {
     transform: translateY(-50%) scale(0.85);
 }

 /* Home hero color motion */
 .banercc.state-code.cmntoplgbg1 {
     --vg-hero-violet: rgba(169, 96, 238, 0.48);
     --vg-hero-red: rgba(255, 51, 61, 0.32);
     --vg-hero-gold: rgba(255, 203, 87, 0.34);
     --vg-hero-cyan: rgba(144, 224, 255, 0.42);
     --vg-hero-blue: rgba(59, 124, 255, 0.18);
     position: relative;
     overflow: hidden;
     isolation: isolate;
     /* background-color: #eff5ff; */
     /* background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.46) 0%, rgba(255, 255, 255, 0.14) 42%, rgba(255, 244, 235, 0.46) 100%),
    url("/static/assets/images/home/bg.png"),
    linear-gradient(180deg, #f8fbff 0%, #eef4ff 50%, #fff3eb 100%); */
     /* background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.46) 0%, rgba(255, 255, 255, 0.14) 42%, rgba(255, 244, 235, 0.46) 100%); */
     /* background-image: linear-gradient(180deg, rgb(208 238 249 / 51%) 0%, rgb(208 242 255 / 24%) 42%, rgb(255 231 195) 100%); */
     /* background-image: linear-gradient(180deg, rgb(208 238 249 / 51%) 0%, rgb(252 243 230 / 76%) 42%, rgb(255 231 195) 100%); */
     background-color: hsl(28deg 100% 91.9%);
     background-image: radial-gradient(at 40% 20%, hsla(28, 100%, 96%, 1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(188, 87%, 89%, 1) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(355, 100%, 97%, 1) 0px, transparent 50%), radial-gradient(at 80% 50%, hsl(340deg 100% 95.54%) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(21, 100%, 96%, 1) 0px, transparent 50%), radial-gradient(at 80% 100%, hsl(192.79deg 100% 90%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(30.1deg 77.6% 88.1%) 0px, transparent 50%);
     background-repeat: no-repeat, no-repeat, no-repeat;
     background-size: 100% 100%, cover, 100% 100%;
     background-position: center center, center top, center center;
 }

 /* .banercc.state-code.cmntoplgbg1::before,
.banercc.state-code.cmntoplgbg1::after {
  content: "";
  position: absolute;
  inset: -18% -10%;
  pointer-events: none;
  z-index: 0;
  opacity: 0.95;
  filter: blur(72px);
  will-change: transform, opacity;
} */

 .banercc.state-code.cmntoplgbg1::before {
     /* background:
    radial-gradient(circle at 16% 20%, var(--vg-hero-violet) 0%, rgba(169, 96, 238, 0.18) 16%, transparent 34%),
    radial-gradient(circle at 48% 24%, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.16) 14%, transparent 32%),
    radial-gradient(circle at 82% 22%, var(--vg-hero-red) 0%, rgba(255, 51, 61, 0.14) 14%, transparent 32%),
    radial-gradient(circle at 28% 66%, var(--vg-hero-gold) 0%, rgba(255, 203, 87, 0.16) 16%, transparent 36%),
    radial-gradient(circle at 72% 68%, var(--vg-hero-cyan) 0%, rgba(144, 224, 255, 0.12) 18%, transparent 38%); */
     /* background: radial-gradient(circle at 16% 20%, rgb(166 170 193 / 0%) 0%, rgb(168 180 213 / 18%) 16%, transparent 34%), radial-gradient(circle at 48% 24%, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.16) 14%, transparent 32%), radial-gradient(circle at 82% 22%, rgb(239 190 117 / 30%) 0%, rgb(231 178 99 / 30%) 14%, transparent 32%), radial-gradient(circle at 28% 66%, var(--vg-hero-gold) 0%, rgba(255, 203, 87, 0.16) 16%, transparent 36%), radial-gradient(circle at 72% 68%, var(--vg-hero-cyan) 0%, rgba(144, 224, 255, 0.12) 18%, transparent 38%);
  animation: vg-home-hero-color-drift 18s linear infinite alternate; */
 }

 .banercc.state-code.cmntoplgbg1::after {
     background:
         radial-gradient(circle at 20% 78%, rgba(95, 178, 255, 0.22) 0%, rgba(95, 178, 255, 0.1) 14%, transparent 30%),
         radial-gradient(circle at 48% 50%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.14) 16%, transparent 34%),
         radial-gradient(circle at 68% 34%, rgba(255, 190, 122, 0.28) 0%, rgba(255, 190, 122, 0.08) 15%, transparent 32%),
         radial-gradient(circle at 86% 76%, rgba(121, 163, 255, 0.18) 0%, rgba(121, 163, 255, 0.08) 14%, transparent 30%),
         radial-gradient(circle at 36% 38%, var(--vg-hero-blue) 0%, rgba(59, 124, 255, 0.06) 20%, transparent 38%);
     mix-blend-mode: screen;
     animation: vg-home-hero-color-drift-alt 24s linear infinite;
 }

 .banercc.state-code.cmntoplgbg1 .gradient-overlay {
     position: absolute;
     inset: 0;
     z-index: 2;
     opacity: 1;
     pointer-events: none;
     background:
         radial-gradient(ellipse 48% 34% at 50% 10%, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0.1) 40%, transparent 72%),
         linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.08) 24%, rgba(255, 255, 255, 0) 52%, rgba(255, 245, 238, 0.22) 100%);
 }

 .banercc.state-code.cmntoplgbg1 .gradient-overlay::before,
 .banercc.state-code.cmntoplgbg1 .gradient-overlay::after {
     content: "";
     position: absolute;
     top: 26%;
     bottom: -10%;
     width: min(28vw, 360px);
     pointer-events: none;
     opacity: 0.92;
     filter: blur(18px);
     will-change: transform, opacity;
 }

 .banercc.state-code.cmntoplgbg1 .gradient-overlay::before {
     left: -8%;
     background: radial-gradient(ellipse at 100% 68%, rgba(255, 255, 255, 0.82) 0%, rgba(214, 234, 255, 0.32) 34%, rgba(255, 255, 255, 0) 76%);
     animation: vg-home-hero-edge-breathe 7s ease-in-out infinite alternate;
 }

 .banercc.state-code.cmntoplgbg1 .gradient-overlay::after {
     right: -8%;
     background: radial-gradient(ellipse at 0 68%, rgba(255, 255, 255, 0.82) 0%, rgba(214, 234, 255, 0.32) 34%, rgba(255, 255, 255, 0) 76%);
     animation: vg-home-hero-edge-breathe 7s ease-in-out infinite alternate-reverse;
 }

 .banercc.state-code.cmntoplgbg1 .video-overlay {
     position: absolute;
     inset: 0;
     z-index: 3;
     pointer-events: none;
     background:
         radial-gradient(ellipse 34% 26% at 0% 100%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.48) 34%, rgba(255, 255, 255, 0) 76%),
         radial-gradient(ellipse 34% 26% at 100% 100%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.48) 34%, rgba(255, 255, 255, 0) 76%),
         linear-gradient(180deg, rgba(8, 17, 37, 0.02) 0%, rgba(8, 17, 37, 0) 44%, rgba(255, 255, 255, 0.04) 100%),
         radial-gradient(ellipse 58% 42% at 50% 88%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 76%);
 }

 .banercc.state-code.cmntoplgbg1 .video-overlay::before,
 .banercc.state-code.cmntoplgbg1 .video-overlay::after {
     content: "";
     position: absolute;
     bottom: -12%;
     width: min(34vw, 420px);
     height: 34%;
     pointer-events: none;
     filter: blur(16px);
     opacity: 0.96;
 }

 .banercc.state-code.cmntoplgbg1 .video-overlay::before {
     left: -6%;
     background: radial-gradient(ellipse at 32% 72%, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.54) 32%, rgba(255, 255, 255, 0) 76%);
 }

 .banercc.state-code.cmntoplgbg1 .video-overlay::after {
     right: -6%;
     background: radial-gradient(ellipse at 68% 72%, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.54) 32%, rgba(255, 255, 255, 0) 76%);
 }

 @keyframes vg-home-hero-color-drift {
     0% {
         transform: translate3d(-4%, -3%, 0) scale(1) rotate(0deg);
     }

     35% {
         transform: translate3d(4%, 2%, 0) scale(1.08) rotate(7deg);
     }

     70% {
         transform: translate3d(-1%, 5%, 0) scale(1.12) rotate(-6deg);
     }

     100% {
         transform: translate3d(5%, -2%, 0) scale(1.05) rotate(10deg);
     }
 }

 @keyframes vg-home-hero-color-drift-alt {
     0% {
         transform: translate3d(4%, 2%, 0) scale(1.02) rotate(0deg);
     }

     30% {
         transform: translate3d(-3%, -1%, 0) scale(1.08) rotate(-5deg);
     }

     65% {
         transform: translate3d(2%, 4%, 0) scale(1.12) rotate(6deg);
     }

     100% {
         transform: translate3d(-5%, -3%, 0) scale(1.04) rotate(-8deg);
     }
 }

 @keyframes vg-home-hero-edge-breathe {
     0% {
         opacity: 0.72;
         transform: translate3d(0, 0, 0) scale(1);
     }

     100% {
         opacity: 0.98;
         transform: translate3d(0, -10px, 0) scale(1.08);
     }
 }

 @media (max-width: 991.98px) {

     .banercc.state-code.cmntoplgbg1::before,
     .banercc.state-code.cmntoplgbg1::after {
         inset: -22% -14%;
         filter: blur(58px);
     }

     .banercc.state-code.cmntoplgbg1 .gradient-overlay::before,
     .banercc.state-code.cmntoplgbg1 .gradient-overlay::after {
         top: 38%;
         width: min(34vw, 280px);
     }
 }

 @media (max-width: 767.98px) {
     .banercc.state-code.cmntoplgbg1 {
         background-size: 100% 100%, cover, 100% 100%;
         background-position: center center, 56% 0, center center;
     }

     .banercc.state-code.cmntoplgbg1::before,
     .banercc.state-code.cmntoplgbg1::after {
         inset: -26% -18%;
         filter: blur(50px);
         opacity: 0.88;
     }

     .banercc.state-code.cmntoplgbg1 .gradient-overlay::before,
     .banercc.state-code.cmntoplgbg1 .gradient-overlay::after {
         top: 52%;
         bottom: -14%;
         width: 42vw;
         opacity: 0.78;
     }

     .banercc.state-code.cmntoplgbg1 .video-overlay::before,
     .banercc.state-code.cmntoplgbg1 .video-overlay::after {
         bottom: -10%;
         width: 44vw;
         height: 28%;
         opacity: 0.88;
     }
 }

 @media (prefers-reduced-motion: reduce) {

     .banercc.state-code.cmntoplgbg1::before,
     .banercc.state-code.cmntoplgbg1::after,
     .banercc.state-code.cmntoplgbg1 .gradient-overlay::before,
     .banercc.state-code.cmntoplgbg1 .gradient-overlay::after {
         animation: none;
         transform: none;
     }
 }

 /** banner mouse motion **/

 .vitel-banner-ui[data-banner-motion-root] {
     --banner-motion-x: 0;
     --banner-motion-y: 0;
     perspective: 1800px;
     transform-style: preserve-3d;
 }

 .vitel-banner-ui[data-banner-motion-root] .vitel-banner-ui__motion-layer {
     transform-style: preserve-3d;
     will-change: transform;
     transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
 }

 .vitel-banner-ui[data-banner-motion-root] .vitel-banner-ui__motion-layer--summary,
 .vitel-banner-ui[data-banner-motion-root] .vitel-banner-ui__motion-layer--stats {
     position: absolute;
     inset: 0;
     pointer-events: none;
 }

 .vitel-banner-ui[data-banner-motion-root] .vitel-banner-ui__motion-layer--summary {
     z-index: 3;
     transform:
         translate3d(calc(var(--banner-motion-x) * -22px), calc(var(--banner-motion-y) * -18px), 55px) rotateX(calc(var(--banner-motion-y) * -4deg)) rotateY(calc(var(--banner-motion-x) * 6deg));
     transform-origin: 20% 24%;
 }

 .vitel-banner-ui[data-banner-motion-root] .vitel-banner-ui__motion-layer--window {
     position: relative;
     z-index: 2;
     transform:
         translate3d(calc(var(--banner-motion-x) * 10px), calc(var(--banner-motion-y) * 12px), 0) rotateX(calc(var(--banner-motion-y) * -2.5deg)) rotateY(calc(var(--banner-motion-x) * 3deg));
     transform-origin: 68% 50%;
 }

 .vitel-banner-ui[data-banner-motion-root] .vitel-banner-ui__motion-layer--stats {
     z-index: 3;
     transform:
         translate3d(calc(var(--banner-motion-x) * 22px), calc(var(--banner-motion-y) * 18px), 70px) rotateX(calc(var(--banner-motion-y) * -4deg)) rotateY(calc(var(--banner-motion-x) * 5deg));
     transform-origin: 82% 78%;
 }

 .vitel-banner-ui[data-banner-motion-root] .vitel-banner-ui__scene {
     transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
     transform: translate3d(calc(var(--banner-motion-x) * -8px), calc(var(--banner-motion-y) * -6px), 0);
 }

 @media (max-width: 991.98px),
 (hover: none),
 (pointer: coarse),
 (prefers-reduced-motion: reduce) {
     .vitel-banner-ui[data-banner-motion-root] {
         perspective: none;
     }

     .vitel-banner-ui[data-banner-motion-root] .vitel-banner-ui__motion-layer,
     .vitel-banner-ui[data-banner-motion-root] .vitel-banner-ui__scene {
         transform: none !important;
         transition: none;
     }
 }

 /* Vitel home brain network banner */
 .vg-home-brainmap {
     --vg-brain-accent: #ee8127;
     --vg-brain-line: rgba(238, 129, 39, 0.34);
     --vg-brain-ink: #1f2430;
     /* --vg-brain-track: rgba(213, 208, 200, 0.96);
    --vg-brain-core: rgba(232, 225, 215, 0.98); */
     --vg-brain-track: rgb(255 223 172 / 96%);
     --vg-brain-core: rgb(227 168 82 / 34%);
     position: relative;
     max-width: 1180px;
     margin: 0 auto;
 }

 .vg-home-brainmap__surface {
     position: relative;
     height: clamp(485px, 54vw, 485px);
     overflow: hidden;
     border-radius: 28px;
     isolation: isolate;
     /* background:
        radial-gradient(circle at 50% 84%, rgba(238, 129, 39, 0.08) 0%, rgba(238, 129, 39, 0.03) 18%, rgba(255, 255, 255, 0) 56%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.94)); */
 }

 .vg-home-brainmap__glow {
     position: absolute;
     inset: 10% 10% 12%;
     border-radius: 50%;
     /* background: radial-gradient(circle at 50% 56%, rgba(238, 129, 39, 0.1), rgba(238, 129, 39, 0)); */
     filter: blur(18px);
     pointer-events: none;
 }

 .vg-home-brainmap__rings {
     position: absolute;
     inset: 0;
     pointer-events: none;
 }

 .vg-home-brainmap__ring {
     position: absolute;
     left: 50%;
     border-radius: 50%;
     transform: translateX(-50%);
     border: 1px solid rgba(238, 129, 39, 0.08);
     background: radial-gradient(circle at 50% 46%, rgba(238, 129, 39, 0.05), rgba(255, 255, 255, 0) 64%);
 }

 .vg-home-brainmap__ring--outer {
     bottom: -71%;
     width: min(92%, 960px);
     aspect-ratio: 1 / 1;
 }

 .vg-home-brainmap__ring--middle {
     bottom: -44%;
     width: min(60%, 610px);
     aspect-ratio: 1 / 1;
 }

 .vg-home-brainmap__ring--inner {
     bottom: -18%;
     width: min(34%, 350px);
     aspect-ratio: 1 / 1;
     border-color: rgba(238, 129, 39, 0.18);
 }

 .vg-home-brainmap__network {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     overflow: visible;
     pointer-events: none;
     z-index: 2;
     shape-rendering: geometricPrecision;
 }

 .vg-home-brainmap__track,
 .vg-home-brainmap__glow-line,
 .vg-home-brainmap__core,
 .vg-home-brainmap__shine {
     fill: none;
     stroke-linecap: round;
     stroke-linejoin: round;
     vector-effect: non-scaling-stroke;
     stroke-dasharray: none;
 }

 .vg-home-brainmap__track {
     stroke: var(--vg-brain-track);
     stroke-width: 1.5;
 }

 .vg-home-brainmap__glow-line {
     stroke: rgba(238, 129, 39, 0.12);
     stroke-width: 5.6;
     opacity: 0.52;
     filter: blur(2.4px);
 }

 .vg-home-brainmap__core {
     stroke: var(--vg-brain-core);
     stroke-width: 1.85;
 }

 .vg-home-brainmap__shine {
     stroke: rgba(255, 183, 94, 0.98);
     stroke-width: 3.4;
     stroke-dasharray: var(--vg-shine-dasharray, 58 478);
     stroke-dashoffset: var(--vg-shine-offset-start, 536);
     animation: vg-home-brainmap-shine-loop var(--vg-shine-duration, 2.8s) linear infinite;
     filter: drop-shadow(0 0 8px rgba(255, 188, 108, 0.8));
     opacity: 1;
     will-change: stroke-dashoffset;
 }

 .vg-home-brainmap__card,
 .vg-home-brainmap__ai-pill,
 .vg-home-brainmap__marker,
 .vg-home-brainmap__brain {
     position: absolute;
     z-index: 3;
 }

 .vg-home-brainmap__card,
 .vg-home-brainmap__ai-pill {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     padding: 10px 10px;
     border-radius: 999px;
     /* background: rgba(255, 255, 255, 0.98); */
     background: linear-gradient(180deg, rgb(253 253 253 / 35%), rgb(253 253 253 / 52%));
     box-shadow: 0 18px 45px rgba(13, 22, 39, 0.16);
     backdrop-filter: blur(0px);
     color: var(--vg-brain-ink);
     box-shadow: 0 12px 28px rgba(18, 26, 39, 0.08), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
     white-space: nowrap;
 }

 .vg-home-brainmap__card {
     font-size: clamp(14px, 1.45vw, 16px);
     font-weight: 400;
     text-decoration: none;
     cursor: pointer;
     transition: background-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
 }

 .vg-home-brainmap__card:hover,
 .vg-home-brainmap__card:focus-visible,
 .vg-home-brainmap__ai-pill:hover,
 .vg-home-brainmap__ai-pill:focus-visible {
     color: var(--vg-brain-ink);
     text-decoration: none;
     background: #ffffff;
     box-shadow: 0 18px 34px rgba(18, 26, 39, 0.12), 0 1px 0 rgba(255, 255, 255, 0.95) inset;
 }

 .vg-home-brainmap__card:focus-visible,
 .vg-home-brainmap__ai-pill:focus-visible {
     outline: 2px solid rgba(238, 129, 39, 0.45);
     outline-offset: 3px;
 }

 .vg-home-brainmap__card::after,
 .vg-home-brainmap__ai-pill::after {
     content: "";
     position: absolute;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     border: 1.6px solid var(--vg-brain-ink);
     background: #fff;
     box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.95);
 }

 .vg-home-brainmap__card[data-vg-anchor="right"]::after {
     top: 50%;
     right: -10px;
     transform: translate(50%, -50%);
 }

 .vg-home-brainmap__card[data-vg-anchor="left"]::after {
     top: 50%;
     left: -10px;
     transform: translate(-50%, -50%);
 }

 .vg-home-brainmap__card[data-vg-anchor="bottom"]::after {
     left: 50%;
     bottom: -10px;
     transform: translate(-50%, 50%);
 }

 .vg-home-brainmap__ai-pill[data-vg-anchor="top"]::after {
     left: 50%;
     top: -10px;
     transform: translate(-50%, -50%);
 }

 .vg-home-brainmap__card--omni {
     top: 16px;
     left: calc(50% - clamp(88px, 10vw, 112px));
     transform: translateX(-50%);
 }

 .vg-home-brainmap__card--assistants {
     top: 16px;
     left: calc(50% + clamp(98px, 10vw, 122px));
     transform: translateX(-50%);
 }

 .vg-home-brainmap__card--phone {
     top: 22%;
     left: clamp(0px, 2.6vw, 36px);
 }

 .vg-home-brainmap__card--whatsapp {
     top: 56%;
     left: clamp(0px, 2vw, 28px);
 }

 .vg-home-brainmap__card--meet {
     top: 22%;
     right: clamp(0px, 2.6vw, 36px);
 }

 .vg-home-brainmap__card--sms {
     top: 56%;
     right: clamp(0px, 2vw, 28px);
 }

 .vg-home-brainmap__icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 32px;
     height: 32px;
     /* flex: 0 0 22px; */
     color: var(--vg-brain-ink);
     background: #f5b38278;
     border-radius: 30px;
     padding: 5px;
 }

 .vg-home-brainmap__icon svg {
     width: 100%;
     height: 100%;
     color: var(--orange);
 }

 .vg-home-brainmap__icon--spark {
     color: var(--vg-brain-accent);
 }

 .vg-home-brainmap__ai-pill {
     left: 50%;
     bottom: 128px;
     transform: translateX(-50%);
     padding: 10px 18px;
     font-size: clamp(15px, 1.5vw, 18px);
     font-weight: 500;
     gap: 7px;
 }

 .vg-home-brainmap__marker {
     width: 36px;
     height: 36px;
     display: grid;
     place-items: center;
     border-radius: 12px;
     transform: translate(-50%, -50%);
     background: rgba(255, 255, 255, 0.98);
     color: #7a8797;
     box-shadow: 0 12px 24px rgba(18, 26, 39, 0.08), 0 1px 0 rgba(255, 255, 255, 0.95) inset;
 }

 .vg-home-brainmap__marker svg {
     width: 16px;
     height: 16px;
     color: var(--orange);
 }

 .vg-home-brainmap__brain {
     left: 50%;
     bottom: 18px;
     width: clamp(78px, 9vw, 94px);
     height: clamp(78px, 9vw, 94px);
     transform: translateX(-50%);
     display: grid;
     place-items: center;
     color: var(--vg-brain-accent);
 }

 .vg-home-brainmap__brain::before {
     content: "";
     position: absolute;
     inset: 14px;
     border-radius: 50%;
     background: radial-gradient(circle, rgba(238, 129, 39, 0.26), rgba(238, 129, 39, 0) 72%);
 }

 .vg-home-brainmap__brain svg {
     position: relative;
     width: 65px;
     height: 65px;
 }

 @keyframes vg-home-brainmap-dots {
     from {
         stroke-dashoffset: 0;
     }

     to {
         stroke-dashoffset: -42;
     }
 }

 @keyframes vg-home-brainmap-shine-loop {
     0% {
         stroke-dashoffset: var(--vg-shine-offset-start, 536);
     }

     100% {
         stroke-dashoffset: var(--vg-shine-offset-end, -58);
     }
 }

 @media (max-width: 991.98px) {
     .vg-home-brainmap__surface {
         height: clamp(500px, 66vw, 600px);
         border-radius: 24px;
     }

     .vg-home-brainmap__card,
     .vg-home-brainmap__ai-pill {
         gap: 10px;
         padding: 12px 16px;
     }

     .vg-home-brainmap__card {
         font-size: 14px;
     }

     .vg-home-brainmap__card--phone,
     .vg-home-brainmap__card--meet {
         top: 23%;
     }

     .vg-home-brainmap__card--whatsapp,
     .vg-home-brainmap__card--sms {
         top: 57%;
     }

     .vg-home-brainmap__ai-pill {
         bottom: 118px;
         font-size: 15px;
     }
 }

 @media (max-width: 767.98px) {
     .vg-home-brainmap__surface {
         height: 560px;
         border-radius: 22px;
     }

     .vg-home-brainmap__card {
         gap: 8px;
         max-width: 154px;
         padding: 10px 12px;
         font-size: 12px;
         white-space: normal;
         text-align: left;
         line-height: 1.25;
     }

     .vg-home-brainmap__card--phone,
     .vg-home-brainmap__card--meet {
         top: 35%;
     }

     .vg-home-brainmap__card--whatsapp,
     .vg-home-brainmap__card--sms {
         top: 51%;
     }

     .vg-home-brainmap__card--phone,
     .vg-home-brainmap__card--whatsapp {
         left: 4px;
     }

     .vg-home-brainmap__card--meet,
     .vg-home-brainmap__card--sms {
         right: 4px;
     }

     .vg-home-brainmap__icon {
         width: 18px;
         height: 18px;
         flex-basis: 18px;
     }

     .vg-home-brainmap__ai-pill {
         bottom: 104px;
         font-size: 14px;
     }

     .vg-home-brainmap__marker {
         width: 32px;
         height: 32px;
         border-radius: 10px;
     }

     .vg-home-brainmap__brain {
         bottom: 14px;
     }
 }

 @media (max-width: 479.98px) {
     .vg-home-brainmap__surface {
         height: 580px;
     }

     .vg-home-brainmap__card--omni {
         top: 104px;
         left: calc(50% - 72px);
     }

     .vg-home-brainmap__card--assistants {
         top: 104px;
         left: calc(50% + 72px);
         transform: translateX(-50%);
     }

     .vg-home-brainmap__ring--inner {
         bottom: -4%;
     }

     .vg-home-brainmap__ring--middle {
         bottom: -8%;
     }

     .vg-home-brainmap__ring--outer {
         bottom: -18%;
     }

     .vg-home-brainmap__card {
         max-width: 136px;
         font-size: 11px;
         padding: 9px 10px;
     }

     .vg-home-brainmap__card::after,
     .vg-home-brainmap__ai-pill::after {
         width: 8px;
         height: 8px;
     }

     .vg-home-brainmap__marker {
         display: none;
     }
 }

 /* Optimized for 375px and smaller devices */
 @media (max-width: 375px) {
     .vg-home-brainmap {
         max-width: 100%;
         margin: 0 auto;
     }

     .vg-home-brainmap__surface {
         height: 400px;
         border-radius: 18px;
         margin: 0 auto;
         padding: 16px;
     }

     /* Top center card - AI Receptionist */
     .vg-home-brainmap__card--omni {
         top: 8px !important;
         left: calc(50% - 55px) !important;
         right: auto !important;
         transform: translateX(-50%) !important;
         width: auto;
         max-width: 100px !important;
         position: absolute;
     }

     .vg-home-brainmap__card--assistants {
         top: 8px !important;
         left: calc(50% + 55px) !important;
         right: auto !important;
         transform: translateX(-50%) !important;
         width: auto;
         max-width: 100px !important;
         position: absolute;
     }

     /* Left side - Top card - Avatar Chatbot */
     .vg-home-brainmap__card--phone {
         top: 95px !important;
         left: 4px !important;
         right: auto !important;
         position: absolute;
     }

     /* Left side - Bottom card - Call Summaries */
     .vg-home-brainmap__card--whatsapp {
         top: 205px !important;
         left: 4px !important;
         right: auto !important;
         position: absolute;
     }

     /* Right side - Top card - Meeting Summaries */
     .vg-home-brainmap__card--meet {
         top: 95px !important;
         right: 4px !important;
         left: auto !important;
         position: absolute;
     }

     /* Right side - Bottom card - Workflows */
     .vg-home-brainmap__card--sms {
         top: 205px !important;
         right: 4px !important;
         left: auto !important;
         position: absolute;
     }

     .vg-home-brainmap__card {
         max-width: 100px !important;
         font-size: 10px !important;
         padding: 8px 8px !important;
         gap: 5px !important;
         white-space: normal !important;
         text-align: center !important;
         line-height: 1.2 !important;
         display: inline-flex !important;
     }

     .vg-home-brainmap__icon {
         width: 18px !important;
         height: 18px !important;
         flex-basis: 18px !important;
         flex-shrink: 0 !important;
         margin: 0 auto !important;
     }

     .vg-home-brainmap__card span {
         font-size: 9px !important;
         display: block !important;
     }

     .vg-home-brainmap__card::after,
     .vg-home-brainmap__ai-pill::after {
         width: 6px !important;
         height: 6px !important;
         border-width: 1.2px !important;
     }

     .vg-home-brainmap__card[data-vg-anchor="right"]::after {
         right: -8px !important;
         top: 50% !important;
         left: auto !important;
         transform: translateY(-50%) !important;
     }

     .vg-home-brainmap__card[data-vg-anchor="left"]::after {
         left: -8px !important;
         top: 50% !important;
         right: auto !important;
         transform: translateY(-50%) !important;
     }

     .vg-home-brainmap__card[data-vg-anchor="bottom"]::after {
         bottom: -8px !important;
         left: 50% !important;
         top: auto !important;
         transform: translateX(-50%) !important;
     }

     .vg-home-brainmap__ai-pill[data-vg-anchor="top"]::after {
         top: -8px !important;
         left: 50% !important;
         transform: translate(-50%, -50%) !important;
     }

     .vg-home-brainmap__ai-pill {
         bottom: 60px !important;
         left: 50% !important;
         transform: translateX(-50%) !important;
         font-size: 11px !important;
         padding: 8px 14px !important;
         gap: 5px !important;
     }

     .vg-home-brainmap__marker {
         width: 24px !important;
         height: 24px !important;
         border-radius: 6px !important;
         display: none !important;
     }

     .vg-home-brainmap__marker svg {
         width: 12px !important;
         height: 12px !important;
     }

     .vg-home-brainmap__brain {
         width: 52px !important;
         height: 52px !important;
         bottom: 6px !important;
         left: 50% !important;
         transform: translateX(-50%) !important;
     }

     .vg-home-brainmap__brain svg {
         width: 44px !important;
         height: 44px !important;
     }

     /* Adjust SVG and rings for better visibility */
     .vg-home-brainmap__network {
         overflow: visible !important;
     }

     .vg-home-brainmap__ring--inner {
         bottom: 12% !important;
         width: min(55%, 200px) !important;
     }

     .vg-home-brainmap__ring--middle {
         bottom: 2% !important;
         width: min(75%, 280px) !important;
     }

     .vg-home-brainmap__ring--outer {
         bottom: -8% !important;
         width: min(90%, 340px) !important;
     }

     .vg-home-brainmap__glow {
         inset: 18% 18% 18% !important;
     }
 }

 /* Optimized for 376px to 450px devices */
 @media (min-width: 376px) and (max-width: 450px) {
     .vg-home-brainmap {
         max-width: calc(100% - 16px);
         margin: 0 auto;
     }

     .vg-home-brainmap__surface {
         height: 420px;
         border-radius: 18px;
         margin: 0 auto;
         padding: 16px;
     }

     /* Top center card - AI Receptionist */
     .vg-home-brainmap__card--omni {
         top: 12px !important;
         left: calc(50% - 60px) !important;
         right: auto !important;
         transform: translateX(-50%) !important;
         width: auto;
         max-width: 105px !important;
         position: absolute;
     }

     .vg-home-brainmap__card--assistants {
         top: 12px !important;
         left: calc(50% + 60px) !important;
         right: auto !important;
         transform: translateX(-50%) !important;
         width: auto;
         max-width: 105px !important;
         position: absolute;
     }

     /* Left side - Top card - Avatar Chatbot */
     .vg-home-brainmap__card--phone {
         top: 105px !important;
         left: 6px !important;
         right: auto !important;
         position: absolute;
     }

     /* Left side - Bottom card - Call Summaries */
     .vg-home-brainmap__card--whatsapp {
         top: 215px !important;
         left: 6px !important;
         right: auto !important;
         position: absolute;
     }

     /* Right side - Top card - Meeting Summaries */
     .vg-home-brainmap__card--meet {
         top: 105px !important;
         right: 6px !important;
         left: auto !important;
         position: absolute;
     }

     /* Right side - Bottom card - Workflows */
     .vg-home-brainmap__card--sms {
         top: 215px !important;
         right: 6px !important;
         left: auto !important;
         position: absolute;
     }

     .vg-home-brainmap__card {
         max-width: 105px !important;
         font-size: 10px !important;
         padding: 8px 8px !important;
         gap: 5px !important;
         white-space: normal !important;
         text-align: center !important;
         line-height: 1.2 !important;
         display: inline-flex !important;
     }

     .vg-home-brainmap__icon {
         width: 18px !important;
         height: 18px !important;
         flex-basis: 18px !important;
         flex-shrink: 0 !important;
         margin: 0 auto !important;
     }

     .vg-home-brainmap__card span {
         font-size: 9px !important;
         display: block !important;
     }

     .vg-home-brainmap__card::after,
     .vg-home-brainmap__ai-pill::after {
         width: 6px !important;
         height: 6px !important;
         border-width: 1.2px !important;
     }

     .vg-home-brainmap__card[data-vg-anchor="right"]::after {
         right: -8px !important;
         top: 50% !important;
         left: auto !important;
         transform: translateY(-50%) !important;
     }

     .vg-home-brainmap__card[data-vg-anchor="left"]::after {
         left: -8px !important;
         top: 50% !important;
         right: auto !important;
         transform: translateY(-50%) !important;
     }

     .vg-home-brainmap__card[data-vg-anchor="bottom"]::after {
         bottom: -8px !important;
         left: 50% !important;
         top: auto !important;
         transform: translateX(-50%) !important;
     }

     .vg-home-brainmap__ai-pill[data-vg-anchor="top"]::after {
         top: -8px !important;
         left: 50% !important;
         transform: translate(-50%, -50%) !important;
     }

     .vg-home-brainmap__ai-pill {
         bottom: 62px !important;
         left: 50% !important;
         transform: translateX(-50%) !important;
         font-size: 11px !important;
         padding: 8px 14px !important;
         gap: 5px !important;
     }

     .vg-home-brainmap__marker {
         width: 26px !important;
         height: 26px !important;
         border-radius: 6px !important;
         display: none !important;
     }

     .vg-home-brainmap__marker svg {
         width: 12px !important;
         height: 12px !important;
     }

     .vg-home-brainmap__brain {
         width: 54px !important;
         height: 54px !important;
         bottom: 8px !important;
         left: 50% !important;
         transform: translateX(-50%) !important;
     }

     .vg-home-brainmap__brain svg {
         width: 46px !important;
         height: 46px !important;
     }

     /* Adjust SVG and rings for better visibility */
     .vg-home-brainmap__network {
         overflow: visible !important;
     }

     .vg-home-brainmap__ring--inner {
         bottom: 10% !important;
         width: min(58%, 210px) !important;
     }

     .vg-home-brainmap__ring--middle {
         bottom: 1% !important;
         width: min(78%, 290px) !important;
     }

     .vg-home-brainmap__ring--outer {
         bottom: -8% !important;
         width: min(92%, 350px) !important;
     }

     .vg-home-brainmap__glow {
         top: 16% !important;
         right: auto !important;
         bottom: 16% !important;
         left: 50% !important;
         width: 68% !important;
         transform: translateX(-50%) !important;
     }
 }

 @media (max-width: 320px) {
     .vg-home-brainmap__glow {
         top: 18% !important;
         right: auto !important;
         bottom: 18% !important;
         left: 50% !important;
         width: 66% !important;
         transform: translateX(-50%) !important;
     }
 }

 @media (prefers-reduced-motion: reduce) {

     .vg-home-brainmap__core,
     .vg-home-brainmap__shine {
         animation: none;
     }
 }

 /* Digital workforce spotlight */
 .vg-digital-workforce-spotlight {
     position: relative;
     padding-top: 0;
 }

 .vg-digital-workforce-spotlight__stage {
     position: relative;
     display: block;
     /* min-height: 860px; */
     padding: 200px 24px 0px;
     overflow: hidden;
     /* border: 1px solid rgba(18, 26, 39, 0.08);
    border-radius: 36px;
    background:
        radial-gradient(circle at 50% 18%, rgba(238, 129, 39, 0.16), rgba(238, 129, 39, 0) 34%),
        radial-gradient(circle at 8% 84%, rgba(65, 120, 255, 0.12), rgba(65, 120, 255, 0) 28%),
        linear-gradient(135deg, #f7f3ee 0%, #ffffff 54%, #edf5ff 100%);
    box-shadow: 0 36px 80px rgba(17, 24, 39, 0.1); */
     isolation: isolate;
 }

 .vg-digital-workforce-spotlight__stage::before,
 .vg-digital-workforce-spotlight__stage::after {
     content: "";
     position: absolute;
     border-radius: 50%;
     pointer-events: none;
     filter: blur(16px);
     opacity: 0.8;
     z-index: 0;
 }

 .vg-digital-workforce-spotlight__stage::before {
     inset: auto auto 8% -6%;
     width: 280px;
     height: 280px;
     background: radial-gradient(circle, rgba(238, 129, 39, 0.18), rgba(238, 129, 39, 0));
 }

 .vg-digital-workforce-spotlight__stage::after {
     inset: 10% -4% auto auto;
     width: 260px;
     height: 260px;
     background: radial-gradient(circle, rgba(63, 122, 255, 0.14), rgba(63, 122, 255, 0));
 }

 .vg-digital-workforce-spotlight__cards {
     position: absolute;
     inset: 18px 18px auto;
     height: 390px;
     pointer-events: none;
     z-index: 1;
 }

 .vg-digital-workforce-spotlight__cards::before {
     content: "";
     position: absolute;
     top: 30px;
     left: 50%;
     width: min(74%, 760px);
     height: 300px;
     transform: translateX(-50%);
     /* border: 1px dashed rgba(238, 129, 39, 0.18); */
     border-bottom: none;
     border-radius: 999px 999px 0 0;
     z-index: 0;
 }

 .vg-digital-workforce-spotlight__card {
     position: absolute;
     top: var(--card-top, auto);
     left: var(--card-left, auto);
     right: var(--card-right, auto);
     width: var(--card-width, 140px);
     margin: 0;
     padding: 8px;
     border-radius: 8px;
     background: rgba(255, 255, 255, 0.96);
     box-shadow: 0 24px 44px rgba(17, 24, 39, 0.12);
     transform: rotate(var(--card-rotate, 0deg));
     backdrop-filter: blur(10px);
     animation: vg-digital-workforce-float 6.8s ease-in-out infinite;
     animation-delay: var(--card-delay, 0s);
 }

 .vg-digital-workforce-spotlight__card:nth-child(2),
 .vg-digital-workforce-spotlight__card:nth-child(5) {
     z-index: 2;
 }

 .vg-digital-workforce-spotlight__card:nth-child(3),
 .vg-digital-workforce-spotlight__card:nth-child(4) {
     z-index: 3;
 }

 .vg-digital-workforce-spotlight__card::after {
     display: none;
 }

 .vg-digital-workforce-spotlight__card img {
     display: block;
     width: 100%;
     aspect-ratio: 1 / 1.12;
     object-fit: cover;
     border-radius: 18px;
 }

 .vg-digital-workforce-spotlight__card figcaption {
     display: flex;
     flex-direction: column;
     gap: 3px;
     padding: 10px 6px 4px;
 }

 .vg-digital-workforce-spotlight__card strong {
     color: #131823;
     font-size: 13px;
     line-height: 1.2;
     font-weight: 600;
 }

 .vg-digital-workforce-spotlight__card span {
     color: #5a6576;
     font-size: 11px;
     line-height: 1.3;
 }

 .vg-digital-workforce-spotlight__content {
     position: relative;
     z-index: 2;
     /* width: min(100%, 560px); */
     margin: 0 auto;
     padding: 48px 46px;
     text-align: center;
     /* border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 26px 52px rgba(17, 24, 39, 0.1);
    backdrop-filter: blur(14px); */
 }

 .vg-digital-workforce-spotlight__content::before {
     /* content: ""; */
     position: absolute;
     inset: -52px -90px -34px;
     border-radius: 50%;
     background: radial-gradient(circle, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.84) 40%, rgba(255, 255, 255, 0) 76%);
     z-index: -1;
     pointer-events: none;
 }

 .vg-digital-workforce-spotlight__eyebrow {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 18px;
     padding: 9px 16px;
     border-radius: 999px;
     background: rgba(238, 129, 39, 0.12);
     color: var(--orange);
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
 }

 .vg-digital-workforce-spotlight__title {
     margin: 0;
     color: #111827;
     font-size: clamp(32px, 4vw, 52px);
     line-height: 1.04;
     letter-spacing: -0.04em;
 }

 .vg-digital-workforce-spotlight__title span {
     color: var(--orange);
 }

 .vg-digital-workforce-spotlight__copy {
     max-width: 600px;
     margin: 18px auto 0;
     color: #445064;
     font-size: 17px;
     line-height: 1.7;
 }

 .vg-digital-workforce-spotlight__copy--secondary {
     color: #566274;
     font-size: 16px;
 }

 .vg-digital-workforce-spotlight__cta {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     margin-top: 30px;
     padding: 14px 22px;
     border-radius: 999px;
     background: #131823;
     color: #fff;
     font-size: 15px;
     font-weight: 600;
     line-height: 1;
     text-decoration: none;
     box-shadow: 0 18px 30px rgba(17, 24, 39, 0.16);
     transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
 }

 .vg-digital-workforce-spotlight__cta svg {
     width: 18px;
     height: 18px;
     flex: 0 0 18px;
 }

 .vg-digital-workforce-spotlight__cta:hover,
 .vg-digital-workforce-spotlight__cta:focus-visible {
     color: #fff;
     text-decoration: none;
     background: #0f141d;
     transform: translateY(-2px);
     box-shadow: 0 22px 34px rgba(17, 24, 39, 0.2);
 }

 @keyframes vg-digital-workforce-float {

     0%,
     100% {
         transform: rotate(var(--card-rotate, 0deg)) translateY(0);
     }

     50% {
         transform: rotate(var(--card-rotate, 0deg)) translateY(-10px);
     }
 }

 @media (max-width: 1199.98px) {
     .vg-digital-workforce-spotlight__stage {
         min-height: 790px;
         padding: 326px 18px 64px;
     }

     .vg-digital-workforce-spotlight__content {
         width: min(100%, 460px);
         padding: 42px 28px;
     }

     .vg-digital-workforce-spotlight__cards {
         height: 340px;
     }

     .vg-digital-workforce-spotlight__cards::before {
         width: min(78%, 680px);
         height: 260px;
     }
 }

 @media (max-width: 991.98px) {
     .vg-digital-workforce-spotlight__stage {
         display: grid;
         gap: 24px;
         min-height: 0;
         padding: 28px 22px;
     }

     .vg-digital-workforce-spotlight__content {
         order: 1;
         width: 100%;
         padding: 34px 24px;
     }

     .vg-digital-workforce-spotlight__content::before {
         inset: -36px -18px;
         border-radius: 28px;
     }

     .vg-digital-workforce-spotlight__cards {
         position: relative;
         inset: auto;
         height: auto;
         order: 2;
         display: grid;
         grid-auto-flow: column;
         grid-auto-columns: minmax(170px, 200px);
         gap: 14px;
         overflow-x: auto;
         padding: 4px 2px 10px;
         pointer-events: auto;
         scroll-snap-type: x proximity;
         scrollbar-width: none;
     }

     .vg-digital-workforce-spotlight__cards::-webkit-scrollbar {
         display: none;
     }

     .vg-digital-workforce-spotlight__cards::before {
         display: none;
     }

     .vg-digital-workforce-spotlight__card {
         position: relative;
         top: auto;
         left: auto;
         right: auto;
         width: auto;
         max-width: none;
         transform: none;
         animation: none;
         scroll-snap-align: start;
     }

     .vg-digital-workforce-spotlight__card::after {
         display: none;
     }
 }

 @media (max-width: 767.98px) {
     .vg-digital-workforce-spotlight__stage {
         border-radius: 28px;
         padding: 22px 18px;
     }

     .vg-digital-workforce-spotlight__content {
         border-radius: 24px;
         padding: 30px 20px;
     }

     .vg-digital-workforce-spotlight__content::before {
         inset: -28px -8px;
     }

     .vg-digital-workforce-spotlight__copy {
         font-size: 15px;
         line-height: 1.65;
     }

     .vg-digital-workforce-spotlight__copy--secondary {
         font-size: 14px;
     }
 }

 @media (prefers-reduced-motion: reduce) {
     .vg-digital-workforce-spotlight__card {
         animation: none;
     }

     .vg-digital-workforce-spotlight__cta {
         transition: none;
     }
 }

 /* Digital employees story */
 .vg-digital-employees-story {
     position: relative;
     overflow: hidden;
     background-image: url('/static/assets/images/home/emp-bg.webp');
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 100px 0px;
 }

 .vg-digital-employees-story::before {
     content: "";
     position: absolute;
     inset: 0;
     background:
         radial-gradient(circle at 15% 18%, rgba(238, 129, 39, 0.16), rgba(238, 129, 39, 0) 26%),
         radial-gradient(circle at 84% 82%, rgba(79, 70, 229, 0.14), rgba(79, 70, 229, 0) 28%),
         rgba(4, 8, 18, 0.76);
     pointer-events: none;
 }

 .vg-digital-employees-story .container {
     position: relative;
     z-index: 1;
 }

 .vg-digital-employees-story__copy {
     max-width: 570px;
 }

 .vg-digital-employees-story__eyebrow {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 18px;
     padding: 9px 16px;
     border-radius: 999px;
     background: rgba(238, 129, 39, 0.12);
     color: var(--orange);
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
 }

 .vg-digital-employees-story__copy h2 {
     margin: 0;
     color: #ffffff;
     font-size: 56px !important;
     line-height: 1.06;
     letter-spacing: -0.04em;
 }

 .vg-digital-employees-story__copy p {
     margin: 18px 0 0;
     color: rgba(255, 255, 255, 0.76);
     font-size: 17px;
     line-height: 1.75;
 }

 .vg-digital-employees-story__points {
     margin: 26px 0 0;
     padding: 0;
     list-style: none;
     display: grid;
     gap: 16px;
 }

 .vg-digital-employees-story__points li {
     position: relative;
     padding-left: 28px;
     color: rgba(255, 255, 255, 0.92);
     font-size: 16px;
     line-height: 1.65;
 }

 .vg-digital-employees-story__points li::before {
     content: "";
     position: absolute;
     top: 10px;
     left: 0;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background: radial-gradient(circle, #ee8127 0%, #ee8127 42%, rgba(238, 129, 39, 0.18) 43%, rgba(238, 129, 39, 0.18) 100%);
 }

 .vg-digital-employees-story__actions {
     display: flex;
     justify-content: start;
     margin-top: 28px;
 }

 .vg-digital-employees-story__cta {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     padding: 14px 22px;
     border-radius: 999px;
     background: #ee8127;
     color: #fff;
     font-size: 15px;
     font-weight: 600;
     line-height: 1;
     text-decoration: none;
     box-shadow: 0 18px 30px rgba(238, 129, 39, 0.22);
     transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
 }

 .vg-digital-employees-story__cta svg {
     width: 18px;
     height: 18px;
     flex: 0 0 18px;
 }

 .vg-digital-employees-story__cta:hover,
 .vg-digital-employees-story__cta:focus-visible {
     color: #fff;
     text-decoration: none;
     background: #f18d39;
     transform: translateY(-2px);
     box-shadow: 0 22px 36px rgba(238, 129, 39, 0.28);
 }

 .vg-digital-employees-story__media {
     position: relative;
     min-height: 520px;
     padding: 38px 54px;
 }

 .vg-digital-employees-story__video-shell {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     /* border-radius: 30px; */
     background: #0f172a;
     box-shadow: 0 28px 58px rgba(15, 23, 42, 0.18);
     /* border: 1px solid rgba(255, 255, 255, 0.1); */
 }

 .vg-digital-employees-story__video-shell::before {
     content: "";
     position: absolute;
     inset: 0;
     background:
         linear-gradient(180deg, rgba(7, 12, 22, 0.08) 0%, rgba(7, 12, 22, 0.34) 100%),
         radial-gradient(circle at 16% 18%, rgba(238, 129, 39, 0.2), rgba(238, 129, 39, 0) 28%);
     pointer-events: none;
     z-index: 1;
 }

 .vg-digital-employees-story__video {
     display: block;
     width: 60%;
     height: 400px;
     object-fit: cover;
     border-radius: 8px;
 }

 .vg-digital-employees-story__video-title {
     position: absolute;
     bottom: 14px;
     left: 50%;
     z-index: 2;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: min(60%, 320px);
     max-width: calc(100% - 24px);
     padding: 0 10px;
     color: #fff;
     font-size: 13px;
     font-weight: 600;
     line-height: 1.2;
     transform: translateX(-50%);
     pointer-events: none;
     text-align: center;
 }

 .vg-digital-employees-story__avatars {
     position: absolute;
     inset: 0;
     z-index: 2;
     pointer-events: none;
 }

 .vg-digital-employees-story__avatar-card {
     position: absolute;
     margin: 0;
     --avatar-x: 0px;
     --avatar-y: 0px;
     width: 142px;
     height: 164px;
     padding: 6px;
     border-radius: 8px;
     background: rgba(255, 255, 255, 0.95);
     box-shadow: 0 18px 34px rgba(15, 23, 42, 0.14);
     overflow: hidden;
     animation: vg-digital-employees-zigzag 5.8s ease-in-out infinite;
 }

 .vg-digital-employees-story__avatar-card::after {
     content: "";
     position: absolute;
     inset: auto 0 0;
     height: 48%;
     background: linear-gradient(180deg, rgba(5, 9, 18, 0) 0%, rgba(5, 9, 18, 0.82) 100%);
     pointer-events: none;
 }

 .vg-digital-employees-story__avatar-card:nth-child(1) {
     top: 0;
     left: 8px;
     animation-delay: 0s;
 }

 .vg-digital-employees-story__avatar-card:nth-child(2) {
     top: -24px;
     right: 119px;
     animation-delay: 0.5s;
 }

 .vg-digital-employees-story__avatar-card:nth-child(3) {
     top: 50%;
     right: -12px;
     --avatar-y: -50%;
     animation-delay: 1s;
 }

 .vg-digital-employees-story__avatar-card:nth-child(4) {
     bottom: 18px;
     left: -10px;
     animation-delay: 1.5s;
 }

 .vg-digital-employees-story__avatar-card:nth-child(5) {
     bottom: -59px;
     right: 75px;
     animation-delay: 2s;
 }

 .vg-digital-employees-story__avatar-card img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 8px;
 }

 .vg-digital-employees-story__avatar-name {
     position: absolute;
     right: 8px;
     bottom: 8px;
     left: 8px;
     margin: 0;
     color: #fff;
     font-size: 12px;
     line-height: 1.2;
     font-weight: 600;
     text-align: center;
     z-index: 1;
 }

 @keyframes vg-digital-employees-zigzag {

     0%,
     100% {
         transform: translate3d(var(--avatar-x), var(--avatar-y), 0);
     }

     50% {
         transform: translate3d(var(--avatar-x), calc(var(--avatar-y) - 10px), 0);
     }
 }

 @media (max-width: 1199.98px) {
     .vg-digital-employees-story__media {
         min-height: 500px;
         padding: 30px 38px;
     }

     .vg-digital-employees-story__video {
         height: 420px;
     }

     .vg-digital-employees-story__avatar-card {
         width: 78px;
         height: 78px;
         border-radius: 22px;
     }

     .vg-digital-employees-story__avatar-card:nth-child(2) {
         right: 12px;
     }

     .vg-digital-employees-story__avatar-card:nth-child(3) {
         right: -8px;
     }

     .vg-digital-employees-story__avatar-card:nth-child(5) {
         right: 16px;
     }
 }

 @media (max-width: 991.98px) {
     .vg-digital-employees-story__copy {
         max-width: none;
     }

     .vg-digital-employees-story__actions {
         justify-content: flex-start;
     }

     .vg-digital-employees-story__media {
         min-height: 0;
         padding: 18px 0 118px;
     }

     .vg-digital-employees-story__video {
         height: 480px;
     }

     .vg-digital-employees-story__video-title {
         font-size: 15px;
         width: min(60%, 280px);
     }

     .vg-digital-employees-story__avatars {
         inset: auto 0 0;
         flex-direction: row;
         display: flex;
         justify-content: center;
         align-items: flex-end;
         gap: 10px;
     }

     .vg-digital-employees-story__avatar-card {
         position: relative;
         width: 72px;
         height: 72px;
         top: auto !important;
         right: auto !important;
         bottom: auto !important;
         left: auto !important;
         margin-left: 0 !important;
     }

     .vg-digital-employees-story__avatar-name {
         right: 6px;
         bottom: 6px;
         left: 6px;
         font-size: 9px;
     }

     .vg-digital-employees-story__avatar-card:nth-child(even) {
         --avatar-y: 16px;
     }

     .vg-digital-employees-story__avatar-card:nth-child(odd) {
         --avatar-y: 0px;
     }
 }

 @media (max-width: 767.98px) {
     .vg-digital-employees-story__copy h2 {
         font-size: 32px;
     }

     .vg-digital-employees-story__copy p,
     .vg-digital-employees-story__points li {
         font-size: 15px;
     }

     .vg-digital-employees-story__video-shell {
         border-radius: 24px;
     }

     .vg-digital-employees-story__video {
         height: 360px;
     }

     .vg-digital-employees-story__video-title {
         font-size: 12px;
         width: min(68%, 220px);
         bottom: 10px;
     }

     .vg-digital-employees-story__media {
         padding-bottom: 102px;
     }

     .vg-digital-employees-story__avatars {
         right: 8px;
         gap: 8px;
     }

     .vg-digital-employees-story__avatar-card {
         width: 58px;
         height: 58px;
         padding: 4px;
         border-radius: 8px;
     }

     .vg-digital-employees-story__avatar-card img {
         border-radius: 8px;
     }

     .vg-digital-employees-story__avatar-name {
         right: 4px;
         bottom: 4px;
         left: 4px;
         font-size: 8px;
     }
 }

 @media (prefers-reduced-motion: reduce) {
     .vg-digital-employees-story__avatar-card {
         animation: none;
     }
 }

 /* Vitel Extend Platform Cards */
 .vg-next-showcase.vg-next-showcase--platform-cards {
     margin: 60px 0;
     padding-top: 0;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .row.g-3 {
     --bs-gutter-x: 24px;
     --bs-gutter-y: 24px;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__card {
     padding: 10px;
     border: 1px solid #ebe7e3;
     border-radius: 30px;
     background: #fff;
     /* box-shadow: 0 18px 42px rgba(20, 28, 40, 0.07), 0 4px 10px rgba(20, 28, 40, 0.05); */
     transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease, box-shadow 0.35s ease;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__card:hover,
 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__card:focus-within {
     transform: translateY(-4px);
     border-color: #e3dbd4;
     box-shadow: 0 24px 52px rgba(20, 28, 40, 0.1), 0 8px 18px rgba(20, 28, 40, 0.06);
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__media {
     min-height: 320px;
     border-radius: 24px;
     background: #eef1f5;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards.vg-next-showcase--shine .vg-next-showcase__media::before,
 .vg-next-showcase.vg-next-showcase--platform-cards.vg-next-showcase--shine .vg-next-showcase__media::after {
     border-radius: 24px;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards.vg-next-showcase--shine .vg-next-showcase__media::before {
     left: -28%;
     width: 22%;
     background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.82) 48%, rgba(255, 255, 255, 0.16) 72%, rgba(255, 255, 255, 0) 100%);
     transform: skewX(-18deg);
     mix-blend-mode: screen;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards.vg-next-showcase--shine .vg-next-showcase__card--employee .vg-next-showcase__media::after {
     background-image:
         linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 44%, rgba(10, 14, 24, 0.16) 100%),
         radial-gradient(circle at 80% 18%, rgba(255, 202, 163, 0.28) 0%, rgba(255, 202, 163, 0) 28%),
         url("/static/assets/images/home/digisuite.webp");
     background-position: center center;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards.vg-next-showcase--shine .vg-next-showcase__card--team .vg-next-showcase__media::after {
     background-image:
         linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 42%, rgba(17, 24, 39, 0.12) 100%),
         radial-gradient(circle at 82% 18%, rgba(238, 117, 29, 0.16) 0%, rgba(238, 117, 29, 0) 26%),
         url("/static/assets/images/home/autosdlc.webp");
     background-position: center center;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__hover-btn {
     position: absolute;
     top: var(--vg-next-hover-y, 50%);
     left: var(--vg-next-hover-x, 50%);
     display: inline-flex;
     align-items: center;
     gap: 12px;
     padding: 16px 24px;
     border-radius: 999px;
     background: rgba(19, 24, 33, 0.88);
     color: var(--orange);
     font-size: 18px;
     line-height: 1;
     font-weight: 500;
     letter-spacing: -0.03em;
     box-shadow: 0 18px 38px rgba(17, 24, 39, 0.28);
     backdrop-filter: blur(8px);
     opacity: 0;
     pointer-events: auto;
     cursor: pointer;
     text-decoration: none;
     transform: translate(-50%, -50%) translateY(18px) scale(0.94);
     transition: opacity 0.28s ease, transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.28s ease;
     z-index: 4;
     will-change: left, top, transform, opacity;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__hover-btn svg {
     width: 20px;
     height: 20px;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__hover-btn:hover,
 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__hover-btn:focus-visible {
     color: #fff;
     text-decoration: none;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__card:hover .vg-next-showcase__hover-btn,
 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__card:focus-within .vg-next-showcase__hover-btn {
     opacity: 1;
     transform: translate(-50%, -50%) translateY(0) scale(1);
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__body {
     gap: 0;
     padding: 22px 24px 24px;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__meta {
     width: 100%;
     padding-bottom: 18px;
     margin-bottom: 22px;
     border-bottom: 1px solid #ebe7e2;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__dots {
     display: inline-flex;
     align-items: center;
     gap: 10px;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__dot {
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background: #d9dbe1;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__dot.is-active {
     background: #ee751d;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__copy {
     display: grid;
     gap: 12px;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__copy h3 {
     margin: 0;
     color: #000;
     font-size: clamp(2rem, 1.1rem + 1.9vw, 2rem);
     line-height: 1;
     /* letter-spacing: -0.06em; */
     font-weight: 600;
 }

 .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__copy p {
     margin: 0;
     max-width: 92%;
     color: #4b4e5f;
     font-size: 16px;
     line-height: 1.65;
     font-weight: 300;
 }

 @media (max-width: 991px) {
     .vg-next-showcase.vg-next-showcase--platform-cards .row.g-3 {
         --bs-gutter-x: 20px;
         --bs-gutter-y: 20px;
     }

     .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__media {
         min-height: 280px;
     }
 }

 @media (max-width: 767px) {
     .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__card {
         padding: 8px;
         border-radius: 24px;
     }

     .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__media,
     .vg-next-showcase.vg-next-showcase--platform-cards.vg-next-showcase--shine .vg-next-showcase__media::before,
     .vg-next-showcase.vg-next-showcase--platform-cards.vg-next-showcase--shine .vg-next-showcase__media::after {
         border-radius: 20px;
     }

     .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__media {
         min-height: 240px;
     }

     .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__hover-btn {
         padding: 14px 20px;
         font-size: 14px;
     }

     .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__body {
         padding: 18px 18px 20px;
     }

     .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__meta {
         padding-bottom: 14px;
         margin-bottom: 18px;
     }

     .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__dot {
         width: 10px;
         height: 10px;
     }

     .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__copy {
         gap: 10px;
     }

     .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__copy h3 {
         font-size: 28px;
     }

     .vg-next-showcase.vg-next-showcase--platform-cards .vg-next-showcase__copy p {
         max-width: 100%;
         font-size: 15px;
         line-height: 1.6;
     }
 }

 /* Header 4 communication mega menu */
 .vg-header4-products-menu {
     width: min(1600px, 100vw);
     max-width: 1600px;
     padding: 24px 26px;
     border: 1px solid #e7edf6;
     border-radius: 12px;
     background: #fff;
     box-shadow: 0 18px 60px rgba(18, 46, 92, 0.12);
 }

 .vg-header4-products-menu .mega-container {
     max-width: 100%;
 }

 .vg-header4-products-layout {
     display: flex;
     align-items: stretch;
     gap: 28px;
 }

 .vg-header4-products-sidebar {
     flex: 0 0 215px;
     padding: 4px 22px 4px 0;
     border-right: 1px solid #e7edf6;
 }

 .vg-header4-products-sidebar .mega-img,
 .vg-header4-products-sidebar .see-all,
 .vg-header4-products-sidebar>a {
     display: none !important;
 }

 .vg-header4-products-eyebrow {
     margin: 0 0 14px;
     color: var(--orange);
     font-size: 13px;
     line-height: 1.2;
     /* letter-spacing: 0.24em; */
     text-transform: normal;
     font-weight: 600;
 }

 .vg-header4-products-tabs {
     display: grid;
     gap: 10px;
 }

 .vg-header4-products-tabs li {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 8px 8px;
     margin-bottom: 0;
     border: 1px solid transparent;
     border-radius: 16px;
     background: transparent;
     transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
 }

 .vg-header4-products-tabs li::after {
     display: none;
 }

 .vg-header4-products-tabs li:hover,
 .vg-header4-products-tabs li.active {
     background: #f3f9ff;
     border-color: #d8e7fb;
     transform: translateX(2px);
 }

 .vg-header4-products-tab-icon {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-width: 36px;
     width: 36px;
     height: 36px;
     border-radius: 12px;
     background: #eef5ff;
     color: var(--blue);
     font-size: 13px;
     line-height: 1;
     font-weight: 700;
     display: none;
 }

 .vg-header4-products-tabs li.active .vg-header4-products-tab-icon,
 .vg-header4-products-tabs li:hover .vg-header4-products-tab-icon {
     background: var(--blue);
     color: #fff;
 }

 .vg-header4-products-tab-label {
     flex: 1 1 auto;
     color: #14233c;
     font-size: 15px;
     line-height: 1.35;
     font-weight: 500;
 }

 .vg-header4-products-tab-count {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-width: 28px;
     height: 28px;
     padding: 0 8px;
     border-radius: 999px;
     background: #e8f2ff;
     color: var(--blue);
     font-size: 12px;
     line-height: 1;
     font-weight: 600;
     display: none;
 }

 .vg-header4-products-tab-count--new {
     background: rgba(238, 117, 29, 0.12);
     color: var(--orange);
 }

 .vg-header4-products-communication,
 .vg-header4-products-panel {
     flex: 1 1 auto;
     padding: 4px 0 4px 2px;
 }

 .vg-header4-products-legacy {
     display: none;
 }

 #resources-hub .vg-header4-products-legacy--resources {
     display: block;
     margin-top: 18px;
 }

 #resources-hub .vg-header4-products-legacy--resources .main-feature {
     display: none;
 }

 .vg-header4-products-communication-shell {
     display: grid;
     gap: 24px;
 }

 .vg-header4-products-hero {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     gap: 24px;
 }

 .vg-header4-products-hero-copy {
     max-width: 560px;
 }

 .vg-header4-products-hero-copy h5 {
     margin: 0 0 10px;
     color: var(--orange);
     font-size: 20px;
     line-height: 1.08;
     font-weight: 500;
 }

 .vg-header4-products-hero-copy p {
     margin: 0;
     color: #536277;
     font-size: 14px;
     line-height: 1.75;
     font-weight: 300;
 }

 .vg-header4-products-hero-actions {
     display: flex;
     align-items: center;
     gap: 12px;
     flex-wrap: wrap;
     justify-content: flex-end;
 }

 .vg-header4-products-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     min-height: 39px;
     padding: 0 12px;
     border-radius: 14px;
     text-decoration: none;
     font-size: 13px;
     line-height: 1;
     font-weight: 600;
     transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
 }

 .vg-header4-products-btn:hover {
     transform: translateY(-1px);
 }

 .vg-header4-products-btn--ghost {
     border: 1px solid #d8e4f3;
     background: #fff;
     color: #213756;
 }

 .vg-header4-products-btn--ghost:hover {
     color: var(--blue);
     border-color: #b8cde8;
     box-shadow: 0 12px 26px rgba(23, 57, 107, 0.08);
 }

 .vg-header4-products-btn--primary {
     border: 1px solid var(--blue);
     background: var(--blue);
     color: #fff;
 }

 .vg-header4-products-btn--primary:hover {
     background: #0d4ea5;
     border-color: #0d4ea5;
     box-shadow: 0 12px 26px rgba(30, 96, 190, 0.22);
     color: #fff;
 }

 .vg-header4-products-divider {
     width: 100%;
     height: 1px;
     background: #e7edf6;
 }

 .vg-header4-products-columns {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 28px;
 }

 .vg-header4-products-column {
     min-width: 0;
 }

 .vg-header4-products-column h6 {
     margin: 0 0 14px;
     color: var(--blue);
     font-size: 14px;
     line-height: 1.2;
     /* letter-spacing: 1px; */
     text-transform: normal;
     font-weight: 600;
 }

 .vg-header4-products-links {
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     gap: 5px;
 }

 .vg-header4-products-links li {
     margin: 0;
 }

 .vg-header4-products-links a {
     position: relative;
     display: inline-flex;
     align-items: center;
     width: 100%;
     min-height: 25px;
     padding: 8px 14px 8px 18px;
     border: 1px solid transparent;
     border-radius: 12px;
     color: #35455d;
     font-size: 14px;
     line-height: 1.45;
     text-decoration: none;
     transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
 }

 .vg-header4-products-links a::before {
     content: "";
     position: absolute;
     left: 8px;
     top: 50%;
     width: 5px;
     height: 5px;
     border-radius: 50%;
     background: #88a1bf;
     transform: translateY(-50%);
 }

 .vg-header4-products-links a:hover,
 .vg-header4-products-links a.is-active {
     background: #f5f9ff;
     border-color: #dbe7f6;
     color: #102746;
     transform: translateX(2px);
 }

 .vg-header4-products-links a:hover::before,
 .vg-header4-products-links a.is-active::before {
     background: var(--orange);
 }

 @media (max-width: 1199px) {
     .vg-header4-products-menu {
         width: min(1040px, 92vw);
         padding: 22px;
     }

     .vg-header4-products-columns {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 24px 26px;
     }

     .vg-header4-products-hero-copy h5 {
         font-size: 30px;
     }
 }

 @media (max-width: 991px) {
     .vg-header4-products-layout {
         flex-direction: column;
         gap: 20px;
     }

     .vg-header4-products-sidebar {
         flex: 0 0 auto;
         width: 100%;
         padding: 0 0 20px;
         border-right: 0;
         border-bottom: 1px solid #e7edf6;
     }

     .vg-header4-products-tabs {
         grid-template-columns: repeat(2, minmax(0, 1fr));
     }

     .vg-header4-products-hero {
         flex-direction: column;
     }

     .vg-header4-products-hero-actions {
         justify-content: flex-start;
     }
 }

 @media (max-width: 767px) {
     .vg-header4-products-menu {
         width: min(94vw, 94vw);
         padding: 18px;
         border-radius: 20px;
     }

     .vg-header4-products-tabs {
         grid-template-columns: minmax(0, 1fr);
     }

     .vg-header4-products-columns {
         grid-template-columns: minmax(0, 1fr);
         gap: 22px;
     }

     .vg-header4-products-hero-copy h5 {
         font-size: 26px;
     }

     .vg-header4-products-hero-copy p,
     .vg-header4-products-links a {
         font-size: 14px;
     }

     .vg-header4-products-btn {
         width: 100%;
     }
 }



 .vg-header4-products-menu {
     transform: translateX(-45%) !important;
 }

 .btn-epic.integ-btn {
     background: var(--orange);
     color: #fff;
     border-radius: 30px;
     padding: 12px 25px;
 }

 .btn-epic.integ-btn:after {
     background: var(--orange);
 }

 .btn-epic.integ-btn:before {
     background: var(--blue);
 }


 /* .bt-blue {
     border-radius: 30px;
     padding: 8px 20px;
     font-size: 14px;
 } */

 @media (max-width:767px) {
     .recp-num {
         font-size: 36px;
     }
 }

 @media (min-width:767px) and (max-width:991px) {
     .recp-num {
         font-size: 38px;
     }
 }

 @media (min-width:992px) and (max-width:1199px) {
     .recp-num {
         font-size: 42px;
     }
 }

 @media (min-width:1199px) and (max-width:1400px) {
     .recp-num {
         font-size: 62px;
     }
 }


 .main-li-h .main-li-li {
     font-weight: 500;
     color: var(--blue) !important;
     font-size: 14px !important;
 }



 /* table for support page */
 .support-compare {
     background: linear-gradient(180deg, #fffdf9 0%, #ffffff 100%);
 }





 .support-compare__intro p {
     color: #4d5562;
     font-size: 17px;
     line-height: 1.8;
     margin: 0;
 }

 .support-compare__table-wrap {
     border: 1px solid #ece7df;
     border-radius: 28px;
     overflow: hidden;
     background: #fff;
     box-shadow: 0 18px 40px rgba(16, 39, 70, 0.08);
 }

 .support-compare__table {
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
     table-layout: fixed;
 }

 .support-compare__table th,
 .support-compare__table td {
     padding: 22px 24px;
     border-bottom: 1px solid #ece7df;
     vertical-align: middle;
     text-align: left;
 }

 .support-compare__table tbody tr:last-child td {
     border-bottom: 0;
 }

 .support-compare__metric {
     width: 34%;
     font-weight: 600;
     color: #1f2937;
     background: #fff;
 }

 .support-compare__head th {
     font-size: 15px;
     font-weight: 700;
     color: #111827;
 }

 .support-compare__head th:first-child {
     background: #fff;
 }

 .support-compare__head th:nth-child(2),
 .support-compare__table td:nth-child(2) {
     background: linear-gradient(180deg, #ecf9e9 0%, #f7fcf5 100%);
 }

 .support-compare__head th:nth-child(3),
 .support-compare__table td:nth-child(3) {
     background: linear-gradient(180deg, #fdeaea 0%, #fff7f7 100%);
 }

 .support-compare__brand {
     display: inline-flex;
     align-items: center;
     gap: 10px;
 }

 .support-compare__badge {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 22px;
     height: 22px;
     border-radius: 50%;
     font-size: 12px;
     font-weight: 700;
     color: #fff;
     flex: 0 0 22px;
 }

 .support-compare__badge--yes {
     background: #2f9e67;
 }

 .support-compare__badge--no {
     background: #2b2b2b;
 }

 .support-compare__cell {
     color: #253041;
     font-weight: 500;
 }

 .support-compare__cell strong {
     color: #111827;
     font-weight: 700;
 }

 @media (max-width: 991.98px) {

     .support-compare__table th,
     .support-compare__table td {
         padding: 18px 16px;
     }

     .support-compare__metric {
         width: 30%;
     }
 }

 @media (max-width: 767.98px) {
     .support-compare__table-wrap {
         border-radius: 22px;
         border: 0;
         box-shadow: none;
         background: transparent;
     }

     .support-compare__table,
     .support-compare__table tbody,
     .support-compare__table tr,
     .support-compare__table td {
         display: block;
         width: 100%;
     }

     .support-compare__table thead {
         display: none;
     }

     .support-compare__table tr {
         margin-bottom: 18px;
         border: 1px solid #ece7df;
         border-radius: 22px;
         overflow: hidden;
         background: #fff;
         box-shadow: 0 12px 28px rgba(16, 39, 70, 0.08);
     }

     .support-compare__table td {
         border-bottom: 1px solid #ece7df;
     }

     .support-compare__table td:last-child {
         border-bottom: 0;
     }

     .support-compare__metric {
         width: 100%;
         background: #fff7f0;
         font-size: 17px;
     }

     .support-compare__table td:nth-child(2),
     .support-compare__table td:nth-child(3) {
         padding-top: 14px;
     }

     .support-compare__table td:nth-child(2)::before,
     .support-compare__table td:nth-child(3)::before {
         display: block;
         margin-bottom: 8px;
         font-size: 12px;
         font-weight: 700;
         letter-spacing: 0.08em;
         text-transform: uppercase;
     }

     .support-compare__table td:nth-child(2)::before {
         content: "Vitel AI Support Agent";
         color: #237a4d;
     }

     .support-compare__table td:nth-child(3)::before {
         content: "Traditional Support";
         color: #b23a48;
     }
 }