:root {
    
    --v2-logo: #5C1BB3;
    --v2-heading: #391D77;
    --v2-highlight: #ff5757;
    --v2-subheading: #625E65;
    --v2-cta: #6222D5;
    --v2-cta-hover: #391D77;
    --v2-secondary: #ff5757;
    --v2-nav-active: #5C1BB3;
    --v2-stats-bg: #5C1BB3;
    --v2-card-bg: #FFFFFF;
    --v2-bg: #F8F6FA;
    --v2-testimonial-bg: #F8F6FA;
    --v2-footer: #391D77;
    --v2-footer-strip: #F89B99;

    
    --v2-logo-soft: rgba(92, 27, 179, 0.08);
    --v2-heading-soft: rgba(57, 29, 119, 0.06);
    --v2-highlight-soft: rgba(255, 87, 87, 0.1);
    --v2-cta-soft: rgba(98, 34, 213, 0.1);
    --v2-white: #ffffff;
    --v2-ink: #211b33;

    
    --v2-font: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;

    
    --v2-radius-sm: 10px;
    --v2-radius-md: 16px;
    --v2-radius-lg: 24px;
    --v2-radius-pill: 999px;

    
    --v2-header-h: 66px;
    --v2-header-bg: rgba(255, 255, 255, 0.92);
    --v2-header-border: rgba(92, 27, 179, 0.1);
    --v2-header-shadow: 0 12px 34px rgba(57, 29, 119, 0.08);
}



.v2-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
    height: var(--v2-header-h);
    background: var(--v2-header-bg);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--v2-header-border);
    box-shadow: var(--v2-header-shadow);
}

.v2-header__inner {
    height: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(20px, 4vw, 48px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}


.v2-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.v2-logo__image {
    display: block;
    width: 170px;
    height: auto;
    max-height: 46px;
}



.v2-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

.v2-nav__link {
    position: relative;
    padding: 8px 14px;
    font-family: var(--v2-font);
    font-size: 14px;
    font-weight: 600;
    color: #3d3850;
    text-decoration: none;
    border-radius: 10px;
    transition: color 0.2s ease, background-color 0.2s ease;
    white-space: nowrap;
}

.v2-nav__link:hover {
    color: var(--v2-nav-active);
    background: var(--v2-logo-soft);
}

.v2-nav__link.is-active {
    color: var(--v2-nav-active);
}

.v2-nav__link.is-active::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 5px;
    height: 2.5px;
    border-radius: 3px;
    background: var(--v2-nav-active);
}


.v2-nav__caret {
    font-size: 11px;
    margin-left: 6px;
    opacity: 0.6;
    transition: transform 0.2s ease;
    display: inline-block;
}

.v2-nav__item.has-dropdown:hover .v2-nav__caret {
    transform: rotate(180deg);
}


.v2-nav__item {
    position: relative;
}

.v2-nav__dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 8px;
    min-width: 224px;
    padding: 8px;
    background: var(--v2-card-bg);
    border: 1px solid var(--v2-header-border);
    border-radius: var(--v2-radius-md);
    box-shadow: 0 20px 44px rgba(57, 29, 119, 0.14);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    z-index: 950;
}

.v2-nav__item:hover .v2-nav__dropdown,
.v2-nav__item:focus-within .v2-nav__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.v2-nav__dropdown a {
    display: block;
    padding: 11px 14px;
    font-family: var(--v2-font);
    font-size: 14px;
    font-weight: 600;
    color: #3d3850;
    text-decoration: none;
    border-radius: 10px;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.v2-nav__dropdown a:hover {
    color: var(--v2-nav-active);
    background: var(--v2-logo-soft);
}


.v2-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: var(--v2-radius-pill);
    background: var(--v2-secondary);
    color: #fff;
    font-family: var(--v2-font);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 10px 20px rgba(255, 87, 87, 0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.v2-cta:hover {
    background: #f04545;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(255, 87, 87, 0.4);
}


.v2-header__burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 46px;
    height: 46px;
    padding: 12px;
    border: 1px solid var(--v2-header-border);
    border-radius: 12px;
    background: var(--v2-card-bg);
    cursor: pointer;
    margin-left: auto;
}

.v2-header__burger span {
    display: block;
    height: 2.5px;
    width: 100%;
    border-radius: 3px;
    background: var(--v2-heading);
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.v2-header__burger.is-open span:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
}

.v2-header__burger.is-open span:nth-child(2) {
    opacity: 0;
}

.v2-header__burger.is-open span:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
}


.v2-drawer {
    position: fixed;
    top: var(--v2-header-h);
    left: 0;
    right: 0;
    z-index: 890;
    padding: 20px 24px 28px;
    background: var(--v2-card-bg);
    border-bottom: 1px solid var(--v2-header-border);
    box-shadow: 0 30px 50px rgba(57, 29, 119, 0.12);
    max-height: calc(100vh - var(--v2-header-h));
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.v2-drawer.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.v2-drawer__link {
    display: block;
    padding: 13px 6px;
    font-family: var(--v2-font);
    font-size: 17px;
    font-weight: 700;
    color: var(--v2-heading);
    text-decoration: none;
    border-bottom: 1px solid #f0edf5;
}

.v2-drawer__link.is-active {
    color: var(--v2-nav-active);
}

.v2-drawer__sub {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.25s ease;
}

.v2-drawer__item.has-sub.open .v2-drawer__sub {
    max-height: 220px;
}

.v2-drawer__sub a {
    display: block;
    padding: 11px 14px 11px 18px;
    font-family: var(--v2-font);
    font-size: 15px;
    font-weight: 600;
    color: #625e6e;
    text-decoration: none;
    border-left: 3px solid var(--v2-logo-soft);
    margin: 2px 0;
}

.v2-drawer__sub a:hover {
    color: var(--v2-nav-active);
    background: var(--v2-logo-soft);
}

.v2-drawer__cta {
    display: block;
    margin-top: 20px;
    text-align: center;
    padding: 15px;
    background: var(--v2-secondary);
    color: #fff;
    border-radius: var(--v2-radius-pill);
    font-family: var(--v2-font);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.v2-drawer__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f0edf5;
}

.v2-drawer__sub-toggle {
    background: none;
    border: 0;
    padding: 0 8px;
    font-size: 16px;
    color: var(--v2-nav-active);
    cursor: pointer;
}


@media (max-width: 1180px) {
    .v2-nav__link {
        padding: 10px 9px;
        font-size: 13.5px;
    }

    .v2-cta {
        padding: 10px 16px;
        font-size: 13.5px;
    }
}

@media (max-width: 1023.98px) {
    .v2-nav {
        display: none;
    }

    .v2-cta--desktop {
        display: none;
    }

    .v2-header__burger {
        display: flex;
    }
}



.v2-hero {
    position: relative;
    overflow: hidden;
    background: var(--v2-bg);

    
    height: 100vh;
min-height: 100vh;

    box-sizing: border-box;

    display: flex;
    align-items: center;

    padding: 30px 0 30px;

    font-family: var(--v2-font);
}



.v2-hero::before,
.v2-hero::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    pointer-events: none;
}

.v2-hero::before {
    width: 420px;
    height: 420px;
    background: rgba(92, 27, 179, 0.08);
    top: -180px;
    left: -140px;
}

.v2-hero::after {
    width: 380px;
    height: 380px;
    background: rgba(255, 87, 87, 0.06);
    bottom: -180px;
    right: -120px;
}




.v2-hero__inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(20px, 4vw, 48px);

    display: grid;
    grid-template-columns: 1.08fr 0.92fr;

    align-items: center;
    gap: clamp(32px, 5vw, 64px);
}




.v2-hero__content {
    position: relative;
    z-index: 5;
    margin-top: 30px;

    max-width: 620px;
    padding: 10px 0 10px;

    transform: translateY(-4px);
}

.v2-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    padding: 8px 16px;

    background: var(--v2-card-bg);
    border: 1px solid rgba(92, 27, 179, 0.18);

    border-radius: var(--v2-radius-pill);

    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;

    color: var(--v2-cta);

    margin-bottom: 20px;

    box-shadow: 0 5px 14px rgba(92, 27, 179, 0.08);

    max-width: 100%;
    line-height: 1.45;

    text-align: center;
}

.v2-hero__eyebrow svg {
    flex-shrink: 0;
}

.v2-hero__title {
    margin: 0 0 20px;

    font-size: clamp(32px, 3.15vw, 46px);
    line-height: 1.12;

    letter-spacing: -1.4px;

    font-weight: 800;
    color: var(--v2-heading);

    max-width: 610px;
}

.v2-hero__title em {
    font-style: normal;
    color: var(--v2-highlight);
}

.v2-hero__sub {
    margin: 0 0 24px;

    max-width: 570px;

    font-size: clamp(14.5px, 1.12vw, 16px);
    line-height: 1.7;

    font-weight: 500;
    color: var(--v2-subheading);
}




.v2-hero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;

    margin-bottom: 18px;
}

.v2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 13px 26px;

    box-sizing: border-box;

    border-radius: var(--v2-radius-pill);

    font-family: var(--v2-font);
    font-size: 15px;
    font-weight: 700;

    text-decoration: none;
    cursor: pointer;

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

.v2-btn--primary {
    background: var(--v2-cta);
    color: #fff;

    box-shadow: 0 14px 28px rgba(98, 34, 213, 0.32);
}

.v2-btn--primary:hover {
    background: var(--v2-cta-hover);
    color: #fff;

    transform: translateY(-2px);

    box-shadow: 0 18px 34px rgba(98, 34, 213, 0.38);
}

.v2-btn--outline {
    background: transparent;

    color: var(--v2-secondary);

    border: 2px solid var(--v2-secondary);
}

.v2-btn--outline:hover {
    background: var(--v2-highlight-soft);
    color: #e04040;

    transform: translateY(-2px);
}




.v2-hero__note {
    margin: 0 0 22px;

    font-size: 12.5px;
    font-weight: 600;

    color: #8b8598;

    line-height: 1.6;

    max-width: 540px;
}




.v2-trust {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 14px 24px;

    padding-top: 18px;

    border-top: 1px solid rgba(57, 29, 119, 0.1);
}

.v2-trust__item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.v2-trust__icon {
    width: 34px;
    height: 34px;

    flex-shrink: 0;

    display: grid;
    place-items: center;

    border-radius: 10px;

    background: var(--v2-logo-soft);
    color: var(--v2-cta);
}

.v2-trust__text {
    font-size: 12.5px;
    font-weight: 700;

    color: var(--v2-heading);

    line-height: 1.25;

    max-width: 150px;
}




.v2-hero__visual {

    margin-top: 20px;
    position: relative;

    height: min(620px, calc(100vh - var(--v2-header-h) - 60px));
    min-height: 480px;

    display: flex;
    align-items: center;
    justify-content: center;

    isolation: isolate;
}




.v2-hero__purple-orb {
    position: absolute;

    width: 470px;
    height: 470px;

    left: 50%;
    top: 50%;

    transform: translate(-45%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 45% 42%,
            rgba(177, 135, 255, 0.30),
            rgba(98, 34, 213, 0.13) 55%,
            rgba(98, 34, 213, 0.04) 75%,
            transparent 78%
        );

    z-index: 0;
}




.v2-hero__ring {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    z-index: 0;
}

.v2-hero__ring--outer {
    width: 485px;
    height: 485px;

    left: 50%;
    top: 50%;

    transform: translate(-45%, -50%);

    border: 2px dashed rgba(98, 34, 213, 0.20);

    animation: v2RingRotate 28s linear infinite;
}

.v2-hero__ring--inner {
    width: 450px;
    height: 450px;

    left: 50%;
    top: 50%;

    transform: translate(-45%, -50%);

    border: 1px solid rgba(98, 34, 213, 0.09);
}




.v2-hero__doctor {
    position: absolute;

    z-index: 2;

    left: 50%;
    bottom: -2px;

    width: 560px;
    max-width: 125%;

    transform: translateX(-43%);

    pointer-events: none;
}

.v2-hero__doctor img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;

    
    filter:
        drop-shadow(0 20px 30px rgba(43, 20, 95, 0.10));
}




.v2-hero__dots {
    position: absolute;

    width: 125px;
    height: 125px;

    background-image:
        radial-gradient(
            circle,
            rgba(98, 34, 213, 0.30) 1.7px,
            transparent 1.8px
        );

    background-size: 15px 15px;

    z-index: 1;

    pointer-events: none;
}

.v2-hero__dots--top {
    top: 5px;
    right: -5px;
}

.v2-hero__dots--bottom {
    bottom: 15px;
    left: -15px;

    width: 95px;
    height: 95px;

    opacity: 0.65;
}




.v2-hero__coral-swoosh {
    position: absolute;

    z-index: 1;

    width: 430px;
    height: 125px;

    left: 50%;
    bottom: 2px;

    transform:
        translateX(-54%)
        rotate(-10deg);

    border-top: 9px solid rgba(255, 87, 87, 0.95);

    border-radius: 50%;

    filter:
        drop-shadow(0 3px 5px rgba(255, 87, 87, 0.12));

    pointer-events: none;
}

.v2-hero__coral-swoosh::after {
    content: "";

    position: absolute;

    width: 300px;
    height: 80px;

    left: 80px;
    top: -1px;

    border-top: 3px solid rgba(255, 87, 87, 0.25);

    border-radius: 50%;
}




.v2-deco-cross {
    position: absolute;

    width: 26px;
    height: 26px;

    z-index: 3;

    pointer-events: none;
}

.v2-deco-cross::before,
.v2-deco-cross::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    border-radius: 99px;
}

.v2-deco-cross::before {
    width: 25px;
    height: 4px;
}

.v2-deco-cross::after {
    width: 4px;
    height: 25px;
}

.v2-deco-cross--red {
    top: 90px;
    left: 12px;
}

.v2-deco-cross--red::before,
.v2-deco-cross--red::after {
    background: rgba(255, 87, 87, 0.55);
}

.v2-deco-cross--purple {
    right: 35px;
    bottom: 105px;
}

.v2-deco-cross--purple::before,
.v2-deco-cross--purple::after {
    background: rgba(98, 34, 213, 0.45);
}




.v2-deco-dot {
    position: absolute;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    z-index: 3;
}

.v2-deco-dot--red {
    left: 38px;
    bottom: 155px;

    background: rgba(255, 87, 87, 0.55);
}

.v2-deco-dot--purple {
    right: 22px;
    top: 165px;

    background: rgba(98, 34, 213, 0.45);
}




.v2-statcard {
    position: absolute;

    z-index: 5;

    display: flex;
    align-items: center;

    gap: 12px;

    min-width: 185px;

    padding: 13px 15px;

    background: rgba(255, 255, 255, 0.96);

    border: 1px solid rgba(92, 27, 179, 0.08);

    border-radius: 14px;

    box-shadow:
        0 18px 40px rgba(57, 29, 119, 0.14),
        0 3px 10px rgba(57, 29, 119, 0.05);

    backdrop-filter: blur(10px);

    animation:
        v2Float 5.5s ease-in-out infinite;
}




.v2-statcard--1 {
    top: 62px;
    left: -10px;
}




.v2-statcard--2 {
    left: -5px;
    bottom: 145px;

    animation-delay: 1.8s;
}




.v2-statcard--3 {
    top: 215px;
    right: -15px;

    animation-delay: 3.2s;

    flex-direction: row;
}



.v2-statcard__icon {
    width: 42px;
    height: 42px;

    flex-shrink: 0;

    display: grid;
    place-items: center;

    border-radius: 50%;

    color: #fff;
}

.v2-statcard__icon--purple {
    background: var(--v2-cta);
}

.v2-statcard__icon--coral {
    background: var(--v2-secondary);
}




.v2-statcard__content {
    display: flex;

    flex-direction: column;

    min-width: 0;
}

.v2-statcard__label {
    font-size: 9.5px;

    font-weight: 700;

    color: #777181;

    white-space: nowrap;

    margin-bottom: 3px;
}

.v2-statcard__value {
    font-size: 18px;

    font-weight: 800;

    line-height: 1.05;

    color: var(--v2-heading);

    white-space: nowrap;

    margin-bottom: 3px;
}

.v2-statcard__delta {
    font-size: 9.5px;

    font-weight: 800;

    white-space: nowrap;
}

.v2-statcard__delta small {
    font-size: 8.5px;

    font-weight: 600;

    color: #8c8794;
}

.v2-statcard__delta--up {
    color: #18a36a;
}

.v2-statcard__delta--down {
    color: #18a36a;
}




@keyframes v2Float {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes v2RingRotate {
    from {
        transform:
            translate(-45%, -50%)
            rotate(0deg);
    }

    to {
        transform:
            translate(-45%, -50%)
            rotate(360deg);
    }
}




.v2-hero__reveal {
    opacity: 1;

    animation: v2-hero-reveal 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) backwards;
}

@keyframes v2-hero-reveal {
    from {
        transform: translateY(26px);
    }
    to {
        transform: translateY(0);
    }
}




@media (max-width: 1100px) {

    .v2-hero__inner {
        grid-template-columns: 1fr 0.9fr;

        gap: 20px;
    }

    .v2-hero__visual {
        min-height: 480px;
    }

    .v2-hero__doctor {
        width: 500px;
    }

    .v2-hero__purple-orb,
    .v2-hero__ring--outer {
        width: 420px;
        height: 420px;
    }

    .v2-hero__ring--inner {
        width: 395px;
        height: 395px;
    }

    .v2-statcard--1 {
        left: -5px;
    }

    .v2-statcard--2 {
        left: 0;
    }

    .v2-statcard--3 {
        right: -5px;
    }
}




@media (max-width: 991.98px) {

    .v2-hero {
        height: auto;
        min-height: auto;

        padding:
            40px
            0
            50px;
    }

    .v2-hero__inner {
        grid-template-columns: 1fr;

        gap: 40px;
    }

    .v2-hero__visual {
        order: -1;

        min-height: 500px;
        height: auto;

        width: 100%;
    }

    .v2-hero__doctor {
        width: min(560px, 95vw);

        transform: translateX(-50%);
    }

    .v2-hero__purple-orb {
        transform: translate(-50%, -50%);
    }

    .v2-hero__ring--outer {
        transform: translate(-50%, -50%);
    }

    .v2-hero__ring--inner {
        transform: translate(-50%, -50%);
    }

    .v2-statcard--1 {
        left: 2%;
    }

    .v2-statcard--2 {
        left: 2%;
        bottom: 110px;
    }

    .v2-statcard--3 {
        right: 2%;
    }

    .v2-hero__content {
        text-align: left;
    }
}




@media (max-width: 575.98px) {

    .v2-hero__visual {
        min-height: 420px;
    }

    .v2-hero__doctor {
        width: 125%;
        max-width: none;

        bottom: 0;
    }

    .v2-hero__purple-orb {
        width: 350px;
        height: 350px;
    }

    .v2-hero__ring--outer {
        width: 365px;
        height: 365px;
    }

    .v2-hero__ring--inner {
        width: 340px;
        height: 340px;
    }

    .v2-hero__dots--top {
        right: -20px;
        top: 0;

        transform: scale(0.75);
    }

    .v2-hero__dots--bottom {
        left: -25px;
        bottom: 0;

        transform: scale(0.7);
    }

    .v2-statcard {
        min-width: 155px;

        padding: 9px 11px;

        gap: 8px;
    }

    .v2-statcard__icon {
        width: 34px;
        height: 34px;
    }

    .v2-statcard__value {
        font-size: 14px;
    }

    .v2-statcard__label {
        font-size: 8px;
    }

    .v2-statcard__delta {
        font-size: 8px;
    }

    .v2-statcard--1 {
        top: 20px;
        left: -5px;
    }

    .v2-statcard--2 {
        left: -5px;
        bottom: 55px;
    }

    .v2-statcard--3 {
        top: 145px;
        right: -5px;
    }

    .v2-hero__coral-swoosh {
        width: 330px;
        height: 100px;
    }

    .v2-hero__actions .v2-btn {
        width: 100%;
    }

    .v2-hero__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .v2-trust {
        gap: 16px;
    }
}




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

    .v2-statcard,
    .v2-hero__ring--outer {
        animation: none;
    }

    .v2-hero__reveal {
        animation: none;

        transform: none;
    }
}



.v2-stats {
    background: var(--v2-stats-bg);
    padding: clamp(30px, 3.6vw, 44px) 0;
    font-family: var(--v2-font);
    position: relative;
    overflow: hidden;
}


.v2-stats::before,
.v2-stats::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.12);
    pointer-events: none;
}

.v2-stats::before {
    width: 320px;
    height: 320px;
    top: -140px;
    left: -120px;
}

.v2-stats::after {
    width: 260px;
    height: 260px;
    bottom: -120px;
    right: -80px;
}

.v2-stats__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(20px, 4vw, 48px);

    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: clamp(18px, 2.5vw, 32px);

    position: relative;
    z-index: 2;
}



.v2-stats__item {
    display: flex;
    align-items: center;
    gap: 14px;

    opacity: 0;
    transform: translateY(18px);

    transition:
        opacity 0.6s ease,
        transform 0.6s ease;
}

.v2-stats__item.is-visible {
    opacity: 1;
    transform: translateY(0);
}


.v2-stats__item:nth-child(1) {
    transition-delay: 0.05s;
}

.v2-stats__item:nth-child(2) {
    transition-delay: 0.12s;
}

.v2-stats__item:nth-child(3) {
    transition-delay: 0.19s;
}

.v2-stats__item:nth-child(4) {
    transition-delay: 0.26s;
}

.v2-stats__item:nth-child(5) {
    transition-delay: 0.33s;
}



.v2-stats__icon {
    width: 54px;
    height: 54px;
    flex-shrink: 0;

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.28);

    display: grid;
    place-items: center;

    color: #fff;

    transition:
        transform 0.3s ease,
        background-color 0.3s ease;
}

.v2-stats__item:hover .v2-stats__icon {
    transform: translateY(-3px) scale(1.05);
    background: rgba(255, 255, 255, 0.22);
}



.v2-stats__number {
    font-size: clamp(22px, 2.1vw, 30px);
    font-weight: 800;
    color: #fff;
    line-height: 1;
    letter-spacing: -0.5px;
    white-space: nowrap;
}


.v2-stats__count {
    display: inline-block;
    min-width: 1ch;
}



.v2-stats__label {
    margin-top: 5px;

    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.82);

    line-height: 1.35;
}



.v2-stats__statement {
    max-width: 980px;
    margin: 28px auto 0;
    padding: 18px clamp(20px, 4vw, 48px) 0;

    position: relative;
    z-index: 2;

    border-top: 1px solid rgba(255, 255, 255, 0.16);

    text-align: center;

    font-size: 13px;
    font-weight: 500;
    line-height: 1.65;

    color: rgba(255, 255, 255, 0.78);

    opacity: 0;
    transform: translateY(12px);

    transition:
        opacity 0.7s ease 0.45s,
        transform 0.7s ease 0.45s;
}

.v2-stats__statement.is-visible {
    opacity: 1;
    transform: translateY(0);
}



@media (max-width: 1100px) {
    .v2-stats__inner {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 28px;
    }
}



@media (max-width: 767.98px) {
    .v2-stats {
        padding: 30px 0 34px;
    }

    .v2-stats__inner {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 28px;
    }

    .v2-stats__item {
        gap: 11px;
    }

    .v2-stats__icon {
        width: 48px;
        height: 48px;
    }

    .v2-stats__icon svg {
        width: 26px;
        height: 26px;
    }

    .v2-stats__number {
        font-size: 22px;
    }

    .v2-stats__label {
        font-size: 11.5px;
    }
}



@media (max-width: 480px) {
    .v2-stats__inner {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .v2-stats__item {
        max-width: 280px;
        margin: 0 auto;
        width: 100%;
    }

    .v2-stats__statement {
        margin-top: 26px;
        font-size: 12px;
    }
}



@media (prefers-reduced-motion: reduce) {
    .v2-stats__item,
    .v2-stats__statement {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .v2-stats__item:hover .v2-stats__icon {
        transform: none;
    }
}



.v2-who {
    position: relative;
    overflow: hidden;
    background: var(--v2-bg);
    padding: clamp(80px, 8vw, 120px) 0;
    font-family: var(--v2-font);
}


.v2-who::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: rgba(98, 34, 213, 0.035);
    top: 50%;
    right: -260px;
    transform: translateY(-50%);
    pointer-events: none;
}



.v2-who__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(20px, 4vw, 48px);

    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.88fr);
    align-items: center;

    gap: clamp(55px, 7vw, 105px);

    position: relative;
    z-index: 2;
}



.v2-who__content {
    max-width: 650px;

    opacity: 0;
    transform: translateY(30px);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.v2-who__content.is-visible {
    opacity: 1;
    transform: translateY(0);
}



.v2-who__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 8px 15px;

    background: #fff;

    border: 1px solid rgba(92, 27, 179, 0.13);
    border-radius: var(--v2-radius-pill);

    color: var(--v2-cta);

    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;

    box-shadow:
        0 7px 18px rgba(57, 29, 119, 0.07);

    margin-bottom: 21px;
}

.v2-who__eyebrow::before {
    content: "";

    width: 7px;
    height: 7px;

    flex-shrink: 0;

    border-radius: 50%;

    background: var(--v2-secondary);

    box-shadow:
        0 0 0 4px rgba(255, 87, 87, 0.10);
}



.v2-who__title {
    margin: 0 0 24px;

    max-width: 630px;

    color: var(--v2-heading);

    font-size: clamp(34px, 3.55vw, 50px);
    line-height: 1.08;
    letter-spacing: -1.7px;
    font-weight: 800;
}

.v2-who__title span {
    position: relative;
    display: inline;

    color: var(--v2-cta);
}


.v2-who__title span::after {
    content: "";

    position: absolute;

    left: 2px;
    right: 4px;
    bottom: -7px;

    height: 4px;

    border-radius: 999px;

    background: var(--v2-secondary);

    transform-origin: left center;
    transform: scaleX(0);

    transition:
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.35s;
}

.v2-who__content.is-visible .v2-who__title span::after {
    transform: scaleX(1);
}



.v2-who__copy {
    max-width: 610px;
}

.v2-who__text,
.v2-who__copy p {
    margin: 0 0 17px;

    color: var(--v2-subheading);

    font-size: 15px;
    line-height: 1.78;
    font-weight: 500;
}

.v2-who__copy p:last-child {
    margin-bottom: 27px;
}



.v2-who__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 10px;

    max-width: 650px;

    margin-bottom: 28px;
}

.v2-who__highlight {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    min-width: 0;

    padding: 11px 9px;

    border-radius: 13px;

    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(92, 27, 179, 0.07);

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

.v2-who__highlight:hover {
    transform: translateY(-3px);

    background: #fff;

    box-shadow:
        0 10px 24px rgba(57, 29, 119, 0.08);
}

.v2-who__highlight-icon {
    width: 31px;
    height: 31px;

    flex-shrink: 0;

    display: grid;
    place-items: center;

    border-radius: 9px;

    color: var(--v2-cta);

    background: rgba(98, 34, 213, 0.08);
}

.v2-who__highlight-icon svg {
    width: 17px;
    height: 17px;
}

.v2-who__highlight strong {
    display: block;

    color: var(--v2-heading);

    font-size: 10.5px;
    font-weight: 800;

    line-height: 1.3;
}

.v2-who__highlight small {
    display: block;

    margin-top: 3px;

    color: #8b8598;

    font-size: 9px;
    font-weight: 600;

    line-height: 1.35;
}



.v2-who__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 13px 23px;

    background: var(--v2-cta);
    color: #fff;

    border-radius: var(--v2-radius-pill);

    font-family: var(--v2-font);
    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    box-shadow:
        0 12px 25px rgba(98, 34, 213, 0.22);

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

.v2-who__button:hover {
    color: #fff;

    background: var(--v2-cta-hover);

    transform: translateY(-3px);

    box-shadow:
        0 16px 30px rgba(57, 29, 119, 0.24);
}

.v2-who__button svg {
    width: 17px;
    height: 17px;

    transition: transform 0.25s ease;
}

.v2-who__button:hover svg {
    transform: translateX(4px);
}



.v2-who__visual-wrap {
    position: relative;

    width: 100%;
    min-height: 570px;

    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    transform: translateY(35px);

    transition:
        opacity 0.9s ease 0.15s,
        transform 0.9s ease 0.15s;
}

.v2-who__visual-wrap.is-visible {
    opacity: 1;
    transform: translateY(0);
}



.v2-who__orb {
    position: absolute;
    z-index: 1;

    width: min(440px, 80%);
    aspect-ratio: 1;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(98, 34, 213, 0.13) 0%,
            rgba(92, 27, 179, 0.07) 52%,
            rgba(92, 27, 179, 0) 72%
        );

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    animation: v2WhoOrbPulse 7s ease-in-out infinite;
}



.v2-who__ring {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}

.v2-who__ring--one {
    z-index: 0;

    width: 470px;
    height: 470px;

    border: 1px solid rgba(92, 27, 179, 0.13);

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%) rotate(-8deg);
}

.v2-who__ring--two {
    z-index: 0;

    width: 510px;
    height: 510px;

    border: 1px dashed rgba(255, 87, 87, 0.15);

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%) rotate(12deg);
}



.v2-who__dots {
    position: absolute;

    z-index: 0;

    width: 105px;
    height: 105px;

    top: 5%;
    right: 2%;

    opacity: 0.7;

    background-image: radial-gradient(
        rgba(92, 27, 179, 0.38) 1.2px,
        transparent 1.2px
    );

    background-size: 13px 13px;

    mask-image: linear-gradient(
        135deg,
        black 0%,
        transparent 85%
    );

    -webkit-mask-image: linear-gradient(
        135deg,
        black 0%,
        transparent 85%
    );
}



.v2-who__visual {
    position: relative;

    z-index: 3;

    width: min(100%, 450px);
    aspect-ratio: 4 / 5.45;

    overflow: hidden;

    border-radius: 30px;

    background: #fff;

    border: 7px solid rgba(255, 255, 255, 0.92);

    box-shadow:
        0 30px 70px rgba(57, 29, 119, 0.16),
        0 8px 20px rgba(57, 29, 119, 0.07);

    transform: rotate(1.2deg);

    transition:
        transform 0.5s ease,
        box-shadow 0.5s ease;
}

.v2-who__visual:hover {
    transform: rotate(0deg) translateY(-5px);

    box-shadow:
        0 38px 80px rgba(57, 29, 119, 0.19),
        0 10px 25px rgba(57, 29, 119, 0.08);
}

.v2-who__image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center center;

    transition: transform 0.8s ease;
}

.v2-who__visual:hover .v2-who__image {
    transform: scale(1.025);
}



.v2-who__badge {
    position: absolute;

    z-index: 6;

    left: 0;
    bottom: 58px;

    display: flex;
    align-items: center;
    gap: 11px;

    padding: 13px 17px;

    background: rgba(255, 255, 255, 0.96);

    border: 1px solid rgba(92, 27, 179, 0.08);

    border-radius: 15px;

    box-shadow:
        0 18px 40px rgba(57, 29, 119, 0.14);

    animation: v2WhoFloat 4.5s ease-in-out infinite;
}

.v2-who__badge-icon {
    width: 39px;
    height: 39px;

    flex-shrink: 0;

    display: grid;
    place-items: center;

    border-radius: 11px;

    background: rgba(98, 34, 213, 0.09);

    color: var(--v2-cta);
}

.v2-who__badge-icon svg {
    width: 21px;
    height: 21px;
}

.v2-who__badge strong,
.v2-who__mini-card strong {
    display: block;

    color: var(--v2-heading);

    font-size: 11px;
    font-weight: 800;

    line-height: 1.3;
}

.v2-who__badge small,
.v2-who__mini-card small {
    display: block;

    margin-top: 3px;

    color: #8b8598;

    font-size: 9.5px;
    font-weight: 600;

    line-height: 1.3;
}



.v2-who__coral {
    position: absolute;

    z-index: 5;

    width: 72px;
    height: 72px;

    right: 1%;
    bottom: 7%;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background: var(--v2-secondary);

    color: #fff;

    box-shadow:
        0 16px 32px rgba(255, 87, 87, 0.27);

    animation: v2WhoFloat 4s ease-in-out infinite;
    animation-delay: 0.8s;
}

.v2-who__coral svg {
    width: 29px;
    height: 29px;
}



.v2-who__mini-card {
    position: absolute;

    z-index: 5;

    top: 11%;
    left: 1%;

    display: flex;
    align-items: center;
    gap: 9px;

    padding: 10px 13px;

    background: rgba(255, 255, 255, 0.94);

    border: 1px solid rgba(92, 27, 179, 0.08);

    border-radius: 13px;

    box-shadow:
        0 15px 32px rgba(57, 29, 119, 0.11);

    animation: v2WhoFloat 5s ease-in-out infinite;
    animation-delay: 1.1s;
}

.v2-who__mini-card-dot {
    width: 9px;
    height: 9px;

    flex-shrink: 0;

    border-radius: 50%;

    background: var(--v2-secondary);

    box-shadow:
        0 0 0 4px rgba(255, 87, 87, 0.10);
}



@keyframes v2WhoFloat {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

@keyframes v2WhoOrbPulse {
    0%,
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.85;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.05);
        opacity: 1;
    }
}



@media (max-width: 1100px) {

    .v2-who__inner {
        grid-template-columns: minmax(0, 1fr) minmax(350px, 0.85fr);

        gap: 45px;
    }

    .v2-who__title {
        font-size: clamp(32px, 4vw, 43px);
    }

    .v2-who__text,
    .v2-who__copy p {
        font-size: 14px;
    }

    .v2-who__highlights {
        gap: 7px;
    }

    .v2-who__highlight {
        padding: 10px 7px;
    }

    .v2-who__highlight strong {
        font-size: 9.5px;
    }

    .v2-who__highlight small {
        font-size: 8px;
    }

    .v2-who__visual-wrap {
        min-height: 500px;
    }

    .v2-who__visual {
        width: min(100%, 390px);
    }

    .v2-who__ring--one {
        width: 420px;
        height: 420px;
    }

    .v2-who__ring--two {
        width: 455px;
        height: 455px;
    }
}



@media (max-width: 900px) {

    .v2-who {
        padding: 75px 0 85px;
    }

    .v2-who__inner {
        grid-template-columns: 1fr;

        gap: 60px;
    }

    .v2-who__content {
        max-width: 720px;
    }

    .v2-who__title {
        max-width: 680px;
    }

    .v2-who__copy {
        max-width: 680px;
    }

    .v2-who__highlights {
        max-width: 700px;
    }

    .v2-who__visual-wrap {
        min-height: 560px;
    }

    .v2-who__visual {
        width: min(100%, 450px);
    }
}



@media (max-width: 767.98px) {

    .v2-who {
        padding: 65px 0 75px;
    }

    .v2-who__inner {
        gap: 45px;
    }

    .v2-who__eyebrow {
        margin-bottom: 18px;

        font-size: 9.5px;

        padding: 7px 12px;
    }

    .v2-who__title {
        margin-bottom: 21px;

        font-size: clamp(30px, 8vw, 38px);
        line-height: 1.1;

        letter-spacing: -1.1px;
    }

    .v2-who__title span::after {
        height: 3px;
        bottom: -5px;
    }

    .v2-who__copy p,
    .v2-who__text {
        font-size: 14px;
        line-height: 1.72;
    }

    .v2-who__highlights {
        grid-template-columns: 1fr;

        gap: 8px;

        margin-bottom: 25px;
    }

    .v2-who__highlight {
        padding: 11px;
    }

    .v2-who__highlight strong {
        font-size: 10.5px;
    }

    .v2-who__highlight small {
        font-size: 9px;
    }

    .v2-who__button {
        padding: 12px 20px;

        font-size: 13.5px;
    }

    .v2-who__visual-wrap {
        min-height: 490px;
    }

    .v2-who__visual {
        width: calc(100% - 40px);

        max-width: 400px;

        border-radius: 25px;

        border-width: 5px;
    }

    .v2-who__orb {
        width: 330px;
    }

    .v2-who__ring--one {
        width: 365px;
        height: 365px;
    }

    .v2-who__ring--two {
        width: 400px;
        height: 400px;
    }

    .v2-who__dots {
        width: 80px;
        height: 80px;

        top: 3%;
        right: 0;
    }

    .v2-who__badge {
        left: 0;
        bottom: 35px;

        padding: 10px 12px;
    }

    .v2-who__badge-icon {
        width: 35px;
        height: 35px;
    }

    .v2-who__badge strong {
        font-size: 10px;
    }

    .v2-who__badge small {
        font-size: 8.5px;
    }

    .v2-who__coral {
        width: 59px;
        height: 59px;

        right: 0;
        bottom: 5%;
    }

    .v2-who__coral svg {
        width: 24px;
        height: 24px;
    }

    .v2-who__mini-card {
        top: 6%;
        left: 0;

        padding: 8px 10px;
    }

    .v2-who__mini-card strong {
        font-size: 9px;
    }

    .v2-who__mini-card small {
        font-size: 8px;
    }
}



@media (max-width: 420px) {

    .v2-who {
        padding: 55px 0 65px;
    }

    .v2-who__inner {
        padding-left: 18px;
        padding-right: 18px;
    }

    .v2-who__title {
        font-size: 29px;
    }

    .v2-who__copy p,
    .v2-who__text {
        font-size: 13.5px;
    }

    .v2-who__visual-wrap {
        min-height: 440px;
    }

    .v2-who__visual {
        width: calc(100% - 30px);
    }

    .v2-who__orb {
        width: 285px;
    }

    .v2-who__ring--one {
        width: 315px;
        height: 315px;
    }

    .v2-who__ring--two {
        width: 345px;
        height: 345px;
    }

    .v2-who__badge {
        bottom: 22px;
    }

    .v2-who__badge small {
        display: none;
    }

    .v2-who__mini-card {
        top: 4%;
    }
}



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

    .v2-who__content,
    .v2-who__visual-wrap {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .v2-who__title span::after {
        transform: scaleX(1);
        transition: none;
    }

    .v2-who__orb,
    .v2-who__badge,
    .v2-who__coral,
    .v2-who__mini-card {
        animation: none;
    }

    .v2-who__visual,
    .v2-who__visual:hover {
        transform: none;
    }

    .v2-who__visual:hover .v2-who__image {
        transform: none;
    }
}

.v2-who-serve {
position: relative;
overflow: hidden;
padding: 70px 0 70px;
background: #ffffff;
color: var(--v2-ink, #211b33);
}

.v2-who-serve__pattern {
position: absolute;
top: 0;
right: 0;
width: 42%;
height: 100%;
opacity: 0.55;
pointer-events: none;
background-image:
linear-gradient(
rgba(92, 27, 179, 0.045) 1px,
transparent 1px
),
linear-gradient(
90deg,
rgba(92, 27, 179, 0.045) 1px,
transparent 1px
);
background-size: 56px 56px;
mask-image: linear-gradient(
90deg,
transparent,
rgba(0, 0, 0, 1)
);
}

.v2-who-serve__container {
position: relative;
z-index: 2;
width: min(1180px, calc(100% - 48px));
margin: 0 auto;
}



.v2-who-serve__header {
max-width: 760px;
margin: 0 auto 48px;
text-align: center;
}

.v2-who-serve__eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
color: var(--v2-logo, #5C1BB3);
font-size: 10px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.19em;
text-transform: uppercase;
}

.v2-who-serve__eyebrow::before,
.v2-who-serve__eyebrow::after {
content: "";
width: 18px;
height: 1px;
background: var(--v2-highlight, #ff5757);
}

.v2-who-serve__header h2 {
margin: 0;
color: var(--v2-heading, #391D77);
font-size: clamp(32px, 3.4vw, 48px);
font-weight: 750;
line-height: 1.12;
letter-spacing: -0.045em;
}

.v2-who-serve__header h2 span {
color: var(--v2-logo, #5C1BB3);
}

.v2-who-serve__header p {
max-width: 630px;
margin: 18px auto 0;
color: var(--v2-subheading, #625E65);
font-size: 15px;
line-height: 1.75;
}



.v2-who-serve__content {
width: min(930px, 100%);
margin: 0 auto;
}

.v2-who-serve__specialties {
border-top: 1px solid rgba(57, 29, 119, 0.13);
}

.v2-who-serve__specialty {
position: relative;
display: grid;
grid-template-columns: 70px minmax(0, 1fr) 42px;
align-items: center;
gap: 24px;
min-height: 80px;
padding: 18px 18px 18px 4px;
border-bottom: 1px solid rgba(57, 29, 119, 0.11);
transition:
background 260ms ease,
padding 260ms ease,
box-shadow 260ms ease;
}

.v2-who-serve__specialty::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 3px;
height: 0;
border-radius: 999px;
background: var(--v2-highlight, #ff5757);
transform: translateY(-50%);
transition: height 260ms ease;
}

.v2-who-serve__specialty:hover {
padding-left: 18px;
background: rgba(92, 27, 179, 0.035);
box-shadow:
0 12px 30px rgba(57, 29, 119, 0.055);
}

.v2-who-serve__specialty:hover::before {
height: 58%;
}

.v2-who-serve__number {
color: rgba(92, 27, 179, 0.38);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
font-variant-numeric: tabular-nums;
}

.v2-who-serve__specialty-body {
min-width: 0;
}

.v2-who-serve__specialty-body h3 {
margin: 0;
color: var(--v2-heading, #391D77);
font-size: 17px;
font-weight: 700;
line-height: 1.45;
letter-spacing: -0.02em;
}

.v2-who-serve__specialty-body p {
max-width: 780px;
margin: 7px 0 0;
color: var(--v2-subheading, #625E65);
font-size: 13px;
line-height: 1.7;
}

.v2-who-serve__arrow {
width: 38px;
height: 38px;
display: grid;
place-items: center;
color: var(--v2-logo, #5C1BB3);
transition:
color 260ms ease,
transform 260ms ease;
}

.v2-who-serve__arrow svg {
width: 17px;
height: 17px;
}

.v2-who-serve__specialty:hover .v2-who-serve__arrow {
color: var(--v2-cta, #6222D5);
transform: translateX(3px);
}



.v2-who-serve__cta {
display: flex;
align-items: center;
justify-content: center;
gap: 28px;
margin-top: 42px;
}

.v2-who-serve__cta-line {
width: 90px;
height: 1px;
background: linear-gradient(
90deg,
transparent,
rgba(92, 27, 179, 0.22)
);
}

.v2-who-serve__button {
display: inline-flex;
align-items: center;
gap: 13px;
min-height: 50px;
padding: 5px 6px 5px 22px;
border: 1px solid rgba(98, 34, 213, 0.18);
border-radius: 999px;
color: var(--v2-cta, #6222D5);
background: #ffffff;
box-shadow:
0 8px 24px rgba(57, 29, 119, 0.07);
text-decoration: none;
font-size: 13px;
font-weight: 750;
transition:
color 220ms ease,
background 220ms ease,
border-color 220ms ease,
transform 220ms ease,
box-shadow 220ms ease;
}

.v2-who-serve__button:hover {
color: #ffffff;
background: var(--v2-cta, #6222D5);
border-color: var(--v2-cta, #6222D5);
transform: translateY(-2px);
box-shadow:
0 14px 30px rgba(98, 34, 213, 0.2);
}

.v2-who-serve__button-icon {
width: 38px;
height: 38px;
display: grid;
place-items: center;
border-radius: 50%;
color: #ffffff;
background: var(--v2-cta, #6222D5);
transition:
background 220ms ease,
color 220ms ease,
transform 220ms ease;
}

.v2-who-serve__button-icon svg {
width: 17px;
height: 17px;
}

.v2-who-serve__button:hover .v2-who-serve__button-icon {
color: var(--v2-cta, #6222D5);
background: #ffffff;
transform: translateX(2px);
}



.v2-who-serve a:focus-visible {
outline: 2px solid var(--v2-highlight, #ff5757);
outline-offset: 4px;
}



@media (max-width: 991px) {
.v2-who-serve {
padding: 76px 0 78px;
}


.v2-who-serve__header {
    margin-bottom: 38px;
}

.v2-who-serve__specialty {
    grid-template-columns: 55px minmax(0, 1fr) 38px;
    gap: 18px;
}


}



@media (max-width: 767px) {
.v2-who-serve {
padding: 62px 0 66px;
}

.v2-who-serve__container {
    width: min(100% - 34px, 620px);
}

.v2-who-serve__pattern {
    width: 75%;
}

.v2-who-serve__header {
    margin-bottom: 32px;
}

.v2-who-serve__header h2 {
    font-size: 31px;
    line-height: 1.15;
}

.v2-who-serve__header p {
    margin-top: 15px;
    font-size: 13px;
}

.v2-who-serve__specialty {
    grid-template-columns: 38px minmax(0, 1fr) 34px;
    gap: 12px;
    min-height: auto;
    padding: 19px 2px;
}

.v2-who-serve__specialty:hover {
    padding-left: 10px;
}

.v2-who-serve__number {
    font-size: 9px;
}

.v2-who-serve__specialty-body h3 {
    font-size: 14px;
}

.v2-who-serve__specialty-body p {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.65;
}

.v2-who-serve__arrow {
    width: 32px;
    height: 32px;
}

.v2-who-serve__arrow svg {
    width: 14px;
    height: 14px;
}

.v2-who-serve__cta {
    margin-top: 32px;
}

.v2-who-serve__cta-line {
    display: none;
}

.v2-who-serve__button {
    width: 100%;
    justify-content: space-between;
    padding-left: 18px;
}


}



@media (max-width: 390px) {
.v2-who-serve__container {
width: calc(100% - 28px);
}


.v2-who-serve__header h2 {
    font-size: 28px;
}

.v2-who-serve__specialty {
    grid-template-columns: 31px minmax(0, 1fr) 30px;
    gap: 9px;
}

.v2-who-serve__specialty-body h3 {
    font-size: 13px;
}

.v2-who-serve__specialty-body p {
    font-size: 11px;
}


}



@media (prefers-reduced-motion: reduce) {
.v2-who-serve *,
.v2-who-serve *::before,
.v2-who-serve *::after {
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
}
}




.v2-services {
    position: relative;
    overflow: hidden;

    
    min-height: 100svh;

    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(126, 66, 220, 0.22),
            transparent 31%
        ),
        radial-gradient(
            circle at 5% 88%,
            rgba(255, 87, 87, 0.08),
            transparent 28%
        ),
        #391D77;

    color: #fff;

    font-family: var(--v2-font);

    display: flex;
    align-items: center;

    padding: clamp(58px, 5vw, 78px) 0;

    isolation: isolate;
}



.v2-services__glow {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(1px);

    z-index: -1;
}

.v2-services__glow--one {
    width: 430px;
    height: 430px;

    top: -230px;
    left: -170px;

    border: 1px solid rgba(255, 255, 255, 0.09);
    box-shadow:
        0 0 0 45px rgba(255, 255, 255, 0.018),
        0 0 0 90px rgba(255, 255, 255, 0.012);
}

.v2-services__glow--two {
    width: 360px;
    height: 360px;

    right: -180px;
    bottom: -210px;

    border: 1px solid rgba(255, 87, 87, 0.13);
}



.v2-services__inner {
    width: 100%;

    max-width: 1280px;

    margin: 0 auto;

    padding:
        0
        clamp(20px, 4vw, 48px);

    position: relative;
    z-index: 2;
}



.v2-services__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 45px;

    margin-bottom: clamp(22px, 2.5vw, 32px);

    opacity: 0;
    transform: translateY(22px);

    transition:
        opacity 0.75s ease,
        transform 0.75s ease;
}

.v2-services__header.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.v2-services__heading-wrap {
    flex: 1;
    min-width: 0;
}



.v2-services__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 12px;

    padding: 7px 13px;

    border: 1px solid rgba(255, 255, 255, 0.16);

    border-radius: 999px;

    background: rgba(255, 255, 255, 0.07);

    color: rgba(255, 255, 255, 0.88);

    font-size: 9.5px;
    font-weight: 800;

    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.v2-services__eyebrow::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--v2-secondary);

    box-shadow:
        0 0 0 4px rgba(255, 87, 87, 0.12);
}



.v2-services__title {
    margin: 0;

    max-width: 690px;

    font-size: clamp(30px, 3.15vw, 44px);

    line-height: 1.08;

    letter-spacing: -1.5px;

    font-weight: 800;

    color: #fff;
}

.v2-services__title span {
    color: #d9c8ff;
}



.v2-services__subheading {
    width: min(390px, 100%);

    margin: 0;

    color: rgba(255, 255, 255, 0.70);

    font-size: 13px;

    line-height: 1.65;

    font-weight: 500;
}



.v2-services__grid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 12px;
}



.v2-service-card {
    position: relative;

    min-width: 0;

    min-height: 185px;

    padding: 17px 19px 16px;

    display: flex;
    flex-direction: column;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.105),
            rgba(255, 255, 255, 0.045)
        );

    border: 1px solid rgba(255, 255, 255, 0.105);

    border-radius: 17px;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07);

    overflow: hidden;

    opacity: 0;
    transform: translateY(25px);

    transition:
        opacity 0.65s ease,
        transform 0.65s ease,
        border-color 0.3s ease,
        background-color 0.3s ease,
        box-shadow 0.3s ease;
}

.v2-service-card.is-visible {
    opacity: 1;
    transform: translateY(0);
}



.v2-service-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 19px;
    right: 19px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.24),
            transparent
        );

    opacity: 0.8;
}



.v2-service-card::after {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    right: -75px;
    bottom: -90px;

    border-radius: 50%;

    background: rgba(98, 34, 213, 0.22);

    filter: blur(20px);

    opacity: 0;

    transition: opacity 0.35s ease;

    pointer-events: none;
}

.v2-service-card:hover {
    transform: translateY(-5px);

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.14),
            rgba(255, 255, 255, 0.065)
        );

    border-color: rgba(255, 255, 255, 0.22);

    box-shadow:
        0 18px 40px rgba(20, 8, 53, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

.v2-service-card:hover::after {
    opacity: 1;
}



.v2-service-card--featured {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.15),
            rgba(98, 34, 213, 0.13)
        );

    border-color: rgba(255, 255, 255, 0.20);

    box-shadow:
        0 12px 35px rgba(20, 8, 53, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}




.v2-service-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 13px;
}

.v2-service-card__number {
    color: rgba(255, 255, 255, 0.28);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1px;
}

.v2-service-card__icon {
    width: 39px;
    height: 39px;

    display: grid;
    place-items: center;

    border-radius: 11px;

    color: #fff;

    background: rgba(255, 255, 255, 0.09);

    border: 1px solid rgba(255, 255, 255, 0.13);

    transition:
        transform 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease;
}

.v2-service-card__icon svg {
    width: 19px;
    height: 19px;
}

.v2-service-card:hover .v2-service-card__icon {
    transform: translateY(-2px) rotate(-3deg);

    background: rgba(255, 87, 87, 0.15);

    border-color: rgba(255, 87, 87, 0.28);
}



.v2-service-card__title {
    margin: 0 0 8px;

    color: #fff;

    font-size: clamp(15px, 1.25vw, 17px);

    line-height: 1.25;

    letter-spacing: -0.35px;

    font-weight: 800;
}

.v2-service-card__text {
    margin: 0;

    color: rgba(255, 255, 255, 0.62);

    font-size: 10.5px;

    line-height: 1.55;

    font-weight: 500;
}



.v2-service-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    width: fit-content;

    margin-top: auto;
    padding-top: 12px;

    color: rgba(255, 255, 255, 0.90);

    font-size: 10px;

    font-weight: 800;

    text-decoration: none;

    transition:
        color 0.25s ease,
        gap 0.25s ease;
}

.v2-service-card__link svg {
    width: 14px;
    height: 14px;

    transition:
        transform 0.25s ease;
}

.v2-service-card__link:hover {
    color: #ffaaa7;

    gap: 9px;
}

.v2-service-card__link:hover svg {
    transform: translateX(2px);
}



.v2-services__footer {
    display: flex;
    justify-content: center;

    margin-top: 19px;

    opacity: 0;
    transform: translateY(12px);

    transition:
        opacity 0.65s ease,
        transform 0.65s ease;
}

.v2-services__footer.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.v2-services__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 11px 21px;

    border-radius: 999px;

    background: var(--v2-secondary);

    color: #fff;

    font-size: 12px;

    font-weight: 800;

    text-decoration: none;

    box-shadow:
        0 10px 25px rgba(255, 87, 87, 0.23);

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

.v2-services__button svg {
    width: 15px;
    height: 15px;

    transition: transform 0.25s ease;
}

.v2-services__button:hover {
    color: #fff;

    background: #ff6d6d;

    transform: translateY(-3px);

    box-shadow:
        0 14px 30px rgba(255, 87, 87, 0.30);
}

.v2-services__button:hover svg {
    transform: translateX(3px);
}



@media (min-width: 992px) and (max-height: 820px) {

    .v2-services {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .v2-services__header {
        margin-bottom: 18px;
    }

    .v2-services__eyebrow {
        margin-bottom: 8px;
        padding: 6px 11px;
    }

    .v2-services__title {
        font-size: 34px;
    }

    .v2-services__grid {
        gap: 9px;
    }

    .v2-service-card {
        min-height: 164px;
        padding: 13px 16px 12px;
    }

    .v2-service-card__top {
        margin-bottom: 8px;
    }

    .v2-service-card__icon {
        width: 34px;
        height: 34px;
    }

    .v2-service-card__icon svg {
        width: 17px;
        height: 17px;
    }

    .v2-service-card__title {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .v2-service-card__text {
        font-size: 9.5px;
        line-height: 1.45;
    }

    .v2-service-card__link {
        padding-top: 7px;
        font-size: 9px;
    }

    .v2-services__footer {
        margin-top: 12px;
    }
}



@media (max-width: 991.98px) {

    .v2-services {
        min-height: auto;

        padding:
            75px
            0
            80px;
    }

    .v2-services__header {
        align-items: flex-start;
        flex-direction: column;

        gap: 17px;

        margin-bottom: 30px;
    }

    .v2-services__subheading {
        width: min(600px, 100%);
    }

    .v2-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 14px;
    }

    .v2-service-card {
        min-height: 205px;
    }

    .v2-service-card__text {
        font-size: 11px;
    }
}



@media (max-width: 767.98px) {

    .v2-services {
        padding:
            65px
            0
            70px;
    }

    .v2-services__inner {
        padding:
            0
            18px;
    }

    .v2-services__header {
        gap: 14px;

        margin-bottom: 25px;
    }

    .v2-services__eyebrow {
        font-size: 9px;

        padding: 7px 11px;
    }

    .v2-services__title {
        font-size: clamp(30px, 8vw, 38px);

        line-height: 1.08;

        letter-spacing: -1.1px;
    }

    .v2-services__subheading {
        font-size: 13px;

        line-height: 1.65;
    }

    .v2-services__grid {
        grid-template-columns: 1fr;

        gap: 11px;
    }

    .v2-service-card {
        min-height: 0;

        padding: 17px 17px 16px;

        border-radius: 16px;
    }

    .v2-service-card__top {
        margin-bottom: 12px;
    }

    .v2-service-card__icon {
        width: 41px;
        height: 41px;
    }

    .v2-service-card__title {
        font-size: 16px;
    }

    .v2-service-card__text {
        font-size: 11px;

        line-height: 1.6;
    }

    .v2-service-card__link {
        margin-top: 14px;

        padding-top: 0;

        font-size: 10.5px;
    }

    .v2-services__footer {
        margin-top: 25px;
    }

    .v2-services__button {
        padding: 12px 21px;

        font-size: 12px;
    }
}



@media (max-width: 420px) {

    .v2-services {
        padding:
            55px
            0
            60px;
    }

    .v2-services__title {
        font-size: 29px;
    }

    .v2-service-card {
        padding: 15px;
    }

    .v2-service-card__text {
        font-size: 10.5px;
    }
}



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

    .v2-services__header,
    .v2-service-card,
    .v2-services__footer {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .v2-service-card:hover,
    .v2-services__button:hover {
        transform: none;
    }

    .v2-service-card:hover .v2-service-card__icon {
        transform: none;
    }
}



.v2-why {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: var(--v2-bg);
    font-family: var(--v2-font);
    padding: clamp(80px, 8vw, 120px) 0;
}



.v2-why__background {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

.v2-why__orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(2px);
    opacity: 0.65;
}

.v2-why__orb--one {
    width: 420px;
    height: 420px;
    top: -250px;
    right: -120px;
    background: rgba(98, 34, 213, 0.06);
}

.v2-why__orb--two {
    width: 320px;
    height: 320px;
    bottom: -210px;
    left: -120px;
    background: rgba(255, 87, 87, 0.055);
}

.v2-why__grid {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 50%;
    left: -130px;
    transform: translateY(-50%);
    opacity: 0.35;

    background-image: radial-gradient(
        rgba(92, 27, 179, 0.22) 1px,
        transparent 1px
    );

    background-size: 18px 18px;
    mask-image: linear-gradient(
        to right,
        transparent,
        #000 35%,
        #000 70%,
        transparent
    );
    -webkit-mask-image: linear-gradient(
        to right,
        transparent,
        #000 35%,
        #000 70%,
        transparent
    );
}




.v2-why__inner {
    width: min(1280px, calc(100% - 40px));
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);
    gap: clamp(55px, 7vw, 110px);

    align-items: center;
}




.v2-why__intro {
    position: relative;
    max-width: 520px;
}

.v2-why__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 22px;
    padding: 8px 14px;

    border: 1px solid rgba(92, 27, 179, 0.14);
    border-radius: var(--v2-radius-pill);

    background: rgba(255, 255, 255, 0.72);

    color: var(--v2-cta);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.2px;
    line-height: 1.3;
    text-transform: uppercase;

    box-shadow: 0 8px 22px rgba(57, 29, 119, 0.06);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.v2-why__eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--v2-highlight);

    box-shadow:
        0 0 0 4px rgba(255, 87, 87, 0.1),
        0 0 14px rgba(255, 87, 87, 0.25);

    animation: v2WhyPulse 2.4s ease-in-out infinite;
}

@keyframes v2WhyPulse {
    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(0.75);
        opacity: 0.65;
    }
}


.v2-why__title {
    margin: 0 0 22px;

    color: var(--v2-heading);

    font-size: clamp(36px, 4vw, 56px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -2px;
}

.v2-why__title span {
    position: relative;
    display: inline-block;
    color: var(--v2-cta);
}

.v2-why__title span::after {
    content: "";

    position: absolute;
    left: 2px;
    right: 2px;
    bottom: -5px;

    height: 7px;

    background: rgba(255, 87, 87, 0.18);

    border-radius: 50%;
    transform: rotate(-1.5deg);
}


.v2-why__intro-text {
    margin: 0;

    max-width: 500px;

    color: var(--v2-subheading);

    font-size: clamp(15px, 1.15vw, 17px);
    font-weight: 500;
    line-height: 1.8;
}




.v2-why__promise {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-top: 34px;
    padding: 16px 18px;

    max-width: 440px;

    border: 1px solid rgba(92, 27, 179, 0.1);
    border-radius: var(--v2-radius-md);

    background: rgba(255, 255, 255, 0.75);

    box-shadow:
        0 14px 35px rgba(57, 29, 119, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.v2-why__promise:hover {
    transform: translateY(-3px);
    border-color: rgba(92, 27, 179, 0.18);

    box-shadow:
        0 20px 42px rgba(57, 29, 119, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.v2-why__promise-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;

    display: grid;
    place-items: center;

    border-radius: 13px;

    background: var(--v2-logo-soft);
    color: var(--v2-cta);
}

.v2-why__promise strong {
    display: block;
    margin-bottom: 3px;

    color: var(--v2-heading);

    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
}

.v2-why__promise span {
    display: block;

    color: #7b7485;

    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.5;
}




.v2-why__points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}




.v2-why__point {
    position: relative;

    display: grid;
    grid-template-columns: 34px 48px minmax(0, 1fr);
    align-items: start;
    gap: 13px;

    min-height: 185px;
    padding: 25px 22px;

    border: 1px solid rgba(92, 27, 179, 0.09);
    border-radius: var(--v2-radius-md);

    background: rgba(255, 255, 255, 0.82);

    box-shadow:
        0 12px 30px rgba(57, 29, 119, 0.045),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    overflow: hidden;

    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

.v2-why__point::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 2px;

    background: linear-gradient(
        90deg,
        var(--v2-cta),
        var(--v2-highlight)
    );

    transition: width 0.4s ease;
}

.v2-why__point:hover {
    transform: translateY(-6px);

    border-color: rgba(92, 27, 179, 0.17);

    box-shadow:
        0 22px 45px rgba(57, 29, 119, 0.11),
        0 4px 12px rgba(92, 27, 179, 0.04);
}

.v2-why__point:hover::before {
    width: 100%;
}




.v2-why__point-number {
    padding-top: 3px;

    color: rgba(92, 27, 179, 0.35);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.8px;
    line-height: 1;
}




.v2-why__point-icon {
    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(98, 34, 213, 0.1),
            rgba(92, 27, 179, 0.045)
        );

    color: var(--v2-cta);

    transition:
        transform 0.35s ease,
        background 0.35s ease;
}

.v2-why__point:hover .v2-why__point-icon {
    transform: translateY(-2px) scale(1.05);

    background:
        linear-gradient(
            145deg,
            rgba(98, 34, 213, 0.16),
            rgba(255, 87, 87, 0.08)
        );
}




.v2-why__point-content {
    min-width: 0;
}

.v2-why__point-content h3 {
    margin: 1px 0 8px;

    color: var(--v2-heading);

    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -0.2px;
}

.v2-why__point-content p {
    margin: 0;

    color: var(--v2-subheading);

    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.65;
}




.v2-why__point--featured {
    grid-column: 1 / -1;

    min-height: 0;

    padding: 24px 24px;

    border-color: rgba(92, 27, 179, 0.16);

    background:
        linear-gradient(
            135deg,
            rgba(92, 27, 179, 0.055),
            rgba(255, 255, 255, 0.92) 48%,
            rgba(255, 87, 87, 0.045)
        );
}

.v2-why__point--featured::after {
    content: "";

    position: absolute;
    width: 150px;
    height: 150px;

    right: -70px;
    bottom: -80px;

    border-radius: 50%;

    border: 1px solid rgba(92, 27, 179, 0.09);

    pointer-events: none;
}

.v2-why__point--featured .v2-why__point-icon {
    background: rgba(255, 87, 87, 0.1);
    color: var(--v2-highlight);
}

.v2-why__featured-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.v2-why__featured-heading h3 {
    margin-bottom: 0;
}

.v2-why__featured-heading span {
    display: inline-flex;
    align-items: center;

    padding: 4px 8px;

    border-radius: var(--v2-radius-pill);

    background: rgba(255, 87, 87, 0.09);

    color: var(--v2-highlight);

    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.v2-why__point--featured .v2-why__point-content p {
    max-width: 850px;
}




[data-v2-reveal] {
    opacity: 0;
    transform: translateY(28px);

    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-v2-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

.v2-why__points .v2-why__point:nth-child(1) {
    transition-delay: 80ms;
}

.v2-why__points .v2-why__point:nth-child(2) {
    transition-delay: 150ms;
}

.v2-why__points .v2-why__point:nth-child(3) {
    transition-delay: 220ms;
}

.v2-why__points .v2-why__point:nth-child(4) {
    transition-delay: 290ms;
}

.v2-why__points .v2-why__point:nth-child(5) {
    transition-delay: 360ms;
}




@media (max-width: 1100px) {
    .v2-why__inner {
        grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1.25fr);
        gap: 45px;
    }

    .v2-why__point {
        grid-template-columns: 28px 44px minmax(0, 1fr);
        gap: 10px;
        padding: 21px 18px;
    }

    .v2-why__point-icon {
        width: 44px;
        height: 44px;
    }

    .v2-why__point-content h3 {
        font-size: 14px;
    }

    .v2-why__point-content p {
        font-size: 12px;
    }
}




@media (max-width: 900px) {
    .v2-why {
        padding: 75px 0;
    }

    .v2-why__inner {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .v2-why__intro {
        max-width: 680px;
    }

    .v2-why__intro-text {
        max-width: 650px;
    }

    .v2-why__promise {
        max-width: 500px;
    }

    .v2-why__points {
        max-width: 760px;
        width: 100%;
    }
}




@media (max-width: 640px) {
    .v2-why {
        padding: 64px 0;
    }

    .v2-why__inner {
        width: min(100% - 32px, 560px);
        gap: 38px;
    }

    .v2-why__eyebrow {
        margin-bottom: 18px;
        font-size: 9px;
        letter-spacing: 0.9px;
    }

    .v2-why__title {
        margin-bottom: 18px;

        font-size: clamp(32px, 9vw, 42px);
        letter-spacing: -1.4px;
    }

    .v2-why__intro-text {
        font-size: 14px;
        line-height: 1.75;
    }

    .v2-why__promise {
        margin-top: 26px;
        padding: 14px;
    }

    .v2-why__points {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .v2-why__point,
    .v2-why__point--featured {
        grid-column: auto;

        grid-template-columns: 30px 44px minmax(0, 1fr);

        min-height: 0;
        padding: 20px 17px;

        gap: 9px;
    }

    .v2-why__point-number {
        font-size: 9px;
    }

    .v2-why__point-icon {
        width: 44px;
        height: 44px;
    }

    .v2-why__point-content h3 {
        font-size: 14px;
        line-height: 1.4;
    }

    .v2-why__point-content p {
        font-size: 11.8px;
        line-height: 1.65;
    }

    .v2-why__featured-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .v2-why__featured-heading h3 {
        margin-bottom: 0;
    }
}




@media (max-width: 400px) {
    .v2-why__inner {
        width: min(100% - 26px, 560px);
    }

    .v2-why__point,
    .v2-why__point--featured {
        grid-template-columns: 26px 40px minmax(0, 1fr);
        padding: 18px 14px;
        gap: 7px;
    }

    .v2-why__point-icon {
        width: 40px;
        height: 40px;
    }

    .v2-why__point-icon svg {
        width: 22px;
        height: 22px;
    }

    .v2-why__point-content h3 {
        font-size: 13px;
    }

    .v2-why__point-content p {
        font-size: 11.3px;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-why *,
    .v2-why *::before,
    .v2-why *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    [data-v2-reveal] {
        opacity: 1;
        transform: none;
    }
}



.v2-how {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background: var(--v2-bg);
    font-family: var(--v2-font);

    padding: clamp(85px, 8vw, 125px) 0;
}




.v2-how__background {
    position: absolute;
    inset: 0;
    z-index: -1;

    overflow: hidden;
    pointer-events: none;
}

.v2-how__orb {
    position: absolute;
    border-radius: 50%;
}

.v2-how__orb--one {
    width: 460px;
    height: 460px;

    top: -300px;
    left: -180px;

    background: rgba(92, 27, 179, 0.045);
}

.v2-how__orb--two {
    width: 380px;
    height: 380px;

    right: -180px;
    bottom: -260px;

    background: rgba(255, 87, 87, 0.035);
}




.v2-how__inner {
    width: min(1280px, calc(100% - 40px));
    margin: 0 auto;
}




.v2-how__header {
    max-width: 700px;
    margin: 0 auto 65px;

    text-align: center;
}

.v2-how__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 20px;

    color: var(--v2-cta);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.25px;
    line-height: 1.3;
    text-transform: uppercase;
}

.v2-how__eyebrow-line {
    width: 28px;
    height: 2px;

    border-radius: 99px;

    background: var(--v2-highlight);
}


.v2-how__title {
    margin: 0;

    color: var(--v2-heading);

    font-size: clamp(38px, 4.5vw, 58px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -2.2px;
}

.v2-how__title span {
    color: var(--v2-cta);
}




.v2-how__process {
    position: relative;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 18px;
}




.v2-how__line {
    position: absolute;

    top: 34px;
    left: 12.5%;
    right: 12.5%;

    height: 2px;

    background: rgba(92, 27, 179, 0.11);

    z-index: 0;
}

.v2-how__line-progress {
    display: block;

    width: 100%;
    height: 100%;

    transform-origin: left center;
    transform: scaleX(0);

    background: linear-gradient(
        90deg,
        var(--v2-cta),
        var(--v2-highlight)
    );

    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.v2-how__line-progress.is-active {
    transform: scaleX(1);
}




.v2-how__step {
    position: relative;
    z-index: 1;

    display: flex;
    flex-direction: column;
    align-items: center;

    min-width: 0;
}




.v2-how__step-marker {
    position: relative;
    z-index: 2;

    width: 68px;
    height: 68px;

    display: grid;
    place-items: center;

    border: 5px solid var(--v2-bg);
    border-radius: 50%;

    background: var(--v2-cta);

    color: var(--v2-white);

    box-shadow:
        0 0 0 1px rgba(98, 34, 213, 0.15),
        0 10px 24px rgba(98, 34, 213, 0.17);

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

.v2-how__step-marker span {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.5px;
}

.v2-how__step:hover .v2-how__step-marker {
    transform: scale(1.08);

    background: var(--v2-heading);

    box-shadow:
        0 0 0 1px rgba(57, 29, 119, 0.18),
        0 14px 30px rgba(57, 29, 119, 0.18);
}




.v2-how__step-card {
    width: 100%;
    box-sizing: border-box;

    margin-top: 24px;
    padding: 25px 22px 27px;

    min-height: 255px;

    border: 1px solid rgba(92, 27, 179, 0.09);
    border-radius: var(--v2-radius-md);

    background: rgba(255, 255, 255, 0.84);

    box-shadow:
        0 12px 30px rgba(57, 29, 119, 0.045),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

.v2-how__step-card::before {
    content: "";

    display: block;

    width: 26px;
    height: 3px;

    margin-bottom: 17px;

    border-radius: 99px;

    background: var(--v2-highlight);

    transition:
        width 0.35s ease,
        background 0.35s ease;
}

.v2-how__step:hover .v2-how__step-card {
    transform: translateY(-6px);

    border-color: rgba(92, 27, 179, 0.16);

    box-shadow:
        0 22px 45px rgba(57, 29, 119, 0.095),
        0 4px 12px rgba(92, 27, 179, 0.035);
}

.v2-how__step:hover .v2-how__step-card::before {
    width: 48px;
    background: var(--v2-cta);
}




.v2-how__step-label {
    margin-bottom: 8px;

    color: var(--v2-highlight);

    font-size: 8.5px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.3;
    text-transform: uppercase;
}

.v2-how__step-card h3 {
    margin: 0 0 11px;

    color: var(--v2-heading);

    font-size: 15px;
    font-weight: 800;
    line-height: 1.38;
    letter-spacing: -0.2px;
}

.v2-how__step-card p {
    margin: 0;

    color: var(--v2-subheading);

    font-size: 12px;
    font-weight: 500;
    line-height: 1.72;
}




.v2-how__cta-wrap {
    display: flex;
    justify-content: center;

    margin-top: 48px;
}

.v2-how__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    padding: 13px 20px;

    border-radius: var(--v2-radius-pill);

    background: var(--v2-cta);
    color: var(--v2-white);

    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: none;

    box-shadow: 0 10px 25px rgba(98, 34, 213, 0.18);

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

.v2-how__cta svg {
    transition: transform 0.3s ease;
}

.v2-how__cta:hover {
    background: var(--v2-cta-hover);

    transform: translateY(-2px);

    box-shadow: 0 15px 32px rgba(98, 34, 213, 0.23);
}

.v2-how__cta:hover svg {
    transform: translateX(4px);
}




.v2-how [data-v2-reveal] {
    opacity: 0;
    transform: translateY(28px);

    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.v2-how [data-v2-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

.v2-how__step:nth-child(2) {
    transition-delay: 80ms;
}

.v2-how__step:nth-child(3) {
    transition-delay: 160ms;
}

.v2-how__step:nth-child(4) {
    transition-delay: 240ms;
}

.v2-how__step:nth-child(5) {
    transition-delay: 320ms;
}

.v2-how__cta-wrap {
    transition-delay: 400ms;
}




@media (max-width: 1050px) {
    .v2-how__process {
        gap: 12px;
    }

    .v2-how__step-card {
        padding: 22px 18px 24px;
        min-height: 270px;
    }

    .v2-how__step-card h3 {
        font-size: 14px;
    }

    .v2-how__step-card p {
        font-size: 11.5px;
    }
}




@media (max-width: 800px) {
    .v2-how {
        padding: 75px 0;
    }

    .v2-how__header {
        margin-bottom: 48px;
    }

    .v2-how__process {
        display: flex;
        flex-direction: column;

        gap: 20px;

        max-width: 680px;
        margin: 0 auto;
    }

    
    .v2-how__line {
        top: 34px;
        bottom: 34px;
        left: 33px;
        right: auto;

        width: 2px;
        height: auto;
    }

    .v2-how__line-progress {
        width: 100%;
        height: 100%;

        transform-origin: top center;
        transform: scaleY(0);
    }

    .v2-how__line-progress.is-active {
        transform: scaleY(1);
    }

    .v2-how__step {
        display: grid;
        grid-template-columns: 68px minmax(0, 1fr);

        align-items: start;
        gap: 22px;
    }

    .v2-how__step-marker {
        grid-column: 1;
        grid-row: 1;

        flex-shrink: 0;
    }

    .v2-how__step-card {
        grid-column: 2;
        grid-row: 1;

        margin-top: 0;
        min-height: 0;
    }

    .v2-how__cta-wrap {
        margin-top: 42px;
    }
}




@media (max-width: 640px) {
    .v2-how {
        padding: 65px 0;
    }

    .v2-how__inner {
        width: min(100% - 32px, 560px);
    }

    .v2-how__header {
        margin-bottom: 40px;
    }

    .v2-how__title {
        font-size: clamp(34px, 9vw, 43px);
        letter-spacing: -1.5px;
    }

    .v2-how__process {
        gap: 14px;
    }

    .v2-how__line {
        left: 28px;
    }

    .v2-how__step {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 14px;
    }

    .v2-how__step-marker {
        width: 58px;
        height: 58px;

        border-width: 4px;
    }

    .v2-how__step-marker span {
        font-size: 10px;
    }

    .v2-how__step-card {
        padding: 19px 17px 21px;
    }

    .v2-how__step-card::before {
        margin-bottom: 14px;
    }

    .v2-how__step-card h3 {
        font-size: 13.5px;
    }

    .v2-how__step-card p {
        font-size: 11.5px;
        line-height: 1.68;
    }

    .v2-how__cta-wrap {
        margin-top: 34px;
    }

    .v2-how__cta {
        width: 100%;
        padding: 13px 16px;
    }
}




@media (max-width: 400px) {
    .v2-how__inner {
        width: min(100% - 26px, 560px);
    }

    .v2-how__step {
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 11px;
    }

    .v2-how__line {
        left: 24px;
    }

    .v2-how__step-marker {
        width: 50px;
        height: 50px;
    }

    .v2-how__step-card {
        padding: 17px 14px 19px;
    }

    .v2-how__step-card h3 {
        font-size: 12.8px;
    }

    .v2-how__step-card p {
        font-size: 11px;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-how *,
    .v2-how *::before,
    .v2-how *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .v2-how [data-v2-reveal] {
        opacity: 1;
        transform: none;
    }

    .v2-how__line-progress {
        transform: none !important;
    }
}





:root {
    --v2-values-gap: 3rem;
    --v2-values-pad-lg: 4rem;
    --v2-values-pad-md: 2rem;
    --v2-values-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.v2-values-section {
    background: linear-gradient(180deg, var(--v2-white) 0%, var(--v2-bg) 70%, rgba(92, 27, 179, 0.02) 100%);
    padding: var(--v2-values-pad-lg) 0;
    position: relative;
    overflow: hidden;
}


.v2-values-section::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(92, 27, 179, 0.06) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
    pointer-events: none;
}


.v2-values-section::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: 
        repeating-linear-gradient(
            45deg,
            rgba(92, 27, 179, 0.01) 0,
            rgba(92, 27, 179, 0.01) 1px,
            transparent 1px,
            transparent 20px
        );
    pointer-events: none;
    z-index: 0;
}

.v2-values-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1fr 1.2fr; 
    gap: var(--v2-values-gap);
    position: relative;
    z-index: 1;
}



.v2-values-feature-panel {
    position: sticky;
    top: 120px; 
    align-self: start;
    height: fit-content;
}

.v2-values-feature-inner {
    background: linear-gradient(135deg, var(--v2-cta), var(--v2-cta-hover));
    border-radius: var(--v2-radius-lg);
    padding: var(--v2-values-pad-lg) 2.5rem;
    color: var(--v2-white);
    position: relative;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(98, 34, 213, 0.25);
}


.v2-values-feature-decoration {
    position: absolute;
    bottom: -80px;
    right: -80px;
    width: 260px;
    height: 260px;
    opacity: 0.3;
    pointer-events: none;
}

.v2-values-orbit {
    width: 100%;
    height: 100%;
    position: relative;
}

.v2-values-orbit-ring {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
}

.v2-values-orbit-ring::before {
    content: '';
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    border: 1px dashed rgba(255, 255, 255, 0.3);
    border-radius: 50%;
}

.v2-values-orbit-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background: var(--v2-highlight);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 20px rgba(255, 87, 87, 0.8);
}


.v2-values-eyebrow {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v2-highlight);
    margin-bottom: 2rem;
    padding-bottom: 0.25rem;
    border-bottom: 2px solid rgba(255, 87, 87, 0.4);
}


.v2-values-feature-display {
    transition: opacity 0.3s ease, transform 0.3s ease;
    min-height: 200px;
}

.v2-values-feature-display.v2-fade-out {
    opacity: 0;
    transform: translateY(-10px);
}

.v2-values-feature-heading {
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1rem;
    letter-spacing: -0.02em;
    color: var(--v2-white);
}

.v2-values-feature-paragraph {
    font-size: 1.15rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    max-width: 400px;
}



.v2-values-list-panel {
    padding-top: 1rem;
}

.v2-values-list-header {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--v2-heading-soft);
}

.v2-values-list-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--v2-heading);
    margin-bottom: 0.5rem;
    letter-spacing: -0.01em;
}

.v2-values-list-subtitle {
    font-size: 0.95rem;
    color: var(--v2-subheading);
    font-weight: 400;
}


.v2-values-list {
    display: flex;
    flex-direction: column;
}


.v2-values-item {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(92, 27, 179, 0.08);
    cursor: pointer;
    transition: background 0.3s ease, padding-left 0.3s ease;
    position: relative;
}

.v2-values-item:last-child {
    border-bottom: none;
}

.v2-values-item:hover,
.v2-values-item.v2-active {
    padding-left: 1rem;
    background: linear-gradient(90deg, rgba(92, 27, 179, 0.04) 0%, transparent 100%);
}


.v2-values-item-number {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--v2-cta);
    opacity: 0.6;
    margin-top: 0.2rem;
    transition: opacity 0.3s ease;
}

.v2-values-item:hover .v2-values-item-number,
.v2-values-item.v2-active .v2-values-item-number {
    opacity: 1;
}


.v2-values-item-content {
    flex: 1;
}

.v2-values-item-heading {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--v2-heading);
    margin-bottom: 0.5rem;
    transition: color 0.3s ease;
}

.v2-values-item:hover .v2-values-item-heading,
.v2-values-item.v2-active .v2-values-item-heading {
    color: var(--v2-cta);
}


.v2-values-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease, margin-top 0.4s ease;
    opacity: 0;
    margin-top: 0;
}

.v2-values-item.v2-active .v2-values-item-body,
.v2-values-item:hover .v2-values-item-body {
    max-height: 200px;
    opacity: 1;
    margin-top: 0.75rem;
}

.v2-values-item-body p {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--v2-subheading);
    margin: 0;
    font-weight: 400;
}


.v2-values-item-indicator {
    align-self: center;
    color: var(--v2-cta);
    opacity: 0.4;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.v2-values-item:hover .v2-values-item-indicator,
.v2-values-item.v2-active .v2-values-item-indicator {
    transform: translateX(5px);
    opacity: 1;
}



@media (max-width: 1023px) {
    .v2-values-container {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .v2-values-feature-panel {
        position: static;
        height: auto;
    }

    .v2-values-feature-inner {
        padding: 2.5rem 2rem;
        min-height: 200px;
    }

    .v2-values-list-panel {
        padding-top: 0;
    }

    .v2-values-list-header {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 767px) {
    .v2-values-section {
        padding: 3rem 0;
    }

    .v2-values-feature-inner {
        padding: 2rem 1.5rem;
    }

    .v2-values-feature-heading {
        font-size: 1.6rem;
    }

    .v2-values-feature-paragraph {
        font-size: 1rem;
    }

    .v2-values-item-heading {
        font-size: 1.3rem;
    }

    .v2-values-item {
        padding: 1.2rem 0;
        gap: 1rem;
    }

    .v2-values-item:hover {
        padding-left: 0.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-values-section,
    .v2-values-feature-panel,
    .v2-values-feature-display,
    .v2-values-item,
    .v2-values-item-body {
        transition: none !important;
    }
}





:root {
    --v2-testimonials-bg: #391D77; 
    --v2-testimonials-text: #ffffff;
    --v2-testimonials-accent: #ff5757; 
    --v2-testimonials-transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.v2-testimonials-section {
    background: var(--v2-testimonials-bg);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}


.v2-testimonials-section::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255, 87, 87, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-testimonials-section::after {
    content: '';
    position: absolute;
    bottom: -20%;
    left: -10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-testimonials-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}


.v2-testimonials-header {
    text-align: center;
    margin-bottom: 3rem;
}

.v2-testimonials-eyebrow {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v2-testimonials-accent);
    margin-bottom: 1rem;
    padding-bottom: 0.25rem;
    border-bottom: 2px solid rgba(255, 87, 87, 0.5);
}

.v2-testimonials-heading {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 800;
    color: var(--v2-testimonials-text);
    margin-bottom: 1rem;
    letter-spacing: -0.02em;
}

.v2-testimonials-subheading {
    font-size: 1.15rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
}


.v2-testimonials-slider {
    position: relative;
    min-height: 270px; 
}

.v2-testimonial-slide {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: opacity var(--v2-testimonials-transition), transform var(--v2-testimonials-transition), visibility var(--v2-testimonials-transition);
    text-align: center;
}

.v2-testimonial-slide.v2-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


.v2-testimonial-content {
    max-width: 700px;
    margin: 0 auto;
}

.v2-testimonial-quote-icon {
    margin-bottom: 2rem;
    color: rgba(255, 87, 87, 0.8);
}

.v2-testimonial-quote {
    font-size: clamp(1.4rem, 2.5vw, 1.8rem);
    line-height: 1.4;
    color: var(--v2-testimonials-text);
    font-weight: 500;
    margin-bottom: 2rem;
    font-style: italic;
}


.v2-testimonial-author {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.v2-testimonial-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--v2-testimonials-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: var(--v2-testimonials-bg);
    font-size: 1.2rem;
    letter-spacing: 1px;
    box-shadow: 0 4px 12px rgba(255, 87, 87, 0.3);
}

.v2-testimonial-meta {
    text-align: left;
}

.v2-testimonial-name {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--v2-testimonials-text);
    margin-bottom: 0.2rem;
}

.v2-testimonial-role {
    display: block;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
}


.v2-testimonials-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-top: 3rem;
}

.v2-testimonials-prev,
.v2-testimonials-next {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--v2-testimonials-text);
    transition: all 0.3s ease;
}

.v2-testimonials-prev:hover,
.v2-testimonials-next:hover {
    background: var(--v2-testimonials-accent);
    border-color: var(--v2-testimonials-accent);
    transform: scale(1.05);
}


.v2-testimonials-dots {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.v2-testimonials-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
}

.v2-testimonials-dot.v2-active {
    background: var(--v2-testimonials-accent);
    border-color: var(--v2-testimonials-accent);
    transform: scale(1.2);
}

.v2-testimonials-dot:hover {
    border-color: var(--v2-testimonials-accent);
}


@media (max-width: 767px) {
    .v2-testimonials-section {
        padding: 3rem 0;
    }

    .v2-testimonials-heading {
        font-size: 1.8rem;
    }

.v2-testimonial-slide {
            min-height: 200px;
        }

    .v2-testimonial-quote {
        font-size: 1.2rem;
    }

    .v2-testimonial-author {
        flex-direction: column;
        gap: 0.75rem;
        text-align: center;
    }

    .v2-testimonial-meta {
        text-align: center;
    }

    .v2-testimonials-controls {
        gap: 1.5rem;
        margin-top: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-testimonial-slide {
        transition: none;
    }
}



.v2-faq {
    --faq-purple: var(--v2-heading, #391D77);
    --faq-brand: var(--v2-logo, #5C1BB3);
    --faq-cta: var(--v2-cta, #6222D5);
    --faq-coral: var(--v2-highlight, #ff5757);
    --faq-bg: var(--v2-bg, #F8F6FA);
    --faq-ink: var(--v2-ink, #211b33);
    --faq-muted: var(--v2-subheading, #625E65);
    --faq-white: var(--v2-white, #ffffff);
    --faq-border: rgba(57, 29, 119, 0.11);

    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            var(--faq-bg) 45%,
            #ffffff 100%
        );
    padding: 120px 0 110px;
    isolation: isolate;
}

.v2-faq__grid {
    position: relative;
    z-index: 2;

    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.55fr);
    gap: clamp(55px, 7vw, 105px);
    align-items: start;
}



.v2-faq__intro {
    position: sticky;
    top: 105px;
}

.v2-faq__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 22px;

    color: var(--faq-brand);
    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.15em;
    line-height: 1;
}

.v2-faq__eyebrow-line {
    width: 28px;
    height: 2px;
    border-radius: 999px;
    background: var(--faq-coral);
}

.v2-faq__title {
    max-width: 440px;
    margin: 0;

    color: var(--faq-purple);
    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: clamp(38px, 4.1vw, 58px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -0.045em;
}

.v2-faq__title span {
    display: block;
    color: var(--faq-brand);
}

.v2-faq__description {
    max-width: 410px;
    margin: 26px 0 0;

    color: var(--faq-muted);
    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
}

.v2-faq__support {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-top: 42px;
    padding-top: 27px;

    border-top: 1px solid var(--faq-border);
}

.v2-faq__support-icon {
    flex: 0 0 46px;

    display: grid;
    place-items: center;

    width: 46px;
    height: 46px;

    color: var(--faq-brand);
    background: rgba(92, 27, 179, 0.07);
    border: 1px solid rgba(92, 27, 179, 0.12);
    border-radius: 14px;
}

.v2-faq__support-icon svg {
    width: 21px;
    height: 21px;
}

.v2-faq__support span {
    display: block;

    color: var(--faq-muted);
    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 12px;
    font-weight: 600;
}

.v2-faq__support a {
    display: inline-block;
    margin-top: 3px;

    color: var(--faq-purple);
    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;

    transition:
        color 220ms ease,
        transform 220ms ease;
}

.v2-faq__support a:hover {
    color: var(--faq-coral);
}

.v2-faq__response {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-top: 17px;

    color: #817c87;
    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 11px;
    font-weight: 600;
}

.v2-faq__response-dot,
.v2-faq__status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #49a873;
    box-shadow: 0 0 0 4px rgba(73, 168, 115, 0.10);
}



.v2-faq__content {
    min-width: 0;
}

.v2-faq__content-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 17px;
    padding: 0 5px 14px;

    border-bottom: 1px solid var(--faq-border);
}

.v2-faq__count-label {
    display: block;

    color: #8b8790;
    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.v2-faq__count {
    display: block;
    margin-top: 4px;

    color: var(--faq-muted);
    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 12px;
    font-weight: 600;
}

.v2-faq__count strong {
    color: var(--faq-purple);
    font-size: 14px;
}

.v2-faq__status {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: #817c87;
    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}



.v2-faq__list {
    border-top: 1px solid var(--faq-border);
}

.v2-faq__item {
    position: relative;
    border-bottom: 1px solid var(--faq-border);
    transition:
        background-color 260ms ease,
        border-color 260ms ease;
}

.v2-faq__item.is-open {
    background: rgba(255, 255, 255, 0.82);
    border-bottom-color: rgba(92, 27, 179, 0.18);
}

.v2-faq__question {
    position: relative;

    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 17px;

    width: 100%;
    min-height: 76px;
    padding: 17px 7px;

    appearance: none;
    border: 0;
    background: transparent;

    color: inherit;
    text-align: left;
    cursor: pointer;

    font-family: inherit;
}

.v2-faq__question::before {
    content: "";

    position: absolute;
    left: -1px;
    top: 16px;
    bottom: 16px;

    width: 3px;
    border-radius: 0 4px 4px 0;

    background: var(--faq-coral);

    opacity: 0;
    transform: scaleY(0.5);
    transform-origin: center;

    transition:
        opacity 260ms ease,
        transform 260ms ease;
}

.v2-faq__item.is-open .v2-faq__question::before {
    opacity: 1;
    transform: scaleY(1);
}

.v2-faq__number {
    color: #a29ca8;

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;

    transition: color 220ms ease;
}

.v2-faq__item.is-open .v2-faq__number {
    color: var(--faq-coral);
}

.v2-faq__question-text {
    color: var(--faq-purple);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -0.01em;

    transition: color 220ms ease;
}

.v2-faq__question:hover .v2-faq__question-text {
    color: var(--faq-brand);
}

.v2-faq__toggle {
    position: relative;

    display: grid;
    place-items: center;

    width: 36px;
    height: 36px;
    margin-left: auto;

    border: 1px solid rgba(57, 29, 119, 0.13);
    border-radius: 50%;

    color: var(--faq-purple);

    transition:
        background-color 260ms ease,
        border-color 260ms ease,
        color 260ms ease,
        transform 260ms ease;
}

.v2-faq__toggle span {
    position: absolute;

    width: 12px;
    height: 1.5px;

    border-radius: 999px;
    background: currentColor;

    transition: transform 260ms ease;
}

.v2-faq__toggle span:last-child {
    transform: rotate(90deg);
}

.v2-faq__item.is-open .v2-faq__toggle {
    color: var(--faq-white);
    background: var(--faq-purple);
    border-color: var(--faq-purple);
}

.v2-faq__item.is-open .v2-faq__toggle span:last-child {
    transform: rotate(0);
}

.v2-faq__answer {
    padding: 0 66px 0 72px;
}

.v2-faq__answer-inner {
    max-width: 740px;

    padding: 0 0 26px;

    color: var(--faq-muted);
    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;

    animation: v2FaqAnswerIn 300ms ease both;
}

@keyframes v2FaqAnswerIn {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

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



.v2-faq__cta {
    position: relative;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;

    margin-top: 34px;
    padding: 22px 25px;

    overflow: hidden;

    background: var(--faq-purple);
    border-radius: 20px;
    box-shadow: 0 20px 55px rgba(57, 29, 119, 0.14);
}

.v2-faq__cta::after {
    content: "";

    position: absolute;
    right: -70px;
    top: -95px;

    width: 220px;
    height: 220px;

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
    box-shadow:
        0 0 0 28px rgba(255, 255, 255, 0.025),
        0 0 0 56px rgba(255, 255, 255, 0.018);

    pointer-events: none;
}

.v2-faq__cta-mark {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: flex-end;
    gap: 4px;

    width: 40px;
    height: 40px;
}

.v2-faq__cta-mark span {
    display: block;
    width: 5px;
    border-radius: 999px 999px 2px 2px;
    background: var(--faq-coral);
}

.v2-faq__cta-mark span:nth-child(1) {
    height: 15px;
    opacity: 0.65;
}

.v2-faq__cta-mark span:nth-child(2) {
    height: 26px;
    opacity: 0.82;
}

.v2-faq__cta-mark span:nth-child(3) {
    height: 36px;
}

.v2-faq__cta-copy {
    position: relative;
    z-index: 1;
}

.v2-faq__cta-label {
    display: block;

    margin-bottom: 3px;

    color: rgba(255, 255, 255, 0.52);
    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.v2-faq__cta-copy strong {
    display: block;

    color: #fff;
    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 17px;
    font-weight: 800;
}

.v2-faq__cta-copy p {
    margin: 3px 0 0;

    color: rgba(255, 255, 255, 0.65);
    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 11px;
    font-weight: 500;
}

.v2-faq__cta-button {
    position: relative;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    min-height: 44px;
    padding: 0 18px;

    color: #fff;
    background: var(--faq-coral);

    border-radius: 10px;

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;

    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        background-color 220ms ease;
}

.v2-faq__cta-button svg {
    width: 17px;
    height: 17px;

    transition: transform 220ms ease;
}

.v2-faq__cta-button:hover {
    background: #ff6868;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
}

.v2-faq__cta-button:hover svg {
    transform: translateX(3px);
}



.v2-faq__orb {
    position: absolute;
    z-index: 0;

    border: 1px solid rgba(92, 27, 179, 0.06);
    border-radius: 50%;

    pointer-events: none;
}

.v2-faq__orb--one {
    width: 390px;
    height: 390px;

    left: -260px;
    top: 160px;
}

.v2-faq__orb--two {
    width: 500px;
    height: 500px;

    right: -390px;
    bottom: 80px;
}



.v2-faq__question:focus-visible,
.v2-faq__cta-button:focus-visible,
.v2-faq__support a:focus-visible {
    outline: 3px solid rgba(255, 87, 87, 0.42);
    outline-offset: 4px;
}



@media (max-width: 1100px) {
    .v2-faq {
        padding: 95px 0 90px;
    }

    .v2-faq__grid {
        grid-template-columns: minmax(250px, 0.65fr) minmax(0, 1.45fr);
        gap: 55px;
    }

    .v2-faq__title {
        font-size: clamp(36px, 4.8vw, 50px);
    }

    .v2-faq__answer {
        padding-left: 72px;
        padding-right: 45px;
    }
}

@media (max-width: 850px) {
    .v2-faq {
        padding: 82px 0;
    }

    .v2-faq__grid {
        width: min(720px, calc(100% - 40px));
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .v2-faq__intro {
        position: static;
    }

    .v2-faq__title {
        max-width: 600px;
        font-size: clamp(38px, 7vw, 52px);
    }

    .v2-faq__description {
        max-width: 650px;
    }

    .v2-faq__support {
        max-width: 430px;
    }
}



@media (max-width: 600px) {
    .v2-faq {
        padding: 68px 0 65px;
    }

    .v2-faq__grid {
        width: min(100% - 32px, 520px);
        gap: 38px;
    }

    .v2-faq__eyebrow {
        margin-bottom: 18px;
    }

    .v2-faq__title {
        font-size: clamp(35px, 10vw, 46px);
        line-height: 1.06;
    }

    .v2-faq__description {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.75;
    }

    .v2-faq__support {
        margin-top: 30px;
        padding-top: 22px;
    }

    .v2-faq__content-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 11px;
        margin-bottom: 13px;
    }

    .v2-faq__question {
        grid-template-columns: 28px minmax(0, 1fr) 36px;
        gap: 10px;
        min-height: 72px;
        padding: 15px 3px;
    }

    .v2-faq__question::before {
        top: 13px;
        bottom: 13px;
    }

    .v2-faq__number {
        font-size: 9px;
    }

    .v2-faq__question-text {
        font-size: 13px;
        line-height: 1.45;
    }

    .v2-faq__toggle {
        width: 32px;
        height: 32px;
    }

    .v2-faq__answer {
        padding: 0 39px 0 38px;
    }

    .v2-faq__answer-inner {
        padding-bottom: 23px;
        font-size: 13px;
        line-height: 1.75;
    }

    .v2-faq__cta {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 27px;
        padding: 22px;
        border-radius: 17px;
    }

    .v2-faq__cta-mark {
        display: none;
    }

    .v2-faq__cta-button {
        width: 100%;
    }
}

@media (max-width: 375px) {
    .v2-faq {
        padding-top: 58px;
    }

    .v2-faq__grid {
        width: calc(100% - 26px);
    }

    .v2-faq__question {
        grid-template-columns: 23px minmax(0, 1fr) 32px;
        gap: 8px;
    }

    .v2-faq__question-text {
        font-size: 12.5px;
    }

    .v2-faq__answer {
        padding-left: 31px;
        padding-right: 31px;
    }

    .v2-faq__answer-inner {
        font-size: 12.5px;
    }
}



@media (prefers-reduced-motion: reduce) {
    .v2-faq *,
    .v2-faq *::before,
    .v2-faq *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}



.v2-final-cta {
    --cta-purple: var(--v2-heading, #391D77);
    --cta-brand: var(--v2-logo, #5C1BB3);
    --cta-coral: var(--v2-highlight, #ff5757);
    --cta-white: var(--v2-white, #ffffff);
    --cta-ink: var(--v2-ink, #211b33);

    padding-top: 45px;
    padding-bottom: 45px;

    position: relative;
    overflow: hidden;
    isolation: isolate;

    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(98, 34, 213, 0.72) 0,
            rgba(57, 29, 119, 0.0) 48%
        ),
        linear-gradient(
            135deg,
            #391D77 0%,
            #4B168C 48%,
            #5C1BB3 100%
        );

    color: var(--cta-white);
}

.v2-final-cta::before {
    content: "";

    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(
            rgba(255, 255, 255, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.035) 1px,
            transparent 1px
        );

    background-size: 58px 58px;

    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        black 20%,
        black 80%,
        transparent 100%
    );

    pointer-events: none;
}

.v2-final-cta::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(57, 29, 119, 0.45),
            transparent 25%,
            transparent 75%,
            rgba(57, 29, 119, 0.45)
        );

    pointer-events: none;
}



.v2-final-cta__inner {
    position: relative;
    z-index: 2;

    width: min(1320px, calc(100% - 48px));
    min-height: 500px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr minmax(600px, 900px) 1fr;
    align-items: center;
}

.v2-final-cta__content {
    position: relative;
    z-index: 5;

    text-align: center;
}



.v2-final-cta__eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    margin-bottom: 24px;

    color: rgba(255, 255, 255, 0.72);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.v2-final-cta__eyebrow-mark {
    width: 22px;
    height: 1px;

    background: var(--cta-coral);
}



.v2-final-cta__title {
    max-width: 850px;
    margin: 0 auto;

    color: #fff;

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: clamp(42px, 4.5vw, 66px);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -0.052em;
}

.v2-final-cta__title span {
    display: block;
    color: #fff;
}

.v2-final-cta__description {
    max-width: 650px;
    margin: 25px auto 0;

    color: rgba(255, 255, 255, 0.72);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
}



.v2-final-cta__actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    margin-top: 34px;
}

.v2-final-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 54px;
    padding: 0 22px;

    border-radius: 11px;

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;

    transition:
        transform 240ms ease,
        background-color 240ms ease,
        border-color 240ms ease,
        box-shadow 240ms ease;
}

.v2-final-cta__button--primary {
    color: #fff;
    background: var(--cta-coral);

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.18),
        0 0 0 1px rgba(255, 255, 255, 0.06);
}

.v2-final-cta__button--primary:hover {
    background: #ff6868;
    transform: translateY(-3px);

    box-shadow:
        0 17px 35px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(255, 255, 255, 0.08);
}

.v2-final-cta__button--secondary {
    color: #fff;
    background: rgba(255, 255, 255, 0.055);

    border: 1px solid rgba(255, 255, 255, 0.25);

    backdrop-filter: blur(8px);
}

.v2-final-cta__button--secondary:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.42);
    transform: translateY(-3px);
}

.v2-final-cta__button-icon,
.v2-final-cta__phone-icon {
    display: grid;
    place-items: center;

    width: 25px;
    height: 25px;

    border-radius: 7px;
}

.v2-final-cta__button-icon {
    background: rgba(255, 255, 255, 0.15);
}

.v2-final-cta__button-icon svg {
    width: 15px;
    height: 15px;

    transition: transform 220ms ease;
}

.v2-final-cta__button--primary:hover .v2-final-cta__button-icon svg {
    transform: translateX(3px);
}

.v2-final-cta__phone-icon {
    background: rgba(255, 255, 255, 0.09);
}

.v2-final-cta__phone-icon svg {
    width: 16px;
    height: 16px;
}



.v2-final-cta__trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    margin-top: 29px;

    color: rgba(255, 255, 255, 0.47);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 10px;
    font-weight: 700;
}

.v2-final-cta__trust-line {
    width: 30px;
    height: 1px;

    background: rgba(255, 255, 255, 0.18);
}

.v2-final-cta__trust-dot {
    width: 3px;
    height: 3px;

    border-radius: 50%;
    background: var(--cta-coral);
}



.v2-final-cta__visual {
    position: relative;

    height: 100%;

    pointer-events: none;
}

.v2-final-cta__ring {
    position: absolute;

    display: block;

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
}

.v2-final-cta__visual--left {
    min-width: 260px;
}

.v2-final-cta__ring--one {
    width: 240px;
    height: 240px;

    left: -125px;
    top: 50%;

    transform: translateY(-50%);
}

.v2-final-cta__ring--two {
    width: 340px;
    height: 340px;

    left: -175px;
    top: 50%;

    transform: translateY(-50%);

    border-color: rgba(255, 255, 255, 0.06);
}

.v2-final-cta__ring--three {
    width: 440px;
    height: 440px;

    left: -225px;
    top: 50%;

    transform: translateY(-50%);

    border-color: rgba(255, 255, 255, 0.035);
}

.v2-final-cta__visual--right {
    min-width: 260px;
}

.v2-final-cta__ring--four {
    width: 260px;
    height: 260px;

    right: -135px;
    top: 50%;

    transform: translateY(-50%);
}

.v2-final-cta__ring--five {
    width: 390px;
    height: 390px;

    right: -200px;
    top: 50%;

    transform: translateY(-50%);

    border-color: rgba(255, 255, 255, 0.045);
}

.v2-final-cta__signal {
    position: absolute;

    right: 55px;
    top: 50%;

    display: flex;
    align-items: flex-end;
    gap: 5px;

    width: 45px;
    height: 45px;

    transform: translateY(-50%);
}

.v2-final-cta__signal span {
    display: block;

    width: 5px;

    border-radius: 999px 999px 2px 2px;
    background: var(--cta-coral);
}

.v2-final-cta__signal span:nth-child(1) {
    height: 17px;
    opacity: 0.45;
}

.v2-final-cta__signal span:nth-child(2) {
    height: 29px;
    opacity: 0.7;
}

.v2-final-cta__signal span:nth-child(3) {
    height: 42px;
}



.v2-final-cta__button:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.55);
    outline-offset: 4px;
}



@media (max-width: 1050px) {
    .v2-final-cta__inner {
        width: min(900px, calc(100% - 40px));
        min-height: 470px;
        grid-template-columns: 1fr;
    }

    .v2-final-cta__visual {
        display: none;
    }

    .v2-final-cta__title {
        max-width: 760px;
        font-size: clamp(42px, 6vw, 60px);
    }
}



@media (max-width: 600px) {
    .v2-final-cta__inner {
        width: calc(100% - 32px);
        min-height: auto;
        padding: 72px 0 70px;
    }

    .v2-final-cta__eyebrow {
        gap: 9px;
        margin-bottom: 19px;
        font-size: 9px;
    }

    .v2-final-cta__eyebrow-mark {
        width: 16px;
    }

    .v2-final-cta__title {
        font-size: clamp(34px, 9.8vw, 45px);
        line-height: 1.07;
        letter-spacing: -0.045em;
    }

    .v2-final-cta__description {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.7;
    }

    .v2-final-cta__actions {
        flex-direction: column;
        gap: 10px;
        margin-top: 28px;
    }

    .v2-final-cta__button {
        width: min(100%, 390px);
        min-height: 52px;
    }

    .v2-final-cta__trust {
        flex-wrap: wrap;
        gap: 7px 10px;
        max-width: 350px;
        margin: 25px auto 0;
        line-height: 1.5;
    }

    .v2-final-cta__trust-line {
        display: none;
    }
}

@media (max-width: 375px) {
    .v2-final-cta__inner {
        width: calc(100% - 26px);
        padding: 62px 0 60px;
    }

    .v2-final-cta__title {
        font-size: 33px;
    }

    .v2-final-cta__description {
        font-size: 13px;
    }
}



@media (prefers-reduced-motion: reduce) {
    .v2-final-cta *,
    .v2-final-cta *::before,
    .v2-final-cta *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}



.v2-footer {
    --footer-purple: #391D77;
    --footer-purple-deep: #25134f;
    --footer-purple-light: #5C1BB3;
    --footer-cta: #6222D5;
    --footer-coral: #ff5757;
    --footer-white: #ffffff;
    --footer-muted: rgba(255, 255, 255, 0.68);
    --footer-soft: rgba(255, 255, 255, 0.1);
    --footer-border: rgba(255, 255, 255, 0.12);

    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 82% 12%,
            rgba(98, 34, 213, 0.28),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            var(--footer-purple-deep) 0%,
            var(--footer-purple) 48%,
            #32176d 100%
        );
    color: var(--footer-white);
    font-family: var(--v2-font, 'Manrope', 'Segoe UI', system-ui, sans-serif);
}




.v2-footer__visual {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.v2-footer__grid {
    position: absolute;
    inset: 0;
    opacity: 0.07;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.8) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.8) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(
        to right,
        transparent 0%,
        black 45%,
        black 100%
    );
}

.v2-footer__orb {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.v2-footer__orb::before,
.v2-footer__orb::after {
    content: "";
    position: absolute;
    inset: 14%;
    border-radius: inherit;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.v2-footer__orb--one {
    width: 560px;
    height: 560px;
    right: -190px;
    top: -330px;
}

.v2-footer__orb--two {
    width: 360px;
    height: 360px;
    left: -250px;
    bottom: -280px;
}




.v2-footer__container {
    position: relative;
    z-index: 2;
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}




.v2-footer__main {
    display: grid;
    grid-template-columns:
        minmax(330px, 1.65fr)
        minmax(180px, 0.9fr)
        minmax(270px, 1.1fr);
    gap: 80px;
    padding: 86px 0 72px;
}




.v2-footer__brand-column {
    min-width: 0;
}

.v2-footer__logo-link {
    display: inline-flex;
    align-items: center;
    margin-bottom: 26px;
}

.v2-footer__logo {
    display: block;
    width: auto;
    height: 58px;
    max-width: 220px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.v2-footer__intro {
    max-width: 500px;
    margin: 0 0 34px;
    color: var(--footer-muted);
    font-size: 14px;
    line-height: 1.85;
    letter-spacing: 0.005em;
}




.v2-footer__contact {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.v2-footer__contact-item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    width: fit-content;
    color: var(--footer-white);
    text-decoration: none;
}

.v2-footer__contact-item:hover {
    color: var(--footer-white);
}

.v2-footer__contact-icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    margin-top: 1px;
    border: 1px solid var(--footer-border);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.055);
    color: #ffffff;
    transition:
        background 220ms ease,
        border-color 220ms ease,
        transform 220ms ease;
}

.v2-footer__contact-icon svg {
    width: 19px;
    height: 19px;
}

.v2-footer__contact-item:hover .v2-footer__contact-icon {
    background: rgba(255, 255, 255, 0.11);
    border-color: rgba(255, 255, 255, 0.22);
    transform: translateY(-2px);
}

.v2-footer__contact-item > span:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-top: 1px;
}

.v2-footer__contact-item small {
    color: rgba(255, 255, 255, 0.48);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.v2-footer__contact-item strong {
    color: rgba(255, 255, 255, 0.88);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.55;
}

.v2-footer__contact-item--address strong {
    max-width: 390px;
}




.v2-footer__nav-column h2,
.v2-footer__social h2 {
    margin: 8px 0 24px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.v2-footer__eyebrow {
    display: block;
    color: #ff8585;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.v2-footer__links {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.v2-footer__links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    padding: 9px 0;
    color: rgba(255, 255, 255, 0.68);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    border-bottom: 1px solid transparent;
    transition:
        color 200ms ease,
        padding-left 200ms ease;
}

.v2-footer__links a svg {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0;
    transform: translateX(-5px);
    transition:
        opacity 200ms ease,
        transform 200ms ease;
}

.v2-footer__links a:hover {
    color: #ffffff;
    padding-left: 4px;
}

.v2-footer__links a:hover svg {
    opacity: 1;
    transform: translateX(0);
}




.v2-footer__trust-column {
    display: flex;
    flex-direction: column;
    gap: 52px;
}

.v2-footer__compliance {
    padding: 20px;
    border: 1px solid var(--footer-border);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.v2-footer__compliance-heading {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 17px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.v2-footer__status-dot {
    position: relative;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #78e0ad;
    box-shadow: 0 0 0 4px rgba(120, 224, 173, 0.08);
}

.v2-footer__hipaa {
    display: flex;
    align-items: center;
    gap: 17px;
}

.v2-footer__hipaa-image {
    flex: 0 0 86px;
    width: 86px;
    height: 86px;
    display: grid;
    place-items: center;
    padding: 6px;
    overflow: hidden;
    border-radius: 12px;
    background: #ffffff;
}

.v2-footer__hipaa-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.v2-footer__hipaa-copy {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.v2-footer__hipaa-copy strong {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.v2-footer__hipaa-copy span {
    max-width: 180px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 11px;
    line-height: 1.55;
}




.v2-footer__social-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.v2-footer__social-link {
    display: flex;
    align-items: center;
    gap: 11px;
    width: fit-content;
    color: rgba(255, 255, 255, 0.63);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    transition:
        color 200ms ease,
        transform 200ms ease;
}

.v2-footer__social-link svg {
    width: 18px;
    height: 18px;
}

.v2-footer__social-link:hover {
    color: #ffffff;
    transform: translateX(4px);
}




.v2-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    min-height: 76px;
    border-top: 1px solid var(--footer-border);
}

.v2-footer__copyright {
    color: rgba(255, 255, 255, 0.47);
    font-size: 11px;
    line-height: 1.6;
}

.v2-footer__copyright a {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 700;
    text-decoration: none;
}

.v2-footer__copyright a:hover {
    color: #ffffff;
}

.v2-footer__bottom-center {
    display: flex;
    align-items: center;
    gap: 5px;
}

.v2-footer__bottom-center span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.28);
}

.v2-footer__bottom-center span:nth-child(2) {
    width: 22px;
    border-radius: 999px;
    background: #ff5757;
}

.v2-footer__bottom-right {
    display: flex;
    align-items: center;
    gap: 11px;
    color: rgba(255, 255, 255, 0.42);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.v2-footer__bottom-right i {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
}




.v2-footer a:focus-visible {
    outline: 2px solid #ff8585;
    outline-offset: 4px;
    border-radius: 4px;
}




@media (max-width: 1199px) {
    .v2-footer__main {
        grid-template-columns:
            minmax(280px, 1.5fr)
            minmax(180px, 0.9fr)
            minmax(240px, 1fr);
        gap: 48px;
    }

    .v2-footer__container {
        width: min(1120px, calc(100% - 48px));
    }
}




@media (max-width: 991px) {
    .v2-footer__main {
        grid-template-columns: 1.25fr 0.9fr;
        gap: 54px 45px;
        padding: 68px 0 58px;
    }

    .v2-footer__brand-column {
        grid-column: 1 / -1;
    }

    .v2-footer__intro {
        max-width: 680px;
    }

    .v2-footer__trust-column {
        gap: 38px;
    }

    .v2-footer__bottom {
        flex-wrap: wrap;
        padding: 22px 0;
    }

    .v2-footer__bottom-center {
        display: none;
    }
}




@media (max-width: 767px) {
    .v2-footer__container {
        width: min(100% - 36px, 620px);
    }

    .v2-footer__main {
        display: flex;
        flex-direction: column;
        gap: 46px;
        padding: 58px 0 48px;
    }

    .v2-footer__logo {
        height: 52px;
        max-width: 200px;
    }

    .v2-footer__intro {
        margin-bottom: 28px;
        font-size: 13px;
        line-height: 1.8;
    }

    .v2-footer__nav-column h2,
    .v2-footer__social h2 {
        margin-bottom: 17px;
    }

    .v2-footer__links a {
        padding: 10px 0;
    }

    .v2-footer__links a svg {
        opacity: 0.65;
        transform: none;
    }

    .v2-footer__trust-column {
        gap: 38px;
    }

    .v2-footer__compliance {
        padding: 17px;
    }

    .v2-footer__bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
        min-height: auto;
        padding: 23px 0 26px;
    }

    .v2-footer__bottom-right {
        flex-wrap: wrap;
        row-gap: 7px;
    }

    .v2-footer__grid {
        background-size: 55px 55px;
    }

    .v2-footer__orb--one {
        width: 380px;
        height: 380px;
        right: -240px;
        top: -230px;
    }
}




@media (max-width: 430px) {
    .v2-footer__container {
        width: calc(100% - 30px);
    }

    .v2-footer__main {
        padding-top: 48px;
    }

    .v2-footer__logo {
        height: 47px;
        max-width: 185px;
    }

    .v2-footer__hipaa {
        align-items: flex-start;
    }

    .v2-footer__hipaa-image {
        flex-basis: 76px;
        width: 76px;
        height: 76px;
    }

    .v2-footer__hipaa-copy span {
        max-width: 170px;
    }

    .v2-footer__bottom-right {
        font-size: 8px;
        gap: 8px;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-footer *,
    .v2-footer *::before,
    .v2-footer *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}




:root {
    --v2-mb-purple-dark: #32145f;
    --v2-mb-purple: #54249a;
    --v2-mb-purple-light: #8156c8;
    --v2-mb-purple-soft: #eee8f8;

    --v2-mb-coral: #ff5757;

    --v2-mb-ink: #181321;
    --v2-mb-muted: #686172;

    --v2-mb-white: #ffffff;

    --v2-mb-border: rgba(50, 20, 95, 0.10);
}



.v2-mb-hero {
    position: relative;
    min-height: min(860px, 94svh);

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 82% 45%,
            rgba(117, 74, 193, 0.12),
            transparent 30%
        ),
        radial-gradient(
            circle at 4% 92%,
            rgba(255, 87, 87, 0.045),
            transparent 25%
        ),
        #fbfafc;

    padding: 3rem 0 4rem;
}



.v2-mb-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(50, 20, 95, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(50, 20, 95, 0.035) 1px,
            transparent 1px
        );

    background-size: 64px 64px;

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            black 42%,
            black 100%
        );
}



.v2-mb-hero-container {
    position: relative;
    z-index: 2;

    width: min(1360px, calc(100% - 64px));

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.92fr)
        minmax(540px, 1.08fr);

    align-items: center;

    gap: clamp(2rem, 4vw, 5rem);
}



.v2-mb-hero-content {
    position: relative;
    z-index: 10;

    max-width: 650px;
}

.v2-mb-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;

    margin-bottom: 1.45rem;

    color: var(--v2-cta);

    font-size: 0.72rem;
    font-weight: 800;

    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.v2-mb-hero-eyebrow::before {
    content: "";

    width: 34px;
    height: 2px;

    background: var(--v2-mb-coral);

    border-radius: 999px;
}

.v2-mb-hero-headline {
    max-width: 650px;

    margin: 0 0 1.4rem;

    color: var(--v2-heading);

    font-size: clamp(3rem, 5vw, 5.15rem);

    font-weight: 800;

    line-height: 0.99;

    letter-spacing: -0.055em;
}

.v2-mb-hero-highlight {
    color: var(--v2-highlight);

    position: relative;
}



.v2-mb-hero-highlight::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -7px;

    width: 38%;
    height: 3px;

    border-radius: 99px;

    background: var(--v2-mb-coral);

    opacity: 0.8;
}

.v2-mb-hero-subheading {
    max-width: 600px;

    margin: 0 0 1rem;

    color: var(--v2-subheading);

    font-size: clamp(1.08rem, 1.7vw, 1.35rem);

    font-weight: 700;

    line-height: 1.45;
}

.v2-mb-hero-body {
    max-width: 600px;

    margin: 0 0 2rem;

    color: var(--v2-mb-muted);

    font-size: 1rem;

    line-height: 1.75;
}



.v2-mb-hero-ctas {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 0.8rem;

    margin-bottom: 1.8rem;
}

.v2-mb-hero-cta-primary,
.v2-mb-hero-cta-secondary {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 0.65rem;

    padding: 0.8rem 1.35rem;

    border-radius: 9px;

    font-size: 0.91rem;
    font-weight: 750;

    text-decoration: none;

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

.v2-mb-hero-cta-primary {
    color: #fff;

    background: var(--v2-mb-purple-dark);

    box-shadow:
        0 12px 30px rgba(50, 20, 95, 0.20);
}

.v2-mb-hero-cta-primary:hover {
    color: #fff;

    transform: translateY(-2px);

    background: var(--v2-mb-purple);

    box-shadow:
        0 16px 35px rgba(50, 20, 95, 0.27);
}

.v2-mb-hero-cta-primary svg {
    transition: transform 0.25s ease;
}

.v2-mb-hero-cta-primary:hover svg {
    transform: translateX(4px);
}

.v2-mb-hero-cta-secondary {
    color: var(--v2-mb-purple-dark);

    background: rgba(255, 255, 255, 0.7);

    border: 1px solid var(--v2-mb-border);
}

.v2-mb-hero-cta-secondary:hover {
    color: var(--v2-mb-purple-dark);

    transform: translateY(-2px);

    background: #fff;

    box-shadow:
        0 10px 25px rgba(50, 20, 95, 0.08);
}



.v2-mb-hero-trust {
    display: flex;
    flex-wrap: wrap;

    gap: 0.75rem 1.5rem;

    color: #77717f;

    font-size: 0.75rem;
    font-weight: 650;
}

.v2-mb-hero-trust-item {
    display: inline-flex;
    align-items: center;

    gap: 0.4rem;
}

.v2-mb-hero-trust-item svg {
    color: var(--v2-mb-purple);
}



.v2-mb-hero-art {
    position: relative;

    min-height: 650px;

    width: 100%;
}



.v2-mb-hero-art::before {
    content: "";

    position: absolute;

    width: 560px;
    height: 560px;

    top: 50%;
    left: 50%;

    transform: translate(-45%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(117, 74, 193, 0.20) 0%,
            rgba(117, 74, 193, 0.09) 40%,
            transparent 70%
        );
}



.v2-mb-hero-orbit {
    position: absolute;

    width: 530px;
    height: 530px;

    top: 50%;
    left: 50%;

    transform: translate(-42%, -50%);

    border:
        1px solid rgba(84, 36, 154, 0.13);

    border-radius: 50%;
}

.v2-mb-hero-orbit::before {
    content: "";

    position: absolute;

    inset: 42px;

    border:
        1px dashed rgba(84, 36, 154, 0.13);

    border-radius: 50%;
}

.v2-mb-hero-orbit::after {
    content: "";

    position: absolute;

    inset: 105px;

    border:
        1px solid rgba(84, 36, 154, 0.07);

    border-radius: 50%;
}



.v2-mb-hero-cross {
    position: absolute;

    right: 8%;
    top: 8%;

    width: 48px;
    height: 48px;

    opacity: 0.45;
}

.v2-mb-hero-cross::before,
.v2-mb-hero-cross::after {
    content: "";

    position: absolute;

    background: var(--v2-mb-purple-light);

    border-radius: 2px;
}

.v2-mb-hero-cross::before {
    width: 100%;
    height: 3px;

    top: 50%;
    left: 0;

    transform: translateY(-50%);
}

.v2-mb-hero-cross::after {
    width: 3px;
    height: 100%;

    top: 0;
    left: 50%;

    transform: translateX(-50%);
}



.v2-mb-hero-flow {
    position: absolute;

    width: 280px;
    height: 150px;

    right: 1%;
    top: 24%;

    opacity: 0.7;
}

.v2-mb-hero-flow svg {
    width: 100%;
    height: 100%;

    overflow: visible;
}

.v2-mb-hero-flow path {
    fill: none;

    stroke: rgba(84, 36, 154, 0.22);

    stroke-width: 1.5;

    stroke-dasharray: 5 7;
}



.v2-mb-hero-doctor {
    position: absolute;

    z-index: 6;

    left: 50%;
    bottom: 0;

    transform: translateX(-42%);

    width: min(470px, 43vw);

    max-width: none;

    height: auto;

    display: block;

    object-fit: contain;

    filter:
        drop-shadow(
            0 25px 35px rgba(36, 18, 70, 0.13)
        );
}



.v2-mb-hero-panel {
    position: absolute;

    z-index: 8;

    padding: 1rem 1.05rem;

    border:
        1px solid rgba(255, 255, 255, 0.85);

    background:
        rgba(255, 255, 255, 0.86);

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    box-shadow:
        0 20px 45px rgba(50, 20, 95, 0.13);

    border-radius: 13px;
}

.v2-mb-hero-panel-label {
    display: block;

    margin-bottom: 0.35rem;

    color: #77717f;

    font-size: 0.62rem;
    font-weight: 750;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}

.v2-mb-hero-panel-value {
    display: block;

    color: var(--v2-mb-purple-dark);

    font-size: 1.15rem;
    font-weight: 800;

    line-height: 1.1;
}

.v2-mb-hero-panel-meta {
    display: flex;
    align-items: center;

    gap: 0.4rem;

    margin-top: 0.45rem;

    color: #548267;

    font-size: 0.64rem;
    font-weight: 700;
}

.v2-mb-hero-panel-meta::before {
    content: "";

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: currentColor;
}



.v2-mb-hero-panel--claims {
    top: 15%;
    right: 0;
}



.v2-mb-hero-panel--revenue {
    left: 2%;
    bottom: 12%;
}



.v2-mb-hero-claim {
    position: absolute;

    z-index: 4;

    top: 13%;
    left: 5%;

    width: 180px;

    padding: 0.9rem;

    border:
        1px solid rgba(84, 36, 154, 0.10);

    border-radius: 12px;

    background: rgba(255, 255, 255, 0.65);

    backdrop-filter: blur(14px);
}

.v2-mb-hero-claim-title {
    margin-bottom: 0.7rem;

    color: var(--v2-mb-purple-dark);

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.v2-mb-hero-claim-line {
    display: flex;
    align-items: center;

    gap: 0.55rem;

    margin-bottom: 0.5rem;

    color: #77717f;

    font-size: 0.62rem;
    font-weight: 650;
}

.v2-mb-hero-claim-dot {
    width: 7px;
    height: 7px;

    flex: 0 0 auto;

    border-radius: 50%;

    background: var(--v2-mb-purple-light);
}

.v2-mb-hero-claim-line:last-child .v2-mb-hero-claim-dot {
    background: var(--v2-mb-coral);
}



.v2-mb-hero-accent {
    position: absolute;

    z-index: 7;

    right: 10%;
    bottom: 13%;

    width: 10px;
    height: 10px;

    border-radius: 50%;

    background: var(--v2-mb-coral);

    box-shadow:
        0 0 0 7px rgba(255, 87, 87, 0.09),
        0 0 0 15px rgba(255, 87, 87, 0.045);
}



.v2-mb-hero-node {
    position: absolute;

    z-index: 3;

    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: var(--v2-mb-purple-light);

    box-shadow:
        0 0 0 6px rgba(129, 86, 200, 0.08);
}

.v2-mb-hero-node--one {
    left: 18%;
    top: 39%;
}

.v2-mb-hero-node--two {
    right: 13%;
    top: 54%;
}

.v2-mb-hero-node--three {
    left: 24%;
    bottom: 22%;
}



@media (min-width: 1500px) {

    .v2-mb-hero-container {
        width: min(1420px, calc(100% - 80px));
    }

    .v2-mb-hero-doctor {
        width: 500px;
    }

    .v2-mb-hero-art {
        min-height: 690px;
    }
}



@media (max-width: 1200px) {

    .v2-mb-hero-container {
        width: min(1200px, calc(100% - 48px));

        grid-template-columns:
            minmax(0, 0.95fr)
            minmax(440px, 1.05fr);

        gap: 2rem;
    }

    .v2-mb-hero-headline {
        font-size: clamp(2.8rem, 5vw, 4.25rem);
    }

    .v2-mb-hero-art {
        min-height: 590px;
    }

    .v2-mb-hero-orbit {
        width: 470px;
        height: 470px;
    }

    .v2-mb-hero-doctor {
        width: 430px;
    }

    .v2-mb-hero-panel--claims {
        right: -2%;
    }

    .v2-mb-hero-claim {
        left: 0;
    }
}



@media (max-width: 960px) {

    .v2-mb-hero {
        min-height: auto;

        padding: 6rem 0 3.5rem;
    }

    .v2-mb-hero-container {
        grid-template-columns: 1fr;

        gap: 2.5rem;
    }

    .v2-mb-hero-content {
        max-width: 760px;
    }

    .v2-mb-hero-headline {
        max-width: 720px;
    }

    .v2-mb-hero-body {
        max-width: 680px;
    }

    .v2-mb-hero-art {
        width: min(700px, 100%);
        min-height: 600px;

        margin: 0 auto;
    }
}



@media (max-width: 600px) {

    .v2-mb-hero {
        padding: 5.5rem 0 2.5rem;
    }

    .v2-mb-hero-container {
        width: calc(100% - 32px);

        gap: 2rem;
    }

    .v2-mb-hero-eyebrow {
        margin-bottom: 1rem;

        font-size: 0.64rem;

        letter-spacing: 0.12em;
    }

    .v2-mb-hero-eyebrow::before {
        width: 24px;
    }

    .v2-mb-hero-headline {
        margin-bottom: 1.2rem;

        font-size: clamp(2.45rem, 12vw, 3.5rem);

        line-height: 1.01;
        letter-spacing: -0.05em;
    }

    .v2-mb-hero-highlight::after {
        bottom: -4px;
    }

    .v2-mb-hero-subheading {
        font-size: 1rem;
        line-height: 1.5;
    }

    .v2-mb-hero-body {
        margin-bottom: 1.5rem;

        font-size: 0.91rem;
        line-height: 1.7;
    }

    .v2-mb-hero-ctas {
        flex-direction: column;
        align-items: stretch;

        margin-bottom: 1.35rem;
    }

    .v2-mb-hero-cta-primary,
    .v2-mb-hero-cta-secondary {
        width: 100%;
    }

    .v2-mb-hero-trust {
        gap: 0.7rem 1rem;

        font-size: 0.68rem;
    }

    

    .v2-mb-hero-art {
        min-height: 470px;

        margin-top: 0.5rem;
    }

    .v2-mb-hero-art::before {
        width: 390px;
        height: 390px;

        transform: translate(-50%, -50%);
    }

    .v2-mb-hero-orbit {
        width: 390px;
        height: 390px;

        transform: translate(-50%, -50%);
    }

    .v2-mb-hero-orbit::before {
        inset: 30px;
    }

    .v2-mb-hero-orbit::after {
        inset: 75px;
    }

    .v2-mb-hero-doctor {
        left: 50%;
        bottom: 0;

        width: min(360px, 88vw);

        transform: translateX(-50%);
    }

    .v2-mb-hero-panel {
        padding: 0.75rem 0.8rem;
    }

    .v2-mb-hero-panel--claims {
        top: 7%;
        right: 0;
    }

    .v2-mb-hero-panel--revenue {
        left: 0;
        bottom: 7%;
    }

    .v2-mb-hero-panel-value {
        font-size: 0.95rem;
    }

    .v2-mb-hero-panel-label {
        font-size: 0.55rem;
    }

    .v2-mb-hero-panel-meta {
        font-size: 0.56rem;
    }

    .v2-mb-hero-claim {
        top: 12%;
        left: 0;

        width: 135px;

        padding: 0.7rem;
    }

    .v2-mb-hero-claim-title {
        font-size: 0.57rem;
    }

    .v2-mb-hero-claim-line {
        font-size: 0.52rem;
    }

    .v2-mb-hero-flow {
        display: none;
    }

    .v2-mb-hero-cross {
        right: 3%;
        top: 5%;

        width: 30px;
        height: 30px;
    }

    .v2-mb-hero-accent {
        right: 8%;
        bottom: 17%;
    }
}



@media (max-width: 390px) {

    .v2-mb-hero-headline {
        font-size: 2.3rem;
    }

    .v2-mb-hero-art {
        min-height: 420px;
    }

    .v2-mb-hero-orbit {
        width: 340px;
        height: 340px;
    }

    .v2-mb-hero-art::before {
        width: 340px;
        height: 340px;
    }

    .v2-mb-hero-doctor {
        width: 330px;
    }

    .v2-mb-hero-claim {
        width: 122px;
    }
}



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

    .v2-mb-hero-cta-primary,
    .v2-mb-hero-cta-secondary,
    .v2-mb-hero-cta-primary svg {
        transition: none;
    }
}







:root {
    --v2-mbc-purple-dark: #391D77;
    --v2-mbc-purple-mid: #5C1BB3;
    --v2-mbc-purple-light: rgba(92, 27, 179, 0.08);
    --v2-mbc-coral: #ff5757;
    --v2-mbc-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.v2-mbc-section {
    background: var(--v2-bg); 
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.v2-mbc-section::before {
    content: '';
    position: absolute;
    top: -10%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(92, 27, 179, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-mbc-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}


.v2-mbc-header {
    max-width: 750px;
    margin: 0 auto 3rem;
    text-align: center;
}

.v2-mbc-eyebrow {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v2-cta);
    margin-bottom: 1rem;
    padding-bottom: 0.25rem;
    border-bottom: 2px solid var(--v2-mbc-coral);
}

.v2-mbc-heading {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: var(--v2-mbc-purple-dark);
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.v2-mbc-body {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--v2-subheading);
    font-weight: 400;
}


.v2-mbc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}


.v2-mbc-card {
    background: var(--v2-white);
    border: 1px solid rgba(92, 27, 179, 0.1);
    border-radius: 16px;
    padding: 2rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    position: relative;
    overflow: hidden;
}

.v2-mbc-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--v2-mbc-purple-mid), var(--v2-mbc-coral));
    opacity: 0;
    transition: opacity 0.3s ease;
}

.v2-mbc-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(92, 27, 179, 0.1);
    border-color: rgba(92, 27, 179, 0.3);
}

.v2-mbc-card:hover::before {
    opacity: 1;
}

.v2-mbc-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--v2-mbc-purple-light);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-mbc-purple-mid);
    margin-bottom: 1.5rem;
    transition: background 0.3s ease, color 0.3s ease;
}

.v2-mbc-card:hover .v2-mbc-icon {
    background: var(--v2-mbc-purple-mid);
    color: var(--v2-white);
}

.v2-mbc-card-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--v2-mbc-purple-dark);
    margin-bottom: 0.75rem;
}

.v2-mbc-card-desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--v2-subheading);
    margin: 0;
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 1023px) {
    .v2-mbc-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}

@media (max-width: 767px) {
    .v2-mbc-section {
        padding: 3rem 0;
    }

    .v2-mbc-heading {
        font-size: 1.8rem;
    }

    .v2-mbc-body {
        font-size: 1rem;
    }

    .v2-mbc-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .v2-mbc-card {
        padding: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-mbc-card,
    .v2-mbc-icon,
    [data-reveal] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}






:root {
    --v2-mbs-purple-dark: #391D77;
    --v2-mbs-purple-mid: #5C1BB3;
    --v2-mbs-purple-light: rgba(92, 27, 179, 0.08);
    --v2-mbs-coral: #ff5757;
    --v2-mbs-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.v2-mbs-section {
    background: var(--v2-white);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.v2-mbs-section::before {
    content: '';
    position: absolute;
    top: -10%;
    left: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(92, 27, 179, 0.06) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-mbs-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}


.v2-mbs-header {
    max-width: 800px;
    margin: 0 auto 3rem;
    text-align: center;
}

.v2-mbs-eyebrow {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v2-cta);
    margin-bottom: 1rem;
    padding-bottom: 0.25rem;
    border-bottom: 2px solid var(--v2-mbs-coral);
}

.v2-mbs-heading {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: var(--v2-mbs-purple-dark);
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.v2-mbs-body {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--v2-subheading);
    font-weight: 400;
}


.v2-mbs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: stretch;
}


.v2-mbs-card {
    border-radius: 24px;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.v2-mbs-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(92, 27, 179, 0.15);
}


.v2-mbs-card-dark {
    background: linear-gradient(135deg, var(--v2-mbs-purple-dark) 0%, var(--v2-mbs-purple-mid) 100%);
    color: var(--v2-white);
}

.v2-mbs-card-dark .v2-mbs-card-title {
    color: var(--v2-white);
}

.v2-mbs-card-dark .v2-mbs-list li {
    color: rgba(255, 255, 255, 0.9);
}

.v2-mbs-card-dark .v2-mbs-icon {
    background: rgba(255, 255, 255, 0.1);
    color: var(--v2-mbs-coral);
}


.v2-mbs-card-light {
    background: var(--v2-white);
    border: 1px solid rgba(92, 27, 179, 0.1);
}

.v2-mbs-card-light .v2-mbs-card-title {
    color: var(--v2-mbs-purple-dark);
}

.v2-mbs-card-light .v2-mbs-list li {
    color: var(--v2-subheading);
}

.v2-mbs-card-light .v2-mbs-icon {
    background: var(--v2-mbs-purple-light);
    color: var(--v2-mbs-purple-mid);
}


.v2-mbs-card-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.v2-mbs-card-light .v2-mbs-card-header {
    border-bottom-color: rgba(92, 27, 179, 0.1);
}

.v2-mbs-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-mbs-card-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
}


.v2-mbs-list {
    list-style: none;
    padding: 0;
    margin: 0;
    flex-grow: 1;
}

.v2-mbs-list li {
    position: relative;
    padding-left: 1.5rem;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0.75rem;
}

.v2-mbs-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.25rem;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5757' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
    background-size: cover;
}

.v2-mbs-card-light .v2-mbs-list li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C1BB3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 1023px) {
    .v2-mbs-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 767px) {
    .v2-mbs-section {
        padding: 3rem 0;
    }

    .v2-mbs-heading {
        font-size: 1.8rem;
    }

    .v2-mbs-body {
        font-size: 1rem;
    }

    .v2-mbs-card {
        padding: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-mbs-card,
    [data-reveal] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}





:root {
    --v2-bene-purple-dark: #391D77;
    --v2-bene-purple-mid: #5C1BB3;
    --v2-bene-purple-light: rgba(92, 27, 179, 0.08);
    --v2-bene-coral: #ff5757;
}

.v2-bene-section {
    background: var(--v2-bg); 
    padding: 3rem 0; 
    min-height: auto;
}

.v2-bene-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.v2-bene-header {
    text-align: center;
    margin-bottom: 2rem;
}

.v2-bene-heading {
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 800;
    color: var(--v2-bene-purple-dark);
    letter-spacing: -0.02em;
    margin: 0;
}

.v2-bene-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 1.5rem;
}

.v2-bene-card {
    background: var(--v2-white);
    border-radius: 16px;
    padding: 1.5rem;
    border: 1px solid rgba(92, 27, 179, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

.v2-bene-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(92, 27, 179, 0.1);
}

.v2-bene-icon {
    width: 48px;
    height: 48px;
    background: var(--v2-bene-purple-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-bene-purple-mid);
    margin-bottom: 1rem;
}

.v2-bene-number {
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--v2-bene-coral);
    line-height: 1.1;
    margin-bottom: 0.5rem;
}

.v2-bene-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--v2-bene-purple-dark);
    margin-bottom: 0.75rem;
}

.v2-bene-desc {
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--v2-subheading);
    margin: 0;
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 1023px) {
    .v2-bene-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .v2-bene-section {
        padding: 2rem 0;
    }

    .v2-bene-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .v2-bene-card {
        padding: 1.25rem;
    }

    .v2-bene-number {
        font-size: 1.8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-bene-card,
    [data-reveal] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}




:root {
    --v2-mbproc-purple-dark: #391D77;
    --v2-mbproc-purple-mid: #5C1BB3;
    --v2-mbproc-purple-light: rgba(92, 27, 179, 0.08);
    --v2-mbproc-coral: #ff5757;
}

.v2-mbproc-section {
    background: var(--v2-white);
    padding: 4rem 0;
}

.v2-mbproc-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.v2-mbproc-header {
    text-align: center;
    margin-bottom: 3rem;
}

.v2-mbproc-heading {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: var(--v2-mbproc-purple-dark);
    letter-spacing: -0.02em;
    margin-bottom: 0.5rem;
}

.v2-mbproc-subheading {
    font-size: 1.1rem;
    color: var(--v2-subheading);
    max-width: 600px;
    margin: 0 auto;
}

.v2-mbproc-layout {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 3rem;
    align-items: start;
}


.v2-mbproc-nav {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.v2-mbproc-step-btn {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: transparent;
    border: none;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    cursor: pointer;
    text-align: left;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.v2-mbproc-step-btn:hover {
    background: var(--v2-mbproc-purple-light);
}

.v2-mbproc-step-btn.v2-active {
    background: var(--v2-mbproc-purple-light);
    box-shadow: 0 4px 12px rgba(92, 27, 179, 0.1);
}

.v2-mbproc-step-number {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: var(--v2-white);
    border: 2px solid var(--v2-mbproc-purple-mid);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--v2-mbproc-purple-mid);
    transition: background 0.3s, color 0.3s;
}

.v2-mbproc-step-btn.v2-active .v2-mbproc-step-number {
    background: var(--v2-mbproc-purple-mid);
    color: var(--v2-white);
}

.v2-mbproc-step-label {
    flex: 1;
    font-weight: 600;
    font-size: 1rem;
    color: var(--v2-mbproc-purple-dark);
}

.v2-mbproc-step-duration {
    font-size: 0.85rem;
    color: var(--v2-subheading);
}


.v2-mbproc-details {
    background: var(--v2-bg);
    border-radius: 20px;
    padding: 2rem;
    min-height: 300px;
    position: relative;
}

.v2-mbproc-detail {
    display: none;
    animation: fadeSlideIn 0.4s ease;
}

.v2-mbproc-detail.v2-active {
    display: block;
}

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

.v2-mbproc-detail-icon {
    color: var(--v2-mbproc-coral);
    margin-bottom: 1rem;
}

.v2-mbproc-detail-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--v2-mbproc-purple-dark);
    margin-bottom: 1.5rem;
}

.v2-mbproc-detail-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.v2-mbproc-detail-list li {
    position: relative;
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    font-size: 1.05rem;
    color: var(--v2-subheading);
    line-height: 1.6;
}

.v2-mbproc-detail-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.25rem;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5757' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 1023px) {
    .v2-mbproc-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .v2-mbproc-nav {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .v2-mbproc-step-btn {
        flex: 1 1 calc(50% - 0.5rem);
        justify-content: center;
        text-align: center;
        flex-direction: column;
        gap: 0.5rem;
    }

    .v2-mbproc-step-duration {
        font-size: 0.75rem;
    }
}

@media (max-width: 767px) {
    .v2-mbproc-section {
        padding: 3rem 0;
    }

    .v2-mbproc-heading {
        font-size: 1.8rem;
    }

    .v2-mbproc-nav {
        flex-direction: column;
    }

    .v2-mbproc-step-btn {
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
        padding: 0.75rem 1rem;
    }

    .v2-mbproc-details {
        padding: 1.5rem;
    }

    .v2-mbproc-detail-title {
        font-size: 1.3rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-mbproc-detail,
    [data-reveal] {
        animation: none !important;
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

   


:root {
    --v2-mbp-purple-dark: #391D77;
    --v2-mbp-purple-mid: #5C1BB3;
    --v2-mbp-purple-light: rgba(92, 27, 179, 0.08);
    --v2-mbp-coral: #ff5757;
}

.v2-mbp-section {
    background: var(--v2-bg);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.v2-mbp-section::before {
    content: '';
    position: absolute;
    top: -10%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(92, 27, 179, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-mbp-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}

.v2-mbp-header {
    text-align: center;
    margin-bottom: 3rem;
}

.v2-mbp-heading {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: var(--v2-mbp-purple-dark);
    letter-spacing: -0.02em;
    margin-bottom: 0.5rem;
}

.v2-mbp-subheading {
    font-size: 1.1rem;
    color: var(--v2-subheading);
    max-width: 650px;
    margin: 0 auto;
}


.v2-mbp-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-bottom: 3rem;
}


.v2-mbp-card {
    background: var(--v2-white);
    border-radius: 20px;
    padding: 2rem;
    border: 1px solid rgba(92, 27, 179, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}

.v2-mbp-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(92, 27, 179, 0.1);
}


.v2-mbp-card-standard .v2-mbp-card-icon {
    color: var(--v2-mbp-purple-mid);
}


.v2-mbp-card-featured {
    background: linear-gradient(135deg, var(--v2-mbp-purple-dark) 0%, var(--v2-mbp-purple-mid) 100%);
    border: none;
    color: var(--v2-white);
}

.v2-mbp-card-featured .v2-mbp-card-title,
.v2-mbp-card-featured .v2-mbp-card-sub,
.v2-mbp-card-featured .v2-mbp-includes-label {
    color: var(--v2-white);
}

.v2-mbp-card-featured .v2-mbp-includes-list li {
    color: rgba(255, 255, 255, 0.9);
}

.v2-mbp-card-featured .v2-mbp-card-icon {
    color: var(--v2-mbp-coral);
}

.v2-mbp-badge {
    position: absolute;
    top: -12px;
    right: 20px;
    background: var(--v2-mbp-coral);
    color: var(--v2-white);
    padding: 0.25rem 1rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.v2-mbp-card-icon {
    margin-bottom: 1rem;
}

.v2-mbp-card-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--v2-mbp-purple-dark);
    margin-bottom: 1.5rem;
}

.v2-mbp-card-sub {
    font-size: 1rem;
    color: var(--v2-subheading);
    margin-bottom: 1rem;
}


.v2-mbp-features {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
}

.v2-mbp-features li {
    padding-left: 1.75rem;
    position: relative;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
    color: var(--v2-subheading);
}

.v2-mbp-features li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.2rem;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C1BB3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
    background-size: cover;
}

.v2-mbp-card-featured .v2-mbp-features li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5757' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
}


.v2-mbp-includes {
    margin-bottom: 2rem;
}

.v2-mbp-includes-label {
    display: block;
    font-weight: 700;
    color: var(--v2-mbp-purple-dark);
    margin-bottom: 0.75rem;
}

.v2-mbp-includes-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.v2-mbp-includes-list li {
    padding-left: 1.75rem;
    position: relative;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
    color: var(--v2-subheading);
}

.v2-mbp-includes-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.2rem;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5757' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
    background-size: cover;
}


.v2-mbp-cta {
    display: block;
    text-align: center;
    padding: 0.75rem 1.5rem;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    background: var(--v2-mbp-purple-light);
    color: var(--v2-mbp-purple-mid);
    transition: background 0.3s, color 0.3s;
}

.v2-mbp-cta:hover {
    background: var(--v2-mbp-purple-mid);
    color: var(--v2-white);
}

.v2-mbp-cta-primary {
    background: var(--v2-mbp-coral);
    color: var(--v2-white);
}

.v2-mbp-cta-primary:hover {
    background: #e74c3c;
}


.v2-mbp-offer {
    background: var(--v2-white);
    border-radius: 20px;
    border: 2px dashed var(--v2-mbp-purple-mid);
    padding: 2rem;
    margin-top: 2rem;
}

.v2-mbp-offer-content {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.v2-mbp-offer-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: var(--v2-mbp-purple-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-mbp-purple-mid);
}

.v2-mbp-offer-text {
    flex: 1;
    min-width: 200px;
}

.v2-mbp-offer-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--v2-mbp-purple-dark);
    margin-bottom: 0.5rem;
}

.v2-mbp-offer-desc {
    font-size: 0.95rem;
    color: var(--v2-subheading);
    margin: 0;
}

.v2-mbp-offer-btn {
    flex-shrink: 0;
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background: var(--v2-mbp-purple-mid);
    color: var(--v2-white);
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.3s, transform 0.3s;
}

.v2-mbp-offer-btn:hover {
    background: var(--v2-mbp-purple-dark);
    transform: translateY(-2px);
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 1023px) {
    .v2-mbp-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

@media (max-width: 767px) {
    .v2-mbp-section {
        padding: 3rem 0;
    }

    .v2-mbp-heading {
        font-size: 1.8rem;
    }

    .v2-mbp-card {
        padding: 1.5rem;
    }

    .v2-mbp-offer-content {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .v2-mbp-offer-btn {
        width: 100%;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-mbp-card,
    .v2-mbp-cta,
    .v2-mbp-offer-btn,
    [data-reveal] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}




:root {
    --v2-mbclosing-purple-dark: #391D77;
    --v2-mbclosing-purple-mid: #5C1BB3;
    --v2-mbclosing-purple-light: rgba(92, 27, 179, 0.08);
    --v2-mbclosing-coral: #ff5757;
}

.v2-mbclosing-section {
    background: var(--v2-bg); 
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.v2-mbclosing-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.v2-mbclosing-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: stretch;
}

.v2-mbclosing-card {
    border-radius: 20px;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.v2-mbclosing-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(92, 27, 179, 0.1);
}


.v2-mbclosing-card-light {
    background: var(--v2-white);
    border: 1px solid rgba(92, 27, 179, 0.1);
}

.v2-mbclosing-card-light .v2-mbclosing-icon {
    color: var(--v2-mbclosing-purple-mid);
}

.v2-mbclosing-card-light .v2-mbclosing-heading {
    color: var(--v2-mbclosing-purple-dark);
}

.v2-mbclosing-card-light .v2-mbclosing-body {
    color: var(--v2-subheading);
}


.v2-mbclosing-card-dark {
    background: linear-gradient(135deg, var(--v2-mbclosing-purple-dark) 0%, var(--v2-mbclosing-purple-mid) 100%);
    color: var(--v2-white);
}

.v2-mbclosing-card-dark .v2-mbclosing-icon {
    color: var(--v2-mbclosing-coral);
}

.v2-mbclosing-card-dark .v2-mbclosing-heading {
    color: var(--v2-white);
}

.v2-mbclosing-card-dark .v2-mbclosing-body {
    color: rgba(255, 255, 255, 0.9);
}


.v2-mbclosing-icon {
    margin-bottom: 1.5rem;
}


.v2-mbclosing-heading {
    font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: 1rem;
    line-height: 1.3;
}


.v2-mbclosing-body {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1rem;
}


.v2-mbclosing-cta {
    display: inline-block;
    padding: 0.75rem 2rem;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    background: var(--v2-mbclosing-purple-mid);
    color: var(--v2-white);
    margin-top: auto;
    transition: background 0.3s, transform 0.3s;
}

.v2-mbclosing-cta:hover {
    background: var(--v2-mbclosing-purple-dark);
    transform: translateY(-2px);
}

.v2-mbclosing-cta-coral {
    background: var(--v2-mbclosing-coral);
}

.v2-mbclosing-cta-coral:hover {
    background: #e74c3c;
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 1023px) {
    .v2-mbclosing-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 767px) {
    .v2-mbclosing-section {
        padding: 3rem 0;
    }

    .v2-mbclosing-card {
        padding: 1.5rem;
    }

    .v2-mbclosing-heading {
        font-size: 1.4rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-mbclosing-card,
    .v2-mbclosing-cta,
    [data-reveal] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}












:root {
    --v2-cred-hero-purple-dark: #391D77;
    --v2-cred-hero-purple-mid: #5C1BB3;
    --v2-cred-hero-purple-light: rgba(92, 27, 179, 0.08);
    --v2-cred-hero-coral: #ff5757;
    --v2-cred-hero-transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.v2-cred-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #F8F6FA 0%, #FFFFFF 50%, #F8F6FA 100%);
    overflow: hidden;
    padding: 6rem 0 4rem;
}


.v2-cred-hero-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.v2-cred-hero-gradient {
    position: absolute;
    top: -20%;
    right: -10%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(92, 27, 179, 0.12) 0%, transparent 70%);
    border-radius: 50%;
}

.v2-cred-hero-grid {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 400px;
    background-image: radial-gradient(circle, rgba(92, 27, 179, 0.12) 1px, transparent 1px);
    background-size: 24px 24px;
    opacity: 0.5;
}

.v2-cred-hero-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
}

.v2-cred-hero-orb-1 {
    width: 300px;
    height: 300px;
    background: rgba(92, 27, 179, 0.2);
    top: 10%;
    right: 25%;
}

.v2-cred-hero-orb-2 {
    width: 200px;
    height: 200px;
    background: rgba(255, 87, 87, 0.15);
    bottom: 20%;
    left: 5%;
}

.v2-cred-hero-ring {
    position: absolute;
    border: 2px solid rgba(92, 27, 179, 0.15);
    border-radius: 50%;
}

.v2-cred-hero-ring-1 {
    width: 600px;
    height: 600px;
    top: -100px;
    right: -100px;
}

.v2-cred-hero-ring-2 {
    width: 400px;
    height: 400px;
    bottom: -50px;
    left: -50px;
    border-color: rgba(255, 87, 87, 0.15);
}


.v2-cred-hero-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 4rem;
    align-items: center;
    position: relative;
    z-index: 1;
}


.v2-cred-hero-content {
    max-width: 650px;
}

.v2-cred-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--v2-cred-hero-purple-light);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--v2-cta);
    margin-bottom: 2rem;
}

.v2-cred-hero-eyebrow-icon {
    display: flex;
    color: var(--v2-cred-hero-coral);
}

.v2-cred-hero-headline {
    font-size: clamp(2.4rem, 4.5vw, 3.8rem);
    font-weight: 800;
    color: var(--v2-cred-hero-purple-dark);
    line-height: 1.15;
    margin-bottom: 1rem;
    letter-spacing: -0.03em;
}

.v2-cred-hero-highlight {
    position: relative;
    color: var(--v2-highlight);
}

.v2-cred-hero-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(90deg, var(--v2-cred-hero-coral) 0%, rgba(255, 87, 87, 0.3) 100%);
    border-radius: 4px;
    z-index: -1;
    opacity: 0.4;
}

.v2-cred-hero-subheading {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--v2-subheading);
    margin-bottom: 1rem;
}

.v2-cred-hero-body {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--v2-subheading);
    margin-bottom: 2.5rem;
    max-width: 550px;
}


.v2-cred-hero-ctas {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
}

.v2-cred-hero-cta-primary {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--v2-cred-hero-coral);
    color: var(--v2-white);
    padding: 1rem 2rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255, 87, 87, 0.3);
}

.v2-cred-hero-cta-primary:hover {
    background: #e74c3c;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 87, 87, 0.4);
}

.v2-cred-hero-cta-secondary {
    display: inline-flex;
    align-items: center;
    background: transparent;
    color: var(--v2-cred-hero-purple-mid);
    padding: 1rem 2rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    border: 2px solid var(--v2-cred-hero-purple-mid);
    transition: all 0.3s ease;
}

.v2-cred-hero-cta-secondary:hover {
    background: var(--v2-cred-hero-purple-mid);
    color: var(--v2-white);
    transform: translateY(-2px);
}


.v2-cred-hero-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.v2-cred-hero-trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-cred-hero-purple-dark);
}

.v2-cred-hero-trust-item svg {
    color: var(--v2-cred-hero-coral);
}


.v2-cred-hero-visual {
    position: relative;
}

.v2-cred-hero-visual-wrapper {
    position: relative;
    border-radius: var(--v2-radius-lg);
    overflow: visible;
}

.v2-cred-hero-centerpiece {
    position: relative;
    width: 100%;
    height: 400px;
    background: linear-gradient(135deg, var(--v2-cred-hero-purple-dark) 0%, var(--v2-cred-hero-purple-mid) 100%);
    border-radius: var(--v2-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-white);
    box-shadow: 0 30px 60px rgba(57, 29, 119, 0.3);
}

.v2-cred-hero-centerpiece svg {
    width: 180px;
    height: 180px;
    stroke-width: 1.5;
}


.v2-cred-hero-float-card {
    position: absolute;
    background: var(--v2-white);
    border-radius: var(--v2-radius-md);
    padding: 1rem 1.5rem;
    box-shadow: 0 10px 30px rgba(57, 29, 119, 0.15);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    animation: float 6s ease-in-out infinite;
}

.v2-cred-hero-float-card-1 {
    top: 30px;
    left: -30px;
    animation-delay: 0s;
}

.v2-cred-hero-float-card-2 {
    bottom: 30px;
    right: -30px;
    animation-delay: 2s;
}

.v2-cred-hero-float-icon {
    width: 40px;
    height: 40px;
    background: var(--v2-cred-hero-purple-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-cred-hero-purple-mid);
}

.v2-cred-hero-float-content {
    display: flex;
    flex-direction: column;
}

.v2-cred-hero-float-label {
    font-size: 0.75rem;
    color: var(--v2-subheading);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.v2-cred-hero-float-value {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--v2-cred-hero-purple-dark);
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}


.v2-cred-hero-deco-circle {
    position: absolute;
    width: 200px;
    height: 200px;
    border: 2px solid var(--v2-cred-hero-coral);
    border-radius: 50%;
    bottom: -20px;
    left: -30px;
    z-index: -1;
    opacity: 0.5;
}

.v2-cred-hero-deco-dots {
    position: absolute;
    width: 150px;
    height: 150px;
    top: -20px;
    right: -20px;
    background-image: radial-gradient(circle, var(--v2-cred-hero-purple-mid) 2px, transparent 2px);
    background-size: 20px 20px;
    z-index: -1;
    opacity: 0.3;
}

.v2-cred-hero-deco-line {
    position: absolute;
    top: 50%;
    left: -80px;
    width: 100px;
    height: 2px;
    background: var(--v2-cred-hero-coral);
    z-index: -1;
    transform: rotate(45deg);
}


.v2-cred-hero-info-bar {
    background: var(--v2-cred-hero-purple-mid);
    border-radius: var(--v2-radius-md);
    padding: 1.5rem 2rem;
    margin-top: -30px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 10px 30px rgba(92, 27, 179, 0.3);
}

.v2-cred-hero-info-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.v2-cred-hero-info-number {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--v2-white);
}

.v2-cred-hero-info-label {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.v2-cred-hero-info-divider {
    width: 1px;
    height: 40px;
    background: rgba(255, 255, 255, 0.3);
}


.v2-cred-hero-scroll {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.v2-cred-hero-scroll-line {
    width: 2px;
    height: 40px;
    background: linear-gradient(180deg, var(--v2-cred-hero-purple-mid) 0%, transparent 100%);
}

.v2-cred-hero-scroll span {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v2-cred-hero-purple-mid);
    font-weight: 600;
}


.v2-cred-hero-content > * {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.v2-cred-hero-content.v2-loaded > * {
    opacity: 1;
    transform: translateY(0);
}

.v2-cred-hero-content.v2-loaded > *:nth-child(1) { transition-delay: 0.1s; }
.v2-cred-hero-content.v2-loaded > *:nth-child(2) { transition-delay: 0.2s; }
.v2-cred-hero-content.v2-loaded > *:nth-child(3) { transition-delay: 0.3s; }
.v2-cred-hero-content.v2-loaded > *:nth-child(4) { transition-delay: 0.4s; }
.v2-cred-hero-content.v2-loaded > *:nth-child(5) { transition-delay: 0.5s; }
.v2-cred-hero-content.v2-loaded > *:nth-child(6) { transition-delay: 0.6s; }

.v2-cred-hero-visual {
    opacity: 0;
    transform: translateX(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.v2-cred-hero-visual.v2-loaded {
    opacity: 1;
    transform: translateX(0);
}


@media (max-width: 1200px) {
    .v2-cred-hero-container {
        gap: 3rem;
    }

    .v2-cred-hero-float-card-1 {
        left: -10px;
    }

    .v2-cred-hero-float-card-2 {
        right: -10px;
    }
}

@media (max-width: 1023px) {
    .v2-cred-hero {
        padding: 6rem 0 3rem;
    }

    .v2-cred-hero-container {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .v2-cred-hero-content {
        max-width: 100%;
        text-align: center;
    }

    .v2-cred-hero-eyebrow {
        margin-left: auto;
        margin-right: auto;
    }

    .v2-cred-hero-body {
        margin-left: auto;
        margin-right: auto;
    }

    .v2-cred-hero-ctas {
        justify-content: center;
    }

    .v2-cred-hero-trust {
        justify-content: center;
    }

    .v2-cred-hero-visual {
        max-width: 600px;
        margin: 0 auto;
    }

    .v2-cred-hero-info-bar {
        margin-top: -20px;
    }
}

@media (max-width: 767px) {
    .v2-cred-hero {
        padding: 5rem 0 2rem;
    }

    .v2-cred-hero-headline {
        font-size: 2.2rem;
    }

    .v2-cred-hero-subheading {
        font-size: 1.2rem;
    }

    .v2-cred-hero-body {
        font-size: 1rem;
    }

    .v2-cred-hero-ctas {
        flex-direction: column;
    }

    .v2-cred-hero-cta-primary,
    .v2-cred-hero-cta-secondary {
        width: 100%;
        justify-content: center;
    }

    .v2-cred-hero-trust {
        gap: 1rem;
        flex-direction: column;
        align-items: center;
    }

    .v2-cred-hero-centerpiece {
        height: 300px;
    }

    .v2-cred-hero-centerpiece svg {
        width: 140px;
        height: 140px;
    }

    .v2-cred-hero-float-card {
        padding: 0.5rem 0.75rem;
    }

    .v2-cred-hero-float-card-1 {
        left: 10px;
    }

    .v2-cred-hero-float-card-2 {
        right: 10px;
    }

    .v2-cred-hero-info-bar {
        flex-direction: column;
        gap: 1rem;
        padding: 1.5rem;
    }

    .v2-cred-hero-info-divider {
        width: 100%;
        height: 1px;
    }

    .v2-cred-hero-scroll {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-cred-hero-content > *,
    .v2-cred-hero-visual {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .v2-cred-hero-float-card {
        animation: none;
    }
}

.v2-cred-hero-ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: scale(0);
    animation: ripple 0.6s linear;
    pointer-events: none;
}

@keyframes ripple {
    to {
        transform: scale(4);
        opacity: 0;
    }
}

.v2-cred-hero-cta-primary,
.v2-cred-hero-cta-secondary {
    position: relative;
    overflow: hidden;
}







:root {
    --v2-challenges-purple-dark: #391D77;
    --v2-challenges-purple-mid: #5C1BB3;
    --v2-challenges-coral: #ff5757;
    --v2-challenges-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.v2-challenges-section {
    background: linear-gradient(135deg, var(--v2-challenges-purple-dark) 0%, #2A1558 100%);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.v2-challenges-section::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 87, 87, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-challenges-section::after {
    content: '';
    position: absolute;
    bottom: -20%;
    left: -10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(92, 27, 179, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-challenges-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}


.v2-challenges-header {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 3rem;
}

.v2-challenges-eyebrow {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v2-cta);
    margin-bottom: 1rem;
    padding-bottom: 0.25rem;
    border-bottom: 2px solid var(--v2-challenges-coral);
}

.v2-challenges-heading {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    color: var(--v2-white);
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.v2-challenges-body {
    font-size: 1.1rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
}


.v2-challenges-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}


.v2-challenge-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--v2-radius-lg);
    padding: 1.5rem;
    backdrop-filter: blur(10px);
    transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

.v2-challenge-card:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.v2-challenge-icon {
    margin-bottom: 1rem;
    color: var(--v2-challenges-coral);
}

.v2-challenge-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--v2-white);
    margin-bottom: 0.75rem;
}

.v2-challenge-desc {
    font-size: 0.9rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 1023px) {
    .v2-challenges-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}

@media (max-width: 767px) {
    .v2-challenges-section {
        padding: 3rem 0;
    }

    .v2-challenges-heading {
        font-size: 1.8rem;
    }

    .v2-challenges-body {
        font-size: 1rem;
    }

    .v2-challenges-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .v2-challenge-card {
        padding: 1.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-challenge-card,
    [data-reveal] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}






:root {
    --v2-cred-svc-purple-dark: #391d77;
    --v2-cred-svc-purple-mid: #5c1bb3;
    --v2-cred-svc-purple-light: rgba(92, 27, 179, 0.08);
    --v2-cred-svc-coral: #ff5757;
    --v2-cred-svc-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.v2-cred-service-section {
    background: var(--v2-white);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.v2-cred-service-section::before {
    content: "";
    position: absolute;
    top: -10%;
    left: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(
        circle,
        rgba(92, 27, 179, 0.05) 0%,
        transparent 70%
    );
    border-radius: 50%;
    pointer-events: none;
}

.v2-cred-service-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 4rem;
    align-items: center;
    position: relative;
    z-index: 1;
}


.v2-cred-service-content {
    max-width: 600px;
}

.v2-cred-service-eyebrow {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v2-cta);
    margin-bottom: 1rem;
    padding-bottom: 0.25rem;
    border-bottom: 2px solid var(--v2-cred-svc-coral);
}

.v2-cred-service-heading {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: var(--v2-cred-svc-purple-dark);
    letter-spacing: -0.02em;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.v2-cred-service-paragraph {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--v2-subheading);
    margin-bottom: 2rem;
}


.v2-cred-service-list {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.v2-cred-service-list li {
    position: relative;
    padding-left: 1.5rem;
    font-size: 1rem;
    color: var(--v2-heading);
    font-weight: 500;
}

.v2-cred-service-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25rem;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C1BB3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
    background-size: cover;
}


.v2-cred-service-callout {
    display: flex;
    gap: 1rem;
    background: var(--v2-cred-svc-purple-light);
    border-left: 4px solid var(--v2-cred-svc-purple-mid);
    padding: 1.25rem 1.5rem;
    border-radius: 0 var(--v2-radius-md) var(--v2-radius-md) 0;
    margin-bottom: 2rem;
}

.v2-cred-service-callout-icon {
    flex-shrink: 0;
    color: var(--v2-cred-svc-purple-mid);
    margin-top: 0.25rem;
}

.v2-cred-service-callout p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--v2-heading);
    margin: 0;
    font-weight: 500;
}


.v2-cred-service-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--v2-cred-svc-purple-mid);
    text-decoration: none;
    transition:
        color 0.3s ease,
        gap 0.3s ease;
}

.v2-cred-service-link:hover {
    color: var(--v2-cred-svc-coral);
    gap: 0.75rem;
}


.v2-cred-service-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.v2-cred-service-visual-bg {
    position: absolute;
    width: 350px;
    height: 350px;
    background: var(--v2-cred-svc-purple-light);
    border-radius: 50%;
    z-index: 0;
}


.v2-cred-service-process {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.v2-cred-service-process-circle {
    width: 180px;
    height: 180px;
    background: var(--v2-cred-svc-purple-mid);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-white);
    box-shadow: 0 20px 40px rgba(92, 27, 179, 0.3);
    margin-bottom: 1rem;
}

.v2-cred-service-process-label {
    font-size: 1rem;
    font-weight: 600;
    color: var(--v2-cred-svc-purple-dark);
    text-align: center;
}


.v2-cred-service-badge {
    position: absolute;
    background: var(--v2-white);
    padding: 0.75rem 1.25rem;
    border-radius: var(--v2-radius-md);
    box-shadow: 0 8px 24px rgba(92, 27, 179, 0.15);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--v2-cred-svc-purple-dark);
    z-index: 2;
    animation: floatBadge 6s ease-in-out infinite;
}

.v2-cred-service-badge-icon {
    color: var(--v2-cred-svc-coral);
}

.v2-cred-service-badge-1 {
    top: 10%;
    left: -10px;
    animation-delay: 0s;
}

.v2-cred-service-badge-2 {
    top: 30%;
    right: -20px;
    animation-delay: 2s;
}

.v2-cred-service-badge-3 {
    bottom: 20%;
    left: -20px;
    animation-delay: 4s;
}

.v2-cred-service-badge-4 {
    bottom: 10%;
    right: -10px;
    animation-delay: 1s;
}

@keyframes floatBadge {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}


.v2-cred-service-deco-ring {
    position: absolute;
    width: 200px;
    height: 200px;
    border: 2px solid var(--v2-cred-svc-coral);
    border-radius: 50%;
    top: 10%;
    right: 10%;
    opacity: 0.3;
    z-index: 1;
}

.v2-cred-service-deco-dots {
    position: absolute;
    width: 120px;
    height: 120px;
    bottom: 10%;
    left: 10%;
    background-image: radial-gradient(
        circle,
        var(--v2-cred-svc-purple-mid) 2px,
        transparent 2px
    );
    background-size: 16px 16px;
    opacity: 0.2;
    z-index: 1;
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 1023px) {
    .v2-cred-service-container {
        grid-template-columns: 1fr;
        gap: 3rem;
        text-align: center;
    }

    .v2-cred-service-content {
        max-width: 100%;
        text-align: left;
    }

    .v2-cred-service-list {
        grid-template-columns: 1fr;
    }

    .v2-cred-service-callout {
        text-align: left;
    }

    .v2-cred-service-visual {
        margin-top: 2rem;
        min-height: 350px;
    }
}

@media (max-width: 767px) {
    .v2-cred-service-section {
        padding: 3rem 0;
    }

    .v2-cred-service-heading {
        font-size: 1.8rem;
    }

    .v2-cred-service-paragraph {
        font-size: 1rem;
    }

    .v2-cred-service-list li {
        font-size: 0.95rem;
    }

    .v2-cred-service-visual {
        min-height: 300px;
    }

    .v2-cred-service-process-circle {
        width: 140px;
        height: 140px;
    }

    .v2-cred-service-badge {
        padding: 0.5rem 0.75rem;
        font-size: 0.8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-cred-service-badge {
        animation: none;
    }

    [data-reveal] {
        transition: none;
        opacity: 1;
        transform: none;
    }
}






:root {
    --v2-cd-purple-dark: #391D77;
    --v2-cd-purple-mid: #5C1BB3;
    --v2-cd-coral: #ff5757;
    --v2-cd-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.v2-cd-section {
    background: linear-gradient(135deg, var(--v2-cd-purple-dark) 0%, #2A1558 100%);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.v2-cd-section::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 87, 87, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-cd-section::after {
    content: '';
    position: absolute;
    bottom: -20%;
    left: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(92, 27, 179, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-cd-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}


.v2-cd-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 3rem;
}

.v2-cd-eyebrow {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v2-cta);
    margin-bottom: 1rem;
    padding-bottom: 0.25rem;
    border-bottom: 2px solid var(--v2-cd-coral);
}

.v2-cd-heading {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: var(--v2-white);
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.v2-cd-subheading {
    font-size: 1.1rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
}


.v2-cd-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}


.v2-cd-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--v2-radius-lg);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    backdrop-filter: blur(10px);
    transition: transform 0.4s ease, background 0.4s ease, border-color 0.4s ease;
}

.v2-cd-card:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.v2-cd-icon {
    margin-bottom: 1.5rem;
    color: var(--v2-cd-coral);
}

.v2-cd-number {
    font-size: clamp(2.5rem, 4vw, 3.5rem);
    font-weight: 800;
    color: var(--v2-white);
    line-height: 1.1;
    margin-bottom: 0.5rem;
}

.v2-cd-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--v2-white);
    margin-bottom: 0.75rem;
}

.v2-cd-desc {
    font-size: 0.9rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 1023px) {
    .v2-cd-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .v2-cd-section {
        padding: 3rem 0;
    }

    .v2-cd-heading {
        font-size: 1.8rem;
    }

    .v2-cd-subheading {
        font-size: 1rem;
    }

    .v2-cd-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .v2-cd-card {
        padding: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-cd-card,
    [data-reveal] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}




:root {
    --v2-wc-purple-dark: #391D77;
    --v2-wc-purple-mid: #5C1BB3;
    --v2-wc-purple-light: rgba(92, 27, 179, 0.08);
    --v2-wc-coral: #ff5757;
    --v2-wc-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.v2-wc-section {
    background: var(--v2-white);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.v2-wc-section::before {
    content: '';
    position: absolute;
    top: -10%;
    left: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(92, 27, 179, 0.06) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-wc-section::after {
    content: '';
    position: absolute;
    bottom: -10%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 87, 87, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-wc-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}


.v2-wc-header {
    max-width: 700px;
    margin-bottom: 3rem;
}

.v2-wc-eyebrow {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v2-cta);
    margin-bottom: 1rem;
    padding-bottom: 0.25rem;
    border-bottom: 2px solid var(--v2-wc-coral);
}

.v2-wc-heading {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: var(--v2-wc-purple-dark);
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.v2-wc-subheading {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--v2-subheading);
    font-weight: 400;
}


.v2-wc-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-bottom: 3rem;
}


.v2-wc-card {
    background: linear-gradient(135deg, var(--v2-wc-purple-light) 0%, rgba(255, 255, 255, 0) 100%);
    border: 1px solid rgba(92, 27, 179, 0.1);
    border-radius: var(--v2-radius-lg);
    padding: 2rem;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
    position: relative;
    overflow: hidden;
}

.v2-wc-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--v2-wc-purple-mid), var(--v2-wc-coral));
    opacity: 0;
    transition: opacity 0.4s ease;
}

.v2-wc-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(92, 27, 179, 0.1);
    border-color: rgba(92, 27, 179, 0.3);
}

.v2-wc-card:hover::before {
    opacity: 1;
}

.v2-wc-card-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.v2-wc-card-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--v2-wc-purple-mid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-white);
    margin-bottom: 1.5rem;
    transition: background 0.3s ease, transform 0.3s ease;
}

.v2-wc-card:hover .v2-wc-card-icon {
    background: var(--v2-wc-coral);
    transform: scale(1.05);
}

.v2-wc-card-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--v2-wc-purple-dark);
    margin-bottom: 0.75rem;
}

.v2-wc-card-desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--v2-subheading);
    margin: 0;
}


.v2-wc-banner {
    display: flex;
    align-items: center;
    gap: 2rem;
    background: var(--v2-wc-purple-dark);
    border-radius: var(--v2-radius-lg);
    padding: 2rem 2.5rem;
    margin-top: 2rem;
    position: relative;
    overflow: hidden;
}

.v2-wc-banner::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255, 87, 87, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-wc-banner-icon {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-wc-coral);
}

.v2-wc-banner-content {
    position: relative;
    z-index: 1;
}

.v2-wc-banner-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--v2-white);
    margin-bottom: 0.5rem;
}

.v2-wc-banner-desc {
    font-size: 1rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 1023px) {
    .v2-wc-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .v2-wc-banner {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
        padding: 2rem;
    }

    .v2-wc-banner-icon {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 767px) {
    .v2-wc-section {
        padding: 3rem 0;
    }

    .v2-wc-heading {
        font-size: 1.8rem;
    }

    .v2-wc-subheading {
        font-size: 1rem;
    }

    .v2-wc-card {
        padding: 1.5rem;
    }

    .v2-wc-card-title {
        font-size: 1.1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-wc-card,
    .v2-wc-card-icon,
    [data-reveal] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}






:root {
    --v2-cp-purple-dark: #391D77;
    --v2-cp-purple-mid: #5C1BB3;
    --v2-cp-purple-light: rgba(92, 27, 179, 0.08);
    --v2-cp-coral: #ff5757;
    --v2-cp-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.v2-cp-section {
    background: var(--v2-bg); 
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.v2-cp-section::before {
    content: '';
    position: absolute;
    top: -10%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(92, 27, 179, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-cp-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}


.v2-cp-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 4rem;
}

.v2-cp-eyebrow {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v2-cta);
    margin-bottom: 1rem;
    padding-bottom: 0.25rem;
    border-bottom: 2px solid var(--v2-cp-coral);
}

.v2-cp-heading {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: var(--v2-cp-purple-dark);
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.v2-cp-subheading {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--v2-subheading);
    font-weight: 400;
}


.v2-cp-timeline {
    position: relative;
    padding-left: 60px; 
}

.v2-cp-timeline::before {
    content: '';
    position: absolute;
    left: 25px; 
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--v2-cp-purple-mid) 0%, var(--v2-cp-coral) 100%);
    opacity: 0.3;
    z-index: 0;
}


.v2-cp-step {
    position: relative;
    margin-bottom: 2.5rem;
    display: flex;
    align-items: flex-start;
}

.v2-cp-step:last-child {
    margin-bottom: 0;
}


.v2-cp-marker {
    position: absolute;
    left: -60px;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--v2-white);
    border: 2px solid var(--v2-cp-purple-mid);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-cp-purple-mid);
    box-shadow: 0 4px 12px rgba(92, 27, 179, 0.1);
    z-index: 1;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.v2-cp-step:hover .v2-cp-marker {
    background: var(--v2-cp-purple-mid);
    color: var(--v2-white);
    transform: scale(1.05);
}

.v2-cp-step-number {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 24px;
    height: 24px;
    background: var(--v2-cp-coral);
    color: var(--v2-white);
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.v2-cp-marker svg {
    width: 20px;
    height: 20px;
}


.v2-cp-card {
    background: var(--v2-white);
    border-radius: var(--v2-radius-md);
    padding: 1.5rem 2rem;
    flex: 1;
    box-shadow: 0 4px 12px rgba(92, 27, 179, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.v2-cp-step:hover .v2-cp-card {
    transform: translateX(8px);
    box-shadow: 0 8px 24px rgba(92, 27, 179, 0.12);
}

.v2-cp-step-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--v2-cp-purple-dark);
    margin-bottom: 1rem;
}

.v2-cp-step-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem 1rem;
}

.v2-cp-step-list li {
    position: relative;
    padding-left: 1.5rem;
    font-size: 0.95rem;
    color: var(--v2-subheading);
}

.v2-cp-step-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.25rem;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C1BB3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
    background-size: cover;
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 767px) {
    .v2-cp-section {
        padding: 3rem 0;
    }

    .v2-cp-heading {
        font-size: 1.8rem;
    }

    .v2-cp-subheading {
        font-size: 1rem;
    }

    .v2-cp-timeline {
        padding-left: 50px;
    }

    .v2-cp-marker {
        left: -50px;
        width: 40px;
        height: 40px;
    }

    .v2-cp-step-number {
        width: 20px;
        height: 20px;
        font-size: 0.65rem;
        top: -6px;
        right: -6px;
    }

    .v2-cp-card {
        padding: 1.25rem 1.5rem;
    }

    .v2-cp-step-title {
        font-size: 1.1rem;
    }

    .v2-cp-step-list {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-cp-marker,
    .v2-cp-card,
    [data-reveal] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}






:root {
    --v2-mcs-purple-dark: #391D77;
    --v2-mcs-purple-mid: #5C1BB3;
    --v2-mcs-purple-light: rgba(92, 27, 179, 0.08);
    --v2-mcs-coral: #ff5757;
    --v2-mcs-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.v2-mcs-section {
    background: var(--v2-white);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.v2-mcs-section::before {
    content: '';
    position: absolute;
    top: -10%;
    right: -5%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(92, 27, 179, 0.06) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-mcs-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}


.v2-mcs-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 3rem;
}

.v2-mcs-eyebrow {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v2-cta);
    margin-bottom: 1rem;
    padding-bottom: 0.25rem;
    border-bottom: 2px solid var(--v2-mcs-coral);
}

.v2-mcs-heading {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: var(--v2-mcs-purple-dark);
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.v2-mcs-subheading {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--v2-subheading);
    font-weight: 400;
}


.v2-mcs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    align-items: stretch;
}


.v2-mcs-card {
    background: linear-gradient(180deg, var(--v2-white) 0%, var(--v2-mcs-purple-light) 100%);
    border: 1px solid rgba(92, 27, 179, 0.1);
    border-radius: var(--v2-radius-lg);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
    position: relative;
    overflow: hidden;
}

.v2-mcs-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--v2-mcs-purple-mid), var(--v2-mcs-coral));
    opacity: 0;
    transition: opacity 0.4s ease;
}

.v2-mcs-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(92, 27, 179, 0.15);
    border-color: rgba(92, 27, 179, 0.3);
}

.v2-mcs-card:hover::before {
    opacity: 1;
}


.v2-mcs-card-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(92, 27, 179, 0.1);
}

.v2-mcs-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--v2-mcs-purple-light);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-mcs-purple-mid);
    flex-shrink: 0;
    transition: background 0.3s ease, color 0.3s ease;
}

.v2-mcs-card:hover .v2-mcs-card-icon {
    background: var(--v2-mcs-purple-mid);
    color: var(--v2-white);
}

.v2-mcs-card-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--v2-mcs-purple-dark);
    margin: 0;
}


.v2-mcs-card-list {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
    flex-grow: 1;
}

.v2-mcs-card-list li {
    position: relative;
    padding-left: 1.5rem;
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--v2-subheading);
    margin-bottom: 0.75rem;
    transition: color 0.3s ease;
}

.v2-mcs-card-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.25rem;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C1BB3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
    background-size: cover;
}

.v2-mcs-card:hover .v2-mcs-card-list li {
    color: var(--v2-heading);
}


.v2-mcs-card-footer {
    padding-top: 1rem;
    border-top: 1px solid rgba(92, 27, 179, 0.1);
}

.v2-mcs-card-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: var(--v2-mcs-purple-mid);
    text-decoration: none;
    transition: gap 0.3s ease, color 0.3s ease;
}

.v2-mcs-card-link:hover {
    color: var(--v2-mcs-coral);
    gap: 0.75rem;
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 1023px) {
    .v2-mcs-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
        max-width: 600px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .v2-mcs-section {
        padding: 3rem 0;
    }

    .v2-mcs-heading {
        font-size: 1.8rem;
    }

    .v2-mcs-subheading {
        font-size: 1rem;
    }

    .v2-mcs-card {
        padding: 1.5rem;
    }

    .v2-mcs-card-title {
        font-size: 1.1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-mcs-card,
    .v2-mcs-card-icon,
    .v2-mcs-card-link,
    [data-reveal] {
        transition: none !important;
    }
}






:root {
    --v2-cpricing-purple-dark: #391D77;
    --v2-cpricing-purple-mid: #5C1BB3;
    --v2-cpricing-purple-light: rgba(92, 27, 179, 0.08);
    --v2-cpricing-coral: #ff5757;
    --v2-cpricing-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.v2-cpricing-section {
    background: var(--v2-bg);
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.v2-cpricing-section::before {
    content: '';
    position: absolute;
    top: -20%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(92, 27, 179, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.v2-cpricing-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1;
}


.v2-cpricing-header {
    text-align: center;
    max-width: 650px;
    margin: 0 auto 3rem;
}

.v2-cpricing-eyebrow {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v2-cta);
    margin-bottom: 1rem;
    padding-bottom: 0.25rem;
    border-bottom: 2px solid var(--v2-cpricing-coral);
}

.v2-cpricing-heading {
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 800;
    color: var(--v2-cpricing-purple-dark);
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
}

.v2-cpricing-subheading {
    font-size: 1.1rem;
    line-height: 1.6;
    color: var(--v2-subheading);
    font-weight: 400;
}


.v2-cpricing-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-bottom: 3rem;
    align-items: stretch;
}


.v2-cpricing-card {
    background: var(--v2-white);
    border-radius: var(--v2-radius-lg);
    padding: 2rem;
    border: 1px solid rgba(92, 27, 179, 0.1);
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.v2-cpricing-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(92, 27, 179, 0.12);
}


.v2-cpricing-featured {
    background: linear-gradient(135deg, var(--v2-cpricing-purple-dark) 0%, var(--v2-cpricing-purple-mid) 100%);
    border: none;
    color: var(--v2-white);
}

.v2-cpricing-featured:hover {
    box-shadow: 0 30px 60px rgba(92, 27, 179, 0.3);
}

.v2-cpricing-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--v2-cpricing-coral);
    color: var(--v2-white);
    padding: 0.35rem 1.5rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(255, 87, 87, 0.3);
}


.v2-cpricing-card-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}


.v2-cpricing-plan-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--v2-cpricing-purple-dark);
    margin-bottom: 1.5rem;
}

.v2-cpricing-featured .v2-cpricing-plan-title {
    color: var(--v2-white);
}


.v2-cpricing-price {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    margin-bottom: 2rem;
}

.v2-cpricing-currency {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--v2-cpricing-purple-mid);
}

.v2-cpricing-featured .v2-cpricing-currency {
    color: var(--v2-cpricing-coral);
}

.v2-cpricing-amount {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    color: var(--v2-cpricing-purple-dark);
}

.v2-cpricing-featured .v2-cpricing-amount {
    color: var(--v2-white);
}

.v2-cpricing-period {
    font-size: 0.9rem;
    color: var(--v2-subheading);
}

.v2-cpricing-featured .v2-cpricing-period {
    color: rgba(255, 255, 255, 0.8);
}


.v2-cpricing-features {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
    flex-grow: 1;
}

.v2-cpricing-features li {
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
    color: var(--v2-subheading);
}

.v2-cpricing-featured .v2-cpricing-features li {
    color: rgba(255, 255, 255, 0.9);
}

.v2-cpricing-features li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.2rem;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C1BB3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
    background-size: cover;
}

.v2-cpricing-featured .v2-cpricing-features li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5757' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
}


.v2-cpricing-cta {
    display: block;
    text-align: center;
    padding: 0.75rem 1.5rem;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    background: var(--v2-cpricing-purple-light);
    color: var(--v2-cpricing-purple-mid);
    transition: background 0.3s ease, color 0.3s ease;
}

.v2-cpricing-cta:hover {
    background: var(--v2-cpricing-purple-mid);
    color: var(--v2-white);
}

.v2-cpricing-cta-primary {
    background: var(--v2-cpricing-coral);
    color: var(--v2-white);
}

.v2-cpricing-cta-primary:hover {
    background: #e74c3c;
}


.v2-cpricing-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    background: var(--v2-white);
    border: 2px dashed var(--v2-cpricing-purple-mid);
    border-radius: var(--v2-radius-lg);
    padding: 2rem 2.5rem;
}

.v2-cpricing-banner-content {
    flex: 1;
}

.v2-cpricing-banner-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--v2-cpricing-purple-dark);
    margin-bottom: 0.5rem;
}

.v2-cpricing-banner-text {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--v2-subheading);
    margin: 0;
}

.v2-cpricing-banner-cta {
    flex-shrink: 0;
    display: inline-block;
    padding: 1rem 2rem;
    background: var(--v2-cpricing-purple-mid);
    color: var(--v2-white);
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.3s ease;
}

.v2-cpricing-banner-cta:hover {
    background: var(--v2-cpricing-purple-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(92, 27, 179, 0.3);
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 767px) {
    .v2-cpricing-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .v2-cpricing-banner {
        flex-direction: column;
        text-align: center;
        gap: 1.5rem;
        padding: 1.5rem;
    }

    .v2-cpricing-banner-cta {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .v2-cpricing-card {
        padding: 1.5rem;
    }

    .v2-cpricing-amount {
        font-size: 2.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-cpricing-card,
    .v2-cpricing-cta,
    .v2-cpricing-banner-cta,
    [data-reveal] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}







:root {
    --v2-faq-bg: #ffffff;
    --v2-faq-pad: 4rem 0;
    --v2-faq-radius: var(--v2-radius-md);
    --v2-faq-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.v2-faq-section {
    background: var(--v2-faq-bg);
    padding: var(--v2-faq-pad);
    position: relative;
}

.v2-faq-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
}


.v2-faq-header {
    text-align: center;
    margin-bottom: 3rem;
}

.v2-faq-eyebrow {
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--v2-cta);
    margin-bottom: 1rem;
    padding-bottom: 0.25rem;
    border-bottom: 2px solid var(--v2-highlight);
}

.v2-faq-heading {
    font-size: clamp(2.2rem, 4vw, 3rem);
    font-weight: 800;
    color: var(--v2-heading);
    letter-spacing: -0.02em;
    margin-bottom: 0.5rem;
}

.v2-faq-subheading {
    font-size: 1.15rem;
    color: var(--v2-subheading);
    font-weight: 400;
    max-width: 600px;
    margin: 0 auto;
}


.v2-faq-search {
    max-width: 600px;
    margin: 0 auto 3rem;
    position: relative;
}

.v2-faq-search-wrapper {
    position: relative;
}

.v2-faq-search-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--v2-subheading);
    pointer-events: none;
}

.v2-faq-search input {
    width: 100%;
    padding: 1rem 1rem 1rem 3rem;
    border: 1px solid rgba(92, 27, 179, 0.2);
    border-radius: var(--v2-radius-pill);
    background: var(--v2-white);
    font-family: var(--v2-font);
    font-size: 1rem;
    color: var(--v2-heading);
    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.v2-faq-search input:focus {
    outline: none;
    border-color: var(--v2-cta);
    box-shadow: 0 0 0 4px rgba(98, 34, 213, 0.1);
}


.v2-faq-layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 3rem;
}


.v2-faq-sidebar {
    position: sticky;
    top: 120px;
    align-self: start;
}

.v2-faq-sidebar-inner {
    padding: 1.5rem;
    background: var(--v2-bg);
    border-radius: var(--v2-radius-md);
    border: 1px solid rgba(92, 27, 179, 0.1);
}

.v2-faq-sidebar-title {
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--v2-subheading);
    margin-bottom: 1rem;
}

.v2-faq-sidebar-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.v2-faq-sidebar-list li {
    margin-bottom: 0.5rem;
}

.v2-faq-sidebar-list a {
    font-size: 0.95rem;
    color: var(--v2-heading);
    text-decoration: none;
    line-height: 1.4;
    padding: 0.25rem 0;
    display: block;
    transition:
        color 0.2s ease,
        padding-left 0.2s ease;
}

.v2-faq-sidebar-list a:hover,
.v2-faq-sidebar-list a.v2-active {
    color: var(--v2-cta);
    padding-left: 0.5rem;
    border-left: 2px solid var(--v2-cta);
    margin-left: -2px;
}


.v2-faq-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


.v2-faq-item {
    background: var(--v2-white);
    border: 1px solid rgba(92, 27, 179, 0.1);
    border-radius: var(--v2-faq-radius);
    overflow: hidden;
    transition:
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.v2-faq-item:hover {
    border-color: rgba(92, 27, 179, 0.3);
    box-shadow: 0 4px 12px rgba(92, 27, 179, 0.08);
}

.v2-faq-item.v2-open {
    border-color: var(--v2-cta);
    box-shadow: 0 8px 24px rgba(98, 34, 213, 0.1);
}


.v2-faq-question {
    width: 100%;
    background: transparent;
    border: none;
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
    text-align: left;
    font-family: var(--v2-font);
}

.v2-faq-question-text {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--v2-heading);
    line-height: 1.5;
}

.v2-faq-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-cta);
    transition: transform 0.3s ease;
}

.v2-faq-item.v2-open .v2-faq-icon {
    transform: rotate(90deg);
}


.v2-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition:
        max-height 0.4s ease,
        opacity 0.4s ease,
        padding 0.4s ease;
    opacity: 0;
    padding: 0 2rem;
}

.v2-faq-item.v2-open .v2-faq-answer {
    max-height: 1000px; 
    opacity: 1;
    padding: 0 2rem 1.5rem;
}

.v2-faq-answer p {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--v2-subheading);
    margin: 0;
    padding-bottom: 0.5rem;
}


.v2-faq-cta {
    text-align: center;
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid var(--v2-heading-soft);
}

.v2-faq-cta p {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--v2-heading);
    margin-bottom: 1rem;
}

.v2-faq-cta-btn {
    display: inline-block;
    padding: 0.75rem 2rem;
    background: var(--v2-cta);
    color: var(--v2-white);
    border-radius: var(--v2-radius-pill);
    text-decoration: none;
    font-weight: 600;
    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.v2-faq-cta-btn:hover {
    background: var(--v2-cta-hover);
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(98, 34, 213, 0.2);
}


[data-reveal] {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 1023px) {
    .v2-faq-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .v2-faq-sidebar {
        position: static;
        display: none; 
    }
}

@media (max-width: 767px) {
    .v2-faq-section {
        padding: 3rem 0;
    }

    .v2-faq-heading {
        font-size: 1.8rem;
    }

    .v2-faq-subheading {
        font-size: 1rem;
    }

    .v2-faq-question {
        padding: 1rem 1.5rem;
    }

    .v2-faq-question-text {
        font-size: 1rem;
    }

    .v2-faq-answer {
        padding: 0 1.5rem;
    }

    .v2-faq-item.v2-open .v2-faq-answer {
        padding: 0 1.5rem 1rem;
    }

    .v2-faq-cta {
        margin-top: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-faq-item,
    .v2-faq-icon,
    .v2-faq-answer,
    [data-reveal] {
        transition: none !important;
    }
}







:root {
    --v2-ar-purple-dark: #32145f;
    --v2-ar-purple: #54249a;
    --v2-ar-purple-light: #8156c8;
    --v2-ar-purple-soft: #eee8f8;

    --v2-ar-coral: #ff5757;

    --v2-ar-ink: #181321;
    --v2-ar-muted: #686172;
    --v2-ar-white: #ffffff;

    --v2-ar-border: rgba(50, 20, 95, 0.1);
}



.v2-ar-hero {
    position: relative;
    min-height: min(860px, 94svh);

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 82% 45%,
            rgba(117, 74, 193, 0.12),
            transparent 30%
        ),
        radial-gradient(
            circle at 4% 92%,
            rgba(255, 87, 87, 0.045),
            transparent 25%
        ),
        #fbfafc;

    padding: 3rem 0 4rem;
}



.v2-ar-hero-container {
    width: min(1380px, calc(100% - 80px));
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1.08fr);

    align-items: center;
    gap: 30px;
}



.v2-ar-hero-content {
    position: relative;
    z-index: 10;

    max-width: 680px;
}

.v2-ar-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 20px;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: var(--v2-cta);
}

.v2-ar-hero-eyebrow::before {
    content: "";

    width: 28px;
    height: 2px;

    background: var(--v2-ar-coral);
}

.v2-ar-hero-headline {
    margin: 0;

    font-size: clamp(44px, 4.2vw, 70px);
    line-height: 0.99;
    letter-spacing: -0.045em;
    font-weight: 800;

    color: var(--v2-heading);
}

.v2-ar-hero-highlight {
    display: block;

    margin-top: 8px;

    color: var(--v2-highlight);
}

.v2-ar-hero-subheading {
    max-width: 620px;

    margin: 27px 0 15px;

    font-size: clamp(19px, 1.45vw, 23px);
    line-height: 1.42;
    font-weight: 600;

    color: var(--v2-subheading);
}

.v2-ar-hero-body {
    max-width: 625px;

    margin: 0;

    font-size: 16px;
    line-height: 1.72;

    color: var(--v2-ar-muted);
}

.v2-ar-hero-body--secondary {
    margin-top: 9px;
}



.v2-ar-hero-ctas {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-top: 30px;
}

.v2-ar-hero-cta-primary,
.v2-ar-hero-cta-secondary {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 22px;

    border-radius: 8px;

    font-size: 14px;
    font-weight: 750;

    text-decoration: none;

    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        background 180ms ease;
}

.v2-ar-hero-cta-primary {
    gap: 11px;

    color: var(--v2-ar-white);
    background: var(--v2-ar-purple-dark);

    box-shadow: 0 12px 28px rgba(50, 20, 95, 0.18);
}

.v2-ar-hero-cta-primary:hover {
    transform: translateY(-2px);

    box-shadow: 0 17px 34px rgba(50, 20, 95, 0.24);
}

.v2-ar-hero-cta-secondary {
    color: var(--v2-ar-purple-dark);

    border: 1px solid rgba(50, 20, 95, 0.16);

    background: rgba(255, 255, 255, 0.72);
}

.v2-ar-hero-cta-secondary:hover {
    background: var(--v2-ar-white);
}



.v2-ar-hero-trust {
    display: flex;
    align-items: center;
    gap: 24px;

    margin-top: 25px;
}

.v2-ar-hero-trust span {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    font-size: 12px;
    font-weight: 650;

    color: #756d7e;
}

.v2-ar-hero-trust svg {
    width: 17px;
    height: 17px;

    color: var(--v2-ar-purple);
}



.v2-ar-hero-art {
    position: relative;

    height: 680px;
    min-width: 0;
}



.v2-ar-hero-glow {
    position: absolute;

    width: 570px;
    height: 570px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(105, 62, 174, 0.17) 0%,
        rgba(105, 62, 174, 0.07) 40%,
        rgba(105, 62, 174, 0) 72%
    );

    filter: blur(1px);
}



.v2-ar-hero-orbit {
    position: absolute;

    left: 50%;
    top: 50%;

    border: 1px solid rgba(84, 36, 154, 0.13);

    border-radius: 50%;

    transform: translate(-50%, -50%) rotate(-18deg);
}

.v2-ar-hero-orbit--outer {
    width: 560px;
    height: 410px;
}

.v2-ar-hero-orbit--inner {
    width: 405px;
    height: 300px;

    border-color: rgba(84, 36, 154, 0.18);

    transform: translate(-50%, -50%) rotate(26deg);
}



.v2-ar-hero-flow {
    position: absolute;

    left: 7%;
    top: 23%;

    width: 86%;
    height: 260px;

    opacity: 0.75;
}

.v2-ar-hero-flow svg {
    width: 100%;
    height: 100%;
}

.v2-ar-hero-flow path {
    stroke: rgba(84, 36, 154, 0.25);
    stroke-width: 1.2;
    stroke-dasharray: 5 8;
}



.v2-ar-hero-node {
    position: absolute;

    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: var(--v2-ar-coral);

    box-shadow: 0 0 0 7px rgba(255, 87, 87, 0.08);
}

.v2-ar-hero-node--one {
    left: 15%;
    top: 43%;
}

.v2-ar-hero-node--two {
    right: 17%;
    top: 27%;
}

.v2-ar-hero-node--three {
    right: 11%;
    bottom: 30%;
}

.v2-ar-hero-node--four {
    left: 28%;
    bottom: 21%;
}



.v2-ar-hero-recovery {
    position: absolute;

    z-index: 3;

    top: 19%;
    right: 6%;

    width: 225px;

    padding: 20px;

    border: 1px solid rgba(84, 36, 154, 0.12);
    border-radius: 15px;

    background: rgba(255, 255, 255, 0.8);

    box-shadow: 0 25px 55px rgba(43, 21, 80, 0.1);

    backdrop-filter: blur(16px);
}

.v2-ar-hero-recovery-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    color: #81798b;
}

.v2-ar-hero-recovery-header i {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--v2-ar-coral);
}

.v2-ar-hero-recovery-title {
    margin: 17px 0 15px;

    font-size: 17px;
    font-weight: 800;

    color: var(--v2-ar-ink);
}

.v2-ar-hero-recovery-line {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 9px 0;

    border-top: 1px solid rgba(50, 20, 95, 0.07);

    font-size: 11px;

    color: #746c7d;
}

.v2-ar-hero-recovery-line b {
    font-size: 10px;
    font-weight: 800;

    color: var(--v2-ar-purple);
}



.v2-ar-hero-panel {
    position: absolute;

    z-index: 7;

    display: flex;
    flex-direction: column;

    padding: 15px 17px;

    min-width: 205px;

    border: 1px solid rgba(84, 36, 154, 0.1);
    border-radius: 12px;

    background: rgba(255, 255, 255, 0.88);

    box-shadow: 0 20px 45px rgba(42, 21, 79, 0.11);

    backdrop-filter: blur(15px);
}

.v2-ar-hero-panel--top {
    left: 2%;
    top: 29%;
}

.v2-ar-hero-panel--bottom {
    right: 2%;
    bottom: 18%;
}

.v2-ar-hero-panel-label {
    margin-bottom: 6px;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;

    color: #837b8d;
}

.v2-ar-hero-panel strong {
    font-size: 18px;
    line-height: 1.2;

    color: var(--v2-ar-purple-dark);
}

.v2-ar-hero-panel-meta {
    margin-top: 4px;

    font-size: 10px;

    color: #8b8393;
}



.v2-ar-hero-cross {
    position: absolute;

    right: 14%;
    bottom: 18%;

    width: 42px;
    height: 42px;

    opacity: 0.12;
}

.v2-ar-hero-cross span {
    position: absolute;

    background: var(--v2-ar-purple);
    border-radius: 3px;
}

.v2-ar-hero-cross span:first-child {
    width: 42px;
    height: 9px;

    top: 16px;
    left: 0;
}

.v2-ar-hero-cross span:last-child {
    width: 9px;
    height: 42px;

    left: 16px;
    top: 0;
}



.v2-ar-hero-accent {
    position: absolute;

    z-index: 2;

    width: 14px;
    height: 14px;

    left: 25%;
    top: 20%;

    border-radius: 50%;

    background: var(--v2-ar-coral);

    box-shadow: 0 0 0 9px rgba(255, 87, 87, 0.08);
}



.v2-ar-hero-person {
    position: absolute;
    z-index: 6;
    left: 50%;
    bottom: 0;
    transform: translateX(-42%);
    width: min(470px, 43vw);
    max-width: none;
    height: auto;
    max-height: 80vh; 
    object-fit: contain;
    filter: drop-shadow(0 25px 35px rgba(36, 18, 70, 0.13));
}



@media (max-width: 1200px) {
    .v2-ar-hero-container {
        width: min(1180px, calc(100% - 50px));

        grid-template-columns:
            minmax(0, 0.95fr)
            minmax(450px, 1.05fr);
    }

    .v2-ar-hero-art {
        height: 620px;
    }

    .v2-ar-hero-recovery {
        right: 1%;
    }

    .v2-ar-hero-panel--top {
        left: 0;
    }

    .v2-ar-hero-panel--bottom {
        right: 0;
    }
}

@media (max-width: 960px) {
    .v2-ar-hero {
        padding: 4rem 0 3rem;
    }

    .v2-ar-hero-container {
        grid-template-columns: 1fr;
    }

    .v2-ar-hero-content {
        max-width: 760px;
    }

    .v2-ar-hero-art {
        height: 590px;

        margin-top: 10px;
    }
}

@media (max-width: 600px) {
    .v2-ar-hero {
        min-height: auto;

        padding: calc(var(--v2-header-h, 66px) + 2.5rem) 0 0;
    }

    .v2-ar-hero-container {
        width: min(100% - 32px, 540px);
    }

    .v2-ar-hero-headline {
        font-size: clamp(38px, 11vw, 52px);
    }

    .v2-ar-hero-subheading {
        font-size: 18px;
    }

    .v2-ar-hero-body {
        font-size: 15px;
    }

    .v2-ar-hero-ctas {
        flex-direction: column;
        align-items: stretch;
    }

    .v2-ar-hero-cta-primary,
    .v2-ar-hero-cta-secondary {
        width: 100%;
    }

    .v2-ar-hero-trust {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .v2-ar-hero-art {
        height: 500px;
        margin-top: 15px;
    }

    .v2-ar-hero-glow {
        width: 420px;
        height: 420px;
    }

    .v2-ar-hero-orbit--outer {
        width: 420px;
        height: 320px;
    }

    .v2-ar-hero-orbit--inner {
        width: 310px;
        height: 240px;
    }

    .v2-ar-hero-person {
        left: 50%;
        width: min(360px, 88vw);
        transform: translateX(-50%);
    }

    .v2-ar-hero-recovery {
        top: 9%;
        right: 0;

        width: 185px;

        padding: 14px;
    }

    .v2-ar-hero-panel {
        min-width: 170px;
        padding: 12px 14px;
    }

    .v2-ar-hero-panel--top {
        left: 0;
        top: 30%;
    }

    .v2-ar-hero-panel--bottom {
        right: 0;
        bottom: 17%;
    }

    .v2-ar-hero-flow {
        opacity: 0.5;
    }
}

@media (max-width: 390px) {
    .v2-ar-hero-art {
        height: 450px;
    }

    .v2-ar-hero-person {
        width: 330px;
    }

    .v2-ar-hero-recovery {
        transform: scale(0.9);
        transform-origin: top right;
    }

    .v2-ar-hero-panel {
        transform: scale(0.88);
    }
}



@media (prefers-reduced-motion: reduce) {
    .v2-ar-hero-cta-primary,
    .v2-ar-hero-cta-secondary {
        transition: none;
    }
}






:root {
    --v2-ar-pain-coral: #ff5757;
    --v2-ar-pain-purple: #54249a;
    --v2-ar-pain-purple-dark: #32145f;
    --v2-ar-pain-teal: #06a88a;
    --v2-ar-pain-orange: #e67e22;
    --v2-ar-pain-blue: #0064d9;
    --v2-ar-pain-rose: #e64a7a;
}

.v2-ar-pain {
    position: relative;
    background: #fbfafc;
    padding: 90px 0 0;
    overflow: hidden;
}

.v2-ar-pain-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
}



.v2-ar-pain-header {
    max-width: 750px;
    margin-bottom: 55px;
}

.v2-ar-pain-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-ar-pain-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-ar-pain-coral);
}

.v2-ar-pain-headline {
    margin: 0 0 18px;
    font-size: clamp(34px, 3.5vw, 48px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-ar-pain-headline-highlight {
    color: var(--v2-ar-pain-coral);
}

.v2-ar-pain-body {
    max-width: 680px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #686172;
}



.v2-ar-pain-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}



.v2-ar-pain-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 28px 26px 22px;
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(84, 36, 154, 0.07);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
    overflow: hidden;
}

.v2-ar-pain-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--v2-ar-pain-purple);
    opacity: 0.7;
}

.v2-ar-pain-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(50, 20, 95, 0.1);
    border-color: rgba(84, 36, 154, 0.15);
}

.v2-ar-pain-card--featured {
    background: linear-gradient(135deg, #32145f 0%, #54249a 100%);
    border-color: transparent;
}

.v2-ar-pain-card--featured .v2-ar-pain-card-title {
    color: #ffffff;
}

.v2-ar-pain-card--featured .v2-ar-pain-card-description {
    color: rgba(255, 255, 255, 0.7);
}

.v2-ar-pain-card--featured .v2-ar-pain-card-stat {
    border-top-color: rgba(255, 255, 255, 0.15);
}

.v2-ar-pain-card--featured .v2-ar-pain-card-stat-value {
    color: #ffffff;
}

.v2-ar-pain-card--featured .v2-ar-pain-card-stat-label {
    color: rgba(255, 255, 255, 0.5);
}

.v2-ar-pain-card--featured .v2-ar-pain-card-number {
    color: rgba(255, 255, 255, 0.4);
}



.v2-ar-pain-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 18px;
}

.v2-ar-pain-card-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-ar-pain-card-icon--coral {
    background: rgba(255, 87, 87, 0.1);
    color: #e64a4a;
}

.v2-ar-pain-card-icon--purple {
    background: rgba(84, 36, 154, 0.1);
    color: #54249a;
}

.v2-ar-pain-card-icon--teal {
    background: rgba(6, 168, 138, 0.1);
    color: #06a88a;
}

.v2-ar-pain-card-icon--orange {
    background: rgba(230, 126, 34, 0.1);
    color: #e67e22;
}

.v2-ar-pain-card-icon--blue {
    background: rgba(0, 100, 217, 0.1);
    color: #0064d9;
}

.v2-ar-pain-card-icon--rose {
    background: rgba(230, 74, 122, 0.1);
    color: #e64a7a;
}

.v2-ar-pain-card-number {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #8b8393;
    opacity: 0.6;
    position: relative;
    top: 2px;
}



.v2-ar-pain-card-title {
    font-size: 1.15rem;
    font-weight: 800;
    color: #181321;
    margin: 0 0 10px;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.v2-ar-pain-card-description {
    font-size: 0.9rem;
    font-weight: 500;
    color: #686172;
    line-height: 1.65;
    margin: 0 0 20px;
    flex-grow: 1;
}



.v2-ar-pain-card-stat {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding-top: 14px;
    border-top: 1px solid rgba(84, 36, 154, 0.08);
}

.v2-ar-pain-card-stat-value {
    font-size: 1.3rem;
    font-weight: 800;
    color: #54249a;
    letter-spacing: -0.02em;
}

.v2-ar-pain-card-stat-label {
    font-size: 0.7rem;
    font-weight: 700;
    color: #8b8393;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}



.v2-ar-pain-accent {
    height: 6px;
    margin-top: 60px;
    background: linear-gradient(
        90deg,
        #ff5757 0%,
        #54249a 50%,
        transparent 100%
    );
    opacity: 0.4;
}



@media (max-width: 1024px) {
    .v2-ar-pain {
        padding: 70px 0 0;
    }

    .v2-ar-pain-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .v2-ar-pain {
        padding: 50px 0 0;
    }

    .v2-ar-pain-container {
        width: min(100% - 32px, 540px);
    }

    .v2-ar-pain-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .v2-ar-pain-card {
        padding: 22px 20px 18px;
    }

    .v2-ar-pain-headline {
        font-size: clamp(28px, 7vw, 38px);
    }

    .v2-ar-pain-card-stat-value {
        font-size: 1.15rem;
    }
}



@media (prefers-reduced-motion: reduce) {
    .v2-ar-pain-card {
        transition: none;
    }

    .v2-ar-pain-card:hover {
        transform: none;
        box-shadow: none;
    }
}






:root {
    --v2-ar-sol-coral: #ff5757;
    --v2-ar-sol-purple: #54249a;
    --v2-ar-sol-purple-dark: #32145f;
    --v2-ar-sol-teal: #06A88A;
    --v2-ar-sol-white: #ffffff;
    --v2-ar-sol-ink: #181321;
    --v2-ar-sol-muted: #686172;
    --v2-ar-sol-border: rgba(84, 36, 154, 0.08);
}


.v2-ar-solution {
    position: relative;
    background: var(--v2-ar-sol-white);
    padding: 100px 0;
    overflow: hidden;
}


.v2-ar-solution::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 35%;
    height: 100%;
    background: radial-gradient(ellipse at top right, rgba(84, 36, 154, 0.03) 0%, transparent 70%);
    pointer-events: none;
}

.v2-ar-solution-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
    position: relative;
    z-index: 1;
}




.v2-ar-solution-header {
    max-width: 750px;
    margin-bottom: 55px;
}

.v2-ar-solution-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-ar-solution-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-ar-sol-coral);
}

.v2-ar-solution-headline {
    margin: 0 0 18px;
    font-size: clamp(34px, 3.5vw, 48px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-ar-solution-headline-highlight {
    color: var(--v2-highlight);
}

.v2-ar-solution-body {
    max-width: 680px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-ar-sol-muted);
}




.v2-ar-solution-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    align-items: stretch;
}




.v2-ar-solution-card {
    background: #fbfafc;
    border-radius: 16px;
    padding: 32px 30px 26px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--v2-ar-sol-border);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    position: relative;
    overflow: hidden;
}

.v2-ar-solution-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
}

.v2-ar-solution-card--aged::before {
    background: linear-gradient(90deg, var(--v2-ar-sol-coral) 0%, #ff8a5c 100%);
}

.v2-ar-solution-card--followup::before {
    background: linear-gradient(90deg, var(--v2-ar-sol-purple) 0%, #8b5cf6 100%);
}

.v2-ar-solution-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 48px rgba(50, 20, 95, 0.10);
    border-color: rgba(84, 36, 154, 0.15);
    background: var(--v2-ar-sol-white);
}




.v2-ar-solution-card-top {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--v2-ar-sol-border);
}

.v2-ar-solution-card-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-ar-solution-card--aged .v2-ar-solution-card-icon {
    background: rgba(255, 87, 87, 0.10);
    color: #e64a4a;
}

.v2-ar-solution-card--followup .v2-ar-solution-card-icon {
    background: rgba(84, 36, 154, 0.10);
    color: var(--v2-cta);
}

.v2-ar-solution-card-heading {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.v2-ar-solution-card-step {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.55;
}

.v2-ar-solution-card--aged .v2-ar-solution-card-step {
    color: #e64a4a;
}

.v2-ar-solution-card--followup .v2-ar-solution-card-step {
    color: var(--v2-cta);
}

.v2-ar-solution-card-title {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--v2-heading);
    margin: 0;
    letter-spacing: -0.01em;
    line-height: 1.3;
}




.v2-ar-solution-card-description {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--v2-ar-sol-muted);
    line-height: 1.65;
    margin: 0 0 20px;
}




.v2-ar-solution-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
}

.v2-ar-solution-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-heading);
    line-height: 1.5;
    transition: transform 0.2s ease;
}

.v2-ar-solution-feature-item:hover {
    transform: translateX(4px);
}

.v2-ar-solution-feature-check {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.v2-ar-solution-card--aged .v2-ar-solution-feature-check {
    background: rgba(255, 87, 87, 0.12);
    color: #e64a4a;
}

.v2-ar-solution-card--followup .v2-ar-solution-feature-check {
    background: rgba(84, 36, 154, 0.12);
    color: var(--v2-cta);
}




.v2-ar-solution-card-footer {
    padding-top: 16px;
    border-top: 1px solid var(--v2-ar-sol-border);
    display: flex;
    align-items: center;
}

.v2-ar-solution-card-footer-text {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    opacity: 0.55;
}

.v2-ar-solution-card--aged .v2-ar-solution-card-footer-text {
    color: #e64a4a;
}

.v2-ar-solution-card--followup .v2-ar-solution-card-footer-text {
    color: var(--v2-cta);
}




@media (max-width: 1024px) {
    .v2-ar-solution {
        padding: 80px 0;
    }

    .v2-ar-solution-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

@media (max-width: 640px) {
    .v2-ar-solution {
        padding: 50px 0;
    }

    .v2-ar-solution-container {
        width: min(100% - 32px, 540px);
    }

    .v2-ar-solution-card {
        padding: 24px 20px 20px;
    }

    .v2-ar-solution-headline {
        font-size: clamp(28px, 7vw, 38px);
    }

    .v2-ar-solution-card-title {
        font-size: 1.1rem;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-ar-solution-card,
    .v2-ar-solution-feature-item {
        transition: none;
    }

    .v2-ar-solution-card:hover {
        transform: none;
        box-shadow: none;
    }

    .v2-ar-solution-feature-item:hover {
        transform: none;
    }
}






:root {
    --v2-ar-why-coral: #ff5757;
    --v2-ar-why-purple: #54249a;
    --v2-ar-why-purple-dark: #32145f;
    --v2-ar-why-teal: #06A88A;
    --v2-ar-why-blue: #0064D9;
    --v2-ar-why-ink: #181321;
    --v2-ar-why-muted: #686172;
    --v2-ar-why-border: rgba(84, 36, 154, 0.08);
}


.v2-ar-why {
    position: relative;
    background: #fbfafc;
    padding: 100px 0;
    overflow: hidden;
}


.v2-ar-why::after {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(84, 36, 154, 0.04) 0%, transparent 70%);
    pointer-events: none;
}

.v2-ar-why-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
    position: relative;
    z-index: 1;
}




.v2-ar-why-header {
    max-width: 750px;
    margin-bottom: 55px;
}

.v2-ar-why-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-ar-why-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-ar-why-coral);
}

.v2-ar-why-headline {
    margin: 0 0 18px;
    font-size: clamp(34px, 3.5vw, 48px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-ar-why-headline-highlight {
    color: var(--v2-highlight);
}

.v2-ar-why-body {
    max-width: 680px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-ar-why-muted);
}




.v2-ar-why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}




.v2-ar-why-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 26px 24px 22px;
    display: flex;
    flex-direction: column;
    position: relative;
    border: 1px solid var(--v2-ar-why-border);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    overflow: hidden;
}

.v2-ar-why-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(50, 20, 95, 0.10);
    border-color: rgba(84, 36, 154, 0.15);
}

.v2-ar-why-card-accent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    opacity: 0.6;
}

.v2-ar-why-card--expertise .v2-ar-why-card-accent {
    background: var(--v2-ar-why-coral);
}

.v2-ar-why-card--strategy .v2-ar-why-card-accent {
    background: var(--v2-ar-why-purple);
}

.v2-ar-why-card--service .v2-ar-why-card-accent {
    background: var(--v2-ar-why-teal);
}

.v2-ar-why-card--visibility .v2-ar-why-card-accent {
    background: var(--v2-ar-why-blue);
}




.v2-ar-why-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 18px;
}

.v2-ar-why-card-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-ar-why-card--expertise .v2-ar-why-card-icon {
    background: rgba(255, 87, 87, 0.10);
    color: #e64a4a;
}

.v2-ar-why-card--strategy .v2-ar-why-card-icon {
    background: rgba(84, 36, 154, 0.10);
    color: var(--v2-cta);
}

.v2-ar-why-card--service .v2-ar-why-card-icon {
    background: rgba(6, 168, 138, 0.10);
    color: var(--v2-ar-why-teal);
}

.v2-ar-why-card--visibility .v2-ar-why-card-icon {
    background: rgba(0, 100, 217, 0.10);
    color: var(--v2-ar-why-blue);
}

.v2-ar-why-card-number {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #8b8393;
    opacity: 0.5;
    position: relative;
    top: 2px;
}




.v2-ar-why-card-title {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--v2-heading);
    margin: 0 0 10px;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.v2-ar-why-card-description {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-ar-why-muted);
    line-height: 1.65;
    margin: 0 0 20px;
    flex-grow: 1;
}




.v2-ar-why-card-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-top: 14px;
    border-top: 1px solid var(--v2-ar-why-border);
}

.v2-ar-why-card-tag-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.v2-ar-why-card--expertise .v2-ar-why-card-tag {
    color: #e64a4a;
}

.v2-ar-why-card--expertise .v2-ar-why-card-tag-dot {
    background: #e64a4a;
}

.v2-ar-why-card--strategy .v2-ar-why-card-tag {
    color: var(--v2-cta);
}

.v2-ar-why-card--strategy .v2-ar-why-card-tag-dot {
    background: var(--v2-ar-why-purple);
}

.v2-ar-why-card--service .v2-ar-why-card-tag {
    color: var(--v2-ar-why-teal);
}

.v2-ar-why-card--service .v2-ar-why-card-tag-dot {
    background: var(--v2-ar-why-teal);
}

.v2-ar-why-card--visibility .v2-ar-why-card-tag {
    color: var(--v2-ar-why-blue);
}

.v2-ar-why-card--visibility .v2-ar-why-card-tag-dot {
    background: var(--v2-ar-why-blue);
}




@media (max-width: 1100px) {
    .v2-ar-why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .v2-ar-why {
        padding: 50px 0;
    }

    .v2-ar-why-container {
        width: min(100% - 32px, 540px);
    }

    .v2-ar-why-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .v2-ar-why-card {
        padding: 22px 20px 18px;
    }

    .v2-ar-why-headline {
        font-size: clamp(28px, 7vw, 38px);
    }

    .v2-ar-why-card-title {
        font-size: 1rem;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-ar-why-card {
        transition: none;
    }

    .v2-ar-why-card:hover {
        transform: none;
        box-shadow: none;
    }
}






:root {
    --v2-ar-proc-coral: #ff5757;
    --v2-ar-proc-purple: #54249a;
    --v2-ar-proc-purple-dark: #32145f;
    --v2-ar-proc-ink: #181321;
    --v2-ar-proc-muted: #686172;
    --v2-ar-proc-border: rgba(84, 36, 154, 0.08);
}


.v2-ar-process {
    position: relative;
    background: #ffffff;
    padding: 100px 0;
    overflow: hidden;
}

.v2-ar-process-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
}




.v2-ar-process-header {
    max-width: 750px;
    margin-bottom: 55px;
}

.v2-ar-process-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-ar-process-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-ar-proc-coral);
}

.v2-ar-process-headline {
    margin: 0 0 18px;
    font-size: clamp(34px, 3.5vw, 48px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-ar-process-headline-highlight {
    color: var(--v2-highlight);
}

.v2-ar-process-body {
    max-width: 680px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-ar-proc-muted);
}




.v2-ar-process-stepper {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 0;
    border: 1px solid var(--v2-ar-proc-border);
    border-radius: 16px;
    overflow: hidden;
    background: #fbfafc;
}




.v2-ar-process-nav {
    display: flex;
    flex-direction: column;
    background: #f5f2f9;
    border-right: 1px solid var(--v2-ar-proc-border);
    padding: 8px;
}

.v2-ar-process-nav-btn {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 14px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: 'Manrope', sans-serif;
    text-align: left;
    position: relative;
    transition: background 0.3s ease, border-radius 0.3s ease;
    border-radius: 10px;
    flex-shrink: 0;
}

.v2-ar-process-nav-btn:hover {
    background: rgba(84, 36, 154, 0.04);
}

.v2-ar-process-nav-btn--active {
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(50, 20, 95, 0.08);
}

.v2-ar-process-nav-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(84, 36, 154, 0.08);
    color: var(--v2-ar-proc-muted);
    font-size: 0.8rem;
    font-weight: 800;
    transition: all 0.3s ease;
    flex-shrink: 0;
    margin-top: 2px;
}

.v2-ar-process-nav-btn--active .v2-ar-process-nav-number {
    background: var(--v2-ar-proc-coral);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(255, 87, 87, 0.3);
}

.v2-ar-process-nav-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex-grow: 1;
}

.v2-ar-process-nav-label {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--v2-heading);
    line-height: 1.3;
}

.v2-ar-process-nav-btn--active .v2-ar-process-nav-label {
    color: var(--v2-cta);
}

.v2-ar-process-nav-sub {
    font-size: 0.7rem;
    font-weight: 500;
    color: #8b8393;
    line-height: 1.3;
}

.v2-ar-process-nav-indicator {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 0;
    background: var(--v2-ar-proc-coral);
    border-radius: 4px 0 0 4px;
    transition: height 0.3s ease;
}

.v2-ar-process-nav-btn--active .v2-ar-process-nav-indicator {
    height: 40px;
}




.v2-ar-process-content {
    position: relative;
    min-height: 300px;
    padding: 40px;
}

.v2-ar-process-panel {
    animation: v2ArProcessFadeIn 0.4s ease;
}

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

.v2-ar-process-panel-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--v2-ar-proc-border);
}

.v2-ar-process-panel-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(255, 87, 87, 0.08);
    color: #e64a4a;
}

.v2-ar-process-panel-heading {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.v2-ar-process-panel-step {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #e64a4a;
    opacity: 0.7;
}

.v2-ar-process-panel-title {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--v2-heading);
    margin: 0;
    letter-spacing: -0.01em;
}

.v2-ar-process-panel-description {
    font-size: 1rem;
    font-weight: 500;
    color: var(--v2-ar-proc-muted);
    line-height: 1.75;
    margin: 0 0 22px;
    max-width: 650px;
}

.v2-ar-process-panel-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v2-ar-process-panel-tag {
    display: inline-block;
    background: rgba(84, 36, 154, 0.06);
    color: var(--v2-cta);
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    transition: background 0.2s ease;
}

.v2-ar-process-panel-tag:hover {
    background: rgba(84, 36, 154, 0.12);
}




@media (max-width: 900px) {
    .v2-ar-process-stepper {
        grid-template-columns: 1fr;
    }

    .v2-ar-process-nav {
        flex-direction: row;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border-right: none;
        border-bottom: 1px solid var(--v2-ar-proc-border);
        padding: 8px;
        scrollbar-width: thin;
        scrollbar-color: rgba(84, 36, 154, 0.2) transparent;
    }

    .v2-ar-process-nav::-webkit-scrollbar {
        height: 4px;
    }

    .v2-ar-process-nav::-webkit-scrollbar-track {
        background: transparent;
    }

    .v2-ar-process-nav::-webkit-scrollbar-thumb {
        background-color: rgba(84, 36, 154, 0.2);
        border-radius: 4px;
    }

    .v2-ar-process-nav-btn {
        flex-direction: column;
        min-width: 150px;
        gap: 8px;
        padding: 14px;
    }

    .v2-ar-process-nav-indicator {
        right: auto;
        left: 14px;
        bottom: 0;
        top: auto;
        transform: none;
        width: 0;
        height: 3px;
        border-radius: 0 0 4px 4px;
        transition: width 0.3s ease;
    }

    .v2-ar-process-nav-btn--active .v2-ar-process-nav-indicator {
        width: calc(100% - 28px);
        height: 3px;
    }

    .v2-ar-process-content {
        padding: 24px;
        min-height: 250px;
    }
}

@media (max-width: 640px) {
    .v2-ar-process {
        padding: 50px 0;
    }

    .v2-ar-process-container {
        width: min(100% - 32px, 540px);
    }

    .v2-ar-process-headline {
        font-size: clamp(28px, 7vw, 38px);
    }

    .v2-ar-process-nav-btn {
        min-width: 130px;
        padding: 12px;
    }

    .v2-ar-process-nav-label {
        font-size: 0.75rem;
    }

    .v2-ar-process-nav-sub {
        font-size: 0.65rem;
    }

    .v2-ar-process-content {
        padding: 18px;
    }

    .v2-ar-process-panel-title {
        font-size: 1.2rem;
    }

    .v2-ar-process-panel-description {
        font-size: 0.9rem;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-ar-process-panel {
        animation: none;
    }

    .v2-ar-process-nav-btn,
    .v2-ar-process-nav-number,
    .v2-ar-process-nav-indicator,
    .v2-ar-process-panel-tag {
        transition: none;
    }
}

















:root {
    --v2-mch-purple-dark: #32145f;
    --v2-mch-purple: #54249a;
    --v2-mch-coral: #ff5757;
    --v2-mch-teal: #06D6A0;
    --v2-mch-gold: #e6a817;
    --v2-mch-ink: #181321;
    --v2-mch-muted: #686172;
    --v2-mch-white: #ffffff;
}


.v2-mch {
    position: relative;
    background: #fbfafc;
    padding: 5rem 0 4rem;
    overflow: hidden;
}


.v2-mch-bg-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(84, 36, 154, 0.045) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(84, 36, 154, 0.045) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: radial-gradient(ellipse 85% 65% at 50% 40%, black 35%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 85% 65% at 50% 40%, black 35%, transparent 100%);
    pointer-events: none;
}

.v2-mch-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    pointer-events: none;
}

.v2-mch-glow--one {
    width: 560px;
    height: 560px;
    background: rgba(84, 36, 154, 0.14);
    top: -180px;
    right: -120px;
}

.v2-mch-glow--two {
    width: 420px;
    height: 420px;
    background: rgba(255, 87, 87, 0.07);
    bottom: -160px;
    left: -100px;
}

.v2-mch-container {
    position: relative;
    z-index: 2;
    width: min(1380px, calc(100% - 80px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(500px, 1fr);
    gap: 50px 60px;
    align-items: center;
}




.v2-mch-content {
    max-width: 620px;
}

.v2-mch-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--v2-mch-purple);
}

.v2-mch-eyebrow-line {
    width: 30px;
    height: 2px;
    background: var(--v2-mch-coral);
}

.v2-mch-headline {
    margin: 0 0 22px;
    font-size: clamp(38px, 4.2vw, 62px);
    line-height: 1.02;
    letter-spacing: -0.04em;
    font-weight: 800;
    color: var(--v2-mch-purple);
}
.v2-mch-headline-accent {
    color: #ff5757;
}

.v2-mch-headline-highlight {
    color: var(--v2-mch-purple);
    position: relative;
    white-space: nowrap;
}

.v2-mch-headline-highlight::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    height: 8px;
    background: rgba(255, 87, 87, 0.18);
    z-index: -1;
    border-radius: 3px;
}

.v2-mch-subheading {
    margin: 0 0 32px;
    font-size: clamp(17px, 1.4vw, 21px);
    font-weight: 600;
      color: var(--v2-mch-ink);
    line-height: 1.45;
    letter-spacing: -0.01em;
    max-width: 560px;
}




.v2-mch-ctas {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 30px;
}

.v2-mch-cta-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 28px;
    border-radius: 9px;
    background: var(--v2-mch-purple-dark);
    color: var(--v2-mch-white);
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    box-shadow: 0 14px 30px rgba(50, 20, 95, 0.22);
}

.v2-mch-cta-primary:hover {
    background: var(--v2-mch-purple);
    transform: translateY(-2px);
    box-shadow: 0 18px 38px rgba(50, 20, 95, 0.28);
}

.v2-mch-cta-primary svg {
    transition: transform 0.25s ease;
}

.v2-mch-cta-primary:hover svg {
    transform: translateX(4px);
}




.v2-mch-trust {
    display: flex;
    align-items: center;
    gap: 22px;
    padding-top: 26px;
    border-top: 1px solid rgba(84, 36, 154, 0.10);
    flex-wrap: wrap;
}

.v2-mch-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    font-weight: 650;
    color: #5f5569;
}

.v2-mch-trust-item svg {
    color: var(--v2-mch-purple);
    flex-shrink: 0;
}




.v2-mch-visual {
    position: relative;
    height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.v2-mch-glow-inner {
    position: absolute;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(105, 62, 174, 0.16) 0%,
        rgba(105, 62, 174, 0.05) 45%,
        transparent 72%
    );
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.v2-mch-orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(84, 36, 154, 0.13);
    border-radius: 50%;
    pointer-events: none;
}

.v2-mch-orbit--outer {
    width: 500px;
    height: 370px;
    transform: translate(-50%, -50%) rotate(-16deg);
}

.v2-mch-orbit--inner {
    width: 370px;
    height: 280px;
    border-color: rgba(84, 36, 154, 0.18);
    transform: translate(-50%, -50%) rotate(24deg);
}




.v2-mch-terminal {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 460px;
    background: #1a0f2e;
    border-radius: 16px;
    overflow: hidden;
    box-shadow:
        0 30px 70px rgba(26, 15, 46, 0.35),
        0 0 0 1px rgba(84, 36, 154, 0.15);
    transform: rotate(-1deg);
    transition: transform 0.4s ease;
}

.v2-mch-terminal:hover {
    transform: rotate(0deg) translateY(-4px);
}

.v2-mch-terminal-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: rgba(255, 255, 255, 0.04);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.v2-mch-terminal-dots {
    display: flex;
    gap: 6px;
}

.v2-mch-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.v2-mch-dot--red { background: #ff5f57; }
.v2-mch-dot--yellow { background: #ffbd2e; }
.v2-mch-dot--green { background: #28c840; }

.v2-mch-terminal-title {
    flex: 1;
    font-family: 'Courier New', monospace;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 0.02em;
}

.v2-mch-terminal-live {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(6, 214, 160, 0.15);
    color: var(--v2-mch-teal);
    font-family: 'Courier New', monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    position: relative;
}

.v2-mch-terminal-live::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--v2-mch-teal);
    animation: v2MchPulse 1.6s ease-in-out infinite;
}

@keyframes v2MchPulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(6, 214, 160, 0.6); }
    50% { opacity: 0.6; box-shadow: 0 0 0 5px rgba(6, 214, 160, 0); }
}

.v2-mch-terminal-body {
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.v2-mch-code-line {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    animation: v2MchCodeIn 0.6s ease both;
}

.v2-mch-code-line:nth-child(1) { animation-delay: 0.2s; }
.v2-mch-code-line:nth-child(2) { animation-delay: 0.4s; }
.v2-mch-code-line:nth-child(3) { animation-delay: 0.6s; }
.v2-mch-code-line:nth-child(4) { animation-delay: 0.8s; }

@keyframes v2MchCodeIn {
    from { opacity: 0; transform: translateX(-8px); }
    to { opacity: 1; transform: translateX(0); }
}

.v2-mch-code-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 5px;
    font-family: 'Courier New', monospace;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    flex-shrink: 0;
}

.v2-mch-code-tag--icd { background: rgba(84, 36, 154, 0.4); color: #c4a9ff; }
.v2-mch-code-tag--cpt { background: rgba(255, 87, 87, 0.2); color: #ff9090; }
.v2-mch-code-tag--mod { background: rgba(230, 168, 23, 0.2); color: #ffd166; }

.v2-mch-code-value {
    font-family: 'Courier New', monospace;
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.02em;
}

.v2-mch-code-label {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v2-mch-code-status {
    font-size: 13px;
    font-weight: 800;
    flex-shrink: 0;
}

.v2-mch-code-status--ok { color: var(--v2-mch-teal); }

.v2-mch-accuracy {
    margin-top: 6px;
    padding: 16px 14px;
    background: rgba(6, 214, 160, 0.05);
    border: 1px solid rgba(6, 214, 160, 0.15);
    border-radius: 10px;
    animation: v2MchCodeIn 0.6s ease 1s both;
}

.v2-mch-accuracy-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.v2-mch-accuracy-head strong {
    color: var(--v2-mch-teal);
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0;
}

.v2-mch-accuracy-track {
    height: 6px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    overflow: hidden;
}

.v2-mch-accuracy-fill {
    height: 100%;
    width: 98.6%;
    background: linear-gradient(90deg, var(--v2-mch-teal) 0%, #00b4d8 100%);
    border-radius: 999px;
    transform-origin: left;
    animation: v2MchFill 1.4s cubic-bezier(0.22, 1, 0.36, 1) 1.2s both;
}

@keyframes v2MchFill {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}




.v2-mch-float {
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 15px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 14px 32px rgba(50, 20, 95, 0.14);
    animation: v2MchFloat 6s ease-in-out infinite;
}

.v2-mch-float--audit {
    top: 6%;
    left: -3%;
}

.v2-mch-float--denial {
    bottom: 10%;
    right: -3%;
    animation-delay: -3s;
}

@keyframes v2MchFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.v2-mch-float-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(84, 36, 154, 0.10);
    color: var(--v2-mch-purple);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-mch-float-icon--green {
    background: rgba(6, 214, 160, 0.12);
    color: #048a67;
}

.v2-mch-float-text {
    display: flex;
    flex-direction: column;
    gap: 1px;
    line-height: 1.2;
}

.v2-mch-float-text strong {
    font-size: 12.5px;
    font-weight: 800;
    color: var(--v2-mch-ink);
    white-space: nowrap;
}

.v2-mch-float-text em {
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    color: #8b8393;
    white-space: nowrap;
}




.v2-mch-cross {
    position: absolute;
    right: 8%;
    top: 8%;
    width: 42px;
    height: 42px;
    opacity: 0.14;
    pointer-events: none;
}

.v2-mch-cross span {
    position: absolute;
    background: var(--v2-mch-purple);
    border-radius: 3px;
}

.v2-mch-cross span:first-child {
    width: 42px;
    height: 9px;
    top: 16px;
    left: 0;
}

.v2-mch-cross span:last-child {
    width: 9px;
    height: 42px;
    left: 16px;
    top: 0;
}

.v2-mch-accent {
    position: absolute;
    left: 6%;
    bottom: 14%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--v2-mch-coral);
    box-shadow: 0 0 0 8px rgba(255, 87, 87, 0.08);
    pointer-events: none;
}




.v2-mch-narrative {
    grid-column: 1 / -1;
    margin-top: 20px;
    background: #ffffff;
    border: 1px solid rgba(84, 36, 154, 0.08);
    border-radius: 18px;
    padding: 40px 44px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 44px;
    align-items: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(50, 20, 95, 0.06);
}


.v2-mch-narrative::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg,
        var(--v2-mch-purple) 0%,
        var(--v2-mch-coral) 50%,
        var(--v2-mch-teal) 100%
    );
    opacity: 0.9;
}


.v2-mch-narrative-col {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}


.v2-mch-narrative-marker {
    display: block;
    width: 26px;
    height: 3px;
    border-radius: 2px;
}

.v2-mch-narrative-marker--coral {
    background: var(--v2-mch-coral);
}

.v2-mch-narrative-marker--teal {
    background: var(--v2-mch-teal);
}


.v2-mch-narrative-text {
    margin: 0;
    font-size: 15px;
    line-height: 1.78;
    color: var(--v2-mch-muted);
    font-weight: 500;
    letter-spacing: 0.002em;
}


.v2-mch-narrative-divider {
    width: 1px;
    height: 100%;
    min-height: 110px;
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(84, 36, 154, 0.14) 50%,
        transparent 100%
    );
}




@media (max-width: 1200px) {
    .v2-mch-container {
        width: min(1180px, calc(100% - 50px));
        gap: 40px 40px;
        grid-template-columns: minmax(0, 1fr) minmax(440px, 1fr);
    }

    .v2-mch-visual {
        height: 520px;
    }

    .v2-mch-orbit--outer { width: 440px; height: 340px; }
    .v2-mch-orbit--inner { width: 330px; height: 250px; }

    .v2-mch-float--audit { left: 0; }
    .v2-mch-float--denial { right: 0; }

    .v2-mch-narrative {
        padding: 32px 34px;
        gap: 32px;
    }
}

@media (max-width: 960px) {
    .v2-mch {
        padding: 4rem 0 3rem;
    }

    .v2-mch-container {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .v2-mch-content {
        max-width: 760px;
        text-align: center;
        margin: 0 auto;
    }

    .v2-mch-eyebrow,
    .v2-mch-ctas,
    .v2-mch-trust {
        justify-content: center;
    }

    .v2-mch-subheading {
        margin-left: auto;
        margin-right: auto;
    }

    .v2-mch-visual {
        height: 540px;
        max-width: 600px;
        margin: 0 auto;
    }

    .v2-mch-float--audit { left: 2%; }
    .v2-mch-float--denial { right: 2%; }

    
    .v2-mch-narrative {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 32px 30px;
        margin-top: 0;
    }

    .v2-mch-narrative-divider {
        width: 100%;
        height: 1px;
        min-height: 0;
        background: linear-gradient(90deg,
            transparent 0%,
            rgba(84, 36, 154, 0.14) 50%,
            transparent 100%
        );
    }
}

@media (max-width: 600px) {
    .v2-mch {
        padding: calc(var(--v2-header-h, 66px) + 2.5rem) 0 2rem;
    }

    .v2-mch-container {
        width: min(100% - 32px, 540px);
        gap: 40px;
    }

    .v2-mch-headline {
        font-size: clamp(32px, 9vw, 44px);
    }

    .v2-mch-headline-highlight {
        white-space: normal;
    }

    .v2-mch-subheading {
        font-size: 16px;
    }

    .v2-mch-cta-primary {
        width: 100%;
        justify-content: center;
    }

    .v2-mch-trust {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .v2-mch-visual {
        height: 470px;
    }

    .v2-mch-terminal {
        transform: none;
        max-width: 100%;
    }

    .v2-mch-terminal:hover {
        transform: none;
    }

    .v2-mch-orbit--outer { width: 360px; height: 290px; }
    .v2-mch-orbit--inner { width: 270px; height: 210px; }

    .v2-mch-glow-inner {
        width: 360px;
        height: 360px;
    }

    .v2-mch-code-label {
        display: none;
    }

    .v2-mch-code-line {
        grid-template-columns: auto auto 1fr auto;
        gap: 8px;
    }

    .v2-mch-float {
        padding: 9px 12px;
    }

    .v2-mch-float-text strong { font-size: 11px; }
    .v2-mch-float-text em { font-size: 9px; }

    .v2-mch-float--audit { top: 2%; }
    .v2-mch-float--denial { bottom: 4%; }

    
    .v2-mch-narrative {
        padding: 24px 22px;
        border-radius: 14px;
        gap: 20px;
    }

    .v2-mch-narrative-text {
        font-size: 14.5px;
        line-height: 1.72;
    }
}

@media (max-width: 390px) {
    .v2-mch-visual { height: 430px; }
    .v2-mch-orbit--outer { width: 300px; height: 240px; }
    .v2-mch-orbit--inner { width: 220px; height: 175px; }
    .v2-mch-terminal-body { padding: 18px 14px; }
}




@media (prefers-reduced-motion: reduce) {
    .v2-mch-float,
    .v2-mch-terminal-live::before,
    .v2-mch-code-line,
    .v2-mch-accuracy,
    .v2-mch-accuracy-fill {
        animation: none;
    }

    .v2-mch-terminal,
    .v2-mch-cta-primary,
    .v2-mch-cta-primary svg {
        transition: none;
    }
}





:root {
    --v2-mchelp-purple: #54249a;
    --v2-mchelp-purple-dark: #32145f;
    --v2-mchelp-coral: #ff5757;
    --v2-mchelp-teal: #06A88A;
    --v2-mchelp-gold: #e6a817;
    --v2-mchelp-ink: #181321;
    --v2-mchelp-muted: #686172;
    --v2-mchelp-border: rgba(84, 36, 154, 0.08);
}


.v2-mchelp {
    position: relative;
    background: #f8f6fa;
    padding: 100px 0;
    overflow: hidden;
}

.v2-mchelp-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
}




.v2-mchelp-header {
    max-width: 720px;
    margin-bottom: 70px;
}

.v2-mchelp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-mchelp-purple);
}

.v2-mchelp-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-mchelp-coral);
}

.v2-mchelp-headline {
    margin: 0 0 18px;
    font-size: clamp(30px, 3.2vw, 44px);
    line-height: 1.12;
    letter-spacing: -0.03em;
    font-weight: 800;
    color: var(--v2-mchelp-ink);
}

.v2-mchelp-headline-highlight {
    color: var(--v2-mchelp-purple);
}

.v2-mchelp-body {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-mchelp-muted);
    max-width: 620px;
}




.v2-mchelp-flow {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}



.v2-mchelp-connector {
    position: absolute;
    top: 30px;
    left: 8%;
    right: 8%;
    height: 2px;
    background: rgba(84, 36, 154, 0.10);
    border-radius: 2px;
    overflow: hidden;
    z-index: 0;
}

.v2-mchelp-connector-fill {
    display: block;
    height: 100%;
    width: 0;
    background: linear-gradient(90deg,
        var(--v2-mchelp-purple) 0%,
        var(--v2-mchelp-coral) 33%,
        var(--v2-mchelp-teal) 66%,
        var(--v2-mchelp-gold) 100%
    );
    border-radius: 2px;
    transition: width 1.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.v2-mchelp-flow.is-visible .v2-mchelp-connector-fill {
    width: 100%;
}




.v2-mchelp-step {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}



.v2-mchelp-marker {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid rgba(84, 36, 154, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    position: relative;
    z-index: 2;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 12px rgba(50, 20, 95, 0.06);
}

.v2-mchelp-step:hover .v2-mchelp-marker {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(50, 20, 95, 0.12);
}

.v2-mchelp-marker-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

.v2-mchelp-step--one .v2-mchelp-marker-dot { background: var(--v2-mchelp-purple); }
.v2-mchelp-step--two .v2-mchelp-marker-dot { background: var(--v2-mchelp-coral); }
.v2-mchelp-step--three .v2-mchelp-marker-dot { background: var(--v2-mchelp-teal); }
.v2-mchelp-step--four .v2-mchelp-marker-dot { background: var(--v2-mchelp-gold); }

.v2-mchelp-step--one .v2-mchelp-marker { border-color: rgba(84, 36, 154, 0.25); }
.v2-mchelp-step--two .v2-mchelp-marker { border-color: rgba(255, 87, 87, 0.25); }
.v2-mchelp-step--three .v2-mchelp-marker { border-color: rgba(6, 168, 138, 0.25); }
.v2-mchelp-step--four .v2-mchelp-marker { border-color: rgba(230, 168, 23, 0.25); }

.v2-mchelp-step:hover .v2-mchelp-marker-dot {
    transform: scale(0.65);
}




.v2-mchelp-card {
    position: relative;
    width: 100%;
    background: #ffffff;
    border: 1px solid var(--v2-mchelp-border);
    border-radius: 16px;
    padding: 32px 26px 26px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.v2-mchelp-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    opacity: 0.7;
}

.v2-mchelp-step--one .v2-mchelp-card::before { background: var(--v2-mchelp-purple); }
.v2-mchelp-step--two .v2-mchelp-card::before { background: var(--v2-mchelp-coral); }
.v2-mchelp-step--three .v2-mchelp-card::before { background: var(--v2-mchelp-teal); }
.v2-mchelp-step--four .v2-mchelp-card::before { background: var(--v2-mchelp-gold); }

.v2-mchelp-step:hover .v2-mchelp-card {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(50, 20, 95, 0.10);
    border-color: rgba(84, 36, 154, 0.15);
}



.v2-mchelp-ghost {
    position: absolute;
    top: 22px;
    right: 22px;
    font-size: 3.6rem;
    font-weight: 800;
    line-height: 1;
    color: rgba(84, 36, 154, 0.05);
    letter-spacing: -0.05em;
    pointer-events: none;
    user-select: none;
}




.v2-mchelp-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
}

.v2-mchelp-icon--purple {
    background: rgba(84, 36, 154, 0.10);
    color: var(--v2-mchelp-purple);
}

.v2-mchelp-icon--coral {
    background: rgba(255, 87, 87, 0.10);
    color: #e64a4a;
}

.v2-mchelp-icon--teal {
    background: rgba(6, 168, 138, 0.10);
    color: var(--v2-mchelp-teal);
}

.v2-mchelp-icon--gold {
    background: rgba(230, 168, 23, 0.12);
    color: #d4a017;
}




.v2-mchelp-title {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--v2-mchelp-ink);
    margin: 0 0 10px;
    letter-spacing: -0.01em;
    line-height: 1.3;
    position: relative;
    z-index: 1;
}

.v2-mchelp-text {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-mchelp-muted);
    line-height: 1.65;
    margin: 0;
    position: relative;
    z-index: 1;
}




@media (max-width: 1024px) {
    .v2-mchelp {
        padding: 80px 0;
    }

    .v2-mchelp-flow {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 24px;
    }

    
    .v2-mchelp-connector {
        display: none;
    }
}

@media (max-width: 640px) {
    .v2-mchelp {
        padding: 50px 0;
    }

    .v2-mchelp-container {
        width: min(100% - 32px, 540px);
    }

    .v2-mchelp-header {
        margin-bottom: 40px;
    }

    .v2-mchelp-headline {
        font-size: clamp(26px, 7vw, 34px);
    }

    .v2-mchelp-flow {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .v2-mchelp-step {
        align-items: stretch;
    }

    .v2-mchelp-marker {
        display: none;
    }

    .v2-mchelp-card {
        padding: 26px 20px 22px;
    }

    .v2-mchelp-ghost {
        font-size: 3rem;
        top: 18px;
        right: 18px;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-mchelp-connector-fill {
        transition: none;
        width: 100%;
    }

    .v2-mchelp-card,
    .v2-mchelp-marker,
    .v2-mchelp-marker-dot {
        transition: none;
    }

    .v2-mchelp-step:hover .v2-mchelp-card {
        transform: none;
        box-shadow: none;
    }

    .v2-mchelp-step:hover .v2-mchelp-marker {
        transform: none;
    }

    .v2-mchelp-step:hover .v2-mchelp-marker-dot {
        transform: none;
    }
}






:root {
    --v2-mcb-purple: #54249a;
    --v2-mcb-purple-dark: #32145f;
    --v2-mcb-coral: #ff5757;
    --v2-mcb-teal: #06A88A;
    --v2-mcb-blue: #0064D9;
    --v2-mcb-gold: #e6a817;
    --v2-mcb-rose: #e64a7a;
    --v2-mcb-ink: #181321;
    --v2-mcb-muted: #686172;
    --v2-mcb-border: rgba(84, 36, 154, 0.08);
}


.v2-mcb {
    position: relative;
    background: #ffffff;
    padding: 100px 0;
    overflow: hidden;
}

.v2-mcb-bg-glow {
    position: absolute;
    top: -120px;
    left: -120px;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(84, 36, 154, 0.06) 0%, transparent 70%);
    pointer-events: none;
}

.v2-mcb-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.78fr 1.22fr;
    gap: 60px;
    align-items: start;
    position: relative;
    z-index: 1;
}




.v2-mcb-intro {
    position: sticky;
    top: 40px;
}

.v2-mcb-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-mcb-purple);
}

.v2-mcb-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-mcb-coral);
}

.v2-mcb-headline {
    margin: 0 0 20px;
    font-size: clamp(30px, 3.2vw, 44px);
    line-height: 1.12;
    letter-spacing: -0.03em;
    font-weight: 800;
    color: var(--v2-mcb-ink);
}

.v2-mcb-headline-highlight {
    display: block;
    color: var(--v2-mcb-purple);
    margin-top: 6px;
}

.v2-mcb-body {
    margin: 0 0 28px;
    font-size: 16px;
    line-height: 1.72;
    color: var(--v2-mcb-muted);
    max-width: 460px;
}



.v2-mcb-summary {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #32145f 0%, #54249a 100%);
    border-radius: 14px;
    padding: 18px 20px;
    max-width: 400px;
    position: relative;
    overflow: hidden;
}

.v2-mcb-summary::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(255, 87, 87, 0.18);
    pointer-events: none;
}

.v2-mcb-summary-icon {
    width: 44px;
    height: 44px;
    border-radius: 11px;
    background: rgba(255, 87, 87, 0.2);
    color: #ff8a8a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.v2-mcb-summary-content {
    display: flex;
    flex-direction: column;
    gap: 1px;
    position: relative;
    z-index: 1;
}

.v2-mcb-summary-label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
}

.v2-mcb-summary-value {
    font-size: 1.1rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.01em;
}

.v2-mcb-summary-meta {
    font-size: 0.78rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
}




.v2-mcb-report {
    background: #ffffff;
    border: 1px solid var(--v2-mcb-border);
    border-radius: 18px;
    box-shadow: 0 24px 56px rgba(50, 20, 95, 0.08);
    overflow: hidden;
    position: relative;
}


.v2-mcb-report::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg,
        var(--v2-mcb-purple) 0%,
        var(--v2-mcb-coral) 30%,
        var(--v2-mcb-teal) 60%,
        var(--v2-mcb-gold) 100%
    );
    z-index: 2;
}



.v2-mcb-report-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 26px 18px 30px;
    background: #faf9fc;
    border-bottom: 1px solid var(--v2-mcb-border);
}

.v2-mcb-report-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.v2-mcb-report-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--v2-mcb-coral);
    box-shadow: 0 0 0 4px rgba(255, 87, 87, 0.14);
}

.v2-mcb-report-title {
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--v2-mcb-ink);
}

.v2-mcb-report-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(6, 168, 138, 0.1);
    color: #048a67;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.v2-mcb-report-status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--v2-mcb-teal);
    animation: v2McbPulse 1.8s ease-in-out infinite;
}

@keyframes v2McbPulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(6, 168, 138, 0.5); }
    50% { opacity: 0.6; box-shadow: 0 0 0 4px rgba(6, 168, 138, 0); }
}



.v2-mcb-report-body {
    display: flex;
    flex-direction: column;
}




.v2-mcb-row {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: flex-start;
    gap: 18px;
    padding: 22px 30px;
    border-bottom: 1px solid rgba(84, 36, 154, 0.06);
    position: relative;
    transition: background 0.25s ease;
}

.v2-mcb-row:last-child {
    border-bottom: none;
}

.v2-mcb-row:hover {
    background: #faf9fc;
}


.v2-mcb-row-index {
    flex-shrink: 0;
    padding-top: 3px;
}

.v2-mcb-row-num {
    font-family: 'Courier New', monospace;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    color: #b7aec4;
}


.v2-mcb-row-icon {
    width: 44px;
    height: 44px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.v2-mcb-row:hover .v2-mcb-row-icon {
    transform: scale(1.06);
}

.v2-mcb-row-icon--teal {
    background: rgba(6, 168, 138, 0.1);
    color: var(--v2-mcb-teal);
}

.v2-mcb-row-icon--purple {
    background: rgba(84, 36, 154, 0.1);
    color: var(--v2-mcb-purple);
}

.v2-mcb-row-icon--coral {
    background: rgba(255, 87, 87, 0.1);
    color: #e64a4a;
}

.v2-mcb-row-icon--blue {
    background: rgba(0, 100, 217, 0.1);
    color: var(--v2-mcb-blue);
}

.v2-mcb-row-icon--gold {
    background: rgba(230, 168, 23, 0.12);
    color: #d4a017;
}

.v2-mcb-row-icon--rose {
    background: rgba(230, 74, 122, 0.1);
    color: var(--v2-mcb-rose);
}



.v2-mcb-row-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.v2-mcb-row-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.v2-mcb-row-title {
    font-size: 1rem;
    font-weight: 800;
    color: var(--v2-mcb-ink);
    margin: 0;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.v2-mcb-row-tag {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.v2-mcb-row-tag--teal {
    background: rgba(6, 168, 138, 0.1);
    color: #048a67;
}

.v2-mcb-row-tag--purple {
    background: rgba(84, 36, 154, 0.1);
    color: var(--v2-mcb-purple);
}

.v2-mcb-row-tag--coral {
    background: rgba(255, 87, 87, 0.1);
    color: #c73a3a;
}

.v2-mcb-row-tag--blue {
    background: rgba(0, 100, 217, 0.1);
    color: var(--v2-mcb-blue);
}

.v2-mcb-row-tag--gold {
    background: rgba(230, 168, 23, 0.12);
    color: #a87911;
}

.v2-mcb-row-tag--rose {
    background: rgba(230, 74, 122, 0.1);
    color: var(--v2-mcb-rose);
}

.v2-mcb-row-text {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-mcb-muted);
    line-height: 1.6;
    margin: 0;
}



.v2-mcb-report-footer {
    padding: 14px 30px;
    background: #faf9fc;
    border-top: 1px solid var(--v2-mcb-border);
    text-align: center;
}

.v2-mcb-report-footer-text {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #8b8393;
}




@media (max-width: 1024px) {
    .v2-mcb {
        padding: 80px 0;
    }

    .v2-mcb-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .v2-mcb-intro {
        position: static;
    }

    .v2-mcb-body {
        max-width: 100%;
    }

    .v2-mcb-summary {
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    .v2-mcb {
        padding: 50px 0;
    }

    .v2-mcb-container {
        width: min(100% - 32px, 540px);
        gap: 30px;
    }

    .v2-mcb-headline {
        font-size: clamp(26px, 7vw, 34px);
    }

    .v2-mcb-report {
        border-radius: 14px;
    }

    .v2-mcb-report-header {
        padding: 14px 18px 14px 22px;
        flex-wrap: wrap;
        gap: 10px;
    }

    .v2-mcb-row {
        grid-template-columns: auto 1fr;
        gap: 12px;
        padding: 18px 20px;
    }

    .v2-mcb-row-index {
        display: none;
    }

    .v2-mcb-row-icon {
        width: 38px;
        height: 38px;
        border-radius: 9px;
    }

    .v2-mcb-row-title {
        font-size: 0.95rem;
    }

    .v2-mcb-row-text {
        font-size: 0.85rem;
    }

    .v2-mcb-row-tag {
        font-size: 0.6rem;
        padding: 2px 8px;
    }

    .v2-mcb-report-footer {
        padding: 12px 20px;
    }

    .v2-mcb-report-footer-text {
        font-size: 0.68rem;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-mcb-report-status-dot {
        animation: none;
    }

    .v2-mcb-row,
    .v2-mcb-row-icon {
        transition: none;
    }

    .v2-mcb-row:hover .v2-mcb-row-icon {
        transform: none;
    }
}





:root {
    --v2-mcqs-purple: #54249a;
    --v2-mcqs-coral: #ff5757;
    --v2-mcqs-teal: #06A88A;
    --v2-mcqs-blue: #0064D9;
    --v2-mcqs-gold: #e6a817;
    --v2-mcqs-rose: #e64a7a;
    --v2-mcqs-indigo: #4f46e5;
    --v2-mcqs-ink: #181321;
    --v2-mcqs-muted: #686172;
    --v2-mcqs-border: rgba(84, 36, 154, 0.08);
}


.v2-mcqs {
    position: relative;
    background: #f8f6fa;
    padding: 100px 0;
    overflow: hidden;
}

.v2-mcqs-bg-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(84, 36, 154, 0.035) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(84, 36, 154, 0.035) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(ellipse 75% 65% at 50% 40%, black 30%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 75% 65% at 50% 40%, black 30%, transparent 100%);
    pointer-events: none;
}

.v2-mcqs-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
    position: relative;
    z-index: 1;
}



.v2-mcqs-header {
    max-width: 720px;
    margin: 0 auto 60px;
    text-align: center;
}

.v2-mcqs-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-mcqs-purple);
}

.v2-mcqs-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-mcqs-coral);
}

.v2-mcqs-headline {
    margin: 0 0 18px;
    font-size: clamp(32px, 3.4vw, 46px);
    line-height: 1.1;
    letter-spacing: -0.03em;
    font-weight: 800;
    color: var(--v2-mcqs-ink);
}

.v2-mcqs-headline-highlight {
    color: var(--v2-mcqs-purple);
    position: relative;
}

.v2-mcqs-headline-highlight::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    height: 7px;
    background: rgba(255, 87, 87, 0.18);
    z-index: -1;
    border-radius: 3px;
}

.v2-mcqs-body {
    margin: 0 auto;
    max-width: 640px;
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-mcqs-muted);
}



.v2-mcqs-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.v2-mcqs-card {
    grid-column: span 3;
    background: #ffffff;
    border-radius: 14px;
    padding: 26px 22px 22px;
    border: 1px solid var(--v2-mcqs-border);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}


.v2-mcqs-card:nth-child(n+5) {
    grid-column: span 4;
    padding: 30px 26px 26px;
}


.v2-mcqs-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    opacity: 0.85;
}

.v2-mcqs-card--purple::before { background: var(--v2-mcqs-purple); }
.v2-mcqs-card--coral::before { background: var(--v2-mcqs-coral); }
.v2-mcqs-card--teal::before { background: var(--v2-mcqs-teal); }
.v2-mcqs-card--blue::before { background: var(--v2-mcqs-blue); }
.v2-mcqs-card--gold::before { background: var(--v2-mcqs-gold); }
.v2-mcqs-card--rose::before { background: var(--v2-mcqs-rose); }
.v2-mcqs-card--indigo::before { background: var(--v2-mcqs-indigo); }

.v2-mcqs-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(50, 20, 95, 0.10);
    border-color: rgba(84, 36, 154, 0.15);
}



.v2-mcqs-index {
    position: absolute;
    top: 22px;
    right: 22px;
    font-family: 'Courier New', monospace;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #c4bcd0;
}

.v2-mcqs-card:nth-child(n+5) .v2-mcqs-index {
    top: 26px;
    right: 26px;
}



.v2-mcqs-icon {
    width: 44px;
    height: 44px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.v2-mcqs-card--purple .v2-mcqs-icon { background: rgba(84, 36, 154, 0.10); color: var(--v2-mcqs-purple); }
.v2-mcqs-card--coral .v2-mcqs-icon { background: rgba(255, 87, 87, 0.10); color: #e64a4a; }
.v2-mcqs-card--teal .v2-mcqs-icon { background: rgba(6, 168, 138, 0.10); color: var(--v2-mcqs-teal); }
.v2-mcqs-card--blue .v2-mcqs-icon { background: rgba(0, 100, 217, 0.10); color: var(--v2-mcqs-blue); }
.v2-mcqs-card--gold .v2-mcqs-icon { background: rgba(230, 168, 23, 0.12); color: #d4a017; }
.v2-mcqs-card--rose .v2-mcqs-icon { background: rgba(230, 74, 122, 0.10); color: var(--v2-mcqs-rose); }
.v2-mcqs-card--indigo .v2-mcqs-icon { background: rgba(79, 70, 229, 0.10); color: var(--v2-mcqs-indigo); }



.v2-mcqs-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--v2-mcqs-ink);
    margin: 0 0 8px;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.v2-mcqs-card:nth-child(n+5) .v2-mcqs-title {
    font-size: 1.12rem;
}

.v2-mcqs-text {
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--v2-mcqs-muted);
    line-height: 1.6;
    margin: 0;
}



@media (max-width: 1024px) {
    .v2-mcqs { padding: 80px 0; }

    .v2-mcqs-card,
    .v2-mcqs-card:nth-child(n+5) {
        grid-column: span 6;
        padding: 24px 22px 22px;
    }
}

@media (max-width: 640px) {
    .v2-mcqs {
        padding: 50px 0;
    }

    .v2-mcqs-container {
        width: min(100% - 32px, 540px);
    }

    .v2-mcqs-header { margin-bottom: 40px; }

    .v2-mcqs-headline { font-size: clamp(26px, 7vw, 34px); }

    .v2-mcqs-grid { gap: 14px; }

    .v2-mcqs-card,
    .v2-mcqs-card:nth-child(n+5) {
        grid-column: span 12;
        padding: 20px 18px 18px;
    }

    .v2-mcqs-title,
    .v2-mcqs-card:nth-child(n+5) .v2-mcqs-title { font-size: 1rem; }

    .v2-mcqs-text { font-size: 0.85rem; }

    .v2-mcqs-index { top: 18px; right: 18px; }
}



@media (prefers-reduced-motion: reduce) {
    .v2-mcqs-card { transition: none; }
    .v2-mcqs-card:hover { transform: none; box-shadow: none; }
}







:root {
    --v2-mcpst-purple: #54249a;
    --v2-mcpst-purple-dark: #32145f;
    --v2-mcpst-coral: #ff5757;
    --v2-mcpst-teal: #06A88A;
    --v2-mcpst-gold: #e6a817;
    --v2-mcpst-ink: #181321;
    --v2-mcpst-muted: #686172;
    --v2-mcpst-border: rgba(84, 36, 154, 0.08);
}


.v2-mcpst {
    position: relative;
    background: #ffffff;
    padding: 100px 0;
    overflow: hidden;
}

.v2-mcpst-bg-glow {
    position: absolute;
    bottom: -160px;
    right: -120px;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(84, 36, 154, 0.05) 0%, transparent 70%);
    pointer-events: none;
}

.v2-mcpst-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
    position: relative;
    z-index: 1;
}



.v2-mcpst-header {
    max-width: 720px;
    margin: 0 auto 70px;
    text-align: center;
}

.v2-mcpst-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-mcpst-purple);
}

.v2-mcpst-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-mcpst-coral);
}

.v2-mcpst-headline {
    margin: 0 0 18px;
    font-size: clamp(32px, 3.4vw, 46px);
    line-height: 1.1;
    letter-spacing: -0.03em;
    font-weight: 800;
    color: var(--v2-mcpst-ink);
}

.v2-mcpst-headline-highlight {
    color: var(--v2-mcpst-purple);
    position: relative;
}

.v2-mcpst-headline-highlight::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    height: 7px;
    background: rgba(255, 87, 87, 0.18);
    z-index: -1;
    border-radius: 3px;
}

.v2-mcpst-body {
    margin: 0 auto;
    max-width: 620px;
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-mcpst-muted);
}




.v2-mcpst-timeline {
    position: relative;
    max-width: 860px;
    margin: 0 auto;
    padding-left: 90px;
}



.v2-mcpst-spine {
    position: absolute;
    left: 32px;
    top: 12px;
    bottom: 12px;
    width: 2px;
    background: rgba(84, 36, 154, 0.10);
    border-radius: 2px;
    overflow: hidden;
}

.v2-mcpst-spine-fill {
    display: block;
    width: 100%;
    height: 0;
    background: linear-gradient(180deg,
        var(--v2-mcpst-purple) 0%,
        var(--v2-mcpst-coral) 40%,
        var(--v2-mcpst-teal) 75%,
        var(--v2-mcpst-gold) 100%
    );
    transition: height 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.v2-mcpst-timeline.is-visible .v2-mcpst-spine-fill {
    height: 100%;
}



.v2-mcpst-step {
    position: relative;
    padding-bottom: 24px;
}

.v2-mcpst-step:last-child {
    padding-bottom: 0;
}



.v2-mcpst-marker {
    position: absolute;
    left: -90px;
    top: 20px;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.v2-mcpst-marker::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid rgba(84, 36, 154, 0.14);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 14px rgba(50, 20, 95, 0.06);
}

.v2-mcpst-step:hover .v2-mcpst-marker::before {
    border-color: var(--v2-mcpst-coral);
    box-shadow: 0 8px 22px rgba(255, 87, 87, 0.18);
    transform: scale(1.05);
}

.v2-mcpst-marker-num {
    position: relative;
    z-index: 1;
    font-family: 'Manrope', sans-serif;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--v2-mcpst-purple);
    transition: color 0.3s ease;
}

.v2-mcpst-step:hover .v2-mcpst-marker-num {
    color: var(--v2-mcpst-coral);
}



.v2-mcpst-card {
    background: #f8f6fa;
    border: 1px solid var(--v2-mcpst-border);
    border-radius: 14px;
    padding: 24px 28px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease;
    position: relative;
    overflow: hidden;
}

.v2-mcpst-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: rgba(84, 36, 154, 0.15);
    transition: background 0.3s ease, width 0.3s ease;
}

.v2-mcpst-step:hover .v2-mcpst-card {
    background: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(50, 20, 95, 0.09);
    border-color: rgba(84, 36, 154, 0.15);
}

.v2-mcpst-step:hover .v2-mcpst-card::before {
    background: var(--v2-mcpst-coral);
    width: 4px;
}


.v2-mcpst-card-head {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.v2-mcpst-step-label {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-mcpst-coral);
    padding: 3px 9px;
    background: rgba(255, 87, 87, 0.08);
    border-radius: 4px;
}

.v2-mcpst-title {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--v2-mcpst-ink);
    margin: 0;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.v2-mcpst-text {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--v2-mcpst-muted);
    line-height: 1.65;
    margin: 0;
    max-width: 640px;
}




@media (max-width: 900px) {
    .v2-mcpst {
        padding: 80px 0;
    }

    .v2-mcpst-timeline {
        padding-left: 76px;
    }

    .v2-mcpst-spine {
        left: 26px;
    }

    .v2-mcpst-marker {
        left: -76px;
        width: 54px;
        height: 54px;
    }

    .v2-mcpst-marker-num {
        font-size: 0.95rem;
    }
}

@media (max-width: 640px) {
    .v2-mcpst {
        padding: 50px 0;
    }

    .v2-mcpst-container {
        width: min(100% - 32px, 540px);
    }

    .v2-mcpst-header { margin-bottom: 40px; }

    .v2-mcpst-headline { font-size: clamp(26px, 7vw, 34px); }

    .v2-mcpst-timeline {
        padding-left: 0;
    }

    .v2-mcpst-spine {
        display: none;
    }

    .v2-mcpst-marker {
        position: relative;
        left: 0;
        top: 0;
        width: 44px;
        height: 44px;
        margin-bottom: 14px;
    }

    .v2-mcpst-marker-num {
        font-size: 0.85rem;
    }

    .v2-mcpst-step {
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
    }

    .v2-mcpst-card {
        padding: 20px 20px;
        border-radius: 12px;
    }

    .v2-mcpst-title { font-size: 1.05rem; }

    .v2-mcpst-text { font-size: 0.9rem; }
}



@media (prefers-reduced-motion: reduce) {
    .v2-mcpst-spine-fill {
        transition: none;
        height: 100%;
    }

    .v2-mcpst-card,
    .v2-mcpst-marker::before,
    .v2-mcpst-marker-num,
    .v2-mcpst-card::before {
        transition: none;
    }

    .v2-mcpst-step:hover .v2-mcpst-card {
        transform: none;
        box-shadow: none;
    }

    .v2-mcpst-step:hover .v2-mcpst-marker::before {
        transform: none;
    }
}






.v2-coding-banner {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    margin: 20px 0;

    background: var(--v2-heading);
    color: var(--v2-white);
}




.v2-coding-banner__inner {
    position: relative;
    z-index: 2;

    width: min(1180px, calc(100% - 48px));
    min-height: 390px;

    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(340px, 0.82fr) minmax(0, 1.18fr);
    align-items: center;
}




.v2-coding-banner__ambient {
    position: absolute;
    inset: 0;

    pointer-events: none;
    z-index: 0;
}

.v2-coding-banner__orb {
    position: absolute;
    display: block;

    border-radius: 50%;
    pointer-events: none;
}

.v2-coding-banner__orb--one {
    width: 360px;
    height: 360px;

    left: -130px;
    top: 50%;
    transform: translateY(-50%);

    background: rgba(255, 255, 255, 0.055);
}

.v2-coding-banner__orb--two {
    width: 220px;
    height: 220px;

    right: -100px;
    top: -120px;

    border: 1px solid rgba(255, 255, 255, 0.08);
}




.v2-coding-banner__visual {
    position: relative;

    align-self: stretch;

    min-height: 390px;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    z-index: 3;
}

.v2-coding-banner__visual-glow {
    position: absolute;

    width: 250px;
    height: 250px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.09);
}

.v2-coding-banner__ring {
    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 50%;
}

.v2-coding-banner__ring--one {
    width: 315px;
    height: 315px;
}

.v2-coding-banner__ring--two {
    width: 370px;
    height: 370px;

    border-style: dashed;
    opacity: 0.55;
}

.v2-coding-banner__person {
    position: relative;
    z-index: 4;

    width: auto;
    height: 440px;

    max-width: 100%;

    object-fit: contain;
    object-position: center bottom;

    align-self: flex-end;

    filter: drop-shadow(
        0 20px 28px rgba(23, 12, 55, 0.22)
    );

    transform: translateY(26px);
}

.v2-coding-banner__dot {
    position: absolute;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--v2-secondary);

    z-index: 5;
}

.v2-coding-banner__dot--one {
    left: 12%;
    top: 28%;
}

.v2-coding-banner__dot--two {
    right: 9%;
    top: 20%;

    width: 5px;
    height: 5px;

    background: rgba(255, 255, 255, 0.6);
}




.v2-coding-banner__content {
    position: relative;
    z-index: 5;

    max-width: 690px;

    padding: 62px 0 62px 24px;
}

.v2-coding-banner__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: rgba(255, 255, 255, 0.72);

    font-size: 10px;
    font-weight: 800;
    line-height: 1;

    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.v2-coding-banner__eyebrow-line {
    width: 27px;
    height: 2px;

    border-radius: 999px;

    background: var(--v2-secondary);
}

.v2-coding-banner__title {
    max-width: 650px;

    margin: 0 0 18px;

    color: var(--v2-white);

    font-size: clamp(27px, 3vw, 40px);
    font-weight: 800;
    line-height: 1.12;

    letter-spacing: -1.2px;
}

.v2-coding-banner__title span {
    color: #ffffff;
}

.v2-coding-banner__text {
    max-width: 650px;

    margin: 0 0 25px;

    color: rgba(255, 255, 255, 0.7);

    font-size: 13px;
    font-weight: 500;
    line-height: 1.72;
}

.v2-coding-banner__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 42px;

    padding: 0 17px;

    color: var(--v2-white);
    background: var(--v2-secondary);

    border: 1px solid var(--v2-secondary);
    border-radius: 8px;

    font-size: 11px;
    font-weight: 800;

    text-decoration: none;

    box-shadow: 0 10px 24px rgba(255, 87, 87, 0.18);

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

.v2-coding-banner__cta svg {
    transition: transform 0.25s ease;
}

.v2-coding-banner__cta:hover {
    color: var(--v2-white);
    background: #f76c6c;
    border-color: #f76c6c;

    transform: translateY(-2px);

    box-shadow: 0 14px 28px rgba(255, 87, 87, 0.24);
}

.v2-coding-banner__cta:hover svg {
    transform: translateX(3px);
}




.v2-coding-banner [data-v2-reveal] {
    opacity: 0;

    transform: translateY(22px);

    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.v2-coding-banner .v2-coding-banner__content[data-v2-reveal] {
    transition-delay: 0.08s;
}

.v2-coding-banner [data-v2-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}




@media (max-width: 991.98px) {

    .v2-coding-banner__inner {
        grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
        min-height: 360px;
    }

    .v2-coding-banner__visual {
        min-height: 360px;
    }

    .v2-coding-banner__person {
        height: 400px;
    }

    .v2-coding-banner__ring--one {
        width: 275px;
        height: 275px;
    }

    .v2-coding-banner__ring--two {
        width: 320px;
        height: 320px;
    }

    .v2-coding-banner__content {
        padding: 52px 0 52px 10px;
    }

    .v2-coding-banner__title {
        font-size: clamp(25px, 3.5vw, 35px);
    }

    .v2-coding-banner__text {
        font-size: 12.5px;
    }
}




@media (max-width: 767.98px) {

    .v2-coding-banner {
        margin: 0;
    }

    .v2-coding-banner__inner {
        width: min(100% - 36px, 600px);

        display: flex;
        flex-direction: column;

        min-height: 0;
    }

    .v2-coding-banner__visual {
        width: 100%;
        min-height: 310px;

        order: 1;
    }

    .v2-coding-banner__person {
        height: 355px;
        transform: translateY(22px);
    }

    .v2-coding-banner__visual-glow {
        width: 215px;
        height: 215px;
    }

    .v2-coding-banner__ring--one {
        width: 250px;
        height: 250px;
    }

    .v2-coding-banner__ring--two {
        width: 295px;
        height: 295px;
    }

    .v2-coding-banner__content {
        order: 2;

        width: 100%;
        max-width: none;

        padding: 25px 0 48px;
    }

    .v2-coding-banner__title {
        font-size: clamp(26px, 7.5vw, 34px);
        letter-spacing: -0.8px;
    }

    .v2-coding-banner__text {
        font-size: 13px;
    }

    .v2-coding-banner__cta {
        width: 100%;
    }

    .v2-coding-banner__dot--one {
        left: 18%;
    }

    .v2-coding-banner__dot--two {
        right: 15%;
    }
}




@media (max-width: 420px) {

    .v2-coding-banner__inner {
        width: min(100% - 28px, 600px);
    }

    .v2-coding-banner__visual {
        min-height: 285px;
    }

    .v2-coding-banner__person {
        height: 325px;
    }

    .v2-coding-banner__content {
        padding-top: 20px;
    }

    .v2-coding-banner__eyebrow {
        font-size: 9px;
    }

    .v2-coding-banner__title {
        font-size: 27px;
    }
}




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

    .v2-coding-banner [data-v2-reveal] {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .v2-coding-banner__cta,
    .v2-coding-banner__cta svg {
        transition: none;
    }
}






.v2-coding-stripe {
    position: relative;
    overflow: hidden;

    padding: 0 0 28px;

    background: var(--v2-bg);
}

.v2-coding-stripe__inner {
    position: relative;
    overflow: hidden;

    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
    padding: 30px 40px 24px;

    background: var(--v2-heading);

    border-radius: 8px;

    box-shadow:
        0 18px 45px rgba(57, 29, 119, 0.12);
}




.v2-coding-stripe__inner::before {
    content: "";

    position: absolute;

    width: 250px;
    height: 250px;

    right: -105px;
    top: -155px;

    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;

    pointer-events: none;
}

.v2-coding-stripe__inner::after {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    right: -55px;
    top: -105px;

    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 50%;

    pointer-events: none;
}




.v2-coding-stripe__top {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 40px;
}

.v2-coding-stripe__copy {
    min-width: 0;
    max-width: 850px;
}

.v2-coding-stripe__eyebrow {
    margin-bottom: 7px;

    color: rgba(255, 255, 255, 0.55);

    font-size: 9px;
    font-weight: 800;
    line-height: 1;

    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.v2-coding-stripe__title {
    margin: 0 0 8px;

    color: var(--v2-white);

    font-size: clamp(22px, 2.25vw, 30px);
    font-weight: 800;
    line-height: 1.15;

    letter-spacing: -0.75px;
}

.v2-coding-stripe__title span {
    color: var(--v2-white);
}

.v2-coding-stripe__text {
    max-width: 820px;

    margin: 0;

    color: rgba(255, 255, 255, 0.67);

    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.6;
}




.v2-coding-stripe__cta {
    position: relative;
    z-index: 3;

    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 37px;

    padding: 0 17px;

    color: var(--v2-white);

    background: transparent;

    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 999px;

    font-size: 9.5px;
    font-weight: 800;

    text-decoration: none;
    white-space: nowrap;

    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.v2-coding-stripe__cta:hover {
    color: var(--v2-heading);

    background: var(--v2-white);
    border-color: var(--v2-white);

    transform: translateY(-1px);
}

.v2-coding-stripe__cta svg {
    transition: transform 0.25s ease;
}

.v2-coding-stripe__cta:hover svg {
    transform: translateX(3px);
}




.v2-coding-stripe__divider {
    position: relative;
    z-index: 2;

    height: 1px;

    margin: 22px 0 17px;

    background: rgba(255, 255, 255, 0.18);
}




.v2-coding-stripe__outcomes {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;

    gap: 20px;
}

.v2-coding-stripe__outcome {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    min-width: 0;

    color: rgba(255, 255, 255, 0.78);

    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.35;

    white-space: nowrap;
}

.v2-coding-stripe__check {
    flex: 0 0 auto;

    width: 18px;
    height: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #58c8f5;

    background: rgba(88, 200, 245, 0.12);

    border-radius: 50%;
}




.v2-coding-stripe [data-v2-reveal] {
    opacity: 0;

    transform: translateY(12px);

    transition:
        opacity 0.55s ease,
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.v2-coding-stripe [data-v2-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

.v2-coding-stripe__outcomes[data-v2-reveal] {
    transition-delay: 0.08s;
}




@media (max-width: 900px) {

    .v2-coding-stripe__inner {
        padding: 28px 30px 23px;
    }

    .v2-coding-stripe__top {
        align-items: flex-start;
        gap: 25px;
    }

    .v2-coding-stripe__outcomes {
        gap: 12px;
    }

    .v2-coding-stripe__outcome {
        font-size: 9.5px;
    }
}




@media (max-width: 700px) {

    .v2-coding-stripe {
        padding-bottom: 20px;
    }

    .v2-coding-stripe__inner {
        width: min(100% - 28px, 600px);

        padding: 27px 23px 22px;

        border-radius: 8px;
    }

    .v2-coding-stripe__top {
        display: block;
    }

    .v2-coding-stripe__title {
        font-size: 24px;
    }

    .v2-coding-stripe__text {
        font-size: 11.5px;
    }

    .v2-coding-stripe__cta {
        margin-top: 17px;
    }

    .v2-coding-stripe__divider {
        margin: 20px 0 16px;
    }

    .v2-coding-stripe__outcomes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px 10px;
    }

    .v2-coding-stripe__outcome {
        justify-content: flex-start;
        font-size: 9.5px;
        white-space: normal;
    }
}




@media (max-width: 400px) {

    .v2-coding-stripe__inner {
        width: calc(100% - 20px);
        padding: 24px 18px 20px;
    }

    .v2-coding-stripe__title {
        font-size: 22px;
    }

    .v2-coding-stripe__outcomes {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}




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

    .v2-coding-stripe [data-v2-reveal] {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .v2-coding-stripe__cta,
    .v2-coding-stripe__cta svg {
        transition: none;
    }
}










:root {
    --v2-dm-purple-dark: #32145f;
    --v2-dm-purple: #54249a;
    --v2-dm-purple-light: #8156c8;
    --v2-dm-purple-soft: #eee8f8;

    --v2-dm-coral: #ff5757;

    --v2-dm-ink: #181321;
    --v2-dm-muted: #686172;
    --v2-dm-white: #ffffff;

    --v2-dm-border: rgba(50, 20, 95, 0.10);
}




.v2-dm-hero {
    position: relative;
    min-height: min(860px, 94svh);

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 82% 45%,
            rgba(117, 74, 193, 0.12),
            transparent 30%
        ),
        radial-gradient(
            circle at 4% 92%,
            rgba(255, 87, 87, 0.045),
            transparent 25%
        ),
        #fbfafc;

    padding: 3rem 0 4rem;
}




.v2-dm-hero-container {
    width: min(1380px, calc(100% - 80px));
    margin: 0 auto;

    display: grid;
    grid-template-columns:
        minmax(0, 0.92fr)
        minmax(520px, 1.08fr);

    align-items: center;

    gap: 30px;
}




.v2-dm-hero-content {
    position: relative;
    z-index: 10;

    max-width: 690px;
}


.v2-dm-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 20px;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: var(--v2-cta);
}

.v2-dm-hero-eyebrow::before {
    content: "";

    width: 28px;
    height: 2px;

    background: var(--v2-dm-coral);
}


.v2-dm-hero-headline {
    margin: 0;

    font-size: clamp(43px, 4.15vw, 69px);
    line-height: 0.99;
    letter-spacing: -0.045em;
    font-weight: 800;

    color: var(--v2-heading);
}


.v2-dm-hero-highlight {
    display: block;

    margin-top: 8px;

    color: var(--v2-highlight);
}


.v2-dm-hero-subheading {
    max-width: 620px;

    margin: 27px 0 15px;

    font-size: clamp(19px, 1.45vw, 23px);
    line-height: 1.42;
    font-weight: 600;

    color: var(--v2-subheading);
}


.v2-dm-hero-body {
    max-width: 625px;

    margin: 0;

    font-size: 16px;
    line-height: 1.72;

    color: var(--v2-dm-muted);
}


.v2-dm-hero-body--secondary {
    margin-top: 9px;
}




.v2-dm-hero-ctas {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-top: 30px;
}


.v2-dm-hero-cta-primary,
.v2-dm-hero-cta-secondary {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 22px;

    border-radius: 8px;

    font-size: 14px;
    font-weight: 750;

    text-decoration: none;

    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        background 180ms ease;
}


.v2-dm-hero-cta-primary {
    gap: 11px;

    color: var(--v2-dm-white);
    background: var(--v2-dm-purple-dark);

    box-shadow:
        0 12px 28px rgba(50, 20, 95, 0.18);
}


.v2-dm-hero-cta-primary:hover {
    transform: translateY(-2px);

    box-shadow:
        0 17px 34px rgba(50, 20, 95, 0.24);
}


.v2-dm-hero-cta-secondary {
    color: var(--v2-dm-purple-dark);

    border: 1px solid rgba(50, 20, 95, 0.16);

    background: rgba(255, 255, 255, 0.72);
}


.v2-dm-hero-cta-secondary:hover {
    background: var(--v2-dm-white);
}




.v2-dm-hero-trust {
    display: flex;
    align-items: center;
    gap: 24px;

    margin-top: 25px;
}


.v2-dm-hero-trust span {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    font-size: 12px;
    font-weight: 650;

    color: #756d7e;
}


.v2-dm-hero-trust svg {
    width: 17px;
    height: 17px;

    color: var(--v2-dm-purple);
}




.v2-dm-hero-art {
    position: relative;

    height: 680px;
    min-width: 0;
}




.v2-dm-hero-glow {
    position: absolute;

    width: 570px;
    height: 570px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(105, 62, 174, 0.17) 0%,
            rgba(105, 62, 174, 0.07) 40%,
            rgba(105, 62, 174, 0) 72%
        );
}




.v2-dm-hero-orbit {
    position: absolute;

    left: 50%;
    top: 50%;

    border: 1px solid rgba(84, 36, 154, 0.13);

    border-radius: 50%;

    transform: translate(-50%, -50%) rotate(-18deg);
}


.v2-dm-hero-orbit--outer {
    width: 560px;
    height: 410px;
}


.v2-dm-hero-orbit--inner {
    width: 405px;
    height: 300px;

    border-color: rgba(84, 36, 154, 0.18);

    transform: translate(-50%, -50%) rotate(26deg);
}




.v2-dm-hero-flow {
    position: absolute;

    left: 7%;
    top: 23%;

    width: 86%;
    height: 260px;

    opacity: 0.75;
}


.v2-dm-hero-flow svg {
    width: 100%;
    height: 100%;
}


.v2-dm-hero-flow path {
    stroke: rgba(84, 36, 154, 0.25);
    stroke-width: 1.2;
    stroke-dasharray: 5 8;
}




.v2-dm-hero-node {
    position: absolute;

    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: var(--v2-dm-coral);

    box-shadow:
        0 0 0 7px rgba(255, 87, 87, 0.08);
}


.v2-dm-hero-node--one {
    left: 15%;
    top: 43%;
}

.v2-dm-hero-node--two {
    right: 17%;
    top: 27%;
}

.v2-dm-hero-node--three {
    right: 11%;
    bottom: 30%;
}

.v2-dm-hero-node--four {
    left: 28%;
    bottom: 21%;
}




.v2-dm-hero-analysis {
    position: absolute;

    z-index: 3;

    top: 18%;
    right: 6%;

    width: 235px;

    padding: 20px;

    border: 1px solid rgba(84, 36, 154, 0.12);
    border-radius: 15px;

    background: rgba(255, 255, 255, 0.82);

    box-shadow:
        0 25px 55px rgba(43, 21, 80, 0.10);

    backdrop-filter: blur(16px);
}


.v2-dm-hero-analysis-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    color: #81798b;
}


.v2-dm-hero-analysis-header i {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--v2-dm-coral);
}


.v2-dm-hero-analysis-title {
    margin: 17px 0 15px;

    font-size: 17px;
    font-weight: 800;

    color: var(--v2-dm-ink);
}


.v2-dm-hero-analysis-line {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 8px 0;

    border-top: 1px solid rgba(50, 20, 95, 0.07);

    font-size: 10.5px;

    color: #746c7d;
}


.v2-dm-hero-analysis-line b {
    font-size: 10px;
    font-weight: 800;

    color: var(--v2-dm-purple);
}




.v2-dm-hero-panel {
    position: absolute;

    z-index: 7;

    display: flex;
    flex-direction: column;

    padding: 15px 17px;

    min-width: 210px;

    border: 1px solid rgba(84, 36, 154, 0.10);
    border-radius: 12px;

    background: rgba(255, 255, 255, 0.88);

    box-shadow:
        0 20px 45px rgba(42, 21, 79, 0.11);

    backdrop-filter: blur(15px);
}


.v2-dm-hero-panel--top {
    left: 2%;
    top: 29%;
}


.v2-dm-hero-panel--bottom {
    right: 2%;
    bottom: 18%;
}


.v2-dm-hero-panel-label {
    margin-bottom: 6px;

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;

    color: #837b8d;
}


.v2-dm-hero-panel strong {
    font-size: 18px;
    line-height: 1.2;

    color: var(--v2-dm-purple-dark);
}


.v2-dm-hero-panel-meta {
    margin-top: 4px;

    font-size: 10px;

    color: #8b8393;
}




.v2-dm-hero-document {
    position: absolute;

    z-index: 2;

    left: 17%;
    bottom: 22%;

    width: 120px;
    height: 145px;

    padding: 16px;

    border: 1px solid rgba(84, 36, 154, 0.10);
    border-radius: 10px;

    background: rgba(255, 255, 255, 0.72);

    box-shadow:
        0 18px 35px rgba(42, 21, 79, 0.08);

    transform: rotate(-7deg);

    backdrop-filter: blur(10px);
}


.v2-dm-hero-document-top {
    display: flex;
    gap: 4px;

    margin-bottom: 18px;
}


.v2-dm-hero-document-top span {
    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: rgba(84, 36, 154, 0.28);
}


.v2-dm-hero-document-line {
    height: 5px;

    width: 72%;

    margin-top: 9px;

    border-radius: 4px;

    background: rgba(84, 36, 154, 0.10);
}


.v2-dm-hero-document-line--long {
    width: 90%;
}

.v2-dm-hero-document-line--short {
    width: 50%;
}


.v2-dm-hero-document-check {
    position: absolute;

    right: 13px;
    bottom: 13px;

    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--v2-dm-white);
    background: var(--v2-dm-purple);
}


.v2-dm-hero-document-check svg {
    width: 15px;
    height: 15px;
}




.v2-dm-hero-cross {
    position: absolute;

    right: 14%;
    bottom: 18%;

    width: 42px;
    height: 42px;

    opacity: 0.12;
}


.v2-dm-hero-cross span {
    position: absolute;

    background: var(--v2-dm-purple);

    border-radius: 3px;
}


.v2-dm-hero-cross span:first-child {
    width: 42px;
    height: 9px;

    top: 16px;
    left: 0;
}


.v2-dm-hero-cross span:last-child {
    width: 9px;
    height: 42px;

    left: 16px;
    top: 0;
}




.v2-dm-hero-accent {
    position: absolute;

    z-index: 2;

    width: 14px;
    height: 14px;

    left: 25%;
    top: 20%;

    border-radius: 50%;

    background: var(--v2-dm-coral);

    box-shadow:
        0 0 0 9px rgba(255, 87, 87, 0.08);
}




.v2-dm-hero-person {
    position: absolute;

    z-index: 6;

    left: 50%;
    bottom: 0;

    transform: translateX(-42%);

    width: min(470px, 43vw);
     max-height: 80vh;

    height: auto;

    display: block;

    object-fit: contain;

    filter:
        drop-shadow(
            0 25px 35px rgba(36, 18, 70, 0.13)
        );
}




@media (max-width: 1200px) {

    .v2-dm-hero-container {
        width: min(1180px, calc(100% - 50px));

        grid-template-columns:
            minmax(0, 0.95fr)
            minmax(450px, 1.05fr);
    }

    .v2-dm-hero-art {
        height: 620px;
    }

    .v2-dm-hero-analysis {
        right: 1%;
    }

    .v2-dm-hero-panel--top {
        left: 0;
    }

    .v2-dm-hero-panel--bottom {
        right: 0;
    }
}


@media (max-width: 960px) {

    .v2-dm-hero {
        padding: 4rem 0 3rem;
    }

    .v2-dm-hero-container {
        grid-template-columns: 1fr;
    }

    .v2-dm-hero-content {
        max-width: 760px;
    }

    .v2-dm-hero-art {
        height: 590px;
        margin-top: 10px;
    }
}


@media (max-width: 600px) {

    .v2-dm-hero {
        min-height: auto;
        padding: calc(var(--v2-header-h, 66px) + 44px) 0 0;
    }

    .v2-dm-hero-container {
        width: min(100% - 32px, 540px);
    }

    .v2-dm-hero-headline {
        font-size: clamp(38px, 11vw, 52px);
    }

    .v2-dm-hero-subheading {
        font-size: 18px;
    }

    .v2-dm-hero-body {
        font-size: 15px;
    }

    .v2-dm-hero-ctas {
        flex-direction: column;
        align-items: stretch;
    }

    .v2-dm-hero-cta-primary,
    .v2-dm-hero-cta-secondary {
        width: 100%;
    }

    .v2-dm-hero-trust {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .v2-dm-hero-art {
        height: 500px;
        margin-top: 15px;
    }

    .v2-dm-hero-glow {
        width: 420px;
        height: 420px;
    }

    .v2-dm-hero-orbit--outer {
        width: 420px;
        height: 320px;
    }

    .v2-dm-hero-orbit--inner {
        width: 310px;
        height: 240px;
    }

    .v2-dm-hero-person {
        left: 50%;
        width: min(360px, 88vw);
        transform: translateX(-50%);
    }

    .v2-dm-hero-analysis {
        top: 9%;
        right: 0;

        width: 185px;
        padding: 14px;
    }

    .v2-dm-hero-panel {
        min-width: 170px;
        padding: 12px 14px;
    }

    .v2-dm-hero-panel--top {
        left: 0;
        top: 30%;
    }

    .v2-dm-hero-panel--bottom {
        right: 0;
        bottom: 17%;
    }

    .v2-dm-hero-document {
        left: 8%;
        bottom: 20%;

        transform: scale(0.85) rotate(-7deg);
    }

    .v2-dm-hero-flow {
        opacity: 0.5;
    }
}


@media (max-width: 390px) {

    .v2-dm-hero-art {
        height: 450px;
    }

    .v2-dm-hero-person {
        width: 330px;
    }

    .v2-dm-hero-analysis {
        transform: scale(0.9);
        transform-origin: top right;
    }

    .v2-dm-hero-panel {
        transform: scale(0.88);
    }
}


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

    .v2-dm-hero-cta-primary,
    .v2-dm-hero-cta-secondary {
        transition: none;
    }
}





.dm-pain-point {
    background: var(--v2-white);
    padding: 80px 24px 0;
    position: relative;
    overflow: hidden;
}

.dm-pain-point__container {
    max-width: 1280px;
    margin: 0 auto;
}


.dm-pain-point__header {
    max-width: 720px;
    margin-bottom: 56px;
}

.dm-pain-point__eyebrow {
    display: inline-block;
    background: var(--v2-cta-soft);
    color: var(--v2-cta);
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.dm-pain-point__headline {
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800;
    color: var(--v2-heading);
    line-height: 1.15;
    letter-spacing: -0.03em;
    margin: 0 0 20px 0;
}

.dm-pain-point__headline-highlight {
    color: var(--v2-highlight);
    position: relative;
    white-space: nowrap;
}

.dm-pain-point__headline-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--v2-highlight);
    border-radius: 2px;
    opacity: 0.3;
}

.dm-pain-point__body {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--v2-subheading);
    line-height: 1.7;
    margin: 0;
}


.dm-pain-point__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}


.dm-pain-point__card {
    background: var(--v2-bg);
    border-radius: 16px;
    padding: 32px 28px 24px;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(92, 27, 179, 0.08);
    overflow: hidden;
}

.dm-pain-point__card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--card-accent, var(--v2-logo));
    opacity: 0.7;
}

.dm-pain-point__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(92, 27, 179, 0.12);
    background: var(--v2-white);
    border-color: rgba(92, 27, 179, 0.15);
}

.dm-pain-point__card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

.dm-pain-point__card-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}


.dm-pain-point__card-icon--red {
    background: rgba(255, 87, 87, 0.12);
    color: #e64a4a;
}

.dm-pain-point__card-icon--orange {
    background: rgba(255, 150, 50, 0.12);
    color: #e67e22;
}

.dm-pain-point__card-icon--purple {
    background: rgba(92, 27, 179, 0.12);
    color: var(--v2-logo);
}

.dm-pain-point__card-icon--teal {
    background: rgba(6, 214, 160, 0.12);
    color: #06D6A0;
}

.dm-pain-point__card-icon--blue {
    background: rgba(0, 100, 217, 0.12);
    color: #0064D9;
}

.dm-pain-point__card-icon--rose {
    background: rgba(255, 87, 150, 0.12);
    color: #e64a7a;
}

.dm-pain-point__card-number {
    font-size: 0.8rem;
    font-weight: 800;
    color: var(--v2-subheading);
    letter-spacing: 0.08em;
    opacity: 0.6;
    position: relative;
    top: 4px;
}

.dm-pain-point__card-title {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--v2-heading);
    margin: 0 0 12px 0;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.dm-pain-point__card-description {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--v2-subheading);
    line-height: 1.65;
    margin: 0 0 20px 0;
    flex-grow: 1;
}

.dm-pain-point__card-bottom {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid rgba(92, 27, 179, 0.08);
}

.dm-pain-point__card-stat {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--v2-logo);
    letter-spacing: -0.02em;
}

.dm-pain-point__card-stat-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--v2-subheading);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}


.dm-pain-point__accent-bar {
    height: 6px;
    background: linear-gradient(90deg, var(--v2-highlight) 0%, var(--v2-logo) 50%, transparent 100%);
    margin-top: 64px;
    opacity: 0.4;
}


@media (max-width: 1024px) {
    .dm-pain-point {
        padding: 60px 24px 0;
    }

    .dm-pain-point__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .dm-pain-point {
        padding: 40px 16px 0;
    }

    .dm-pain-point__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dm-pain-point__header {
        margin-bottom: 32px;
    }

    .dm-pain-point__headline {
        font-size: clamp(1.8rem, 5vw, 2.5rem);
    }

    .dm-pain-point__headline-highlight {
        white-space: normal;
    }

    .dm-pain-point__card {
        padding: 24px 20px 20px;
    }

    .dm-pain-point__card-stat {
        font-size: 1.2rem;
    }
}


@media (prefers-reduced-motion: reduce) {
    .dm-pain-point__card {
        transition: none;
    }

    .dm-pain-point__card:hover {
        transform: none;
        box-shadow: none;
    }
}





.dm-solution {
    background: var(--v2-bg);
    padding: 100px 24px;
    position: relative;
    overflow: hidden;
}


.dm-solution::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: radial-gradient(ellipse at top right, rgba(92, 27, 179, 0.04) 0%, transparent 70%);
    pointer-events: none;
}

.dm-solution__container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}


.dm-solution__header {
    max-width: 720px;
    margin-bottom: 56px;
}

.dm-solution__eyebrow {
    display: inline-block;
    background: var(--v2-cta-soft);
    color: var(--v2-logo);
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.dm-solution__headline {
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800;
    color: var(--v2-heading);
    line-height: 1.15;
    letter-spacing: -0.03em;
    margin: 0 0 20px 0;
}

.dm-solution__headline-highlight {
    color: var(--v2-logo);
    position: relative;
    white-space: nowrap;
}

.dm-solution__headline-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--v2-cta-soft);
    border-radius: 2px;
}

.dm-solution__body {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--v2-subheading);
    line-height: 1.7;
    margin: 0;
}


.dm-solution__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    align-items: stretch;
}


.dm-solution__card {
    background: var(--v2-white);
    border-radius: 16px;
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(92, 27, 179, 0.06);
    overflow: hidden;
}

.dm-solution__card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
}


.dm-solution__card--analysis::before {
    background: linear-gradient(90deg, #ff5757, #ff8a5c);
}

.dm-solution__card--appeal::before {
    background: linear-gradient(90deg, #5c1bb3, #8b5cf6);
}

.dm-solution__card--prevention::before {
    background: linear-gradient(90deg, #06d6a0, #00b4d8);
}

.dm-solution__card:hover {
    transform: translateY(-8px);
    box-shadow: 0 24px 48px rgba(92, 27, 179, 0.12);
}


.dm-solution__card-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(92, 27, 179, 0.08);
}

.dm-solution__card-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dm-solution__card-icon--analysis {
    background: rgba(255, 87, 87, 0.1);
    color: #e64a4a;
}

.dm-solution__card-icon--appeal {
    background: rgba(92, 27, 179, 0.1);
    color: var(--v2-logo);
}

.dm-solution__card-icon--prevention {
    background: rgba(6, 214, 160, 0.1);
    color: #06D6A0;
}

.dm-solution__card-heading {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dm-solution__card-step {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.6;
}

.dm-solution__card--analysis .dm-solution__card-step {
    color: #e64a4a;
}

.dm-solution__card--appeal .dm-solution__card-step {
    color: var(--v2-logo);
}

.dm-solution__card--prevention .dm-solution__card-step {
    color: #06A88A;
}

.dm-solution__card-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--v2-heading);
    margin: 0;
    letter-spacing: -0.01em;
    line-height: 1.3;
}


.dm-solution__card-description {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--v2-subheading);
    line-height: 1.6;
    margin: 0 0 20px 0;
}


.dm-solution__feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
}

.dm-solution__feature-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-ink);
    line-height: 1.5;
    transition: transform 0.2s ease;
}

.dm-solution__feature-item:hover {
    transform: translateX(4px);
}

.dm-solution__check-icon {
    margin-top: 2px;
    flex-shrink: 0;
}

.dm-solution__card--analysis .dm-solution__check-icon {
    color: #e64a4a;
}

.dm-solution__card--appeal .dm-solution__check-icon {
    color: var(--v2-logo);
}

.dm-solution__card--prevention .dm-solution__check-icon {
    color: #06A88A;
}


.dm-solution__card-footer {
    padding-top: 16px;
    border-top: 1px solid rgba(92, 27, 179, 0.08);
    display: flex;
    align-items: center;
}

.dm-solution__card-footer-text {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    opacity: 0.6;
}

.dm-solution__card--analysis .dm-solution__card-footer-text {
    color: #e64a4a;
}

.dm-solution__card--appeal .dm-solution__card-footer-text {
    color: var(--v2-logo);
}

.dm-solution__card--prevention .dm-solution__card-footer-text {
    color: #06A88A;
}


@media (max-width: 1100px) {
    .dm-solution__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dm-solution__card--prevention {
        grid-column: 1 / -1;
        max-width: 700px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .dm-solution {
        padding: 60px 16px;
    }

    .dm-solution__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .dm-solution__card--prevention {
        grid-column: auto;
        max-width: none;
        margin: 0;
    }

    .dm-solution__card {
        padding: 24px 20px;
    }

    .dm-solution__card-title {
        font-size: 1.15rem;
    }

    .dm-solution__headline-highlight {
        white-space: normal;
    }
}


@media (prefers-reduced-motion: reduce) {
    .dm-solution__card,
    .dm-solution__feature-item {
        transition: none;
    }

    .dm-solution__card:hover {
        transform: none;
        box-shadow: none;
    }

    .dm-solution__feature-item:hover {
        transform: none;
    }
}







.dm-deliverables {
    background: var(--v2-footer);
    padding: 100px 24px;
    position: relative;
    overflow: hidden;
}


.dm-deliverables__bg-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    pointer-events: none;
}

.dm-deliverables__bg-glow--one {
    width: 500px;
    height: 500px;
    background: rgba(92, 27, 179, 0.4);
    top: -150px;
    right: -100px;
}

.dm-deliverables__bg-glow--two {
    width: 400px;
    height: 400px;
    background: rgba(255, 87, 87, 0.2);
    bottom: -100px;
    left: -50px;
}

.dm-deliverables__bg-pattern {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 30%, transparent 100%);
}

.dm-deliverables__container {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}


.dm-deliverables__header {
    max-width: 720px;
    margin-bottom: 60px;
}

.dm-deliverables__eyebrow {
    display: inline-block;
    background: var(--v2-cta-soft);
    color: var(--v2-cta);
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.dm-deliverables__headline {
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800;
    color: var(--v2-white);
    line-height: 1.15;
    letter-spacing: -0.03em;
    margin: 0 0 20px 0;
}

.dm-deliverables__headline-highlight {
    color: var(--v2-highlight);
}

.dm-deliverables__body {
    font-size: 1.1rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
    margin: 0;
}


.dm-deliverables__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}


.dm-deliverables__card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.dm-deliverables__card:hover {
    transform: translateY(-6px);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
}


.dm-deliverables__card-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dm-deliverables__card-icon--coral {
    background: rgba(255, 87, 87, 0.15);
    color: var(--v2-highlight);
}

.dm-deliverables__card-icon--purple {
    background: rgba(139, 92, 246, 0.15);
    color: #a78bfa;
}

.dm-deliverables__card-icon--teal {
    background: rgba(6, 214, 160, 0.15);
    color: #06D6A0;
}

.dm-deliverables__card-icon--gold {
    background: rgba(255, 209, 102, 0.15);
    color: #FFD166;
}

.dm-deliverables__card-icon--blue {
    background: rgba(0, 100, 217, 0.15);
    color: #60a5fa;
}

.dm-deliverables__card-icon--rose {
    background: rgba(255, 87, 150, 0.15);
    color: #f472b6;
}


.dm-deliverables__card-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dm-deliverables__metric-row {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

.dm-deliverables__metric-value {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--v2-white);
    line-height: 1;
    letter-spacing: -0.02em;
}

.dm-deliverables__metric-range {
    font-size: 0.85rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.dm-deliverables__metric-label {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--v2-white);
    margin: 0;
    letter-spacing: -0.01em;
}

.dm-deliverables__metric-description {
    font-size: 0.9rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.6;
    margin: 0;
}


@media (max-width: 1024px) {
    .dm-deliverables {
        padding: 80px 24px;
    }

    .dm-deliverables__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .dm-deliverables {
        padding: 48px 16px;
    }

    .dm-deliverables__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .dm-deliverables__card {
        padding: 20px;
    }

    .dm-deliverables__metric-value {
        font-size: 2.2rem;
    }

    .dm-deliverables__headline {
        font-size: clamp(1.8rem, 5vw, 2.5rem);
    }
}


@media (prefers-reduced-motion: reduce) {
    .dm-deliverables__card {
        transition: none;
    }

    .dm-deliverables__card:hover {
        transform: none;
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.1);
    }
}







.dm-process {
    background: var(--v2-white);
    padding: 100px 24px;
    position: relative;
    overflow: hidden;
}

.dm-process__container {
    max-width: 1280px;
    margin: 0 auto;
}


.dm-process__header {
    max-width: 720px;
    margin-bottom: 56px;
}

.dm-process__eyebrow {
    display: inline-block;
    background: var(--v2-cta-soft);
    color: var(--v2-logo);
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.dm-process__headline {
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800;
    color: var(--v2-heading);
    line-height: 1.15;
    letter-spacing: -0.03em;
    margin: 0 0 20px 0;
}

.dm-process__headline-highlight {
    color: var(--v2-highlight);
}

.dm-process__body {
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--v2-subheading);
    line-height: 1.7;
    margin: 0;
}


.dm-process__stepper {
    display: flex;
    flex-direction: column;
    gap: 32px;
}


.dm-process__nav {
    display: flex;
    gap: 0;
    position: relative;
    border-bottom: 2px solid rgba(92, 27, 179, 0.1);
}

.dm-process__nav-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: 'Manrope', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--v2-subheading);
    position: relative;
    transition: color 0.3s ease;
    white-space: nowrap;
    flex: 1;
    justify-content: center;
}

.dm-process__nav-btn::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--v2-highlight);
    transform: scaleX(0);
    transition: transform 0.3s ease;
    border-radius: 3px 3px 0 0;
}

.dm-process__nav-btn:hover {
    color: var(--v2-heading);
}

.dm-process__nav-btn--active {
    color: var(--v2-highlight);
}

.dm-process__nav-btn--active::after {
    transform: scaleX(1);
}

.dm-process__nav-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(92, 27, 179, 0.1);
    color: var(--v2-subheading);
    font-size: 0.8rem;
    font-weight: 800;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.dm-process__nav-btn--active .dm-process__nav-number {
    background: var(--v2-highlight);
    color: var(--v2-white);
    box-shadow: 0 4px 12px rgba(255, 87, 87, 0.3);
}

.dm-process__nav-label {
    font-size: 0.85rem;
    font-weight: 700;
}


.dm-process__content {
    position: relative;
    min-height: 200px;
}

.dm-process__panel {
    background: var(--v2-bg);
    border-radius: 16px;
    padding: 32px;
    animation: dmProcessFadeIn 0.4s ease;
}

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

.dm-process__panel-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(92, 27, 179, 0.08);
}

.dm-process__panel-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dm-process__panel-icon--step1 {
    background: rgba(255, 87, 87, 0.12);
    color: #e64a4a;
}

.dm-process__panel-icon--step2 {
    background: rgba(255, 150, 50, 0.12);
    color: #e67e22;
}

.dm-process__panel-icon--step3 {
    background: rgba(0, 100, 217, 0.12);
    color: #0064D9;
}

.dm-process__panel-icon--step4 {
    background: rgba(92, 27, 179, 0.12);
    color: var(--v2-logo);
}

.dm-process__panel-icon--step5 {
    background: rgba(6, 214, 160, 0.12);
    color: #06A88A;
}

.dm-process__panel-title {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--v2-heading);
    margin: 0;
    letter-spacing: -0.01em;
}

.dm-process__panel-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.dm-process__panel-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--v2-ink);
    line-height: 1.5;
    background: var(--v2-white);
    padding: 16px;
    border-radius: 10px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dm-process__panel-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(92, 27, 179, 0.1);
}

.dm-process__panel-check {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(6, 214, 160, 0.15);
    color: #06A88A;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}


@media (max-width: 1024px) {
    .dm-process {
        padding: 80px 24px;
    }

    .dm-process__nav-btn {
        padding: 12px 14px;
        font-size: 0.8rem;
    }

    .dm-process__nav-label {
        font-size: 0.75rem;
    }

    .dm-process__panel-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .dm-process {
        padding: 60px 16px;
    }

    .dm-process__nav {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: var(--v2-cta-soft) transparent;
    }

    .dm-process__nav::-webkit-scrollbar {
        height: 4px;
    }

    .dm-process__nav::-webkit-scrollbar-track {
        background: transparent;
    }

    .dm-process__nav::-webkit-scrollbar-thumb {
        background-color: var(--v2-cta-soft);
        border-radius: 4px;
    }

    .dm-process__nav-btn {
        flex: 0 0 auto;
        min-width: 120px;
        padding: 12px 16px;
        font-size: 0.75rem;
        flex-direction: column;
        gap: 6px;
    }

    .dm-process__nav-number {
        width: 24px;
        height: 24px;
        font-size: 0.7rem;
    }

    .dm-process__nav-label {
        font-size: 0.7rem;
        text-align: center;
        white-space: normal;
    }

    .dm-process__panel {
        padding: 20px;
    }

    .dm-process__panel-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .dm-process__panel-title {
        font-size: 1.2rem;
    }

    .dm-process__headline-highlight {
        white-space: normal;
    }
}

@media (max-width: 480px) {
    .dm-process__panel-item {
        padding: 12px;
        font-size: 0.85rem;
    }
}


@media (prefers-reduced-motion: reduce) {
    .dm-process__panel {
        animation: none;
    }

    .dm-process__nav-btn,
    .dm-process__nav-number,
    .dm-process__panel-item {
        transition: none;
    }

    .dm-process__panel-item:hover {
        transform: none;
        box-shadow: none;
    }
}














:root {
    --v2-rcm-navy: #17152b;
    --v2-rcm-purple-dark: #32145f;
    --v2-rcm-purple: #54249a;
    --v2-rcm-purple-light: #8662c6;

    --v2-rcm-lavender: #eee9f8;

    --v2-rcm-coral: #ff5757;

    --v2-rcm-ink: #181521;
    --v2-rcm-muted: #696272;

    --v2-rcm-white: #ffffff;
}



.v2-rcm-hero {
    position: relative;

    min-height: min(860px, 94svh);

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 76% 48%,
            rgba(84, 36, 154, 0.13),
            transparent 31%
        ),
        radial-gradient(
            circle at 95% 100%,
            rgba(255, 87, 87, 0.045),
            transparent 25%
        ),
        #fbfafc;

    padding: 3rem 0 4rem;
}



.v2-rcm-hero-container {
    width: min(1380px, calc(100% - 80px));

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.88fr)
        minmax(570px, 1.12fr);

    align-items: center;

    gap: 30px;
}



.v2-rcm-hero-content {
    position: relative;
    z-index: 10;

    max-width: 660px;
}

.v2-rcm-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 21px;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: var(--v2-cta);
}

.v2-rcm-hero-eyebrow::before {
    content: "";

    width: 28px;
    height: 2px;

    background: var(--v2-rcm-coral);
}

.v2-rcm-hero-headline {
    margin: 0;

    font-size: clamp(45px, 4.35vw, 72px);

    line-height: 0.98;

    letter-spacing: -0.047em;

    font-weight: 800;

    color: var(--v2-heading);
}

.v2-rcm-hero-headline span {
    display: block;

    margin-top: 9px;

    color: var(--v2-highlight);
}

.v2-rcm-hero-subheading {
    max-width: 610px;

    margin: 27px 0 17px;

    font-size: clamp(19px, 1.4vw, 22px);

    line-height: 1.43;

    font-weight: 600;

    color: var(--v2-subheading);
}

.v2-rcm-hero-body {
    max-width: 625px;

    margin: 0;

    font-size: 16px;

    line-height: 1.7;

    color: var(--v2-rcm-muted);
}

.v2-rcm-hero-body--secondary {
    margin-top: 10px;
}



.v2-rcm-hero-cta-wrap {
    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 31px;
}

.v2-rcm-hero-cta {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 11px;

    min-height: 53px;

    padding: 0 23px;

    border-radius: 8px;

    color: var(--v2-rcm-white);

    background: var(--v2-rcm-purple-dark);

    font-size: 14px;
    font-weight: 750;

    text-decoration: none;

    box-shadow: 0 13px 30px rgba(50, 20, 95, 0.18);

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.v2-rcm-hero-cta:hover {
    transform: translateY(-2px);

    box-shadow: 0 18px 36px rgba(50, 20, 95, 0.23);
}

.v2-rcm-hero-cta-note {
    font-size: 11px;

    color: #807888;
}



.v2-rcm-hero-visual {
    position: relative;

    height: 680px;

    min-width: 0;
}



.v2-rcm-hero-atmosphere {
    position: absolute;

    width: 570px;
    height: 570px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(83, 44, 151, 0.17) 0%,
        rgba(83, 44, 151, 0.07) 42%,
        transparent 72%
    );
}



.v2-rcm-hero-grid {
    position: absolute;

    width: 510px;
    height: 510px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    opacity: 0.23;

    background-image:
        linear-gradient(rgba(84, 36, 154, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(84, 36, 154, 0.12) 1px, transparent 1px);

    background-size: 42px 42px;

    mask-image: radial-gradient(circle, black 20%, transparent 73%);
}



.v2-rcm-hero-ring {
    position: absolute;

    left: 50%;
    top: 50%;

    border-radius: 50%;

    border: 1px solid rgba(84, 36, 154, 0.13);

    transform: translate(-50%, -50%) rotate(-18deg);
}

.v2-rcm-hero-ring--one {
    width: 575px;
    height: 410px;
}

.v2-rcm-hero-ring--two {
    width: 465px;
    height: 540px;

    transform: translate(-50%, -50%) rotate(38deg);

    border-color: rgba(84, 36, 154, 0.1);
}

.v2-rcm-hero-ring--three {
    width: 365px;
    height: 365px;

    border-color: rgba(255, 87, 87, 0.13);
}



.v2-rcm-hero-connections {
    position: absolute;

    inset: 30px;

    z-index: 2;
}

.v2-rcm-hero-connections svg {
    width: 100%;
    height: 100%;
}

.v2-rcm-hero-connections path {
    stroke: rgba(84, 36, 154, 0.18);

    stroke-width: 1;

    stroke-dasharray: 5 7;
}

.v2-rcm-hero-connections circle {
    fill: var(--v2-rcm-purple);
}



.v2-rcm-hero-core {
    position: absolute;

    z-index: 5;

    left: 50%;
    top: 50%;

    width: 190px;
    height: 190px;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    background: radial-gradient(circle at 35% 30%, #7851b9, #32145f 70%);

    box-shadow: 0 35px 70px rgba(50, 20, 95, 0.23);
}

.v2-rcm-hero-core::before {
    content: "";

    position: absolute;

    inset: -15px;

    border-radius: 50%;

    border: 1px solid rgba(84, 36, 154, 0.25);
}

.v2-rcm-hero-core-orbit {
    position: absolute;

    inset: -30px;

    border-radius: 50%;

    border: 1px dashed rgba(84, 36, 154, 0.24);

    transform: rotate(25deg);
}

.v2-rcm-hero-core-inner {
    position: relative;

    width: 140px;
    height: 140px;

    border-radius: 50%;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    border: 1px solid rgba(255, 255, 255, 0.16);

    background: rgba(23, 21, 43, 0.24);

    color: white;
}

.v2-rcm-hero-core-label {
    margin-bottom: 5px;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 0.18em;
}

.v2-rcm-hero-core-inner strong {
    font-size: 37px;

    line-height: 1;

    letter-spacing: -0.05em;
}

.v2-rcm-hero-core-inner small {
    margin-top: 7px;

    font-size: 9px;

    opacity: 0.68;
}



.v2-rcm-node {
    position: absolute;

    z-index: 7;

    width: 125px;

    padding: 13px 14px;

    border-radius: 12px;

    border: 1px solid rgba(84, 36, 154, 0.1);

    background: rgba(255, 255, 255, 0.82);

    box-shadow: 0 17px 40px rgba(42, 21, 79, 0.09);

    backdrop-filter: blur(14px);
}

.v2-rcm-node-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    margin-bottom: 8px;

    border-radius: 7px;

    font-size: 8px;

    font-weight: 800;

    color: var(--v2-rcm-purple);

    background: var(--v2-rcm-lavender);
}

.v2-rcm-node strong {
    display: block;

    font-size: 12px;

    line-height: 1.25;

    color: var(--v2-rcm-ink);
}

.v2-rcm-node small {
    display: block;

    margin-top: 3px;

    font-size: 9px;

    color: #8a8291;
}



.v2-rcm-node--eligibility {
    left: 22%;
    top: 8%;
}

.v2-rcm-node--coding {
    right: 5%;
    top: 22%;
}

.v2-rcm-node--claims {
    right: 2%;
    bottom: 27%;
}

.v2-rcm-node--payments {
    left: 39%;
    bottom: 4%;
}

.v2-rcm-node--patients {
    left: 4%;
    bottom: 27%;
}

.v2-rcm-node--denials {
    left: 5%;
    top: 22%;
}



.v2-rcm-data-dot {
    position: absolute;

    z-index: 8;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: var(--v2-rcm-coral);

    box-shadow: 0 0 0 7px rgba(255, 87, 87, 0.07);
}

.v2-rcm-data-dot--one {
    left: 31%;
    top: 23%;
}

.v2-rcm-data-dot--two {
    right: 28%;
    top: 34%;
}

.v2-rcm-data-dot--three {
    right: 28%;
    bottom: 23%;
}

.v2-rcm-data-dot--four {
    left: 25%;
    bottom: 32%;
}



.v2-rcm-status {
    position: absolute;

    z-index: 8;

    right: 4%;
    bottom: 7%;

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 10px 13px;

    border-radius: 9px;

    background: rgba(255, 255, 255, 0.72);

    border: 1px solid rgba(84, 36, 154, 0.09);

    box-shadow: 0 12px 30px rgba(42, 21, 79, 0.07);

    backdrop-filter: blur(12px);
}

.v2-rcm-status-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #5dba78;

    box-shadow: 0 0 0 5px rgba(93, 186, 120, 0.09);
}

.v2-rcm-status strong {
    display: block;

    font-size: 10px;

    color: var(--v2-rcm-ink);
}

.v2-rcm-status small {
    display: block;

    margin-top: 2px;

    font-size: 8px;

    color: #89818f;
}



.v2-rcm-hero-person {
    position: absolute;

    z-index: 4;

    right: 7%;

    bottom: 0;

    width: min(300px, 28vw);

    height: auto;

    opacity: 0.92;

    object-fit: contain;

    filter: drop-shadow(0 25px 35px rgba(36, 18, 70, 0.12));
}



@media (max-width: 1200px) {
    .v2-rcm-hero-container {
        width: min(1180px, calc(100% - 50px));

        grid-template-columns:
            minmax(0, 0.9fr)
            minmax(500px, 1.1fr);
    }

    .v2-rcm-hero-visual {
        height: 620px;
    }

    .v2-rcm-node {
        transform: scale(0.92);
    }

    .v2-rcm-hero-person {
        width: 270px;
    }
}

@media (max-width: 960px) {
    .v2-rcm-hero {
        padding: 4rem 0 3rem;
    }

    .v2-rcm-hero-container {
        grid-template-columns: 1fr;
    }

    .v2-rcm-hero-content {
        max-width: 760px;
    }

    .v2-rcm-hero-visual {
        height: 610px;

        margin-top: 15px;
    }
}

@media (max-width: 600px) {
    .v2-rcm-hero {
        min-height: auto;

        padding: calc(var(--v2-header-h, 66px) + 2.5rem) 0 0;
    }

    .v2-rcm-hero-container {
        width: min(100% - 32px, 540px);
    }

    .v2-rcm-hero-headline {
        font-size: clamp(38px, 11vw, 52px);
    }

    .v2-rcm-hero-subheading {
        font-size: 18px;
    }

    .v2-rcm-hero-body {
        font-size: 15px;
    }

    .v2-rcm-hero-cta-wrap {
        flex-direction: column;

        align-items: flex-start;

        gap: 10px;
    }

    .v2-rcm-hero-visual {
        height: 500px;

        margin-top: 10px;
    }

    .v2-rcm-hero-atmosphere {
        width: 420px;
        height: 420px;
    }

    .v2-rcm-hero-grid {
        width: 390px;
        height: 390px;

        background-size: 32px 32px;
    }

    .v2-rcm-hero-ring--one {
        width: 420px;
        height: 310px;
    }

    .v2-rcm-hero-ring--two {
        width: 350px;
        height: 420px;
    }

    .v2-rcm-hero-ring--three {
        width: 280px;
        height: 280px;
    }

    .v2-rcm-hero-core {
        width: 145px;
        height: 145px;
    }

    .v2-rcm-hero-core-inner {
        width: 108px;
        height: 108px;
    }

    .v2-rcm-hero-core-inner strong {
        font-size: 30px;
    }

    .v2-rcm-node {
        width: 100px;

        padding: 10px;

        transform: scale(0.82);
    }

    .v2-rcm-node--eligibility {
        left: 14%;
        top: 5%;
    }

    .v2-rcm-node--coding {
        right: -2%;
        top: 19%;
    }

    .v2-rcm-node--claims {
        right: -4%;
        bottom: 25%;
    }

    .v2-rcm-node--payments {
        left: 35%;
        bottom: 2%;
    }

    .v2-rcm-node--patients {
        left: -4%;
        bottom: 25%;
    }

    .v2-rcm-node--denials {
        left: -2%;
        top: 19%;
    }

    .v2-rcm-hero-person {
        width: 210px;

        right: 50%;

        transform: translateX(50%);

        opacity: 0.88;
    }

    .v2-rcm-status {
        right: 0;
        bottom: 8%;

        transform: scale(0.85);
        transform-origin: bottom right;
    }
}

@media (max-width: 390px) {
    .v2-rcm-hero-visual {
        height: 450px;
    }

    .v2-rcm-hero-core {
        width: 125px;
        height: 125px;
    }

    .v2-rcm-hero-core-inner {
        width: 94px;
        height: 94px;
    }

    .v2-rcm-node {
        transform: scale(0.72);
    }

    .v2-rcm-hero-person {
        width: 190px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v2-rcm-hero-cta {
        transition: none;
    }
}






:root {
    --v2-rcm-coral: #ff5757;
    --v2-rcm-purple: #54249a;
    --v2-rcm-teal: #06a88a;
    --v2-rcm-blue: #0064d9;
    --v2-rcm-gold: #e6a817;
    --v2-rcm-rose: #e64a7a;
    --v2-rcm-ink: #181321;
    --v2-rcm-muted: #686172;
    --v2-rcm-border: rgba(84, 36, 154, 0.08);
}

.v2-rcm-services {
    position: relative;
    background: #f8f6fa;
    padding: 100px 0;
    overflow: hidden;
}

.v2-rcm-services-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
}



.v2-rcm-services-header {
    max-width: 800px;
    margin-bottom: 55px;
}

.v2-rcm-services-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-rcm-services-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-rcm-coral);
}

.v2-rcm-services-headline {
    margin: 0 0 18px;
    font-size: clamp(34px, 3.5vw, 48px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-rcm-services-body {
    max-width: 700px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-rcm-muted);
}



.v2-rcm-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}



.v2-rcm-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px 28px 24px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--v2-rcm-border);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
    position: relative;
    overflow: hidden;
}

.v2-rcm-card-accent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    opacity: 0.6;
}

.v2-rcm-card--coral .v2-rcm-card-accent {
    background: var(--v2-rcm-coral);
}
.v2-rcm-card--purple .v2-rcm-card-accent {
    background: var(--v2-rcm-purple);
}
.v2-rcm-card--teal .v2-rcm-card-accent {
    background: var(--v2-rcm-teal);
}
.v2-rcm-card--blue .v2-rcm-card-accent {
    background: var(--v2-rcm-blue);
}
.v2-rcm-card--gold .v2-rcm-card-accent {
    background: var(--v2-rcm-gold);
}
.v2-rcm-card--rose .v2-rcm-card-accent {
    background: var(--v2-rcm-rose);
}

.v2-rcm-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(50, 20, 95, 0.1);
    border-color: rgba(84, 36, 154, 0.15);
}



.v2-rcm-card-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.v2-rcm-card--coral .v2-rcm-card-icon {
    background: rgba(255, 87, 87, 0.1);
    color: #e64a4a;
}

.v2-rcm-card--purple .v2-rcm-card-icon {
    background: rgba(84, 36, 154, 0.1);
    color: var(--v2-rcm-purple);
}

.v2-rcm-card--teal .v2-rcm-card-icon {
    background: rgba(6, 168, 138, 0.1);
    color: var(--v2-rcm-teal);
}

.v2-rcm-card--blue .v2-rcm-card-icon {
    background: rgba(0, 100, 217, 0.1);
    color: var(--v2-rcm-blue);
}

.v2-rcm-card--gold .v2-rcm-card-icon {
    background: rgba(230, 168, 23, 0.12);
    color: #d4a017;
}

.v2-rcm-card--rose .v2-rcm-card-icon {
    background: rgba(230, 74, 122, 0.1);
    color: var(--v2-rcm-rose);
}



.v2-rcm-card-title {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--v2-rcm-ink);
    margin: 0 0 10px;
    letter-spacing: -0.01em;
}

.v2-rcm-card-description {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-rcm-muted);
    line-height: 1.65;
    margin: 0;
    flex-grow: 1;
}



@media (max-width: 1024px) {
    .v2-rcm-services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .v2-rcm-services {
        padding: 50px 0;
    }

    .v2-rcm-services-container {
        width: min(100% - 32px, 540px);
    }

    .v2-rcm-services-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .v2-rcm-card {
        padding: 24px 20px 20px;
    }

    .v2-rcm-services-headline {
        font-size: clamp(28px, 7vw, 38px);
    }

    .v2-rcm-card-title {
        font-size: 1.05rem;
    }
}



@media (prefers-reduced-motion: reduce) {
    .v2-rcm-card {
        transition: none;
    }

    .v2-rcm-card:hover {
        transform: none;
        box-shadow: none;
    }
}






:root {
    --v2-rcmw-bg: #32145f;
    --v2-rcmw-bg-gradient: linear-gradient(135deg, #32145f 0%, #54249a 100%);
    --v2-rcmw-coral: #ff5757;
    --v2-rcmw-teal: #06a88a;
    --v2-rcmw-gold: #e6a817;
    --v2-rcmw-blue: #0064d9;
    --v2-rcmw-rose: #e64a7a;
    --v2-rcmw-indigo: #4f46e5;
    --v2-rcmw-white: #ffffff;
    --v2-rcmw-muted: rgba(255, 255, 255, 0.7);
    --v2-rcmw-border: rgba(255, 255, 255, 0.08);
}

.v2-rcm-why {
    position: relative;
    background: var(--v2-rcmw-bg);
    padding: 100px 0;
    overflow: hidden;
}


.v2-rcm-why::before {
    content: "";
    position: absolute;
    top: -150px;
    right: -100px;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: rgba(255, 87, 87, 0.12);
    filter: blur(100px);
    pointer-events: none;
}

.v2-rcm-why-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 60px;
    align-items: start;
    position: relative;
    z-index: 1;
}



.v2-rcm-why-header {
    position: sticky;
    top: 40px;
}

.v2-rcm-why-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-rcm-why-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-rcmw-coral);
}

.v2-rcm-why-headline {
    margin: 0 0 18px;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.15;
    letter-spacing: -0.03em;
    font-weight: 800;
    color: var(--v2-rcmw-white);
}

.v2-rcm-why-body {
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-rcmw-muted);
    margin: 0;
    max-width: 420px;
}



.v2-rcm-why-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}


.v2-rcm-why-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--v2-rcmw-border);
    border-radius: 12px;
    padding: 18px 20px;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.v2-rcm-why-item:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    transform: translateY(-3px);
}

.v2-rcm-why-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-rcm-why-icon--cost {
    background: rgba(255, 87, 87, 0.15);
    color: var(--v2-rcmw-coral);
}

.v2-rcm-why-icon--approval {
    background: rgba(6, 168, 138, 0.15);
    color: var(--v2-rcmw-teal);
}

.v2-rcm-why-icon--cash {
    background: rgba(230, 168, 23, 0.15);
    color: var(--v2-rcmw-gold);
}

.v2-rcm-why-icon--compliance {
    background: rgba(84, 36, 154, 0.3);
    color: #a78bfa;
}

.v2-rcm-why-icon--scale {
    background: rgba(0, 100, 217, 0.15);
    color: var(--v2-rcmw-blue);
}

.v2-rcm-why-icon--security {
    background: rgba(230, 74, 122, 0.15);
    color: var(--v2-rcmw-rose);
}

.v2-rcm-why-icon--focus {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.v2-rcm-why-icon--report {
    background: rgba(79, 70, 229, 0.2);
    color: #a5b4fc;
}

.v2-rcm-why-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.v2-rcm-why-title {
    font-size: 1rem;
    font-weight: 800;
    color: var(--v2-rcmw-white);
    margin: 0;
    letter-spacing: -0.01em;
}

.v2-rcm-why-text {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-rcmw-muted);
    line-height: 1.6;
    margin: 0;
}



@media (max-width: 1024px) {
    .v2-rcm-why-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .v2-rcm-why-header {
        position: static;
    }

    .v2-rcm-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .v2-rcm-why {
        padding: 50px 0;
    }

    .v2-rcm-why-container {
        width: min(100% - 32px, 540px);
        gap: 30px;
    }

    .v2-rcm-why-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .v2-rcm-why-headline {
        font-size: clamp(26px, 6vw, 34px);
    }

    .v2-rcm-why-item {
        padding: 14px 16px;
        gap: 10px;
    }

    .v2-rcm-why-icon {
        width: 36px;
        height: 36px;
        border-radius: 8px;
    }
}



@media (prefers-reduced-motion: reduce) {
    .v2-rcm-why-item {
        transition: none;
    }

    .v2-rcm-why-item:hover {
        transform: none;
    }
}






:root {
    --v2-rcmwa-coral: #ff5757;
    --v2-rcmwa-purple: #54249a;
    --v2-rcmwa-purple-dark: #32145f;
    --v2-rcmwa-teal: #06a88a;
    --v2-rcmwa-ink: #181321;
    --v2-rcmwa-muted: #686172;
    --v2-rcmwa-border: rgba(84, 36, 154, 0.08);
}

.v2-rcm-why-avorcms {
    position: relative;
    background: #ffffff;
    padding: 100px 0;
    overflow: hidden;
}

.v2-rcm-why-avorcms-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 50px;
    align-items: start;
}



.v2-rcm-why-avorcms-header {
    position: sticky;
    top: 40px;
}

.v2-rcm-why-avorcms-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-rcm-why-avorcms-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-rcmwa-coral);
}

.v2-rcm-why-avorcms-headline {
    margin: 0 0 30px;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.15;
    letter-spacing: -0.03em;
    font-weight: 800;
    color: var(--v2-heading);
}


.v2-rcm-why-avorcms-expertise {
    background: #f8f6fa;
    border: 1px solid var(--v2-rcmwa-border);
    border-radius: 14px;
    padding: 24px 22px;
}

.v2-rcm-why-avorcms-expertise-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: rgba(84, 36, 154, 0.1);
    color: var(--v2-rcmwa-purple);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.v2-rcm-why-avorcms-expertise-title {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--v2-rcmwa-ink);
    margin: 0 0 10px;
    letter-spacing: -0.01em;
}

.v2-rcm-why-avorcms-expertise-text {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--v2-rcmwa-muted);
    line-height: 1.65;
    margin: 0;
}



.v2-rcm-why-avorcms-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.v2-rcm-why-avorcms-metrics {
    background: linear-gradient(135deg, #32145f 0%, #54249a 100%);
    border-radius: 16px;
    padding: 28px 30px;
    position: relative;
    overflow: hidden;
}

.v2-rcm-why-avorcms-metrics::before {
    content: "";
    position: absolute;
    top: -60px;
    right: -40px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(255, 87, 87, 0.12);
    pointer-events: none;
}

.v2-rcm-why-avorcms-metrics-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
}

.v2-rcm-why-avorcms-metrics-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(255, 87, 87, 0.15);
    color: var(--v2-rcmwa-coral);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-rcm-why-avorcms-metrics-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
    letter-spacing: -0.01em;
}

.v2-rcm-why-avorcms-metrics-subtitle {
    font-size: 0.95rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 20px;
    position: relative;
    z-index: 1;
}

.v2-rcm-why-avorcms-metrics-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    position: relative;
    z-index: 1;
}

.v2-rcm-why-avorcms-metric {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.v2-rcm-why-avorcms-metric-value {
    font-size: 1.6rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.02em;
    line-height: 1;
}

.v2-rcm-why-avorcms-metric-label {
    font-size: 0.8rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.55);
    line-height: 1.4;
}



.v2-rcm-why-avorcms-cards {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.v2-rcm-why-avorcms-card {
    background: #f8f6fa;
    border-radius: 14px;
    padding: 22px 24px 22px 20px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    border: 1px solid var(--v2-rcmwa-border);
    position: relative;
    overflow: hidden;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease;
}

.v2-rcm-why-avorcms-card-accent {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
}

.v2-rcm-why-avorcms-card-accent--coral {
    background: var(--v2-rcmwa-coral);
}

.v2-rcm-why-avorcms-card-accent--teal {
    background: var(--v2-rcmwa-teal);
}

.v2-rcm-why-avorcms-card-accent--purple {
    background: var(--v2-rcmwa-purple);
}

.v2-rcm-why-avorcms-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(50, 20, 95, 0.08);
    border-color: rgba(84, 36, 154, 0.15);
    background: #ffffff;
}

.v2-rcm-why-avorcms-card-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-rcm-why-avorcms-card-icon--coral {
    background: rgba(255, 87, 87, 0.1);
    color: #e64a4a;
}

.v2-rcm-why-avorcms-card-icon--teal {
    background: rgba(6, 168, 138, 0.1);
    color: var(--v2-rcmwa-teal);
}

.v2-rcm-why-avorcms-card-icon--purple {
    background: rgba(84, 36, 154, 0.1);
    color: var(--v2-rcmwa-purple);
}

.v2-rcm-why-avorcms-card-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.v2-rcm-why-avorcms-card-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--v2-rcmwa-ink);
    margin: 0;
    letter-spacing: -0.01em;
}

.v2-rcm-why-avorcms-card-text {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-rcmwa-muted);
    line-height: 1.6;
    margin: 0;
}



@media (max-width: 1024px) {
    .v2-rcm-why-avorcms-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .v2-rcm-why-avorcms-header {
        position: static;
    }

    .v2-rcm-why-avorcms-metrics-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

@media (max-width: 640px) {
    .v2-rcm-why-avorcms {
        padding: 50px 0;
    }

    .v2-rcm-why-avorcms-container {
        width: min(100% - 32px, 540px);
        gap: 30px;
    }

    .v2-rcm-why-avorcms-headline {
        font-size: clamp(26px, 6vw, 34px);
    }

    .v2-rcm-why-avorcms-metrics {
        padding: 22px 18px;
    }

    .v2-rcm-why-avorcms-metrics-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .v2-rcm-why-avorcms-metric-value {
        font-size: 1.4rem;
    }

    .v2-rcm-why-avorcms-card {
        padding: 18px 16px 18px 14px;
        gap: 12px;
    }

    .v2-rcm-why-avorcms-card-icon {
        width: 38px;
        height: 38px;
        border-radius: 8px;
    }
}



@media (prefers-reduced-motion: reduce) {
    .v2-rcm-why-avorcms-card {
        transition: none;
    }

    .v2-rcm-why-avorcms-card:hover {
        transform: none;
        box-shadow: none;
    }
}






:root {
    --v2-rcmf-coral: #ff5757;
    --v2-rcmf-purple: #54249a;
    --v2-rcmf-purple-dark: #32145f;
    --v2-rcmf-ink: #181321;
    --v2-rcmf-muted: #686172;
    --v2-rcmf-border: rgba(84, 36, 154, 0.08);
}

.v2-rcm-faq {
    position: relative;
    background: #f8f6fa;
    padding: 100px 0;
    overflow: hidden;
}

.v2-rcm-faq-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.7fr 1.3fr;
    gap: 50px;
    align-items: start;
}



.v2-rcm-faq-support {
    position: sticky;
    top: 40px;
    background: linear-gradient(135deg, #32145f 0%, #54249a 100%);
    border-radius: 16px;
    padding: 32px 28px;
    position: relative;
    overflow: hidden;
}

.v2-rcm-faq-support::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -60px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(255, 87, 87, 0.15);
    pointer-events: none;
}

.v2-rcm-faq-support-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(255, 87, 87, 0.15);
    color: var(--v2-rcmf-coral);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    position: relative;
    z-index: 1;
}

.v2-rcm-faq-support-title {
    font-size: 1.4rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 10px;
    letter-spacing: -0.01em;
    position: relative;
    z-index: 1;
}

.v2-rcm-faq-support-text {
    font-size: 0.95rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.65;
    margin: 0 0 20px;
    position: relative;
    z-index: 1;
}

.v2-rcm-faq-support-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 8px;
    background: var(--v2-rcmf-coral);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
    box-shadow: 0 8px 16px rgba(255, 87, 87, 0.25);
    position: relative;
    z-index: 1;
}

.v2-rcm-faq-support-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(255, 87, 87, 0.35);
}

.v2-rcm-faq-support-cta svg {
    transition: transform 0.2s ease;
}

.v2-rcm-faq-support-cta:hover svg {
    transform: translateX(3px);
}

.v2-rcm-faq-support-phone {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 0.85rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    z-index: 1;
}

.v2-rcm-faq-support-phone svg {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.5);
}



.v2-rcm-faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.v2-rcm-faq-item {
    background: #ffffff;
    border: 1px solid var(--v2-rcmf-border);
    border-radius: 12px;
    overflow: hidden;
    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.v2-rcm-faq-item:hover {
    border-color: rgba(84, 36, 154, 0.15);
}

.v2-rcm-faq-item--active {
    border-color: rgba(84, 36, 154, 0.2);
    box-shadow: 0 8px 20px rgba(50, 20, 95, 0.06);
}

.v2-rcm-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 20px 24px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: "Manrope", sans-serif;
    text-align: left;
    transition: background 0.2s ease;
}

.v2-rcm-faq-question:hover {
    background: rgba(84, 36, 154, 0.03);
}

.v2-rcm-faq-question-text {
    font-size: 1rem;
    font-weight: 700;
    color: var(--v2-rcmf-ink);
    line-height: 1.4;
    letter-spacing: -0.01em;
}

.v2-rcm-faq-item--active .v2-rcm-faq-question-text {
    color: var(--v2-rcmf-purple);
}

.v2-rcm-faq-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(84, 36, 154, 0.08);
    color: var(--v2-rcmf-muted);
    flex-shrink: 0;
    transition:
        transform 0.3s ease,
        background 0.3s ease,
        color 0.3s ease;
}

.v2-rcm-faq-item--active .v2-rcm-faq-icon {
    transform: rotate(180deg);
    background: var(--v2-rcmf-coral);
    color: #ffffff;
}

.v2-rcm-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.v2-rcm-faq-item--active .v2-rcm-faq-answer {
    max-height: 600px;
}

.v2-rcm-faq-answer-inner {
    padding: 0 24px 22px;
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--v2-rcmf-muted);
}

.v2-rcm-faq-answer-inner p {
    margin: 0;
}



@media (max-width: 900px) {
    .v2-rcm-faq-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .v2-rcm-faq-support {
        position: static;
    }
}

@media (max-width: 640px) {
    .v2-rcm-faq {
        padding: 50px 0;
    }

    .v2-rcm-faq-container {
        width: min(100% - 32px, 540px);
    }

    .v2-rcm-faq-support {
        padding: 24px 20px;
    }

    .v2-rcm-faq-support-title {
        font-size: 1.2rem;
    }

    .v2-rcm-faq-question {
        padding: 16px 18px;
    }

    .v2-rcm-faq-question-text {
        font-size: 0.95rem;
    }

    .v2-rcm-faq-answer-inner {
        padding: 0 18px 16px;
    }
}



@media (prefers-reduced-motion: reduce) {
    .v2-rcm-faq-answer {
        transition: none;
    }

    .v2-rcm-faq-icon,
    .v2-rcm-faq-support-cta,
    .v2-rcm-faq-support-cta svg {
        transition: none;
    }
}







:root {
    --v2-webdev-purple-dark: #32145f;
    --v2-webdev-purple: #5b2aa3;
    --v2-webdev-purple-light: #8a68c9;
    --v2-webdev-lavender: #eee9f8;
    --v2-webdev-coral: #ff5757;
    --v2-webdev-ink: #191522;
    --v2-webdev-muted: #6e6677;
    --v2-webdev-white: #ffffff;
}




.v2-webdev-hero {
    position: relative;
    min-height: min(860px, 94svh);
    display: flex;
    align-items: center;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 78% 48%,
            rgba(91, 42, 163, .13),
            transparent 30%
        ),
        radial-gradient(
            circle at 94% 92%,
            rgba(255, 87, 87, .045),
            transparent 24%
        ),
        #fbfafc;

    padding: 3rem 0 4rem;
}


.v2-webdev-hero-container {
    width: min(1380px, calc(100% - 80px));
    margin: 0 auto;

    display: grid;
    grid-template-columns:
        minmax(0, .88fr)
        minmax(570px, 1.12fr);

    align-items: center;
    gap: 25px;
}




.v2-webdev-hero-content {
    position: relative;
    z-index: 20;
    max-width: 660px;
}


.v2-webdev-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 21px;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;

    color: var(--v2-cta);
}


.v2-webdev-hero-eyebrow::before {
    content: "";

    width: 28px;
    height: 2px;

    background: var(--v2-webdev-coral);
}


.v2-webdev-hero-headline {
    margin: 0;

    font-size: clamp(45px, 4.35vw, 72px);
    line-height: .98;

    letter-spacing: -.047em;
    font-weight: 800;

    color: var(--v2-heading);
}


.v2-webdev-hero-headline span {
    display: block;

    margin-top: 9px;

    color: var(--v2-highlight);
}


.v2-webdev-hero-subheading {
    max-width: 610px;

    margin: 27px 0 17px;

    font-size: clamp(19px, 1.4vw, 22px);
    line-height: 1.43;

    font-weight: 600;

    color: var(--v2-subheading);
}


.v2-webdev-hero-body {
    max-width: 625px;

    margin: 0;

    font-size: 16px;
    line-height: 1.7;

    color: var(--v2-webdev-muted);
}


.v2-webdev-hero-body--secondary {
    margin-top: 10px;
}


.v2-webdev-hero-cta-wrap {
    display: flex;
    align-items: center;
    gap: 18px;

    margin-top: 31px;
}


.v2-webdev-hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    min-height: 53px;

    padding: 0 23px;

    border-radius: 8px;

    color: var(--v2-webdev-white);
    background: var(--v2-webdev-purple-dark);

    font-size: 14px;
    font-weight: 750;

    text-decoration: none;

    box-shadow:
        0 13px 30px rgba(50, 20, 95, .18);

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


.v2-webdev-hero-cta:hover {
    transform: translateY(-2px);

    box-shadow:
        0 18px 36px rgba(50, 20, 95, .23);
}


.v2-webdev-hero-cta-note {
    font-size: 11px;
    color: #807888;
}




.v2-webdev-hero-visual {
    position: relative;

    height: 680px;
    min-width: 0;
}




.v2-webdev-hero-glow {
    position: absolute;

    width: 590px;
    height: 590px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(91, 42, 163, .17) 0%,
            rgba(91, 42, 163, .07) 42%,
            transparent 72%
        );
}




.v2-webdev-hero-grid {
    position: absolute;

    width: 520px;
    height: 520px;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    opacity: .22;

    background-image:
        linear-gradient(
            rgba(91, 42, 163, .12) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(91, 42, 163, .12) 1px,
            transparent 1px
        );

    background-size: 42px 42px;

    mask-image:
        radial-gradient(
            circle,
            black 20%,
            transparent 73%
        );
}




.v2-webdev-orbit {
    position: absolute;

    left: 50%;
    top: 50%;

    border-radius: 50%;

    border: 1px solid rgba(91, 42, 163, .13);

    transform: translate(-50%, -50%);
}


.v2-webdev-orbit--one {
    width: 570px;
    height: 400px;

    transform:
        translate(-50%, -50%)
        rotate(-18deg);
}


.v2-webdev-orbit--two {
    width: 455px;
    height: 550px;

    transform:
        translate(-50%, -50%)
        rotate(36deg);

    border-color:
        rgba(91, 42, 163, .09);
}


.v2-webdev-orbit--three {
    width: 365px;
    height: 365px;

    border-color:
        rgba(255, 87, 87, .14);
}




.v2-webdev-connections {
    position: absolute;

    inset: 25px;

    z-index: 2;
}


.v2-webdev-connections svg {
    width: 100%;
    height: 100%;
}


.v2-webdev-connections path {
    stroke:
        rgba(91, 42, 163, .16);

    stroke-width: 1;

    stroke-dasharray: 5 8;
}


.v2-webdev-connections circle {
    fill:
        var(--v2-webdev-purple);
}




.v2-webdev-browser {
    position: absolute;

    z-index: 6;

    left: 50%;
    top: 50%;

    width: 365px;
    height: 305px;

    transform:
        translate(-50%, -50%)
        perspective(1000px)
        rotateY(-7deg)
        rotateX(3deg);

    border-radius: 13px;

    background: #ffffff;

    border:
        1px solid rgba(91, 42, 163, .14);

    box-shadow:
        0 35px 80px rgba(44, 20, 84, .18),
        0 10px 25px rgba(44, 20, 84, .07);
}


.v2-webdev-browser::before {
    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 17px;

    border:
        1px solid rgba(91, 42, 163, .08);

    pointer-events: none;
}




.v2-webdev-browser-top {
    height: 36px;

    display: flex;
    align-items: center;

    padding: 0 13px;

    border-bottom:
        1px solid rgba(40, 24, 70, .07);

    background: #faf9fc;

    border-radius:
        13px 13px 0 0;
}


.v2-webdev-browser-dots {
    display: flex;
    gap: 5px;
}


.v2-webdev-browser-dots i {
    width: 6px;
    height: 6px;

    display: block;

    border-radius: 50%;

    background: #d7d2df;
}


.v2-webdev-browser-address {
    position: absolute;

    left: 50%;
    transform: translateX(-50%);

    width: 145px;

    padding: 5px 10px;

    border-radius: 5px;

    background: #f0edf5;

    text-align: center;

    font-size: 7px;
    font-weight: 700;

    color: #82798e;
}




.v2-webdev-browser-body {
    position: relative;

    height: calc(100% - 36px);

    overflow: hidden;

    border-radius:
        0 0 13px 13px;
}




.v2-webdev-browser-nav {
    height: 43px;

    display: grid;

    grid-template-columns:
        1fr
        30px
        30px
        42px;

    align-items: center;

    gap: 7px;

    padding: 0 18px;
}


.v2-webdev-brand {
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .14em;

    color: var(--v2-webdev-purple-dark);
}


.v2-webdev-browser-nav > span:not(.v2-webdev-brand) {
    height: 3px;

    border-radius: 5px;

    background: #e7e2ed;
}


.v2-webdev-nav-button {
    height: 15px !important;

    border-radius: 4px !important;

    background:
        var(--v2-webdev-purple) !important;
}




.v2-webdev-browser-hero {
    position: relative;

    height: 150px;

    display: flex;
    align-items: center;

    padding: 0 22px;

    overflow: hidden;

    background:
        linear-gradient(
            120deg,
            #f4effb 0%,
            #faf9fc 65%
        );
}


.v2-webdev-mini-copy {
    position: relative;

    z-index: 2;
}


.v2-webdev-mini-copy small {
    display: block;

    margin-bottom: 7px;

    font-size: 6px;
    font-weight: 800;
    letter-spacing: .12em;

    color: var(--v2-webdev-purple);
}


.v2-webdev-mini-copy strong {
    display: block;

    font-size: 22px;
    line-height: .98;
    letter-spacing: -.045em;

    color: var(--v2-webdev-ink);
}


.v2-webdev-mini-copy em {
    display: block;

    width: 38px;
    height: 4px;

    margin-top: 12px;

    border-radius: 4px;

    background:
        var(--v2-webdev-coral);
}


.v2-webdev-mini-lines {
    display: flex;

    flex-direction: column;

    gap: 4px;

    margin-top: 11px;
}


.v2-webdev-mini-lines i {
    display: block;

    width: 75px;
    height: 3px;

    border-radius: 4px;

    background: #dcd6e5;
}


.v2-webdev-mini-lines i:nth-child(2) {
    width: 55px;
}


.v2-webdev-mini-lines i:nth-child(3) {
    width: 65px;
}




.v2-webdev-mini-visual {
    position: absolute;

    right: 24px;
    top: 50%;

    width: 125px;
    height: 125px;

    transform: translateY(-50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(91,42,163,.22),
            rgba(91,42,163,.05) 55%,
            transparent 70%
        );
}


.v2-webdev-mini-ring {
    position: absolute;

    inset: 17px;

    border-radius: 50%;

    border:
        1px solid rgba(91,42,163,.25);

    transform: rotate(35deg);

    box-shadow:
        0 0 0 13px rgba(91,42,163,.04);
}


.v2-webdev-mini-cross {
    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    font-size: 38px;
    font-weight: 300;

    color: var(--v2-webdev-purple);
}




.v2-webdev-browser-cards {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 8px;

    padding: 13px 18px;
}


.v2-webdev-browser-cards div {
    height: 35px;

    border-radius: 6px;

    background:
        #f0edf5;
}




.v2-webdev-node {
    position: absolute;

    z-index: 9;

    width: 128px;

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 11px;

    border-radius: 11px;

    border:
        1px solid rgba(91,42,163,.10);

    background:
        rgba(255,255,255,.86);

    box-shadow:
        0 15px 35px rgba(42,21,79,.09);

    backdrop-filter: blur(14px);
}


.v2-webdev-node-icon {
    flex: 0 0 auto;

    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;

    font-size: 8px;
    font-weight: 800;

    color:
        var(--v2-webdev-purple);

    background:
        var(--v2-webdev-lavender);
}


.v2-webdev-node strong {
    display: block;

    font-size: 11px;
    line-height: 1.2;

    color:
        var(--v2-webdev-ink);
}


.v2-webdev-node small {
    display: block;

    margin-top: 3px;

    font-size: 8px;

    color: #8b8292;
}


.v2-webdev-node--design {
    left: 7%;
    top: 12%;
}


.v2-webdev-node--development {
    right: 3%;
    top: 19%;
}


.v2-webdev-node--seo {
    right: 0%;
    bottom: 29%;
}


.v2-webdev-node--conversion {
    left: 7%;
    bottom: 28%;
}


.v2-webdev-node--marketing {
    left: 35%;
    bottom: 3%;
}




.v2-webdev-code-card {
    position: absolute;

    z-index: 10;

    left: 1%;
    top: 42%;

    width: 132px;

    padding: 11px 12px;

    border-radius: 9px;

    background:
        rgba(28,20,48,.94);

    box-shadow:
        0 18px 38px rgba(32,18,58,.18);

    transform:
        rotate(-3deg);
}


.v2-webdev-code-dot {
    display: block;

    width: 6px;
    height: 6px;

    margin-bottom: 9px;

    border-radius: 50%;

    background:
        var(--v2-webdev-coral);

    box-shadow:
        0 0 0 5px rgba(255,87,87,.08);
}


.v2-webdev-code-lines {
    display: flex;

    flex-direction: column;

    gap: 4px;

    margin-bottom: 9px;
}


.v2-webdev-code-lines i {
    display: block;

    height: 3px;

    border-radius: 4px;

    background:
        rgba(255,255,255,.18);
}


.v2-webdev-code-lines i:nth-child(1) {
    width: 72%;
}


.v2-webdev-code-lines i:nth-child(2) {
    width: 48%;
}


.v2-webdev-code-lines i:nth-child(3) {
    width: 61%;
}


.v2-webdev-code-card strong {
    display: block;

    font-size: 9px;

    color: white;
}


.v2-webdev-code-card small {
    display: block;

    margin-top: 3px;

    font-size: 7px;

    color: rgba(255,255,255,.48);
}




.v2-webdev-status {
    position: absolute;

    z-index: 10;

    right: 1%;
    bottom: 7%;

    display: flex;
    align-items: center;

    gap: 9px;

    padding: 10px 13px;

    border-radius: 9px;

    background:
        rgba(255,255,255,.76);

    border:
        1px solid rgba(91,42,163,.09);

    box-shadow:
        0 12px 30px rgba(42,21,79,.07);

    backdrop-filter: blur(12px);
}


.v2-webdev-status-dot {
    width: 7px;
    height: 7px;

    flex: 0 0 auto;

    border-radius: 50%;

    background: #5dba78;

    box-shadow:
        0 0 0 5px rgba(93,186,120,.09);
}


.v2-webdev-status strong {
    display: block;

    font-size: 10px;

    color:
        var(--v2-webdev-ink);
}


.v2-webdev-status small {
    display: block;

    margin-top: 2px;

    font-size: 8px;

    color: #89818f;
}




.v2-webdev-data-dot {
    position: absolute;

    z-index: 12;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background:
        var(--v2-webdev-coral);

    box-shadow:
        0 0 0 7px rgba(255,87,87,.07);
}


.v2-webdev-data-dot--one {
    left: 27%;
    top: 24%;
}


.v2-webdev-data-dot--two {
    right: 24%;
    top: 31%;
}


.v2-webdev-data-dot--three {
    right: 27%;
    bottom: 23%;
}


.v2-webdev-data-dot--four {
    left: 25%;
    bottom: 32%;
}




@media (max-width: 1200px) {

    .v2-webdev-hero-container {
        width: min(1180px, calc(100% - 50px));

        grid-template-columns:
            minmax(0, .9fr)
            minmax(500px, 1.1fr);
    }

    .v2-webdev-hero-visual {
        height: 620px;
    }

    .v2-webdev-node {
        transform: scale(.92);
    }

    .v2-webdev-browser {
        transform:
            translate(-50%, -50%)
            perspective(1000px)
            rotateY(-5deg)
            rotateX(3deg)
            scale(.92);
    }
}




@media (max-width: 960px) {

    .v2-webdev-hero {
        padding: 4rem 0 3rem;
    }

    .v2-webdev-hero-container {
        grid-template-columns: 1fr;
    }

    .v2-webdev-hero-content {
        max-width: 760px;
    }

    .v2-webdev-hero-visual {
        height: 610px;
        margin-top: 15px;
    }
}




@media (max-width: 600px) {

    .v2-webdev-hero {
        min-height: auto;
        padding: calc(var(--v2-header-h, 66px) + 2.5rem) 0 0;
    }

    .v2-webdev-hero-container {
        width: min(100% - 32px, 540px);
    }

    .v2-webdev-hero-headline {
        font-size: clamp(38px, 11vw, 52px);
    }

    .v2-webdev-hero-subheading {
        font-size: 18px;
    }

    .v2-webdev-hero-body {
        font-size: 15px;
    }

    .v2-webdev-hero-cta-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .v2-webdev-hero-visual {
        height: 500px;
        margin-top: 10px;
    }

    .v2-webdev-hero-glow {
        width: 420px;
        height: 420px;
    }

    .v2-webdev-hero-grid {
        width: 390px;
        height: 390px;
        background-size: 32px 32px;
    }

    .v2-webdev-orbit--one {
        width: 420px;
        height: 310px;
    }

    .v2-webdev-orbit--two {
        width: 350px;
        height: 420px;
    }

    .v2-webdev-orbit--three {
        width: 280px;
        height: 280px;
    }

    .v2-webdev-browser {
        width: 300px;
        height: 250px;

        transform:
            translate(-50%, -50%)
            scale(.9);
    }

    .v2-webdev-browser-hero {
        height: 122px;
    }

    .v2-webdev-mini-copy strong {
        font-size: 18px;
    }

    .v2-webdev-mini-visual {
        width: 95px;
        height: 95px;
        right: 17px;
    }

    .v2-webdev-node {
        width: 100px;
        padding: 9px;

        transform: scale(.78);
    }

    .v2-webdev-node--design {
        left: -2%;
        top: 7%;
    }

    .v2-webdev-node--development {
        right: -7%;
        top: 17%;
    }

    .v2-webdev-node--seo {
        right: -8%;
        bottom: 25%;
    }

    .v2-webdev-node--conversion {
        left: -7%;
        bottom: 25%;
    }

    .v2-webdev-node--marketing {
        left: 34%;
        bottom: 1%;
    }

    .v2-webdev-code-card {
        left: -5%;
        top: 40%;

        transform:
            rotate(-3deg)
            scale(.78);
    }

    .v2-webdev-status {
        right: -2%;
        bottom: 8%;

        transform: scale(.8);
        transform-origin: bottom right;
    }
}




@media (max-width: 390px) {

    .v2-webdev-hero-visual {
        height: 450px;
    }

    .v2-webdev-browser {
        width: 275px;
        height: 230px;

        transform:
            translate(-50%, -50%)
            scale(.82);
    }

    .v2-webdev-node {
        transform: scale(.68);
    }

    .v2-webdev-code-card {
        transform:
            rotate(-3deg)
            scale(.68);
    }
}




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

    .v2-webdev-hero-cta {
        transition: none;
    }

}








:root {
    --v2-cdev-coral: #ff5757;
    --v2-cdev-purple: #54249a;
    --v2-cdev-purple-dark: #32145f;
    --v2-cdev-ink: #181321;
    --v2-cdev-muted: #686172;
    --v2-cdev-border: rgba(84, 36, 154, 0.08);
}


.v2-cdev-diff {
    position: relative;
    background: #fbfafc;
    padding: 100px 0;
    overflow: hidden;
}

.v2-cdev-diff-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
    position: relative;
    z-index: 1;
}




.v2-cdev-diff-header {
    max-width: 800px;
    margin-bottom: 55px;
}

.v2-cdev-diff-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-cdev-diff-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-cdev-coral);
}

.v2-cdev-diff-headline {
    margin: 0 0 18px;
    font-size: clamp(34px, 3.5vw, 48px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-cdev-diff-headline-highlight {
    color: var(--v2-cdev-purple);
}

.v2-cdev-diff-body {
    max-width: 700px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-cdev-muted);
}




.v2-cdev-diff-comparison {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    margin-bottom: 40px;
}


.v2-cdev-diff-vs {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--v2-cdev-purple-dark);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: 0.05em;
    box-shadow: 0 8px 20px rgba(50, 20, 95, 0.25);
    border: 3px solid #ffffff;
}




.v2-cdev-diff-panel {
    background: #ffffff;
    border-radius: 16px;
    padding: 32px 30px 28px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--v2-cdev-border);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.v2-cdev-diff-panel:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 48px rgba(50, 20, 95, 0.10);
}

.v2-cdev-diff-panel--custom {
    border-top: 5px solid var(--v2-cdev-coral);
    background: linear-gradient(180deg, #fffafa 0%, #ffffff 30%);
}

.v2-cdev-diff-panel--templates {
    border-top: 5px solid #c0bcc7;
    background: linear-gradient(180deg, #fafafa 0%, #ffffff 30%);
    opacity: 0.9;
}




.v2-cdev-diff-panel-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--v2-cdev-border);
}

.v2-cdev-diff-panel-icon {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-cdev-diff-panel--custom .v2-cdev-diff-panel-icon {
    background: rgba(255, 87, 87, 0.10);
    color: #e64a4a;
}

.v2-cdev-diff-panel--templates .v2-cdev-diff-panel-icon {
    background: rgba(120, 116, 128, 0.10);
    color: #787480;
}

.v2-cdev-diff-panel-heading {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.v2-cdev-diff-panel-tag {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    align-self: flex-start;
}

.v2-cdev-diff-panel-tag--custom {
    background: rgba(255, 87, 87, 0.12);
    color: #e64a4a;
}

.v2-cdev-diff-panel-tag--templates {
    background: rgba(120, 116, 128, 0.12);
    color: #787480;
}

.v2-cdev-diff-panel-title {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--v2-heading);
    margin: 0;
    letter-spacing: -0.01em;
}




.v2-cdev-diff-panel-description {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--v2-cdev-muted);
    line-height: 1.65;
    margin: 0 0 22px;
    flex-grow: 1;
}




.v2-cdev-diff-panel-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.v2-cdev-diff-panel-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-cdev-ink);
    line-height: 1.5;
}

.v2-cdev-diff-panel-check,
.v2-cdev-diff-panel-x {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.v2-cdev-diff-panel-check {
    background: rgba(6, 168, 138, 0.12);
    color: #06A88A;
}

.v2-cdev-diff-panel-x {
    background: rgba(255, 87, 87, 0.10);
    color: #e64a4a;
}




.v2-cdev-diff-conclusion {
    background: #ffffff;
    border: 1px solid var(--v2-cdev-border);
    border-radius: 12px;
    padding: 20px 24px;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.v2-cdev-diff-conclusion-text {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--v2-cdev-muted);
    line-height: 1.7;
    margin: 0;
}




@media (max-width: 900px) {
    .v2-cdev-diff-comparison {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .v2-cdev-diff-vs {
        position: static;
        transform: none;
        margin: 0 auto;
        width: 50px;
        height: 50px;
        font-size: 0.85rem;
    }

    .v2-cdev-diff-panel {
        padding: 26px 24px 22px;
    }
}

@media (max-width: 640px) {
    .v2-cdev-diff {
        padding: 50px 0;
    }

    .v2-cdev-diff-container {
        width: min(100% - 32px, 540px);
    }

    .v2-cdev-diff-headline {
        font-size: clamp(28px, 7vw, 38px);
    }

    .v2-cdev-diff-panel-title {
        font-size: 1.2rem;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-cdev-diff-panel {
        transition: none;
    }

    .v2-cdev-diff-panel:hover {
        transform: none;
        box-shadow: none;
    }
}







:root {
    --v2-wds-coral: #ff5757;
    --v2-wds-purple: #54249a;
    --v2-wds-purple-dark: #32145f;
    --v2-wds-teal: #06A88A;
    --v2-wds-blue: #0064D9;
    --v2-wds-gold: #e6a817;
    --v2-wds-ink: #181321;
    --v2-wds-muted: #686172;
    --v2-wds-border: rgba(84, 36, 154, 0.08);
}


.v2-wds {
    position: relative;
    background: #f8f6fa;
    padding: 100px 0;
    overflow: hidden;
}


.v2-wds::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(84, 36, 154, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(84, 36, 154, 0.03) 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none;
}

.v2-wds-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
    position: relative;
    z-index: 1;
}




.v2-wds-header {
    max-width: 750px;
    margin-bottom: 55px;
}

.v2-wds-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-wds-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-wds-coral);
}

.v2-wds-headline {
    margin: 0 0 18px;
    font-size: clamp(34px, 3.5vw, 48px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-wds-headline-highlight {
    color: var(--v2-wds-purple);
}

.v2-wds-body {
    max-width: 680px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-wds-muted);
}




.v2-wds-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

.v2-wds-card--large {
    grid-column: span 2;
}

.v2-wds-card--horizontal {
    grid-column: span 3;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 24px 28px;
}

.v2-wds-card--horizontal .v2-wds-card-top {
    flex-shrink: 0;
    margin-bottom: 0;
    min-width: 180px;
}

.v2-wds-card--horizontal .v2-wds-card-description {
    margin: 0;
    flex: 1;
}




.v2-wds-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 28px 26px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--v2-wds-border);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    position: relative;
    overflow: hidden;
}

.v2-wds-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    opacity: 0.5;
}

.v2-wds-card--featured::before {
    background: linear-gradient(90deg, var(--v2-wds-coral), var(--v2-wds-purple));
}

.v2-wds-card--accent-coral::before {
    background: var(--v2-wds-coral);
}

.v2-wds-card--accent-purple::before {
    background: var(--v2-wds-purple);
}

.v2-wds-card--accent-teal::before {
    background: var(--v2-wds-teal);
}

.v2-wds-card--accent-blue::before {
    background: var(--v2-wds-blue);
}

.v2-wds-card--accent-gold::before {
    background: var(--v2-wds-gold);
}

.v2-wds-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(50, 20, 95, 0.10);
    border-color: rgba(84, 36, 154, 0.15);
}

.v2-wds-card--featured {
    background: linear-gradient(135deg, #ffffff 0%, #f8f6fa 100%);
    border-top: 4px solid var(--v2-wds-coral);
}




.v2-wds-card-top {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 14px;
}

.v2-wds-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-wds-card--featured .v2-wds-card-icon {
    background: rgba(255, 87, 87, 0.1);
    color: #e64a4a;
}

.v2-wds-card--accent-coral .v2-wds-card-icon {
    background: rgba(255, 87, 87, 0.1);
    color: #e64a4a;
}

.v2-wds-card--accent-purple .v2-wds-card-icon {
    background: rgba(84, 36, 154, 0.1);
    color: var(--v2-wds-purple);
}

.v2-wds-card--accent-teal .v2-wds-card-icon {
    background: rgba(6, 168, 138, 0.1);
    color: var(--v2-wds-teal);
}

.v2-wds-card--accent-blue .v2-wds-card-icon {
    background: rgba(0, 100, 217, 0.1);
    color: var(--v2-wds-blue);
}

.v2-wds-card--accent-gold .v2-wds-card-icon {
    background: rgba(230, 168, 23, 0.12);
    color: #d4a017;
}

.v2-wds-card-title {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--v2-heading);
    margin: 0;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.v2-wds-card-description {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--v2-wds-muted);
    line-height: 1.65;
    margin: 0;
    flex-grow: 1;
}




@media (max-width: 1024px) {
    .v2-wds-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .v2-wds-card--large {
        grid-column: span 2;
    }

    .v2-wds-card--horizontal {
        grid-column: span 2;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .v2-wds-card--horizontal .v2-wds-card-top {
        min-width: auto;
    }
}

@media (max-width: 640px) {
    .v2-wds {
        padding: 50px 0;
    }

    .v2-wds-container {
        width: min(100% - 32px, 540px);
    }

    .v2-wds-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .v2-wds-card--large,
    .v2-wds-card--horizontal {
        grid-column: span 1;
    }

    .v2-wds-card {
        padding: 22px 20px;
    }

    .v2-wds-headline {
        font-size: clamp(28px, 7vw, 38px);
    }

    .v2-wds-card-title {
        font-size: 1.05rem;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-wds-card {
        transition: none;
    }

    .v2-wds-card:hover {
        transform: none;
        box-shadow: none;
    }
}




:root {
    --v2-wdp-coral: #ff5757;
    --v2-wdp-purple: #54249a;
    --v2-wdp-purple-dark: #32145f;
    --v2-wdp-ink: #181321;
    --v2-wdp-muted: #686172;
    --v2-wdp-border: rgba(84, 36, 154, 0.08);
    --v2-wdp-bg: #ffffff;
}


.v2-wdp {
    position: relative;
    background: var(--v2-wdp-bg);
    padding: 100px 0;
    overflow: hidden;
}

.v2-wdp-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
}




.v2-wdp-header {
    max-width: 750px;
    margin-bottom: 55px;
}

.v2-wdp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-wdp-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-wdp-coral);
}

.v2-wdp-headline {
    margin: 0 0 18px;
    font-size: clamp(34px, 3.5vw, 48px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-wdp-headline-highlight {
    color: var(--v2-wdp-purple);
}

.v2-wdp-body {
    max-width: 680px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-wdp-muted);
}




.v2-wdp-stepper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}




.v2-wdp-nav {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
    position: relative;
    padding: 0 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(84, 36, 154, 0.2) transparent;
}

.v2-wdp-nav::-webkit-scrollbar {
    height: 4px;
}

.v2-wdp-nav::-webkit-scrollbar-track {
    background: transparent;
}

.v2-wdp-nav::-webkit-scrollbar-thumb {
    background-color: rgba(84, 36, 154, 0.2);
    border-radius: 4px;
}

.v2-wdp-nav-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: 'Manrope', sans-serif;
    padding: 0 10px;
    position: relative;
    flex: 1;
    min-width: 90px;
    transition: all 0.3s ease;
}

.v2-wdp-nav-btn::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    width: 100%;
    height: 2px;
    background: rgba(84, 36, 154, 0.12);
    z-index: 0;
}

.v2-wdp-nav-btn:first-child::before {
    left: 50%;
    width: 50%;
}

.v2-wdp-nav-btn:last-child::before {
    left: 0;
    width: 50%;
}

.v2-wdp-nav-circle {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid rgba(84, 36, 154, 0.2);
    color: var(--v2-wdp-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 800;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}

.v2-wdp-nav-label {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--v2-wdp-muted);
    text-align: center;
    line-height: 1.3;
    transition: color 0.3s ease;
    max-width: 100px;
}


.v2-wdp-nav-btn--active .v2-wdp-nav-circle {
    background: var(--v2-wdp-coral);
    border-color: var(--v2-wdp-coral);
    color: #ffffff;
    box-shadow: 0 6px 16px rgba(255, 87, 87, 0.35);
}

.v2-wdp-nav-btn--active .v2-wdp-nav-label {
    color: var(--v2-heading);
    font-weight: 800;
}

.v2-wdp-nav-btn:hover .v2-wdp-nav-circle {
    border-color: var(--v2-wdp-purple);
}

.v2-wdp-nav-btn--active:hover .v2-wdp-nav-circle {
    border-color: var(--v2-wdp-coral);
}




.v2-wdp-content {
    position: relative;
    background: #f8f6fa;
    border-radius: 16px;
    padding: 40px;
    min-height: 200px;
}

.v2-wdp-panel {
    animation: v2WdpFadeIn 0.4s ease;
}

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

.v2-wdp-panel-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 750px;
}

.v2-wdp-panel-number {
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: var(--v2-wdp-coral);
    text-transform: uppercase;
}

.v2-wdp-panel-title {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--v2-wdp-ink);
    margin: 0;
    letter-spacing: -0.01em;
}

.v2-wdp-panel-description {
    font-size: 1rem;
    font-weight: 500;
    color: var(--v2-wdp-muted);
    line-height: 1.75;
    margin: 0;
}




@media (max-width: 1024px) {
    .v2-wdp {
        padding: 80px 0;
    }

    .v2-wdp-nav {
        gap: 5px;
    }

    .v2-wdp-nav-btn {
        padding: 0 5px;
        min-width: 80px;
    }

    .v2-wdp-nav-label {
        font-size: 0.7rem;
    }
}

@media (max-width: 640px) {
    .v2-wdp {
        padding: 50px 0;
    }

    .v2-wdp-container {
        width: min(100% - 32px, 540px);
    }

    .v2-wdp-headline {
        font-size: clamp(28px, 7vw, 38px);
    }

    .v2-wdp-stepper {
        gap: 30px;
    }

    .v2-wdp-content {
        padding: 24px 20px;
    }

    .v2-wdp-panel-title {
        font-size: 1.4rem;
    }

    .v2-wdp-panel-description {
        font-size: 0.9rem;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-wdp-panel {
        animation: none;
    }

    .v2-wdp-nav-btn,
    .v2-wdp-nav-circle,
    .v2-wdp-nav-label {
        transition: none;
    }
}







:root {
    --v2-wdf-coral: #ff5757;
    --v2-wdf-purple: #54249a;
    --v2-wdf-teal: #06A88A;
    --v2-wdf-blue: #0064D9;
    --v2-wdf-ink: #181321;
    --v2-wdf-muted: #686172;
    --v2-wdf-border: rgba(84, 36, 154, 0.08);
}


.v2-wdf {
    position: relative;
    background: #f8f6fa;
    padding: 100px 0;
    overflow: hidden;
}

.v2-wdf-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
}




.v2-wdf-header {
    max-width: 750px;
    margin-bottom: 55px;
}

.v2-wdf-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-wdf-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-wdf-coral);
}

.v2-wdf-headline {
    margin: 0 0 18px;
    font-size: clamp(34px, 3.5vw, 48px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-wdf-headline-highlight {
    color: var(--v2-wdf-purple);
}

.v2-wdf-body {
    max-width: 680px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-wdf-muted);
}




.v2-wdf-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    align-items: stretch;
}




.v2-wdf-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 28px 24px 24px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--v2-wdf-border);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    position: relative;
    overflow: hidden;
}

.v2-wdf-card-accent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    opacity: 0.5;
}

.v2-wdf-card--technical .v2-wdf-card-accent {
    background: var(--v2-wdf-purple);
}

.v2-wdf-card--ux .v2-wdf-card-accent {
    background: var(--v2-wdf-coral);
}

.v2-wdf-card--marketing .v2-wdf-card-accent {
    background: var(--v2-wdf-blue);
}

.v2-wdf-card--healthcare .v2-wdf-card-accent {
    background: var(--v2-wdf-teal);
}

.v2-wdf-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(50, 20, 95, 0.10);
    border-color: rgba(84, 36, 154, 0.15);
}




.v2-wdf-card-header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--v2-wdf-border);
}

.v2-wdf-card-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-wdf-card--technical .v2-wdf-card-icon {
    background: rgba(84, 36, 154, 0.1);
    color: var(--v2-wdf-purple);
}

.v2-wdf-card--ux .v2-wdf-card-icon {
    background: rgba(255, 87, 87, 0.1);
    color: #e64a4a;
}

.v2-wdf-card--marketing .v2-wdf-card-icon {
    background: rgba(0, 100, 217, 0.1);
    color: var(--v2-wdf-blue);
}

.v2-wdf-card--healthcare .v2-wdf-card-icon {
    background: rgba(6, 168, 138, 0.1);
    color: var(--v2-wdf-teal);
}

.v2-wdf-card-title {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--v2-heading);
    margin: 0;
    letter-spacing: -0.01em;
    line-height: 1.3;
}




.v2-wdf-card-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.v2-wdf-card-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--v2-wdf-muted);
    line-height: 1.4;
}

.v2-wdf-card-check {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.v2-wdf-card--technical .v2-wdf-card-check {
    background: rgba(84, 36, 154, 0.08);
    color: var(--v2-wdf-purple);
}

.v2-wdf-card--ux .v2-wdf-card-check {
    background: rgba(255, 87, 87, 0.08);
    color: #e64a4a;
}

.v2-wdf-card--marketing .v2-wdf-card-check {
    background: rgba(0, 100, 217, 0.08);
    color: var(--v2-wdf-blue);
}

.v2-wdf-card--healthcare .v2-wdf-card-check {
    background: rgba(6, 168, 138, 0.08);
    color: var(--v2-wdf-teal);
}




@media (max-width: 1100px) {
    .v2-wdf-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .v2-wdf {
        padding: 50px 0;
    }

    .v2-wdf-container {
        width: min(100% - 32px, 540px);
    }

    .v2-wdf-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .v2-wdf-card {
        padding: 22px 20px 20px;
    }

    .v2-wdf-headline {
        font-size: clamp(28px, 7vw, 38px);
    }

    .v2-wdf-card-title {
        font-size: 1rem;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-wdf-card {
        transition: none;
    }

    .v2-wdf-card:hover {
        transform: none;
        box-shadow: none;
    }
}






:root {
    --v2-wdr-coral: #ff5757;
    --v2-wdr-purple: #54249a;
    --v2-wdr-teal: #06A88A;
    --v2-wdr-blue: #0064D9;
    --v2-wdr-orange: #e67e22;
    --v2-wdr-rose: #e64a7a;
    --v2-wdr-indigo: #4f46e5;
    --v2-wdr-red: #dc2626;
    --v2-wdr-ink: #181321;
    --v2-wdr-muted: #686172;
    --v2-wdr-border: rgba(84, 36, 154, 0.08);
}


.v2-wdr {
    position: relative;
    background: #ffffff;
    padding: 100px 0;
    overflow: hidden;
}

.v2-wdr-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
}




.v2-wdr-header {
    max-width: 750px;
    margin-bottom: 55px;
}

.v2-wdr-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-wdr-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-wdr-coral);
}

.v2-wdr-headline {
    margin: 0 0 18px;
    font-size: clamp(34px, 3.5vw, 48px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-wdr-headline-highlight {
    color: var(--v2-wdr-coral);
}

.v2-wdr-body {
    max-width: 680px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-wdr-muted);
}




.v2-wdr-grid {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 40px;
    align-items: start;
    margin-bottom: 40px;
}




.v2-wdr-problem {
    background: linear-gradient(135deg, #32145f 0%, #54249a 100%);
    border-radius: 16px;
    padding: 32px 28px;
    position: relative;
    overflow: hidden;
    min-height: 100%;
    display: flex;
}

.v2-wdr-problem::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(255, 87, 87, 0.15);
    pointer-events: none;
}

.v2-wdr-problem-inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    z-index: 1;
}

.v2-wdr-problem-icon {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    background: rgba(255, 87, 87, 0.15);
    color: var(--v2-wdr-coral);
    display: flex;
    align-items: center;
    justify-content: center;
}

.v2-wdr-problem-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.v2-wdr-problem-text {
    font-size: 0.95rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
    margin: 0;
}




.v2-wdr-signs {
    background: #f8f6fa;
    border-radius: 16px;
    padding: 28px;
    border: 1px solid var(--v2-wdr-border);
}

.v2-wdr-signs-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 20px;
}

.v2-wdr-sign-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-heading);
    line-height: 1.5;
    padding: 10px 12px;
    background: #ffffff;
    border-radius: 10px;
    border: 1px solid var(--v2-wdr-border);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.v2-wdr-sign-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(50, 20, 95, 0.08);
}

.v2-wdr-sign-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 6px;
}

.v2-wdr-sign-bullet--coral {
    background: #e64a4a;
}

.v2-wdr-sign-bullet--purple {
    background: #54249a;
}

.v2-wdr-sign-bullet--teal {
    background: #06A88A;
}

.v2-wdr-sign-bullet--blue {
    background: #0064D9;
}

.v2-wdr-sign-bullet--orange {
    background: #e67e22;
}

.v2-wdr-sign-bullet--rose {
    background: #e64a7a;
}

.v2-wdr-sign-bullet--indigo {
    background: #4f46e5;
}

.v2-wdr-sign-bullet--red {
    background: #dc2626;
}




.v2-wdr-solution {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #fffaf5;
    border: 1px solid rgba(255, 87, 87, 0.15);
    border-radius: 14px;
    padding: 24px 28px;
}

.v2-wdr-solution-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(6, 168, 138, 0.12);
    color: var(--v2-wdr-teal);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-wdr-solution-text {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--v2-wdr-muted);
    line-height: 1.7;
    margin: 0;
}




@media (max-width: 900px) {
    .v2-wdr-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .v2-wdr-problem {
        min-height: auto;
    }

    .v2-wdr-signs-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .v2-wdr {
        padding: 50px 0;
    }

    .v2-wdr-container {
        width: min(100% - 32px, 540px);
    }

    .v2-wdr-headline {
        font-size: clamp(28px, 7vw, 38px);
    }

    .v2-wdr-problem,
    .v2-wdr-signs,
    .v2-wdr-solution {
        padding: 20px;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-wdr-sign-item {
        transition: none;
    }

    .v2-wdr-sign-item:hover {
        transform: none;
        box-shadow: none;
    }
}







:root {
    --v2-wdi-coral: #ff5757;
    --v2-wdi-purple: #54249a;
    --v2-wdi-purple-dark: #32145f;
    --v2-wdi-ink: #181321;
    --v2-wdi-muted: #686172;
    --v2-wdi-border: rgba(84, 36, 154, 0.08);
}


.v2-wdi {
    position: relative;
    background: #f8f6fa;
    padding: 100px 0;
    overflow: hidden;
}

.v2-wdi-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 60px;
    align-items: start;
}




.v2-wdi-content {
    position: sticky;
    top: 40px;
}

.v2-wdi-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-wdi-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-wdi-coral);
}

.v2-wdi-headline {
    margin: 0 0 18px;
    font-size: clamp(32px, 3.2vw, 44px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-wdi-headline-highlight {
    color: var(--v2-wdi-purple);
}

.v2-wdi-body {
    max-width: 520px;
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-wdi-muted);
}



.v2-wdi-statement {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #ffffff;
    border: 1px solid var(--v2-wdi-border);
    border-radius: 12px;
    padding: 18px 20px;
    margin-top: 20px;
}

.v2-wdi-statement-icon {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: rgba(255, 87, 87, 0.1);
    color: var(--v2-wdi-coral);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-wdi-statement-text {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--v2-wdi-muted);
    line-height: 1.7;
    margin: 0;
}




.v2-wdi-services {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.v2-wdi-services-line {
    position: absolute;
    left: 25px;
    top: 20px;
    bottom: 20px;
    width: 2px;
    background: linear-gradient(180deg, rgba(255,87,87,0.2) 0%, rgba(84,36,154,0.2) 50%, rgba(255,87,87,0.2) 100%);
    z-index: 0;
}



.v2-wdi-service-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #ffffff;
    border: 1px solid var(--v2-wdi-border);
    border-radius: 14px;
    padding: 20px 22px;
    position: relative;
    z-index: 1;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.v2-wdi-service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(50, 20, 95, 0.08);
    border-color: rgba(84, 36, 154, 0.15);
}

.v2-wdi-service-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.v2-wdi-service-icon--seo {
    background: rgba(84, 36, 154, 0.1);
    color: var(--v2-wdi-purple);
}

.v2-wdi-service-icon--ads {
    background: rgba(255, 87, 87, 0.1);
    color: #e64a4a;
}

.v2-wdi-service-icon--gbp {
    background: rgba(230, 168, 23, 0.12);
    color: #d4a017;
}

.v2-wdi-service-icon--maps {
    background: rgba(0, 100, 217, 0.1);
    color: #0064D9;
}

.v2-wdi-service-icon--geo {
    background: rgba(6, 168, 138, 0.1);
    color: var(--v2-wdi-teal);
}

.v2-wdi-service-icon--smb {
    background: rgba(79, 70, 229, 0.1);
    color: #4f46e5;
}


.v2-wdi-service-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.v2-wdi-service-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--v2-heading);
    margin: 0;
    letter-spacing: -0.01em;
}

.v2-wdi-service-description {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-wdi-muted);
    line-height: 1.6;
    margin: 0;
}




@media (max-width: 1024px) {
    .v2-wdi-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .v2-wdi-content {
        position: static;
    }

    .v2-wdi-services-line {
        left: 24px;
    }
}

@media (max-width: 640px) {
    .v2-wdi {
        padding: 50px 0;
    }

    .v2-wdi-container {
        width: min(100% - 32px, 540px);
        gap: 30px;
    }

    .v2-wdi-headline {
        font-size: clamp(26px, 7vw, 34px);
    }

    .v2-wdi-service-card {
        padding: 16px;
        gap: 12px;
    }

    .v2-wdi-service-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }

    .v2-wdi-service-title {
        font-size: 0.95rem;
    }

    .v2-wdi-service-description {
        font-size: 0.85rem;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-wdi-service-card {
        transition: none;
    }

    .v2-wdi-service-card:hover {
        transform: none;
        box-shadow: none;
    }
}







:root {
    --v2-wdw-coral: #ff5757;
    --v2-wdw-purple: #54249a;
    --v2-wdw-purple-dark: #32145f;
    --v2-wdw-teal: #06A88A;
    --v2-wdw-gold: #e6a817;
    --v2-wdw-ink: #181321;
    --v2-wdw-muted: #686172;
    --v2-wdw-border: rgba(84, 36, 154, 0.08);
}


.v2-wdw {
    position: relative;
    background: #ffffff;
    padding: 100px 0;
    overflow: hidden;
}

.v2-wdw-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
}




.v2-wdw-header {
    max-width: 750px;
    margin-bottom: 55px;
}

.v2-wdw-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-wdw-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-wdw-coral);
}

.v2-wdw-headline {
    margin: 0;
    font-size: clamp(34px, 3.5vw, 48px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-wdw-headline-highlight {
    color: var(--v2-wdw-purple);
}




.v2-wdw-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.v2-wdw-grid--top {
    margin-bottom: 40px;
}

.v2-wdw-grid--bottom {
    margin-top: 40px;
}




.v2-wdw-card {
    background: #f8f6fa;
    border-radius: 16px;
    padding: 30px 28px 24px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--v2-wdw-border);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    position: relative;
    overflow: hidden;
}

.v2-wdw-card-accent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    opacity: 0.5;
}

.v2-wdw-card--expertise .v2-wdw-card-accent {
    background: var(--v2-wdw-purple);
}

.v2-wdw-card--integration .v2-wdw-card-accent {
    background: var(--v2-wdw-teal);
}

.v2-wdw-card--custom .v2-wdw-card-accent {
    background: var(--v2-wdw-gold);
}

.v2-wdw-card--transparency .v2-wdw-card-accent {
    background: var(--v2-wdw-coral);
}

.v2-wdw-card--technical .v2-wdw-card-accent {
    background: #4f46e5;
}

.v2-wdw-card--partnership .v2-wdw-card-accent {
    background: var(--v2-wdw-teal);
}

.v2-wdw-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(50, 20, 95, 0.10);
    border-color: rgba(84, 36, 154, 0.15);
    background: #ffffff;
}




.v2-wdw-card-icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.v2-wdw-card--expertise .v2-wdw-card-icon {
    background: rgba(84, 36, 154, 0.1);
    color: var(--v2-wdw-purple);
}

.v2-wdw-card--integration .v2-wdw-card-icon {
    background: rgba(6, 168, 138, 0.1);
    color: var(--v2-wdw-teal);
}

.v2-wdw-card--custom .v2-wdw-card-icon {
    background: rgba(230, 168, 23, 0.12);
    color: #d4a017;
}

.v2-wdw-card--transparency .v2-wdw-card-icon {
    background: rgba(255, 87, 87, 0.1);
    color: #e64a4a;
}

.v2-wdw-card--technical .v2-wdw-card-icon {
    background: rgba(79, 70, 229, 0.1);
    color: #4f46e5;
}

.v2-wdw-card--partnership .v2-wdw-card-icon {
    background: rgba(6, 168, 138, 0.1);
    color: var(--v2-wdw-teal);
}

.v2-wdw-card-title {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--v2-heading);
    margin: 0 0 10px;
    letter-spacing: -0.01em;
}

.v2-wdw-card-description {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-wdw-muted);
    line-height: 1.65;
    margin: 0;
    flex-grow: 1;
}




.v2-wdw-results {
    background: linear-gradient(135deg, #32145f 0%, #54249a 100%);
    border-radius: 16px;
    padding: 36px 40px;
    position: relative;
    overflow: hidden;
}

.v2-wdw-results-bg {
    position: absolute;
    top: -100px;
    right: -50px;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: rgba(255, 87, 87, 0.12);
    pointer-events: none;
}

.v2-wdw-results-content {
    position: relative;
    z-index: 1;
}

.v2-wdw-results-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 8px;
}

.v2-wdw-results-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(255, 87, 87, 0.15);
    color: var(--v2-wdw-coral);
    display: flex;
    align-items: center;
    justify-content: center;
}

.v2-wdw-results-title {
    font-size: 1.5rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
    letter-spacing: -0.01em;
}

.v2-wdw-results-body {
    font-size: 1rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 24px;
}

.v2-wdw-results-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.v2-wdw-results-metric {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.v2-wdw-results-value {
    font-size: 2rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.02em;
    line-height: 1;
}

.v2-wdw-results-label {
    font-size: 0.85rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.5;
}




@media (max-width: 1024px) {
    .v2-wdw-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .v2-wdw-results-metrics {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 640px) {
    .v2-wdw {
        padding: 50px 0;
    }

    .v2-wdw-container {
        width: min(100% - 32px, 540px);
    }

    .v2-wdw-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .v2-wdw-card {
        padding: 22px 20px;
    }

    .v2-wdw-headline {
        font-size: clamp(28px, 7vw, 38px);
    }

    .v2-wdw-card-title {
        font-size: 1.05rem;
    }

    .v2-wdw-results {
        padding: 24px 20px;
    }

    .v2-wdw-results-metrics {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .v2-wdw-results-value {
        font-size: 1.6rem;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-wdw-card {
        transition: none;
    }

    .v2-wdw-card:hover {
        transform: none;
        box-shadow: none;
        background: #f8f6fa;
    }
}







:root {
    --v2-wdsb-coral: #ff5757;
    --v2-wdsb-purple: #54249a;
    --v2-wdsb-purple-dark: #32145f;
    --v2-wdsb-ink: #181321;
    --v2-wdsb-muted: #686172;
    --v2-wdsb-border: rgba(84, 36, 154, 0.08);
}


.v2-wdsb {
    position: relative;
    background: #f8f6fa;
    padding: 100px 0;
    overflow: hidden;
}

.v2-wdsb-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
}




.v2-wdsb-card {
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid var(--v2-wdsb-border);
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(50, 20, 95, 0.06);
    transition: box-shadow 0.3s ease;
}

.v2-wdsb-card:hover {
    box-shadow: 0 16px 32px rgba(50, 20, 95, 0.10);
}

.v2-wdsb-card-inner {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 0;
    align-items: stretch;
}




.v2-wdsb-content {
    padding: 40px 40px 40px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid var(--v2-wdsb-border);
}

.v2-wdsb-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-wdsb-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-wdsb-coral);
}

.v2-wdsb-headline {
    margin: 0 0 18px;
    font-size: clamp(28px, 2.8vw, 38px);
    line-height: 1.15;
    letter-spacing: -0.03em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-wdsb-body {
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-wdsb-muted);
    margin: 0;
}




.v2-wdsb-features {
    padding: 40px 48px 40px 40px;
    background: linear-gradient(135deg, #faf9fc 0%, #ffffff 100%);
    display: flex;
    flex-direction: column;
}

.v2-wdsb-features-title {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--v2-heading);
    margin: 0 0 20px;
    letter-spacing: -0.01em;
}

.v2-wdsb-feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    flex-grow: 1;
}

.v2-wdsb-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-wdsb-ink);
    line-height: 1.5;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(84, 36, 154, 0.06);
    transition: background 0.2s ease, border-color 0.2s ease;
}

.v2-wdsb-feature-item:hover {
    background: #ffffff;
    border-color: rgba(84, 36, 154, 0.12);
}

.v2-wdsb-feature-check {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(6, 168, 138, 0.12);
    color: #06A88A;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}




@media (max-width: 900px) {
    .v2-wdsb-card-inner {
        grid-template-columns: 1fr;
    }

    .v2-wdsb-content {
        border-right: none;
        border-bottom: 1px solid var(--v2-wdsb-border);
        padding: 32px 28px;
    }

    .v2-wdsb-features {
        padding: 32px 28px;
    }
}

@media (max-width: 640px) {
    .v2-wdsb {
        padding: 50px 0;
    }

    .v2-wdsb-container {
        width: min(100% - 32px, 540px);
    }

    .v2-wdsb-content,
    .v2-wdsb-features {
        padding: 24px 20px;
    }

    .v2-wdsb-headline {
        font-size: clamp(24px, 6vw, 30px);
    }

    .v2-wdsb-feature-list {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .v2-wdsb-feature-item {
        padding: 8px;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-wdsb-card,
    .v2-wdsb-feature-item {
        transition: none;
    }
}








:root {
    --v2-wdfaq-coral: #ff5757;
    --v2-wdfaq-purple: #54249a;
    --v2-wdfaq-purple-dark: #32145f;
    --v2-wdfaq-ink: #181321;
    --v2-wdfaq-muted: #686172;
    --v2-wdfaq-border: rgba(84, 36, 154, 0.08);
    --v2-wdfaq-bg: #ffffff;
}


.v2-wdfaq {
    position: relative;
    background: var(--v2-wdfaq-bg);
    padding: 100px 0;
    overflow: hidden;
}

.v2-wdfaq-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 60px;
    align-items: start;
}




.v2-wdfaq-header {
    position: sticky;
    top: 40px;
}

.v2-wdfaq-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--v2-cta);
}

.v2-wdfaq-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-wdfaq-coral);
}

.v2-wdfaq-headline {
    margin: 0 0 18px;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.15;
    letter-spacing: -0.03em;
    font-weight: 800;
    color: var(--v2-heading);
}

.v2-wdfaq-body {
    font-size: 16px;
    line-height: 1.7;
    color: var(--v2-wdfaq-muted);
    margin: 0 0 24px;
    max-width: 420px;
}

.v2-wdfaq-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 22px;
    border-radius: 8px;
    background: var(--v2-wdfaq-purple-dark);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 16px rgba(50, 20, 95, 0.15);
}

.v2-wdfaq-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(50, 20, 95, 0.20);
}

.v2-wdfaq-cta svg {
    transition: transform 0.2s ease;
}

.v2-wdfaq-cta:hover svg {
    transform: translateX(3px);
}




.v2-wdfaq-accordion {
    display: flex;
    flex-direction: column;
    gap: 14px;
}



.v2-wdfaq-item {
    background: #f8f6fa;
    border: 1px solid var(--v2-wdfaq-border);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.v2-wdfaq-item:hover {
    border-color: rgba(84, 36, 154, 0.15);
}

.v2-wdfaq-item--active {
    background: #ffffff;
    border-color: rgba(84, 36, 154, 0.2);
    box-shadow: 0 8px 20px rgba(50, 20, 95, 0.06);
}



.v2-wdfaq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 20px 24px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: 'Manrope', sans-serif;
    text-align: left;
    transition: background 0.2s ease;
}

.v2-wdfaq-question:hover {
    background: rgba(84, 36, 154, 0.03);
}

.v2-wdfaq-question-text {
    font-size: 1rem;
    font-weight: 700;
    color: var(--v2-heading);
    line-height: 1.4;
    letter-spacing: -0.01em;
}

.v2-wdfaq-item--active .v2-wdfaq-question-text {
    color: var(--v2-wdfaq-purple);
}

.v2-wdfaq-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(84, 36, 154, 0.08);
    color: var(--v2-wdfaq-muted);
    flex-shrink: 0;
    transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}

.v2-wdfaq-item--active .v2-wdfaq-icon {
    transform: rotate(180deg);
    background: var(--v2-wdfaq-coral);
    color: #ffffff;
}


.v2-wdfaq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.v2-wdfaq-item--active .v2-wdfaq-answer {
    max-height: 600px; 
}

.v2-wdfaq-answer-inner {
    padding: 0 24px 22px;
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--v2-wdfaq-muted);
}

.v2-wdfaq-answer-inner p {
    margin: 0;
}




@media (max-width: 900px) {
    .v2-wdfaq-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .v2-wdfaq-header {
        position: static;
    }
}

@media (max-width: 640px) {
    .v2-wdfaq {
        padding: 50px 0;
    }

    .v2-wdfaq-container {
        width: min(100% - 32px, 540px);
        gap: 30px;
    }

    .v2-wdfaq-headline {
        font-size: clamp(24px, 6vw, 30px);
    }

    .v2-wdfaq-question {
        padding: 16px 18px;
    }

    .v2-wdfaq-question-text {
        font-size: 0.95rem;
    }

    .v2-wdfaq-answer-inner {
        padding: 0 18px 16px;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-wdfaq-answer {
        transition: none;
    }

    .v2-wdfaq-icon,
    .v2-wdfaq-cta,
    .v2-wdfaq-cta svg {
        transition: none;
    }
}










:root {
    --v2-acmp-coral: #ff5757;
    --v2-acmp-purple: #54249a;
    --v2-acmp-purple-dark: #32145f;
    --v2-acmp-teal: #06A88A;
    --v2-acmp-gold: #e6a817;
    --v2-acmp-ink: #181321;
    --v2-acmp-muted: #686172;
    --v2-acmp-border: rgba(84, 36, 154, 0.08);
}


.v2-acmp {
    position: relative;
    background: #f8f6fa;
    padding: 100px 0;
    overflow: hidden;
}


.v2-acmp-bg-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(84, 36, 154, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(84, 36, 154, 0.04) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, black 30%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, black 30%, transparent 100%);
    pointer-events: none;
}

.v2-acmp-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    pointer-events: none;
}

.v2-acmp-glow--one {
    width: 500px;
    height: 500px;
    background: rgba(84, 36, 154, 0.12);
    top: -150px;
    right: -100px;
}

.v2-acmp-glow--two {
    width: 400px;
    height: 400px;
    background: rgba(255, 87, 87, 0.08);
    bottom: -100px;
    left: -100px;
}

.v2-acmp-container {
    width: min(1280px, calc(100% - 60px));
    margin: 0 auto;
    position: relative;
    z-index: 1;
}




.v2-acmp-header {
    max-width: 800px;
    margin: 0 auto 60px;
    text-align: center;
}

.v2-acmp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--v2-acmp-purple);
}

.v2-acmp-eyebrow-line {
    width: 28px;
    height: 2px;
    background: var(--v2-acmp-coral);
}

.v2-acmp-headline {
    margin: 0 0 20px;
    font-size: clamp(34px, 3.8vw, 52px);
    line-height: 1.1;
    letter-spacing: -0.035em;
    font-weight: 800;
    color: var(--v2-acmp-ink);
}

.v2-acmp-headline-highlight {
    display: block;
    color: var(--v2-acmp-purple);
    margin-top: 6px;
}

.v2-acmp-body {
    max-width: 640px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 1.7;
    color: var(--v2-acmp-muted);
}




.v2-acmp-panels {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    margin-bottom: 80px;
    align-items: stretch;
}



.v2-acmp-panel {
    background: #ffffff;
    border-radius: 20px;
    padding: 32px 28px 28px;
    border: 1px solid var(--v2-acmp-border);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    overflow: hidden;
}

.v2-acmp-panel:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 48px rgba(50, 20, 95, 0.10);
}



.v2-acmp-panel--featured {
    background: linear-gradient(160deg, #32145f 0%, #54249a 100%);
    border-color: transparent;
    box-shadow: 0 24px 48px rgba(50, 20, 95, 0.20);
    transform: scale(1.02);
}

.v2-acmp-panel--featured:hover {
    transform: scale(1.02) translateY(-6px);
    box-shadow: 0 32px 60px rgba(50, 20, 95, 0.28);
}

.v2-acmp-panel--featured::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgba(255, 87, 87, 0.15);
    pointer-events: none;
}



.v2-acmp-panel-ribbon {
    position: absolute;
    top: 20px;
    right: -34px;
    background: var(--v2-acmp-coral);
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 6px 42px;
    transform: rotate(38deg);
    display: flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 4px 12px rgba(255, 87, 87, 0.4);
    z-index: 3;
}

.v2-acmp-panel-ribbon svg {
    flex-shrink: 0;
}



.v2-acmp-panel-header {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(84, 36, 154, 0.08);
    position: relative;
    z-index: 1;
}

.v2-acmp-panel--featured .v2-acmp-panel-header {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

.v2-acmp-panel-logo {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.v2-acmp-panel--featured .v2-acmp-panel-logo {
    background: rgba(255, 87, 87, 0.15);
    color: var(--v2-acmp-coral);
}

.v2-acmp-panel--freelancer .v2-acmp-panel-logo {
    background: rgba(230, 126, 34, 0.10);
    color: #e67e22;
}

.v2-acmp-panel--inhouse .v2-acmp-panel-logo {
    background: rgba(120, 116, 128, 0.12);
    color: #787480;
}

.v2-acmp-panel-sub {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #8b8393;
    margin-bottom: 4px;
}

.v2-acmp-panel--featured .v2-acmp-panel-sub {
    color: rgba(255, 255, 255, 0.5);
}

.v2-acmp-panel-title {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--v2-acmp-ink);
    margin: 0;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.v2-acmp-panel--featured .v2-acmp-panel-title {
    color: #ffffff;
}



.v2-acmp-panel-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 11px;
    position: relative;
    z-index: 1;
}

.v2-acmp-panel-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--v2-acmp-ink);
    line-height: 1.5;
}

.v2-acmp-panel--featured .v2-acmp-panel-item {
    color: rgba(255, 255, 255, 0.88);
}

.v2-acmp-panel--freelancer .v2-acmp-panel-item,
.v2-acmp-panel--inhouse .v2-acmp-panel-item {
    color: var(--v2-acmp-muted);
}

.v2-acmp-panel-bullet {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
}

.v2-acmp-panel-bullet--check {
    background: rgba(6, 168, 138, 0.18);
    color: #06D6A0;
}

.v2-acmp-panel--featured .v2-acmp-panel-bullet--check {
    background: rgba(6, 214, 160, 0.2);
    color: #06D6A0;
}

.v2-acmp-panel-bullet--x {
    background: rgba(255, 87, 87, 0.10);
    color: #e64a4a;
}

.v2-acmp-panel-bullet--warn {
    background: rgba(230, 168, 23, 0.12);
    color: #d4a017;
}




.v2-acmp-matrix {
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid var(--v2-acmp-border);
    padding: 40px 36px 36px;
    box-shadow: 0 12px 32px rgba(50, 20, 95, 0.06);
}

.v2-acmp-matrix-header {
    margin-bottom: 28px;
    text-align: center;
}

.v2-acmp-matrix-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--v2-acmp-purple);
}

.v2-acmp-matrix-eyebrow-line {
    width: 24px;
    height: 2px;
    background: var(--v2-acmp-coral);
}

.v2-acmp-matrix-title {
    font-size: clamp(24px, 2.2vw, 32px);
    font-weight: 800;
    color: var(--v2-acmp-ink);
    margin: 0;
    letter-spacing: -0.02em;
}

.v2-acmp-matrix-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(84, 36, 154, 0.2) transparent;
    margin: 0 -12px;
    padding: 0 12px;
}

.v2-acmp-matrix-scroll::-webkit-scrollbar {
    height: 6px;
}

.v2-acmp-matrix-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.v2-acmp-matrix-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(84, 36, 154, 0.2);
    border-radius: 6px;
}

.v2-acmp-matrix-table {
    display: flex;
    flex-direction: column;
    min-width: 780px;
}

.v2-acmp-matrix-row {
    display: grid;
    grid-template-columns: 1.1fr 1.3fr 1fr 1fr;
    gap: 16px;
    align-items: center;
    padding: 14px 20px;
    border-radius: 10px;
    transition: background 0.2s ease;
}

.v2-acmp-matrix-row:not(.v2-acmp-matrix-row--head):hover {
    background: rgba(84, 36, 154, 0.03);
}

.v2-acmp-matrix-row:nth-child(even):not(.v2-acmp-matrix-row--head) {
    background: #faf9fc;
}

.v2-acmp-matrix-row:nth-child(even):not(.v2-acmp-matrix-row--head):hover {
    background: rgba(84, 36, 154, 0.05);
}



.v2-acmp-matrix-row--head {
    background: linear-gradient(135deg, #32145f 0%, #54249a 100%);
    color: #ffffff;
    padding: 18px 20px;
    border-radius: 12px;
    margin-bottom: 8px;
}

.v2-acmp-matrix-row--head .v2-acmp-matrix-cell {
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}



.v2-acmp-matrix-cell {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--v2-acmp-ink);
    line-height: 1.4;
}

.v2-acmp-matrix-cell--label {
    font-weight: 700;
    color: var(--v2-acmp-ink);
    display: flex;
    align-items: center;
    gap: 8px;
}

.v2-acmp-matrix-cell--avorcms {
    position: relative;
}



.v2-acmp-matrix-col-badge {
    display: block;
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--v2-acmp-coral);
    margin-bottom: 4px;
    opacity: 0.9;
}



.v2-acmp-matrix-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.2;
}

.v2-acmp-matrix-pill--good {
    background: rgba(6, 214, 160, 0.12);
    color: #048a67;
    border: 1px solid rgba(6, 214, 160, 0.2);
}

.v2-acmp-matrix-pill--neutral {
    background: rgba(230, 168, 23, 0.10);
    color: #a87911;
    border: 1px solid rgba(230, 168, 23, 0.2);
}

.v2-acmp-matrix-pill--bad {
    background: rgba(255, 87, 87, 0.10);
    color: #c73a3a;
    border: 1px solid rgba(255, 87, 87, 0.2);
}




@media (max-width: 1100px) {
    .v2-acmp-panels {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .v2-acmp-panel--featured {
        transform: scale(1);
    }

    .v2-acmp-panel--featured:hover {
        transform: translateY(-6px);
    }
}

@media (max-width: 768px) {
    .v2-acmp {
        padding: 60px 0;
    }

    .v2-acmp-container {
        width: min(100% - 32px, 640px);
    }

    .v2-acmp-headline {
        font-size: clamp(28px, 7vw, 40px);
    }

    .v2-acmp-body {
        font-size: 15px;
    }

    .v2-acmp-panel {
        padding: 26px 22px 22px;
    }

    .v2-acmp-matrix {
        padding: 28px 20px 24px;
    }

    .v2-acmp-matrix-row {
        padding: 12px 14px;
        gap: 12px;
    }
}

@media (max-width: 480px) {
    .v2-acmp-panel-ribbon {
        top: 14px;
        right: -38px;
        padding: 5px 46px;
        font-size: 0.62rem;
    }

    .v2-acmp-matrix-table {
        min-width: 720px;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-acmp-panel {
        transition: none;
    }

    .v2-acmp-panel:hover {
        transform: none;
        box-shadow: none;
    }

    .v2-acmp-panel--featured:hover {
        transform: scale(1);
    }
}







.v2-alm {
    position: relative;
    background: #ffffff;
    padding: 60px 0;
    overflow: hidden;
}




.v2-alm-ribbon {
    position: relative;
    background: #ffffff;
    padding: 32px 0;
    overflow: hidden;
}


.v2-alm-ribbon::before,
.v2-alm-ribbon::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(84, 36, 154, 0.12) 15%,
        rgba(84, 36, 154, 0.12) 85%,
        transparent 100%
    );
    pointer-events: none;
    z-index: 3;
}

.v2-alm-ribbon::before { top: 0; }
.v2-alm-ribbon::after { bottom: 0; }




.v2-alm-fade {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 140px;
    z-index: 2;
    pointer-events: none;
}

.v2-alm-fade--left {
    left: 0;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.v2-alm-fade--right {
    right: 0;
    background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}




.v2-alm-track {
    display: flex;
    width: max-content;
    animation: v2AlmScroll 45s linear infinite;
    will-change: transform;
}


.v2-alm-ribbon:hover .v2-alm-track {
    animation-play-state: paused;
}




.v2-alm-set {
    display: flex;
    align-items: center;
    gap: 60px;
    padding-right: 60px;
    flex-shrink: 0;
}




.v2-alm-logo {
    flex-shrink: 0;
    width: 140px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 10px;
    padding: 10px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0.85;
}

.v2-alm-logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    
    mix-blend-mode: multiply;
    filter: contrast(1.02) saturate(0.95);
    transition: filter 0.3s ease;
}

.v2-alm-logo:hover {
    transform: scale(1.06);
    opacity: 1;
}

.v2-alm-logo:hover img {
    filter: contrast(1.08) saturate(1.05);
}




@keyframes v2AlmScroll {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        
        transform: translate3d(-50%, 0, 0);
    }
}




@media (max-width: 1024px) {
    .v2-alm {
        padding: 45px 0;
    }

    .v2-alm-ribbon {
        padding: 26px 0;
    }

    .v2-alm-set {
        gap: 45px;
        padding-right: 45px;
    }

    .v2-alm-logo {
        width: 120px;
        height: 70px;
    }

    .v2-alm-track {
        animation-duration: 38s;
    }

    .v2-alm-fade {
        width: 100px;
    }
}

@media (max-width: 640px) {
    .v2-alm {
        padding: 30px 0;
    }

    .v2-alm-ribbon {
        padding: 20px 0;
    }

    .v2-alm-set {
        gap: 32px;
        padding-right: 32px;
    }

    .v2-alm-logo {
        width: 100px;
        height: 60px;
        padding: 8px;
    }

    .v2-alm-track {
        animation-duration: 30s;
    }

    .v2-alm-fade {
        width: 60px;
    }
}




@media (prefers-reduced-motion: reduce) {
    .v2-alm-track {
        animation: none;
        justify-content: center;
    }

    .v2-alm-set[aria-hidden="true"] {
        display: none;
    }

    .v2-alm-set {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        padding-right: 0;
    }

    .v2-alm-ribbon:hover .v2-alm-track {
        animation-play-state: normal;
    }
}





html, body {
    margin: 0;
    padding: 0;

    font-family: var(--v2-font, 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif);
}



.get-template {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 1200;
}

#scrollToTopBtn {
    display: none; 

    width: 52px;
    height: 52px;
    padding: 0;
    margin: 0;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;

    background: var(--v2-cta, #6222D5);
    color: #fff;

    box-shadow:
        0 14px 32px rgba(57, 29, 119, 0.32),
        0 2px 8px rgba(57, 29, 119, 0.2);

    cursor: pointer;

    transition:
        transform 240ms ease,
        background-color 240ms ease,
        box-shadow 240ms ease;
}

#scrollToTopBtn:hover {
    background: var(--v2-cta-hover, #391D77);
    transform: translateY(-3px);

    box-shadow:
        0 18px 38px rgba(57, 29, 119, 0.4),
        0 4px 12px rgba(57, 29, 119, 0.24);
}

#scrollToTopBtn:focus-visible {
    outline: 3px solid rgba(98, 34, 213, 0.45);
    outline-offset: 3px;
}

#scrollToTopBtn iconify-icon {
    width: 22px;
    height: 22px;

    font-size: 22px;
    color: #fff;
}

#scrollToTopBtn.is-visible {
    display: flex;
}



.v2-page-banner {
    --pb-pad-top: calc(var(--v2-header-h, 66px) + 44px);
    --pb-pad-bottom: 52px;

    position: relative;
    overflow: hidden;
    isolation: isolate;

    padding: var(--pb-pad-top) 0 var(--pb-pad-bottom);

    background:
        radial-gradient(
            circle at 78% 18%,
            rgba(98, 34, 213, 0.5) 0,
            rgba(98, 34, 213, 0) 42%
        ),
        linear-gradient(
            135deg,
            #391D77 0%,
            #4B168C 52%,
            #5C1BB3 100%
        );

    color: #fff;
}

.v2-page-banner__grid {
    position: absolute;
    inset: 0;

    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 52px 52px;

    pointer-events: none;
}

.v2-page-banner__inner {
    position: relative;
    z-index: 3;

    width: min(1320px, calc(100% - 48px));
    margin: 0 auto;
}

.v2-page-banner__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 18px;

    color: rgba(255, 255, 255, 0.72);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.v2-page-banner__eyebrow::before {
    content: "";

    width: 22px;
    height: 1px;

    background: var(--v2-highlight, #ff5757);
}

.v2-page-banner__row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
}

.v2-page-banner__title {
    margin: 0;

    color: #fff;

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: clamp(28px, 3.6vw, 52px);
    font-weight: 800;
    line-height: 1.06;
    letter-spacing: -0.03em;
}

.v2-page-banner__title em {
    color: var(--v2-highlight, #ff5757);
    font-style: normal;
}

.v2-page-banner__lead {
    max-width: 46ch;
    margin: 18px 0 0;

    color: rgba(255, 255, 255, 0.74);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
}

.v2-page-banner__actions {
    display: flex;
    align-items: center;
    gap: 13px;

    flex: none;
}






@media (max-width: 767.98px) {
    .v2-page-banner {
        --pb-pad-bottom: 42px;
    }

    .v2-page-banner__row {
        flex-direction: column;
        align-items: flex-start;
        gap: 26px;
    }

    .v2-page-banner__actions {
        width: 100%;
    }

    .v2-page-banner__actions .v2-btn {
        width: min(100%, 380px);
    }
}

@media (max-width: 480px) {
    #scrollToTopBtn {
        width: 46px;
        height: 46px;
        right: 16px;
        bottom: 16px;
    }
}







.v2-section {
    position: relative;
    padding: 76px 0;

    background: var(--v2-white, #fff);
}

.v2-section--tint {
    background: var(--v2-bg, #F8F6FA);
}

.v2-section__inner {
    width: min(1320px, calc(100% - 48px));
    margin: 0 auto;
}



.v2-sec-head {
    max-width: 780px;
    margin-bottom: 46px;
}

.v2-sec-head--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.v2-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 16px;

    color: var(--v2-cta, #6222D5);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.v2-eyebrow::before {
    content: "";

    width: 22px;
    height: 1px;

    background: var(--v2-highlight, #ff5757);
}

.v2-sec-head--center .v2-eyebrow {
    justify-content: center;
}

.v2-sec-head--center .v2-eyebrow::after {
    content: "";

    width: 22px;
    height: 1px;

    background: var(--v2-highlight, #ff5757);
}

.v2-sec-head__title {
    margin: 0;

    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: clamp(28px, 3.2vw, 44px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.v2-sec-head__title em {
    color: var(--v2-highlight, #ff5757);
    font-style: normal;
}

.v2-sec-head__lead {
    max-width: 62ch;
    margin: 18px 0 0;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.75;
}

.v2-sec-head--center .v2-sec-head__lead {
    margin-left: auto;
    margin-right: auto;
}



.v2-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 26px;
}

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

.v2-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.v2-grid--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.v2-card {
    position: relative;

    padding: 30px;

    background: var(--v2-card-bg, #fff);
    border: 1px solid rgba(57, 29, 119, 0.08);
    border-radius: var(--v2-radius-md, 16px);

    transition:
        transform 240ms ease,
        border-color 240ms ease,
        box-shadow 240ms ease;
}

.v2-card:hover {
    transform: translateY(-5px);

    border-color: rgba(92, 27, 179, 0.2);
    box-shadow: 0 18px 40px rgba(57, 29, 119, 0.1);
}

.v2-card__icon {
    display: grid;
    place-items: center;

    width: 54px;
    height: 54px;
    margin-bottom: 20px;

    border-radius: 14px;

    background: var(--v2-logo-soft, rgba(92, 27, 179, 0.08));
    color: var(--v2-cta, #6222D5);
}

.v2-card__icon iconify-icon {
    font-size: 26px;
}

.v2-card__title {
    margin: 0 0 10px;

    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.v2-card__text {
    margin: 0;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
}

.v2-card__list {
    margin: 16px 0 0;
    padding: 0;

    list-style: none;
}

.v2-card__list li {
    position: relative;

    padding: 7px 0 7px 24px;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

.v2-card__list li::before {
    content: "";

    position: absolute;
    left: 4px;
    top: 14px;

    width: 7px;
    height: 7px;

    border-radius: 50%;
    background: var(--v2-highlight, #ff5757);
}



.v2-statband {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.v2-statband__item {
    padding: 24px 20px;

    text-align: center;

    background: var(--v2-white, #fff);
    border: 1px solid rgba(57, 29, 119, 0.08);
    border-radius: var(--v2-radius-md, 16px);
}

.v2-statband__value {
    display: block;

    color: var(--v2-cta, #6222D5);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.02em;
}

.v2-statband__label {
    display: block;
    margin-top: 10px;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}



.v2-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: center;
}

.v2-split__media {
    position: relative;
}

.v2-split__media img {
    width: 100%;
    height: auto;

    display: block;

    border-radius: var(--v2-radius-lg, 24px);
}

.v2-split__body .v2-sec-head {
    margin-bottom: 24px;
}

.v2-split__body p {
    margin: 0 0 18px;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.75;
}



.v2-cta-strip {
    position: relative;
    overflow: hidden;

    padding: 52px 56px;

    border-radius: var(--v2-radius-lg, 24px);

    background:
        linear-gradient(135deg, #391D77 0%, #4B168C 52%, #5C1BB3 100%);

    color: #fff;
}

.v2-cta-strip__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.v2-cta-strip__title {
    margin: 0 0 8px;

    color: #fff;

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: clamp(22px, 2.6vw, 34px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.v2-cta-strip__text {
    margin: 0;

    color: rgba(255, 255, 255, 0.72);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.7;
}



.v2-prose {
    max-width: 860px;
}

.v2-prose h2 {
    margin: 44px 0 14px;

    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.3;
}

.v2-prose h3 {
    margin: 30px 0 10px;

    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.v2-prose p {
    margin: 0 0 16px;

    

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.8;
}

.v2-prose ul,
.v2-prose ol {
    margin: 0 0 18px;
    padding-left: 22px;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.8;
}

.v2-prose li {
    margin-bottom: 8px;
}



.v2-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;

    padding: 40px;

    background: var(--v2-white, #fff);
    border: 1px solid rgba(57, 29, 119, 0.08);
    border-radius: var(--v2-radius-lg, 24px);

    box-shadow: 0 18px 46px rgba(57, 29, 119, 0.08);
}

.v2-form__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.v2-form__field--full {
    grid-column: 1 / -1;
}

.v2-form label {
    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 13px;
    font-weight: 700;
}

.v2-form input[type="text"],
.v2-form input[type="email"],
.v2-form input[type="tel"],
.v2-form input[type="url"],
.v2-form select,
.v2-form textarea {
    box-sizing: border-box;
    width: 100%;

    padding: 13px 15px;

    border: 1px solid rgba(57, 29, 119, 0.16);
    border-radius: 10px;

    background: var(--v2-bg, #F8F6FA);

    color: var(--v2-ink, #211b33);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14px;
    font-weight: 500;

    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.v2-form input:focus,
.v2-form select:focus,
.v2-form textarea:focus {
    outline: none;

    border-color: var(--v2-cta, #6222D5);
    box-shadow: 0 0 0 3px rgba(98, 34, 213, 0.12);
}

.v2-form textarea {
    resize: vertical;
    min-height: 130px;
}



.v2-post-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 26px;
}

.v2-post {
    display: flex;
    flex-direction: column;

    overflow: hidden;

    background: var(--v2-white, #fff);
    border: 1px solid rgba(57, 29, 119, 0.08);
    border-radius: var(--v2-radius-md, 16px);

    text-decoration: none;

    transition:
        transform 240ms ease,
        border-color 240ms ease,
        box-shadow 240ms ease;
}

.v2-post:hover {
    transform: translateY(-5px);

    border-color: rgba(92, 27, 179, 0.2);
    box-shadow: 0 18px 40px rgba(57, 29, 119, 0.1);
}

.v2-post__thumb {
    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: var(--v2-logo-soft, rgba(92, 27, 179, 0.08));
}

.v2-post__thumb img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;

    transition: transform 400ms ease;
}

.v2-post:hover .v2-post__thumb img {
    transform: scale(1.05);
}

.v2-post__body {
    display: flex;
    flex-direction: column;
    gap: 10px;

    flex: 1;

    padding: 22px;
}

.v2-post__meta {
    color: var(--v2-cta, #6222D5);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.v2-post__title {
    margin: 0;

    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

.v2-post__excerpt {
    margin: 0;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.65;
}

.v2-post__more {
    margin-top: auto;
    padding-top: 14px;

    color: var(--v2-cta, #6222D5);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 13px;
    font-weight: 800;

    display: inline-flex;
    align-items: center;
    gap: 8px;
}



@media (max-width: 991.98px) {
    .v2-grid--4,
    .v2-statband {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .v2-split {
        grid-template-columns: 1fr;
        gap: 36px;
    }
}

@media (max-width: 767.98px) {
    .v2-section {
        padding: 56px 0;
    }

    .page-wrapper > .v2-section:first-child {
        padding-top: calc(var(--v2-header-h, 66px) + 44px);
    }

    .v2-grid--2,
    .v2-grid--3 {
        grid-template-columns: 1fr;
    }

    .v2-cta-strip {
        padding: 38px 28px;
    }

    .v2-cta-strip__inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .v2-form {
        padding: 28px 22px;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .v2-statband {
        grid-template-columns: 1fr;
    }
}




.v2-layout-2 {
    display: grid;
    grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
    gap: 26px;
    align-items: start;
}

@media (max-width: 991.98px) {
    .v2-layout-2 {
        grid-template-columns: 1fr;
    }
}

.v2-form__field--stack {
    grid-column: 1 / -1;
}

.v2-form .form-check,
.v2-form__check {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    margin-bottom: 10px;
}

.v2-form__check input[type="checkbox"],
.v2-form__check input[type="radio"] {
    width: 18px;
    height: 18px;
    flex: none;
    margin-top: 2px;

    accent-color: var(--v2-cta, #6222D5);
}

.v2-form__check label {
    font-weight: 500;
    color: var(--v2-subheading, #625E65);
}

.v2-form__submit {
    grid-column: 1 / -1;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 54px;
    padding: 0 30px;

    border: none;
    border-radius: 11px;

    background: var(--v2-highlight, #ff5757);
    color: #fff;

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14px;
    font-weight: 800;

    cursor: pointer;

    transition:
        transform 240ms ease,
        background-color 240ms ease,
        box-shadow 240ms ease;
}

.v2-form__submit:hover {
    background: #ff6868;
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(255, 87, 87, 0.3);
}

.v2-form__note {
    grid-column: 1 / -1;

    margin: 0;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.7;
}

.v2-form__note a {
    color: var(--v2-cta, #6222D5);
    text-decoration: none;
}

.v2-form__note a:hover {
    text-decoration: underline;
}

.v2-form__error {
    margin-top: 6px;

    color: #dc3545;

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 12.5px;
    font-weight: 600;
}

.v2-contact-info {
    position: sticky;
    top: 96px;

    display: flex;
    flex-direction: column;
    gap: 24px;

    padding: 34px 30px;

    background: var(--v2-white, #fff);
    border: 1px solid rgba(57, 29, 119, 0.08);
    border-radius: var(--v2-radius-lg, 24px);

    box-shadow: 0 18px 46px rgba(57, 29, 119, 0.08);
}

.v2-contact-info__title {
    margin: 0 0 4px;

    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 22px;
    font-weight: 800;
}

.v2-contact-info__subtitle {
    margin: 0;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 13.5px;
    font-weight: 500;
}

.v2-contact-method {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.v2-contact-method__icon {
    display: grid;
    place-items: center;

    width: 48px;
    height: 48px;
    flex: none;

    border-radius: 12px;

    background: var(--v2-logo-soft, rgba(92, 27, 179, 0.08));
    color: var(--v2-cta, #6222D5);
}

.v2-contact-method__icon iconify-icon {
    font-size: 24px;
}

.v2-contact-method__name {
    margin: 0 0 3px;

    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 15px;
    font-weight: 700;
}

.v2-contact-method__value {
    margin: 0;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

@media (max-width: 991.98px) {
    .v2-contact-info {
        position: static;
    }
}



.v2-callout {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;

    margin-top: 48px;
}

.v2-callout__text {
    margin: 0;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.v2-callout .v2-btn {
    white-space: nowrap;
    max-width: 100%;
}

@media (max-width: 480px) {
    .v2-callout .v2-btn {
        width: 100%;
        justify-content: center;
    }
    .v2-callout .v2-btn span {
        white-space: normal;
    }
    .v2-section__inner .v2-btn:has(> iconify-icon),
    .v2-split__body .v2-btn:has(> iconify-icon) {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        white-space: normal;
    }
    .v2-section__inner .v2-btn iconify-icon,
    .v2-split__body .v2-btn iconify-icon {
        flex-shrink: 0;
    }
}



html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.v2-cred-hero {
    overflow: hidden !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.v2-cred-hero-bg {
    overflow: hidden !important;
    max-width: 100vw !important;
}

.v2-cred-hero-cta-primary,
.v2-cred-hero-cta-secondary {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

.v2-faq-search,
.v2-faq-search-wrapper,
#faqSearchInput {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

.v2-footer {
    overflow: hidden !important;
    max-width: 100% !important;
}

.v2-drawer__item.has-sub.open .v2-drawer__sub {
    max-height: 1000px !important;
}






.v2-blog-search {
    display: flex;
    max-width: 560px;
    margin-top: 26px;
}

.v2-blog-search__input {
    flex: 1;
    min-width: 0;

    padding: 14px 20px;

    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px 0 0 999px;
    background: rgba(255, 255, 255, 0.12);

    color: #fff;

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14px;
    font-weight: 500;

    outline: none;

    transition:
        border-color 0.2s ease,
        background 0.2s ease;
}

.v2-blog-search__input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.v2-blog-search__input:focus {
    border-color: rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.2);

    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.12);
}

.v2-blog-search__btn {
    flex: none;
    padding: 14px 26px;

    border-radius: 0 999px 999px 0;

    white-space: nowrap;
}



.v2-blog-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin-bottom: 32px;
    padding: 18px 20px;

    background: var(--v2-white, #fff);
    border: 1px solid rgba(57, 29, 119, 0.08);
    border-radius: var(--v2-radius-lg, 24px);
}

.v2-filter-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 9px 18px;

    border: 1px solid rgba(92, 27, 179, 0.16);
    border-radius: var(--v2-radius-pill, 999px);
    background: transparent;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 13px;
    font-weight: 700;

    text-decoration: none;

    transition:
        border-color 0.2s ease,
        background 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease;
}

.v2-filter-pill:hover {
    border-color: var(--v2-cta, #6222D5);
    background: var(--v2-cta-soft, rgba(98, 34, 213, 0.1));

    color: var(--v2-cta, #6222D5);
}

.v2-filter-pill--active {
    border-color: var(--v2-cta, #6222D5);
    background: var(--v2-cta, #6222D5);

    color: #fff;

    box-shadow: 0 10px 22px rgba(98, 34, 213, 0.28);
}

.v2-filter-pill--active:hover {
    background: var(--v2-cta-hover, #391D77);
    border-color: var(--v2-cta-hover, #391D77);
    color: #fff;
}



.v2-featured-tag {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 2;

    padding: 6px 16px;

    border-radius: var(--v2-radius-pill, 999px);
    background: var(--v2-highlight, #ff5757);

    color: #fff;

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.v2-featured__meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;

    margin: 6px 0 18px;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 13px;
    font-weight: 600;
}



.v2-post__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 16px;

    margin-top: auto;
    padding-top: 14px;

    border-top: 1px solid rgba(57, 29, 119, 0.08);

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 12.5px;
    font-weight: 600;
}

.v2-post__stat {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.v2-post__stat iconify-icon {
    color: var(--v2-cta, #6222D5);
    font-size: 14px;
}

.v2-post__read {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 3px 11px;

    border-radius: var(--v2-radius-pill, 999px);
    background: var(--v2-cta-soft, rgba(98, 34, 213, 0.1));

    color: var(--v2-cta, #6222D5);

    font-size: 11.5px;
    font-weight: 700;
}

.v2-post__read iconify-icon {
    color: inherit;
    font-size: 13px;
}

.v2-post__title a {
    color: inherit;
    text-decoration: none;

    transition: color 0.2s ease;
}

.v2-post__title a:hover {
    color: var(--v2-cta, #6222D5);
}

.v2-featured__title {
    margin-bottom: 14px;
}

.v2-featured__title a {
    color: inherit;
    text-decoration: none;

    transition: color 0.2s ease;
}

.v2-featured__title a:hover {
    color: var(--v2-cta, #6222D5);
}

.v2-split__body a.v2-post__more:hover {
    color: var(--v2-cta-hover, #391D77);
}



.v2-blog-results {
    margin-bottom: 26px;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14px;
    font-weight: 500;
}

.v2-blog-results strong {
    color: var(--v2-heading, #391D77);
}

.v2-blog-results a {
    color: var(--v2-cta, #6222D5);
    font-weight: 700;
    text-decoration: none;
}

.v2-blog-results a:hover {
    color: var(--v2-cta-hover, #391D77);
    text-decoration: underline;
}

.v2-blog-empty {
    padding: 80px 20px;

    text-align: center;
}

.v2-blog-empty iconify-icon {
    display: block;

    margin-bottom: 18px;

    color: rgba(92, 27, 179, 0.25);
    font-size: 3.5rem;
}

.v2-blog-empty h4 {
    margin: 0 0 6px;

    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 20px;
    font-weight: 800;
}

.v2-blog-empty p {
    margin: 0 0 24px;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14px;
}



.v2-article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
    gap: 40px;
    align-items: start;
}

.v2-article__main {
    min-width: 0;
}

.v2-article__side {
    position: sticky;
    top: calc(var(--v2-header-h, 66px) + 24px);

    display: grid;
    gap: 20px;

    min-width: 0;
}

.v2-article-card {
    padding: clamp(24px, 3.2vw, 44px);

    background: var(--v2-white, #fff);
    border: 1px solid rgba(57, 29, 119, 0.08);
    border-radius: var(--v2-radius-lg, 24px);
}

.v2-article__cover {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;

    margin-top: -40px;
    margin-bottom: 28px;

    position: relative;
    z-index: 2;

    object-fit: unset;

    border-radius: var(--v2-radius-lg, 24px);
    box-shadow: 0 20px 60px rgba(57, 29, 119, 0.18);
}

.v2-article__cover-spacer {
    height: 0;
    margin-top: 40px;
}

.v2-article__intro {
    margin: 0 0 26px;
    padding-bottom: 18px;

    border-bottom: 1px solid rgba(57, 29, 119, 0.08);

    color: var(--v2-ink, #211b33);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.75;
}

.v2-article__block {
    margin-top: 26px;
    padding-top: 18px;

    border-top: 1px solid rgba(57, 29, 119, 0.08);
}

.v2-article__block h5,
.v2-article__block .v2-article__label {
    margin: 0 0 14px;

    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.v2-article__gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.v2-article__gallery img {
    width: 100%;
    height: 160px;

    object-fit: cover;

    border-radius: 12px;
}

.v2-tag-chip {
    display: inline-block;

    margin: 0 6px 6px 0;
    padding: 6px 14px;

    border-radius: var(--v2-radius-pill, 999px);
    background: var(--v2-logo-soft, rgba(92, 27, 179, 0.08));

    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 12.5px;
    font-weight: 700;

    text-decoration: none;

    transition: background 0.2s ease, color 0.2s ease;
}

.v2-tag-chip:hover {
    background: var(--v2-cta-soft, rgba(98, 34, 213, 0.1));

    color: var(--v2-cta, #6222D5);
}


.v2-share-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.v2-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 10px 18px;

    border-radius: var(--v2-radius-pill, 999px);

    color: #fff;

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 13px;
    font-weight: 700;

    text-decoration: none;

    transition: transform 0.2s ease, opacity 0.2s ease;
}

.v2-share-btn:hover {
    color: #fff;

    transform: translateY(-2px);
    opacity: 0.92;
}

.v2-share-btn--fb { background: #1877f2; }
.v2-share-btn--tw { background: #1da1f2; }
.v2-share-btn--li { background: #0077b5; }


.v2-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-top: 22px;

    color: var(--v2-cta, #6222D5);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition: color 0.2s ease;
}

.v2-back-link:hover {
    color: var(--v2-cta-hover, #391D77);
}



.v2-widget {
    padding: 26px;

    background: var(--v2-white, #fff);
    border: 1px solid rgba(57, 29, 119, 0.08);
    border-radius: var(--v2-radius-md, 16px);
}

.v2-widget__title {
    display: block;

    margin: 0 0 18px;
    padding-bottom: 12px;

    border-bottom: 2px solid rgba(92, 27, 179, 0.12);

    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.v2-widget__author {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 14px;
}

.v2-widget__avatar {
    display: grid;
    place-items: center;

    width: 52px;
    height: 52px;

    flex-shrink: 0;

    border-radius: 50%;
    background: var(--v2-cta, #6222D5);

    color: #fff;

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 20px;
    font-weight: 800;
}

.v2-widget__author-name {
    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 15px;
    font-weight: 800;
}

.v2-widget__author-role {
    margin-top: 2px;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 12.5px;
    font-weight: 500;
}

.v2-widget__text {
    margin: 0;

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.7;
}

.v2-widget__link {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 11px 0;

    border-bottom: 1px solid rgba(57, 29, 119, 0.06);

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 13.5px;
    font-weight: 700;

    text-decoration: none;

    transition: color 0.2s ease;
}

.v2-widget__link:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}

.v2-widget__link:hover {
    color: var(--v2-cta, #6222D5);
}

.v2-widget__link iconify-icon {
    color: var(--v2-cta, #6222D5);
    font-size: 16px;
}

.v2-widget-cta {
    padding: 28px 26px;

    border-radius: var(--v2-radius-md, 16px);

    background:
        radial-gradient(
            circle at 78% 18%,
            rgba(255, 255, 255, 0.14) 0,
            rgba(255, 255, 255, 0) 42%
        ),
        linear-gradient(
            135deg,
            #391D77 0%,
            #4B168C 52%,
            #5C1BB3 100%
        );
}

.v2-widget-cta__eyebrow {
    display: block;

    margin-bottom: 8px;

    color: var(--v2-highlight, #ff5757);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.v2-widget-cta__text {
    margin: 0;

    color: rgba(255, 255, 255, 0.82);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.7;
}

.v2-widget-cta .v2-btn {
    margin-top: 18px;

    background: #fff;
    color: var(--v2-heading, #391D77);

    box-shadow: 0 10px 22px rgba(57, 29, 119, 0.28);
}

.v2-widget-cta .v2-btn:hover {
    background: var(--v2-highlight, #ff5757);
    color: #fff;
}



#reading-progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1300;

    width: 0;
    height: 3px;

    background: linear-gradient(90deg, var(--v2-cta, #6222D5), var(--v2-highlight, #ff5757));

    transition: width 120ms linear;
}



.v2-blog-pagination .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.v2-blog-pagination .page-item {
    list-style: none;
}

.v2-blog-pagination .page-link {
    display: grid;
    place-items: center;

    min-width: 42px;
    height: 42px;
    padding: 0 14px;

    border: 1px solid rgba(92, 27, 179, 0.16);
    border-radius: 10px;
    background: var(--v2-white, #fff);

    color: var(--v2-subheading, #625E65);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    transition: all 0.2s ease;
}

.v2-blog-pagination .page-link:hover {
    border-color: var(--v2-cta, #6222D5);

    color: var(--v2-cta, #6222D5);
}

.v2-blog-pagination .page-item.active .page-link {
    border-color: var(--v2-cta, #6222D5);
    background: var(--v2-cta, #6222D5);

    color: #fff;

    box-shadow: 0 10px 22px rgba(98, 34, 213, 0.28);
}

.v2-blog-pagination .page-item.disabled .page-link {
    opacity: 0.45;

    pointer-events: none;
}



.v2-prose {
    color: var(--v2-ink, #211b33);

    font-family: var(--v2-font, 'Manrope', 'Segoe UI', system-ui, sans-serif);
    font-size: 16px;
    line-height: 1.8;
}

.v2-prose > :first-child {
    margin-top: 0;
}

.v2-prose > :last-child {
    margin-bottom: 0;
}

.v2-prose p {
    margin: 0 0 1.2rem;
}

.v2-prose h1,
.v2-prose h2,
.v2-prose h3,
.v2-prose h4 {
    margin: 1.9rem 0 0.9rem;

    color: var(--v2-heading, #391D77);

    font-family: var(--v2-font, 'Manrope', sans-serif);
    font-weight: 800;
    line-height: 1.3;
}

.v2-prose h2 {
    font-size: 1.55rem;
}

.v2-prose h3 {
    font-size: 1.3rem;
}

.v2-prose h4 {
    font-size: 1.12rem;
}

.v2-prose ul,
.v2-prose ol {
    margin: 0 0 1.2rem;
    padding-left: 1.4rem;
}

.v2-prose li {
    margin: 0.35rem 0;

    color: var(--v2-ink, #211b33);
}

.v2-prose a {
    color: var(--v2-cta, #6222D5);

    text-decoration: underline;
    text-underline-offset: 3px;
}

.v2-prose blockquote {
    margin: 0 0 1.2rem;
    padding: 0.4rem 0 0.4rem 1.1rem;

    border-left: 3px solid var(--v2-cta, #6222D5);

    color: #555;

    font-style: italic;
}

.v2-prose code {
    padding: 0.15em 0.4em;

    border-radius: 6px;
    background: rgba(98, 34, 213, 0.08);

    font-family: 'Cascadia Mono', Consolas, monospace;
    font-size: 0.87em;
}

.v2-prose pre {
    margin: 0 0 1.2rem;
    padding: 16px 18px;

    overflow-x: auto;

    border-radius: 12px;
    background: #1f2a2e;

    color: #e2e8f0;
}

.v2-prose pre code {
    padding: 0;

    background: none;
}

.v2-prose hr {
    margin: 1.8rem 0;

    border: none;
    border-top: 2px solid rgba(57, 29, 119, 0.1);
}

.v2-prose img {
    max-width: 100%;
    height: auto;

    border-radius: 12px;
}

.v2-prose table {
    display: block;
    width: 100%;
    max-width: 100%;

    margin: 0 auto 1.5rem;

    overflow-x: auto;

    border-collapse: separate;
    border-spacing: 0;

    border: 1px solid rgba(57, 29, 119, 0.18);
    border-radius: 16px;

    background: #fff;

    box-shadow: 0 12px 40px rgba(57, 29, 119, 0.08), 0 4px 12px rgba(57, 29, 119, 0.04);

    -webkit-overflow-scrolling: touch;
}

.v2-prose table[style*="width"] {
    width: 100%;
    max-width: 100%;
}

.v2-prose th,
.v2-prose td {
    padding: 14px 18px;

    border: none;
    border-bottom: 1px solid rgba(57, 29, 119, 0.1);

    text-align: left;
    vertical-align: top;

    font-size: 0.95rem;
    line-height: 1.7;

    font-variant-numeric: tabular-nums;
}

.v2-prose th {
    background: linear-gradient(135deg, #391D77 0%, #5C1BB3 50%, #6222D5 100%);

    color: #fff;

    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-size: 0.82rem;
}

.v2-prose thead th:first-child {
    border-top-left-radius: 15px;
}

.v2-prose thead th:last-child {
    border-top-right-radius: 15px;
}

.v2-prose tbody tr:last-child td {
    border-bottom: none;
}

.v2-prose tbody tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
}

.v2-prose tbody tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
}

.v2-prose tbody tr:nth-child(even) td {
    background: rgba(57, 29, 119, 0.035);
}

.v2-prose tbody tr:hover td {
    background: rgba(98, 34, 213, 0.08);
    transition: background 0.15s ease;
}

.v2-prose tbody td:first-child {
    color: #391D77;
    font-weight: 650;
}

.v2-prose table:has(th:nth-child(2)):not(:has(th:nth-child(3))) {
    max-width: 720px;
    width: auto;
}

@media (max-width: 767.98px) {
    .v2-prose table {
        border-radius: 12px;
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px);
        max-width: calc(100% + 32px);
    }

    .v2-prose th,
    .v2-prose td {
        padding: 12px 14px;
        font-size: 0.9rem;
    }

    .v2-prose table:not(:has(th:nth-child(4))) {
        max-width: none;
        width: 100%;
    }
}



@media (max-width: 1023.98px) {
    .v2-article {
        grid-template-columns: 1fr;
    }

    .v2-article__side {
        position: static;
    }
}

@media (max-width: 639.98px) {
    .v2-blog-search__input {
        padding: 12px 16px;

        font-size: 13px;
    }

    .v2-blog-search__btn {
        padding: 12px 18px;
    }

    .v2-article__gallery {
        grid-template-columns: 1fr;
    }

    .v2-article__gallery img {
        height: 200px;
    }
}