/* Hero section styles */

.mc-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--mc-header-h));
    overflow: hidden;
    color: var(--mc-white);
    background: linear-gradient(135deg, #05060d 0%, var(--mc-black) 45%, #0b1060 100%);
}

@media (min-width: 992px) {
    .mc-hero {
        height: calc(100vh - var(--mc-header-h));
    }

    body.admin-bar .mc-hero {
        height: calc(100vh - var(--mc-header-h) - 32px);
    }
}

.mc-hero__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.mc-hero__bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 1.5px);
    background-size: 22px 22px;
    -webkit-mask-image: radial-gradient(ellipse 50% 70% at 75% 50%, #000 0%, transparent 100%);
    mask-image: radial-gradient(ellipse 50% 70% at 75% 50%, #000 0%, transparent 100%);
}

.mc-hero__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-radial-gradient(circle at 62% 50%, transparent 0 52px, rgba(255, 255, 255, 0.06) 52px 53px);
    -webkit-mask-image: radial-gradient(circle 560px at 62% 50%, #000 0%, transparent 100%);
    mask-image: radial-gradient(circle 560px at 62% 50%, #000 0%, transparent 100%);
}

.mc-hero__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: 56px 56px;
    -webkit-mask-image: radial-gradient(ellipse at 40% 40%, #000 15%, transparent 75%);
    mask-image: radial-gradient(ellipse at 40% 40%, #000 15%, transparent 75%);
}

.mc-hero__orb {
    position: absolute;
    top: -160px;
    right: -120px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: var(--mc-primary);
    filter: blur(120px);
    opacity: 0.5;
}

.mc-hero__main {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    min-height: 0;
    padding: 56px 0 44px;
}

.mc-hero__ai {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    opacity: 0.4;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
    mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
}

.mc-hero__ai img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mc-hero__ai::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(5, 6, 13, 0.6) 0%, transparent 50%);
}

.mc-hero__ai-label {
    display: none;
}

.mc-hero__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
    align-items: center;
}

@media (min-width: 992px) {
    .mc-hero__main {
        padding: clamp(24px, 4.5vh, 52px) 0;
    }

    .mc-hero__ai {
        inset: auto;
        top: -4%;
        bottom: -4%;
        left: 20%;
        width: 52%;
        opacity: 1;
        -webkit-mask-image:
            linear-gradient(90deg, transparent 0%, #000 38%, #000 78%, transparent 100%),
            linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
        -webkit-mask-composite: source-in;
        mask-image:
            linear-gradient(90deg, transparent 0%, #000 38%, #000 78%, transparent 100%),
            linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
        mask-composite: intersect;
    }

    .mc-hero__ai-label {
        position: absolute;
        left: 50%;
        bottom: 12%;
        z-index: 2;
        display: block;
        font-family: var(--mc-font-head);
        font-size: clamp(34px, 4.2vw, 64px);
        font-weight: 600;
        line-height: 1;
        color: var(--mc-white);
        transform: translateX(-50%);
        text-shadow: 0 0 26px rgba(36, 49, 230, 0.7);
    }

    .mc-hero__ai-label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: -1;
        width: 3em;
        height: 3em;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        background:
            radial-gradient(circle closest-side, transparent 56%, rgba(255, 255, 255, 0.14) 57%, transparent 58%),
            radial-gradient(circle closest-side, transparent 84%, rgba(255, 255, 255, 0.07) 85%, transparent 86%),
            radial-gradient(circle closest-side, rgba(36, 49, 230, 0.42) 0%, rgba(14, 24, 162, 0.16) 45%, transparent 100%);
    }

    .mc-hero__inner {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
        grid-template-rows: minmax(0, 1fr);
        gap: 48px;
        height: 100%;
    }
}

.mc-hero__copy {
    align-self: center;
}

.mc-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 9px 16px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--mc-radius);
    background: rgba(255, 255, 255, 0.04);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.85);
}

.mc-hero__dot {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mc-white);
}

.mc-hero__title {
    margin: clamp(16px, 3vh, 28px) 0 clamp(14px, 2.4vh, 22px);
    font-size: clamp(34px, min(5vw, 8.4vh), 66px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

.mc-hero__title em {
    font-style: italic;
    font-weight: 500;
    background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.55));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mc-hero__text {
    max-width: 520px;
    margin: 0 0 clamp(20px, 3.6vh, 34px);
    font-size: clamp(14px, 1.9vh, 16px);
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.72);
}

.mc-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.mc-hero .mc-btn {
    padding: clamp(12px, 1.9vh, 16px) 24px;
    font-size: 13px;
}

.mc-hero .mc-btn:hover i {
    transform: none;
}

.mc-hero .mc-btn--light {
    background: var(--mc-white);
    color: var(--mc-primary);
}

.mc-hero .mc-btn--light:hover {
    background: #eceefc;
}

.mc-hero .mc-btn--ghost {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.35);
    color: var(--mc-white);
}

.mc-hero .mc-btn--ghost:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--mc-white);
}

.mc-collage {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1.1fr 1fr 0.58fr;
    gap: 14px;
    width: 100%;
    max-width: 460px;
    min-width: 0;
    margin: 0 auto;
    aspect-ratio: 1 / 1.1;
}

@media (min-width: 992px) {
    .mc-collage {
        max-width: 100%;
        height: 100%;
        max-height: 560px;
        margin: 0;
        aspect-ratio: auto;
        justify-self: end;
        align-self: center;
    }
}

.mc-tile {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    padding: clamp(10px, 1.4vw, 18px);
    overflow: hidden;
    border: 0;
    border-radius: var(--mc-radius);
    background: linear-gradient(160deg, rgba(22, 30, 120, 0.55) 0%, rgba(8, 10, 36, 0.72) 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14), 0 18px 30px -18px rgba(0, 0, 0, 0.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.mc-tile i {
    font-size: clamp(14px, 1.6vw, 20px);
    color: rgba(255, 255, 255, 0.85);
}

.mc-tile__label {
    font-size: clamp(8px, 0.85vw, 11px);
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.9);
}

.mc-tile__pattern {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 72% 28%, rgba(14, 24, 162, 0.95), transparent 58%),
        radial-gradient(circle at 15% 95%, rgba(255, 255, 255, 0.14), transparent 45%),
        linear-gradient(135deg, #22253a, #0a0b14);
}

.mc-tile__pattern::before,
.mc-tile__pattern::after {
    content: "";
    position: absolute;
    inset: 0;
}

.mc-tile__pattern::before {
    background-image: radial-gradient(rgba(255, 255, 255, 0.28) 1px, transparent 1.6px);
    background-size: 18px 18px;
    -webkit-mask-image: radial-gradient(circle at 72% 28%, #000 0%, transparent 70%);
    mask-image: radial-gradient(circle at 72% 28%, #000 0%, transparent 70%);
}

.mc-tile__pattern::after {
    background: repeating-radial-gradient(circle at 72% 28%, transparent 0 26px, rgba(255, 255, 255, 0.12) 26px 27px);
    -webkit-mask-image: radial-gradient(circle at 72% 28%, #000 0%, transparent 75%);
    mask-image: radial-gradient(circle at 72% 28%, #000 0%, transparent 75%);
}

.mc-tile--startups {
    grid-column: 1;
    grid-row: 1;
}

.mc-tile--markets {
    grid-column: 2 / 4;
    grid-row: 1;
}

.mc-tile--founders {
    grid-column: 1;
    grid-row: 2;
    background:
        radial-gradient(circle at 50% 55%, rgba(14, 24, 162, 0.5), transparent 70%),
        linear-gradient(160deg, rgba(22, 30, 120, 0.55) 0%, rgba(8, 10, 36, 0.72) 100%);
}

.mc-tile--inr {
    grid-column: 2;
    grid-row: 2;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.2), transparent 55%),
        linear-gradient(150deg, #1b28d8 0%, var(--mc-primary) 55%, #070b4a 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), 0 18px 30px -18px rgba(0, 0, 0, 0.6);
}

.mc-tile--inr::before {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-radial-gradient(circle at 100% 0, transparent 0 22px, rgba(255, 255, 255, 0.1) 22px 23px);
    -webkit-mask-image: radial-gradient(circle 160px at 100% 0, #000 0%, transparent 100%);
    mask-image: radial-gradient(circle 160px at 100% 0, #000 0%, transparent 100%);
}

.mc-tile__glyph {
    position: relative;
    font-family: var(--mc-font-head);
    font-size: clamp(34px, 4.6vw, 68px);
    font-weight: 700;
    line-height: 1;
    color: var(--mc-white);
    transition: transform 0.4s var(--mc-ease);
}

.mc-tile--inr:hover .mc-tile__glyph {
    transform: scale(1.05);
}

.mc-tile--data {
    grid-column: 3;
    grid-row: 2 / 4;
}

.mc-tile--tech {
    grid-column: 1 / 3;
    grid-row: 3;
    flex-direction: row;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mc-tile--markets::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 1.5px);
    background-size: 16px 16px;
    -webkit-mask-image: linear-gradient(200deg, #000 0%, transparent 60%);
    mask-image: linear-gradient(200deg, #000 0%, transparent 60%);
}

.mc-tile--markets > i,
.mc-tile--markets > .mc-tile__label {
    position: relative;
}

.mc-tile--light {
    background: linear-gradient(160deg, #f6f7fb 0%, #dfe2ee 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6), 0 18px 30px -18px rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.mc-tile--light i {
    color: var(--mc-primary);
}

.mc-tile--light .mc-tile__label {
    color: var(--mc-ink);
}

.mc-tile--tech::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(14, 24, 162, 0.28) 1px, transparent 1.6px);
    background-size: 12px 12px;
    -webkit-mask-image: linear-gradient(90deg, transparent 20%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 20%, #000 100%);
}

.mc-tile--data::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(14, 24, 162, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 24, 162, 0.08) 1px, transparent 1px);
    background-size: 16px 16px;
    -webkit-mask-image: linear-gradient(160deg, #000 0%, transparent 70%);
    mask-image: linear-gradient(160deg, #000 0%, transparent 70%);
}

.mc-tile--tech > i,
.mc-tile--tech > .mc-tile__label,
.mc-tile--data > i,
.mc-tile--data > .mc-bars,
.mc-tile--data > .mc-tile__label {
    position: relative;
}

.mc-bars {
    display: flex;
    flex: 1;
    align-items: flex-end;
    gap: 6px;
    min-height: 0;
    margin: 12px 0;
}

.mc-bars b {
    flex: 1;
    height: var(--h);
    border-radius: 2px;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.22));
}

.mc-bars b:last-child {
    background: var(--mc-white);
    box-shadow: 0 0 18px rgba(255, 255, 255, 0.35);
}

.mc-tile--light .mc-bars b {
    background: linear-gradient(to top, rgba(14, 24, 162, 0.1), rgba(14, 24, 162, 0.24));
}

.mc-tile--light .mc-bars b:last-child {
    background: var(--mc-primary);
    box-shadow: none;
}

.mc-people {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding-left: 8px;
}

.mc-people span {
    width: clamp(20px, 2.6vw, 34px);
    height: clamp(20px, 2.6vw, 34px);
    margin-left: -8px;
    border: 2px solid var(--mc-black);
    border-radius: 50%;
    background: linear-gradient(135deg, #8b8fa3, #3b3e52);
}

.mc-people span:nth-child(2) {
    background: linear-gradient(135deg, #c4c7d6, #6a6e85);
}

.mc-people span:nth-child(3) {
    background: var(--mc-primary);
}

.mc-chart {
    position: relative;
    display: block;
    flex: 1;
    min-height: 0;
    margin: 10px 0;
}

.mc-chart svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.mc-chart__grid {
    fill: none;
    stroke: rgba(255, 255, 255, 0.1);
    stroke-width: 1;
}

.mc-chart__line {
    fill: none;
    stroke: var(--mc-white);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mc-marquee {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(90deg, rgba(10, 11, 20, 0.92) 0%, rgba(10, 11, 20, 0.92) 70%, rgba(14, 24, 162, 0.45) 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.mc-marquee__track {
    display: flex;
    width: max-content;
    animation: mc-marquee 80s linear infinite;
}

.mc-marquee:hover .mc-marquee__track {
    animation-play-state: paused;
}

.mc-marquee__group {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mc-marquee__group li {
    display: flex;
    align-items: center;
    padding: 12px 0;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.65);
}

.mc-marquee__group li::after {
    content: "";
    width: 5px;
    height: 5px;
    margin: 0 28px;
    border-radius: 50%;
    background: var(--mc-primary);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}

@keyframes mc-marquee {
    to {
        transform: translateX(-50%);
    }
}

@keyframes mc-float {
    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(30px, 24px);
    }
}

@keyframes mc-pulse {
    0% {
        transform: scale(0.6);
        opacity: 1;
    }

    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}

/* ////////////// end hero ////////////////////////// */

/* What Matters Now section styles */

.mc-matters {
    position: relative;
    padding: clamp(72px, 9vw, 110px) 0 clamp(80px, 10vw, 120px);
    overflow: hidden;
}

.mc-matters .mc-container {
    position: relative;
    z-index: 1;
}

.mc-matters__deco {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: clamp(280px, 46vw, 760px);
    aspect-ratio: 1;
    pointer-events: none;
}

.mc-matters__deco::before,
.mc-matters__deco::after {
    content: "";
    position: absolute;
    inset: 0;
}

/* adjust: rings visibility -> 0.2 se 0.08 (badhane ke liye 0.1-0.14 try karo) */
.mc-matters__deco::before {
    background: repeating-radial-gradient(circle at 100% 0, transparent 0 34px, rgba(14, 24, 162, 0.08) 34px 35px);
    -webkit-mask-image: radial-gradient(circle 520px at 100% 0, #000 0%, transparent 100%);
    mask-image: radial-gradient(circle 520px at 100% 0, #000 0%, transparent 100%);
}

/* adjust: dots visibility -> 0.42 se 0.16 */
.mc-matters__deco::after {
    background-image: radial-gradient(rgba(14, 24, 162, 0.16) 1px, transparent 1.7px);
    background-size: 18px 18px;
    -webkit-mask-image: radial-gradient(circle 380px at 100% 0, #000 0%, transparent 100%);
    mask-image: radial-gradient(circle 380px at 100% 0, #000 0%, transparent 100%);
}

.mc-matters__dot {
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background: var(--mc-primary);
    opacity: 0.6;
}

.mc-matters__dot--a {
    top: 93px;
    right: 93px;
    width: 12px;
    height: 12px;
}

.mc-matters__dot--a::after {
    content: "";
    position: absolute;
    inset: -5px;
    border-radius: 50%;
    border: 1px solid rgba(14, 24, 162, 0.35);
    animation: mc-pulse 2.4s ease-out infinite;
}

.mc-matters__dot--b {
    top: 193px;
    right: 193px;
    width: 10px;
    height: 10px;
    border: 2px solid var(--mc-primary);
    background: var(--mc-white);
}

.mc-matters__dot--c {
    top: 68px;
    right: 193px;
    width: 8px;
    height: 8px;
    opacity: 0.4;
}

.mc-matters__head {
    max-width: 720px;
    margin: 0 auto clamp(40px, 6vw, 64px);
    text-align: center;
}

.mc-matters__tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--mc-primary);
}

.mc-matters__tag::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mc-primary);
}

.mc-matters__title {
    margin: 0 0 16px;
    font-size: clamp(2.1rem, 4.4vw, 3.4rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.01em;
    color: var(--mc-black);
}

.mc-matters__title em {
    font-style: italic;
    font-weight: 500;
    color: var(--mc-primary);
}

.mc-matters__sub {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--mc-muted);
}

.mc-matters__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    gap: 22px;
}

.mc-matter {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    min-height: 410px;
    padding: 128px 26px 26px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: var(--mc-radius);
    transition: border-color 0.4s var(--mc-ease);
}

.mc-matter:focus-within {
    outline: 2px solid var(--mc-primary);
    outline-offset: 3px;
}

/* adjust: corner rings mask size -> 200px (bada karne ke liye 260px) */
.mc-matter::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(circle 200px at 100% 100%, #000 0%, transparent 100%);
    mask-image: radial-gradient(circle 200px at 100% 100%, #000 0%, transparent 100%);
}

.mc-matter::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    transform: translateX(-120%);
    transition: transform 1.4s var(--mc-ease);
}

.mc-matter:hover::after {
    transform: translateX(120%);
}

.mc-matter--light {
    color: var(--mc-ink);
    background: linear-gradient(160deg, #ffffff 0%, #f6f7ff 55%, #e4e8fb 100%);
    border-color: rgba(14, 24, 162, 0.16);
    box-shadow:
        0 1px 2px rgba(10, 11, 20, 0.05),
        0 12px 24px -14px rgba(14, 24, 162, 0.16);
}

/* adjust: light card corner rings opacity -> 0.06 */
.mc-matter--light::before {
    background: repeating-radial-gradient(circle at 100% 100%, transparent 0 26px, rgba(14, 24, 162, 0.06) 26px 27px);
}

.mc-matter--light::after {
    background: linear-gradient(115deg, transparent 42%, rgba(14, 24, 162, 0.04) 50%, transparent 58%);
}

.mc-matter--light:hover {
    border-color: rgba(14, 24, 162, 0.35);
}

.mc-matter--dark {
    color: var(--mc-white);
    background: linear-gradient(150deg, #1b28d8 0%, var(--mc-primary) 40%, #070b4a 100%);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow:
        0 1px 2px rgba(10, 11, 20, 0.16),
        0 14px 26px -14px rgba(14, 24, 162, 0.4);
}

/* adjust: dark card corner rings opacity -> 0.05 */
.mc-matter--dark::before {
    background: repeating-radial-gradient(circle at 100% 100%, transparent 0 26px, rgba(255, 255, 255, 0.05) 26px 27px);
}

.mc-matter--dark::after {
    background: linear-gradient(115deg, transparent 42%, rgba(255, 255, 255, 0.07) 50%, transparent 58%);
}

.mc-matter--dark:hover {
    border-color: rgba(255, 255, 255, 0.22);
}

.mc-matter__num {
    position: absolute;
    top: -0.42em;
    left: -0.12em;
    z-index: -1;
    font-family: var(--mc-font-head);
    font-variant-numeric: lining-nums;
    font-size: clamp(6.5rem, 9vw, 9rem);
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
    user-select: none;
}

.mc-matter--light .mc-matter__num {
    color: rgba(10, 11, 20, 0.07);
}

.mc-matter--dark .mc-matter__num {
    color: rgba(255, 255, 255, 0.08);
}

.mc-matter__icon {
    position: absolute;
    top: 26px;
    right: 26px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--mc-radius);
    font-size: 18px;
}

.mc-matter--light .mc-matter__icon {
    background: rgba(14, 24, 162, 0.08);
    color: var(--mc-primary);
}

.mc-matter--dark .mc-matter__icon {
    background: rgba(255, 255, 255, 0.14);
    color: var(--mc-white);
}

.mc-matter__body {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.mc-matter__cat {
    display: block;
    margin-bottom: 12px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.mc-matter--light .mc-matter__cat {
    color: var(--mc-primary);
}

.mc-matter--dark .mc-matter__cat {
    color: rgba(255, 255, 255, 0.72);
}

.mc-matter__title {
    margin: 0 0 24px;
    font-size: clamp(1.02rem, 1.25vw, 1.2rem);
    font-weight: 600;
    line-height: 1.4;
}

.mc-matter--light .mc-matter__title {
    color: var(--mc-black);
}

.mc-matter--dark .mc-matter__title {
    color: var(--mc-white);
}

.mc-matter__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid transparent;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-decoration: none;
}

.mc-matter__link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
}

.mc-matter__link i {
    font-size: 12px;
}

.mc-matter--light .mc-matter__link {
    border-top-color: var(--mc-line);
    color: var(--mc-ink);
}

.mc-matter--dark .mc-matter__link {
    border-top-color: rgba(255, 255, 255, 0.2);
    color: var(--mc-white);
}

@media (max-width: 1099.98px) {
    .mc-matters__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 639.98px) {
    .mc-matters__grid {
        grid-template-columns: 1fr;
    }

    .mc-matter {
        min-height: 320px;
        padding: 110px 24px 24px;
    }
}

/* ////////////// end what matters now ////////////////////////// */

/* Latest Intelligence section styles */

.mc-latest {
    padding: clamp(48px, 6vw, 80px) 0;
}

.mc-latest__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px 32px;
    margin-bottom: clamp(24px, 3.5vw, 36px);
}

.mc-latest__title {
    margin: 0;
    font-size: clamp(2rem, 4.2vw, 3.2rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.01em;
    color: var(--mc-black);
}

.mc-latest__title em {
    font-style: italic;
    font-weight: 500;
    color: var(--mc-primary);
}

.mc-latest__sub {
    max-width: 420px;
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--mc-muted);
}

.mc-latest__stories {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 20px;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .mc-latest__stories {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ////////////// end latest intelligence ////////////////////////// */

/* The Circular section styles */

.mc-circular {
    position: relative;
    padding: clamp(72px, 9vw, 120px) 0;
    overflow: hidden;
    color: var(--mc-white);
    background: linear-gradient(200deg, #0b1060 0%, var(--mc-black) 55%, #05060d 100%);
}

.mc-circular__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.mc-circular__grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 56px 56px;
    -webkit-mask-image: radial-gradient(ellipse at 75% 50%, #000 10%, transparent 70%);
    mask-image: radial-gradient(ellipse at 75% 50%, #000 10%, transparent 70%);
}

.mc-circular__rings {
    position: absolute;
    inset: 0;
    background: repeating-radial-gradient(circle at 78% 50%, transparent 0 44px, rgba(255, 255, 255, 0.06) 44px 45px);
    -webkit-mask-image: radial-gradient(circle 560px at 78% 50%, #000 0%, transparent 100%);
    mask-image: radial-gradient(circle 560px at 78% 50%, #000 0%, transparent 100%);
}

.mc-circular__orb {
    position: absolute;
    bottom: -200px;
    left: -140px;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background: var(--mc-primary);
    filter: blur(130px);
    opacity: 0.45;
    animation: mc-float 16s ease-in-out infinite;
}

.mc-circular__inner {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 56px;
    align-items: center;
}

@media (min-width: 992px) {
    .mc-circular__inner {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 80px;
    }
}

.mc-circular__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 9px 16px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--mc-radius);
    background: rgba(255, 255, 255, 0.04);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.85);
}

.mc-circular__dot {
    position: relative;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mc-white);
}

.mc-circular__dot::after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.6);
    animation: mc-pulse 2s ease-out infinite;
}

.mc-circular__title {
    margin: 26px 0 18px;
    font-size: clamp(2.6rem, 5.4vw, 4.4rem);
    font-weight: 600;
    line-height: 1.06;
    letter-spacing: -0.01em;
}

.mc-circular__title em {
    font-style: italic;
    font-weight: 500;
    background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.55));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mc-circular__sub {
    max-width: 460px;
    margin: 0 0 32px;
    font-size: 1.05rem;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.72);
}

.mc-circular .mc-btn {
    padding: 16px 26px;
    font-size: 13px;
}

.mc-circular .mc-btn--light {
    background: var(--mc-white);
    color: var(--mc-primary);
}

.mc-circular .mc-btn--light:hover {
    background: #eceefc;
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.mc-brief {
    --mc-rail: 15px;
    --mc-rail-pad: 54px;
    --mc-node-top: 35px;
    width: 100%;
    max-width: 580px;
}

@media (min-width: 992px) {
    .mc-brief {
        margin-left: auto;
    }
}

.mc-brief__head {
    margin-bottom: 28px;
    padding-left: var(--mc-rail-pad);
}

.mc-brief__meta {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.mc-brief__brand {
    color: var(--mc-white);
}

.mc-brief__rule {
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
}

.mc-brief__date {
    color: rgba(255, 255, 255, 0.6);
}

.mc-brief__lead {
    margin: 14px 0 0;
    font-family: var(--mc-font-head);
    font-size: clamp(1.3rem, 2.3vw, 1.75rem);
    font-weight: 600;
    line-height: 1.3;
    color: var(--mc-white);
}

.mc-brief__list {
    position: relative;
    margin: 0;
    padding: 0 0 14px var(--mc-rail-pad);
    list-style: none;
}

.mc-brief__list::before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 24px;
    left: calc(var(--mc-rail) - 1px);
    border-left: 2px dotted rgba(255, 255, 255, 0.28);
}

.mc-brief__item {
    position: relative;
}

.mc-brief__item + .mc-brief__item {
    margin-top: 14px;
}

.mc-brief__node {
    position: absolute;
    top: var(--mc-node-top);
    left: calc(var(--mc-rail) - 9px - var(--mc-rail-pad));
    z-index: 1;
    width: 18px;
    height: 18px;
    border: 3px solid var(--mc-white);
    border-radius: 50%;
    background: var(--mc-primary);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 18px rgba(14, 24, 162, 0.95);
}

.mc-brief__card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 18px 22px 18px 18px;
    overflow: hidden;
    border-radius: var(--mc-radius);
    background: linear-gradient(160deg, #ffffff 0%, #f3f4ff 100%);
    box-shadow:
        inset 0 1px 0 #ffffff,
        0 22px 32px -14px rgba(0, 0, 0, 0.6),
        0 6px 0 -2px rgba(255, 255, 255, 0.16),
        0 12px 0 -4px rgba(255, 255, 255, 0.07);
}

.mc-brief__tile {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: var(--mc-radius);
    background: linear-gradient(145deg, #2431e6 0%, var(--mc-primary) 45%, #070b4a 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.35),
        inset 0 -8px 14px -6px rgba(0, 0, 0, 0.45),
        0 10px 18px -8px rgba(14, 24, 162, 0.7);
    font-size: 20px;
    color: var(--mc-white);
}

.mc-brief__body {
    min-width: 0;
}

.mc-brief__cat {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--mc-primary);
}

.mc-brief__num {
    font-family: var(--mc-font-head);
    font-variant-numeric: lining-nums;
    font-size: 1.05rem;
    letter-spacing: 0;
    color: rgba(10, 11, 20, 0.35);
}

.mc-brief__num::after {
    content: "—";
    margin-left: 8px;
    font-family: var(--mc-font-body);
    color: rgba(10, 11, 20, 0.25);
}

.mc-brief__label {
    font-weight: 600;
    color: var(--mc-muted);
}

.mc-brief__label::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 1px;
    margin-right: 8px;
    vertical-align: middle;
    background: currentColor;
}

.mc-brief__text {
    margin: 0;
    font-family: var(--mc-font-head);
    font-size: 1.02rem;
    font-weight: 500;
    line-height: 1.45;
    color: var(--mc-black);
}

@media (max-width: 575.98px) {
    .mc-brief {
        --mc-rail: 11px;
        --mc-rail-pad: 40px;
        --mc-node-top: 26px;
    }

    .mc-brief__card {
        gap: 12px;
        padding: 14px 16px 14px 14px;
    }

    .mc-brief__tile {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }
}

/* ////////////// end the circular ////////////////////////// */

/* Signature Stories section styles */

.mc-founders {
    padding: clamp(48px, 6vw, 80px) 0;
}

.mc-founders__head {
    max-width: 760px;
    margin: 0 auto clamp(24px, 3.5vw, 36px);
    text-align: center;
}

.mc-founders__tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--mc-primary);
}

.mc-founders__tag::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mc-primary);
}

.mc-founders__title {
    margin: 0 0 14px;
    font-size: clamp(2rem, 4.2vw, 3.2rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.01em;
    color: var(--mc-black);
}

.mc-founders__title em {
    font-style: italic;
    font-weight: 500;
    color: var(--mc-primary);
}

.mc-founders__sub {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.7;
    color: var(--mc-muted);
}

.mc-series {
    position: relative;
    margin-bottom: clamp(28px, 4vw, 40px);
    padding: clamp(22px, 3vw, 30px) clamp(22px, 3vw, 34px);
    overflow: hidden;
    border-radius: var(--mc-radius);
    color: var(--mc-white);
    background: linear-gradient(135deg, #0b1060 0%, var(--mc-black) 100%);
}

.mc-series::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 360px;
    height: 360px;
    pointer-events: none;
    background: repeating-radial-gradient(circle at 100% 0, transparent 0 30px, rgba(255, 255, 255, 0.07) 30px 31px);
    -webkit-mask-image: radial-gradient(circle 320px at 100% 0, #000 0%, transparent 100%);
    mask-image: radial-gradient(circle 320px at 100% 0, #000 0%, transparent 100%);
}

.mc-series__label {
    position: relative;
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}

.mc-series__text {
    position: relative;
    max-width: 760px;
    margin: 0;
    font-family: var(--mc-font-head);
    font-size: clamp(1.3rem, 2.6vw, 1.9rem);
    font-weight: 500;
    line-height: 1.3;
    color: var(--mc-white);
}

.mc-founders__list {
    display: flex;
    flex-direction: column;
    gap: clamp(24px, 3vw, 32px);
}

.mc-founder {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: stretch;
}

@media (min-width: 992px) {
    .mc-founder {
        grid-template-columns: 380px minmax(0, 1fr);
        gap: 32px;
    }
}

.mc-founder__card {
    position: relative;
    min-height: 400px;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--mc-line);
    border-bottom: 7px solid var(--mc-primary);
    border-radius: var(--mc-radius);
    background: #dfe2ee;
    box-shadow: 0 8px 0 -3px rgba(14, 24, 162, 0.16), 0 24px 32px -18px rgba(10, 11, 20, 0.4);
}

.mc-founder__card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 12%;
}

.mc-founder__info {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 16px 18px 18px;
    background: rgba(255, 255, 255, 0.93);
}

.mc-founder__name {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--mc-black);
}

.mc-founder__role {
    display: block;
    margin: 5px 0 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--mc-primary);
}

.mc-founder__summary {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.55;
    color: var(--mc-muted);
}

.mc-founder__panel {
    display: flex;
    flex-direction: column;
    padding: clamp(22px, 3vw, 32px);
    border: 1px solid var(--mc-line);
    border-radius: var(--mc-radius);
    background: linear-gradient(160deg, #ffffff 0%, #f8f9ff 100%);
}

.mc-founder__label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--mc-primary);
}

.mc-founder__num {
    font-family: var(--mc-font-head);
    font-variant-numeric: lining-nums;
    font-size: 1.15rem;
    letter-spacing: 0;
    color: rgba(10, 11, 20, 0.3);
}

.mc-founder__heading {
    margin: 0;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
    font-weight: 600;
    line-height: 1.2;
    color: var(--mc-black);
}

.mc-founder__quote {
    margin: 16px 0 0;
    padding-left: 16px;
    border-left: 3px solid var(--mc-primary);
    font-family: var(--mc-font-head);
    font-size: 1.1rem;
    font-style: italic;
    line-height: 1.5;
    color: var(--mc-black);
}

.mc-founder__points {
    margin: 18px 0 20px;
    padding: 0;
    list-style: none;
}

.mc-founder__points li {
    position: relative;
    padding: 11px 0 11px 22px;
    border-top: 1px solid var(--mc-line);
    font-size: 14px;
    line-height: 1.6;
    color: var(--mc-ink);
}

.mc-founder__points li::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 2px;
    width: 6px;
    height: 6px;
    background: var(--mc-primary);
}

.mc-founder__points strong {
    font-weight: 700;
    color: var(--mc-black);
}

.mc-founder__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--mc-line);
}

.mc-founder__source {
    font-size: 11.5px;
    color: #8a8ea0;
}

.mc-founder__links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
}

.mc-founder__links a {
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-decoration: none;
    color: var(--mc-primary);
    transition: color 0.25s var(--mc-ease);
}

.mc-founder__links a:hover {
    color: var(--mc-black);
}

@media (max-width: 639.98px) {
    .mc-founder__card {
        min-height: 380px;
    }
}

/* ////////////// end signature stories ////////////////////////// */

/* Topic Universe section styles */

.mc-topics {
    padding: clamp(48px, 6vw, 80px) 0;
}

.mc-topics__head {
    margin: 0 auto clamp(28px, 4vw, 44px);
    text-align: center;
}

.mc-topics__title {
    margin: 0;
    font-size: clamp(2rem, 4.2vw, 3.2rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.01em;
    color: var(--mc-black);
}

.mc-topics__title em {
    font-style: italic;
    font-weight: 500;
    color: var(--mc-primary);
}

.mc-topics__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: 20px;
}

.mc-topic {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 230px;
    padding: 24px 26px;
    overflow: hidden;
    text-decoration: none;
    color: var(--mc-ink);
    border: 1px solid var(--mc-line);
    border-radius: var(--mc-radius);
    background: linear-gradient(160deg, #ffffff 0%, #f8f9ff 100%);
    box-shadow: 0 1px 2px rgba(10, 11, 20, 0.04);
    transition: border-color 0.3s var(--mc-ease), box-shadow 0.3s var(--mc-ease);
}

.mc-topic:hover {
    border-color: var(--mc-primary);
    box-shadow: 0 14px 28px -14px rgba(14, 24, 162, 0.22);
}

.mc-topic:focus-visible {
    outline: 2px solid var(--mc-primary);
    outline-offset: 3px;
}

.mc-topic__visual {
    position: absolute;
    top: 0;
    right: 0;
    width: 190px;
    height: 190px;
    pointer-events: none;
    opacity: 0.8;
    -webkit-mask-image: radial-gradient(circle at 100% 0, #000 0%, transparent 72%);
    mask-image: radial-gradient(circle at 100% 0, #000 0%, transparent 72%);
    transition: opacity 0.3s var(--mc-ease);
}

.mc-topic:hover .mc-topic__visual {
    opacity: 1;
}

.mc-topic__visual--dots {
    background-image: radial-gradient(rgba(14, 24, 162, 0.4) 1px, transparent 1.7px);
    background-size: 14px 14px;
}

.mc-topic__visual--grid {
    background-image:
        linear-gradient(rgba(14, 24, 162, 0.2) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 24, 162, 0.2) 1px, transparent 1px);
    background-size: 18px 18px;
}

.mc-topic__visual--stripes {
    background: repeating-linear-gradient(135deg, transparent 0 9px, rgba(14, 24, 162, 0.2) 9px 10px);
}

.mc-topic__visual--rings {
    background: repeating-radial-gradient(circle at 100% 0, transparent 0 20px, rgba(14, 24, 162, 0.24) 20px 21px);
}

.mc-topic__visual--rays {
    background: repeating-conic-gradient(from 180deg at 100% 0, rgba(14, 24, 162, 0.2) 0deg 3deg, transparent 3deg 12deg);
}

.mc-topic__visual--circles {
    background:
        radial-gradient(circle at 78% 36%, transparent 0 30px, rgba(14, 24, 162, 0.28) 30px 31px, transparent 31px),
        radial-gradient(circle at 56% 36%, transparent 0 30px, rgba(14, 24, 162, 0.28) 30px 31px, transparent 31px),
        radial-gradient(circle at 67% 58%, transparent 0 30px, rgba(14, 24, 162, 0.28) 30px 31px, transparent 31px);
}

.mc-topic__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 22px;
    border-radius: var(--mc-radius);
    background: rgba(14, 24, 162, 0.08);
    font-size: 17px;
    color: var(--mc-primary);
}

.mc-topic__name {
    position: relative;
    margin: 0 0 6px;
    font-size: clamp(1.6rem, 2.3vw, 2.1rem);
    font-weight: 600;
    line-height: 1.15;
    color: var(--mc-black);
    transition: color 0.3s var(--mc-ease);
}

.mc-topic:hover .mc-topic__name {
    color: var(--mc-primary);
}

.mc-topic__line {
    position: relative;
    max-width: 300px;
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--mc-muted);
}

.mc-topic__cta {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--mc-line);
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--mc-primary);
}

.mc-topic__cta i {
    font-size: 12px;
    transition: transform 0.3s var(--mc-ease);
}

.mc-topic:hover .mc-topic__cta i {
    transform: translateX(4px);
}

@media (max-width: 991.98px) {
    .mc-topics__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .mc-topics__grid {
        grid-template-columns: 1fr;
    }

    .mc-topic {
        min-height: 200px;
    }
}

/* ////////////// end topic universe ////////////////////////// */

/* People + Company Intelligence section styles */

.mc-duo {
    padding: clamp(40px, 5vw, 64px) 0;
}

.mc-duo__head {
    max-width: 720px;
    margin: 0 auto clamp(22px, 3vw, 30px);
    text-align: center;
}

.mc-duo__title {
    margin: 0 0 12px;
    font-size: clamp(1.9rem, 3.8vw, 2.9rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.01em;
    color: var(--mc-black);
}

.mc-duo__title em {
    font-style: italic;
    font-weight: 500;
    color: var(--mc-primary);
}

.mc-duo__sub {
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--mc-muted);
}

.mc-duo__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
}

@media (min-width: 992px) {
    .mc-duo__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 26px;
    }
}

.mc-pc {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--mc-line);
    border-bottom: 7px solid var(--mc-primary);
    border-radius: var(--mc-radius);
    background: var(--mc-white);
    box-shadow: 0 8px 0 -3px rgba(14, 24, 162, 0.16), 0 24px 32px -18px rgba(10, 11, 20, 0.35);
}

.mc-pc__head {
    padding: 16px 22px 12px;
}

.mc-pc__kind {
    margin: 0;
    font-size: 1.45rem;
    font-weight: 600;
    line-height: 1.15;
    color: var(--mc-black);
}

.mc-pc__chips {
    margin: 5px 0 0;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--mc-primary);
}

.mc-spot {
    position: relative;
    height: clamp(240px, 22vw, 300px);
    margin: 0;
    overflow: hidden;
    background: #dfe2ee;
}

.mc-spot img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mc-spot__fallback {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 72% 28%, rgba(14, 24, 162, 0.9), transparent 58%),
        radial-gradient(circle at 15% 95%, rgba(255, 255, 255, 0.14), transparent 45%),
        linear-gradient(135deg, #22253a, #0a0b14);
}

.mc-spot__info {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 30px 22px 14px;
    isolation: isolate;
}

.mc-spot__info::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-top: 3px solid var(--mc-primary);
    background: rgba(255, 255, 255, 0.88);
    transform: skewY(3deg);
    transform-origin: left top;
}

.mc-spot__name {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--mc-ink);
}

.mc-spot__role {
    display: block;
    margin: 4px 0 6px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--mc-primary);
}

.mc-spot__summary {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.5;
    color: var(--mc-ink);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mc-pc__body {
    padding: 10px 22px 2px;
}

.mc-pc__points {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mc-pc__points li {
    position: relative;
    padding: 7px 0 7px 18px;
    border-top: 1px solid var(--mc-line);
    font-size: 13px;
    line-height: 1.5;
    color: var(--mc-ink);
}

.mc-pc__points li:first-child {
    border-top: 0;
}

.mc-pc__points li::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 2px;
    width: 6px;
    height: 6px;
    background: var(--mc-primary);
}

.mc-pc__points strong {
    font-weight: 700;
    color: var(--mc-black);
}

.mc-pc__source {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    color: #8a8ea0;
}

.mc-pc__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 20px;
    margin-top: auto;
    padding: 12px 22px 14px;
    border-top: 1px solid var(--mc-line);
    background: linear-gradient(160deg, #ffffff 0%, #f8f9ff 100%);
}

.mc-pc__desc {
    margin: 0;
    max-width: 360px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--mc-muted);
}

.mc-pc__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-decoration: none;
    color: var(--mc-primary);
    transition: color 0.25s var(--mc-ease);
}

.mc-pc__link:hover {
    color: var(--mc-black);
}

@media (max-width: 575.98px) {
    .mc-pc__head,
    .mc-pc__body,
    .mc-pc__foot,
    .mc-spot__info {
        padding-left: 18px;
        padding-right: 18px;
    }
}

/* ////////////// end people companies section 8 ////////////////////////// */

/* MediaCircular Intelligence section styles */

.mc-intel {
    position: relative;
    padding: clamp(48px, 6vw, 80px) 0;
    overflow: hidden;
    border-top: 1px solid var(--mc-line);
    border-bottom: 1px solid var(--mc-line);
    background: linear-gradient(180deg, #f4f6ff 0%, #eceffc 100%);
}

.mc-intel__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.mc-intel__grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(14, 24, 162, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 24, 162, 0.07) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: radial-gradient(ellipse at 100% 50%, #000 5%, transparent 70%);
    mask-image: radial-gradient(ellipse at 100% 50%, #000 5%, transparent 70%);
}

.mc-intel__inner {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 36px;
    align-items: center;
}

@media (min-width: 992px) {
    .mc-intel__inner {
        grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
        gap: 72px;
    }
}

.mc-intel__tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--mc-primary);
}

.mc-intel__tag::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mc-primary);
}

.mc-intel__title {
    margin: 0 0 12px;
    font-size: clamp(2rem, 4.2vw, 3.2rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.01em;
    color: var(--mc-black);
}

.mc-intel__title em {
    font-style: italic;
    font-weight: 500;
    color: var(--mc-primary);
}

.mc-intel__sub {
    margin: 0 0 18px;
    font-family: var(--mc-font-head);
    font-size: clamp(1.1rem, 1.8vw, 1.4rem);
    font-style: italic;
    color: var(--mc-ink);
}

.mc-intel__text {
    max-width: 480px;
    margin: 0;
    font-size: 1rem;
    line-height: 1.8;
    color: var(--mc-muted);
}

.mc-intel__list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mc-intel__card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 22px 26px;
    text-decoration: none;
    color: var(--mc-ink);
    border: 1px solid rgba(14, 24, 162, 0.14);
    border-radius: var(--mc-radius);
    background: var(--mc-white);
    box-shadow: 0 1px 2px rgba(10, 11, 20, 0.04), 0 12px 24px -16px rgba(14, 24, 162, 0.16);
    transition: border-color 0.3s var(--mc-ease);
}

.mc-intel__card:hover {
    border-color: var(--mc-primary);
}

.mc-intel__card:focus-visible {
    outline: 2px solid var(--mc-primary);
    outline-offset: 3px;
}

.mc-intel__icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: var(--mc-radius);
    background: var(--mc-primary);
    font-size: 20px;
    color: var(--mc-white);
}

.mc-intel__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.mc-intel__cat {
    margin-bottom: 6px;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--mc-primary);
}

.mc-intel__desc {
    margin-bottom: 14px;
    font-family: var(--mc-font-head);
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--mc-black);
}

.mc-intel__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid var(--mc-line);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--mc-ink);
    transition: color 0.3s var(--mc-ease);
}

.mc-intel__cta i {
    font-size: 12px;
}

.mc-intel__card:hover .mc-intel__cta {
    color: var(--mc-primary);
}

@media (max-width: 575.98px) {
    .mc-intel__card {
        align-items: flex-start;
        gap: 16px;
        padding: 18px;
    }

    .mc-intel__icon {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }
}

/* ////////////// end mediacircular intelligence ////////////////////////// */

/* Featured Report section styles */

.mc-feature {
    position: relative;
    padding: clamp(48px, 6vw, 80px) 0;
    overflow: hidden;
    color: var(--mc-white);
    background: linear-gradient(135deg, #05060d 0%, var(--mc-black) 45%, #0b1060 100%);
}

.mc-feature__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.mc-feature__grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 56px 56px;
    -webkit-mask-image: radial-gradient(ellipse at 20% 50%, #000 10%, transparent 70%);
    mask-image: radial-gradient(ellipse at 20% 50%, #000 10%, transparent 70%);
}

.mc-feature__orb {
    position: absolute;
    bottom: -180px;
    left: -140px;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    background: var(--mc-primary);
    filter: blur(130px);
    opacity: 0.45;
}

.mc-feature__inner {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 44px;
    align-items: center;
}

@media (min-width: 992px) {
    .mc-feature__inner {
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        gap: 72px;
    }
}

.mc-feature__copy {
    order: 1;
}

.mc-feature__visual {
    order: 2;
    display: flex;
    justify-content: center;
}

@media (min-width: 992px) {
    .mc-feature__visual {
        order: 1;
        justify-content: flex-start;
    }

    .mc-feature__copy {
        order: 2;
    }
}

.mc-feature__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 9px 16px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--mc-radius);
    background: rgba(255, 255, 255, 0.04);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.85);
}

.mc-feature__dot {
    position: relative;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mc-white);
}

.mc-feature__dot::after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.6);
    animation: mc-pulse 2s ease-out infinite;
}

.mc-feature__title {
    margin: 24px 0 16px;
    font-size: clamp(2.4rem, 5vw, 4.2rem);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.01em;
}

.mc-feature__title em {
    display: block;
    font-style: italic;
    font-weight: 500;
    background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.55));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mc-feature__sub {
    max-width: 520px;
    margin: 0 0 32px;
    font-size: 1.05rem;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.72);
}

.mc-feature__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    max-width: 600px;
    margin: 0 0 32px;
    padding: 0;
    list-style: none;
}

.mc-feature__stat {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 20px 18px;
    border: 1px solid transparent;
    border-radius: var(--mc-radius);
    transition: border-color 0.3s var(--mc-ease);
}

.mc-feature__stat--glass {
    border-color: rgba(255, 255, 255, 0.14);
    background: linear-gradient(160deg, rgba(36, 49, 230, 0.32) 0%, rgba(255, 255, 255, 0.03) 100%);
}

.mc-feature__stat--glass:hover {
    border-color: rgba(255, 255, 255, 0.34);
}

.mc-feature__stat--accent {
    background: var(--mc-white);
}

.mc-feature__stat--accent:hover {
    border-color: rgba(14, 24, 162, 0.4);
}

.mc-feature__value {
    font-family: var(--mc-font-head);
    font-variant-numeric: lining-nums;
    font-size: clamp(2rem, 3.4vw, 2.8rem);
    font-weight: 700;
    line-height: 1;
    color: var(--mc-white);
}

.mc-feature__stat--accent .mc-feature__value {
    color: var(--mc-primary);
}

.mc-feature__label {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.62);
}

.mc-feature__stat--accent .mc-feature__label {
    color: var(--mc-muted);
}

.mc-feature__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.mc-feature .mc-btn {
    padding: 16px 24px;
    font-size: 13px;
}

.mc-feature .mc-btn--light {
    background: var(--mc-white);
    color: var(--mc-primary);
}

.mc-feature .mc-btn--light:hover {
    background: #eceefc;
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.mc-feature .mc-btn--ghost {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.35);
    color: var(--mc-white);
}

.mc-feature .mc-btn--ghost:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--mc-white);
    transform: translateY(-1px);
}

.mc-cover {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    max-width: 340px;
    aspect-ratio: 4 / 5;
    padding: 28px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--mc-radius);
    background:
        radial-gradient(circle at 80% 15%, rgba(255, 255, 255, 0.14), transparent 50%),
        linear-gradient(150deg, #1b28d8 0%, var(--mc-primary) 45%, #070b4a 100%);
    box-shadow: 0 30px 50px -24px rgba(0, 0, 0, 0.7);
}

.mc-cover__rings {
    position: absolute;
    inset: 0;
    background: repeating-radial-gradient(circle at 100% 0, transparent 0 30px, rgba(255, 255, 255, 0.1) 30px 31px);
    -webkit-mask-image: radial-gradient(circle 360px at 100% 0, #000 0%, transparent 100%);
    mask-image: radial-gradient(circle 360px at 100% 0, #000 0%, transparent 100%);
}

.mc-cover__brand,
.mc-cover__title,
.mc-cover__tag {
    position: relative;
}

.mc-cover__brand {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
}

.mc-cover__title {
    font-family: var(--mc-font-head);
    font-size: clamp(2rem, 3.4vw, 2.7rem);
    font-weight: 600;
    line-height: 1.1;
    color: var(--mc-white);
}

.mc-cover__tag {
    align-self: flex-start;
    padding: 6px 12px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: var(--mc-radius);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--mc-white);
}

@media (max-width: 575.98px) {
    .mc-feature__stats {
        gap: 10px;
    }

    .mc-feature__stat {
        padding: 14px 12px;
    }

    .mc-feature__label {
        font-size: 9px;
        letter-spacing: 0.1em;
    }

    .mc-feature__actions .mc-btn {
        width: 100%;
    }

    .mc-cover {
        max-width: 280px;
        padding: 22px;
    }
}

/* ////////////// end featured report section 10////////////////////////// */

/* Events & Network section styles */

.mc-events {
    position: relative;
    padding: clamp(48px, 6vw, 80px) 0;
    overflow: hidden;
}

.mc-events__net {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.mc-events .mc-container {
    position: relative;
    z-index: 1;
}

.mc-events__head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px 48px;
    align-items: end;
    margin-bottom: clamp(28px, 4vw, 44px);
}

@media (min-width: 992px) {
    .mc-events__head {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
    }
}

.mc-events__title {
    margin: 0;
    font-size: clamp(2rem, 4.2vw, 3.2rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.01em;
    color: var(--mc-black);
}

.mc-events__title em {
    font-style: italic;
    font-weight: 500;
    color: var(--mc-primary);
}

.mc-events__sub {
    margin: 0;
    padding-left: 18px;
    border-left: 3px solid var(--mc-primary);
    font-size: 1.02rem;
    line-height: 1.7;
    color: var(--mc-muted);
}

.mc-events__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: start;
}

@media (min-width: 992px) {
    .mc-events__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px;
    }

    .mc-pass:nth-child(2) {
        margin-top: 56px;
    }
}

@media (max-width: 991.98px) {
    .mc-events__grid {
        max-width: 560px;
        margin: 0 auto;
    }

    .mc-pass:nth-child(odd) {
        margin-right: clamp(12px, 6vw, 48px);
    }

    .mc-pass:nth-child(even) {
        margin-left: clamp(12px, 6vw, 48px);
    }
}

.mc-pass {
    filter: drop-shadow(0 2px 3px rgba(10, 11, 20, 0.08)) drop-shadow(0 18px 22px rgba(10, 11, 20, 0.14));
}

.mc-pass__card {
    --notch: 68%;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 330px;
    border-top: 4px solid var(--mc-primary);
    border-radius: var(--mc-radius);
    background: linear-gradient(160deg, #ffffff 0%, #f6f7ff 100%);
    box-shadow: inset 0 0 0 1px rgba(14, 24, 162, 0.14);
    -webkit-mask-image:
        radial-gradient(circle 12px at 0 var(--notch), transparent 11.5px, #000 12px),
        radial-gradient(circle 12px at 100% var(--notch), transparent 11.5px, #000 12px);
    -webkit-mask-composite: source-in;
    mask-image:
        radial-gradient(circle 12px at 0 var(--notch), transparent 11.5px, #000 12px),
        radial-gradient(circle 12px at 100% var(--notch), transparent 11.5px, #000 12px);
    mask-composite: intersect;
}

.mc-pass__main {
    flex: 0 0 var(--notch);
    padding: 24px 26px 16px;
}

.mc-pass__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.mc-pass__type {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--mc-primary);
}

.mc-pass__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--mc-radius);
    background: rgba(14, 24, 162, 0.08);
    font-size: 16px;
    color: var(--mc-primary);
}

.mc-pass__title {
    margin: 0 0 8px;
    font-size: 1.55rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--mc-black);
}

.mc-pass__line {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: var(--mc-muted);
}

.mc-pass__perf {
    position: absolute;
    top: var(--notch);
    right: 22px;
    left: 22px;
    border-top: 2px dashed rgba(14, 24, 162, 0.25);
}

.mc-pass__stub {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    padding: 0 26px;
}

.mc-pass__num {
    font-family: var(--mc-font-head);
    font-variant-numeric: lining-nums;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    color: rgba(10, 11, 20, 0.2);
}

.mc-pass__code {
    width: 96px;
    height: 34px;
    background: repeating-linear-gradient(90deg, rgba(14, 24, 162, 0.55) 0 2px, transparent 2px 5px, rgba(14, 24, 162, 0.55) 5px 6px, transparent 6px 10px);
}

.mc-events__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: clamp(28px, 4vw, 40px);
}

.mc-events .mc-btn {
    padding: 15px 26px;
    font-size: 13px;
}

.mc-events .mc-btn--outline {
    border-color: var(--mc-primary);
    background: transparent;
    color: var(--mc-primary);
}

.mc-events .mc-btn--outline:hover {
    background: var(--mc-primary);
    color: var(--mc-white);
}

.mc-events .mc-btn--quiet {
    border-color: rgba(10, 11, 20, 0.2);
    background: transparent;
    color: var(--mc-black);
}

.mc-events .mc-btn--quiet:hover {
    border-color: var(--mc-primary);
    color: var(--mc-primary);
}

@media (max-width: 575.98px) {
    .mc-events__actions .mc-btn {
        width: 100%;
    }
}

/* ////////////// end events network section 11 ////////////////////////// */

/* Newsletter section styles */

.mc-news {
    position: relative;
    padding: clamp(56px, 7vw, 88px) 0;
    overflow: hidden;
    text-align: center;
    color: var(--mc-white);
    background:
        radial-gradient(circle 420px at 12% 0%, rgba(255, 255, 255, 0.14), transparent 70%),
        linear-gradient(135deg, #0a1275 0%, var(--mc-primary) 50%, #070b4a 100%);
}

.mc-news__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.mc-news__rings {
    position: absolute;
    inset: 0;
    background: repeating-radial-gradient(circle at 88% 50%, transparent 0 40px, rgba(255, 255, 255, 0.08) 40px 41px);
    -webkit-mask-image: radial-gradient(circle 520px at 88% 50%, #000 0%, transparent 100%);
    mask-image: radial-gradient(circle 520px at 88% 50%, #000 0%, transparent 100%);
}

.mc-news__at {
    position: absolute;
    top: 50%;
    right: 4%;
    transform: translateY(-50%);
    font-family: var(--mc-font-head);
    font-size: clamp(14rem, 30vw, 28rem);
    font-weight: 700;
    line-height: 1;
    color: rgba(255, 255, 255, 0.05);
}

.mc-news__inner {
    position: relative;
}

.mc-news__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 22px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: var(--mc-radius);
    background: rgba(255, 255, 255, 0.12);
    font-size: 22px;
    color: var(--mc-white);
}

.mc-news__title {
    max-width: 820px;
    margin: 0 auto 16px;
    font-size: clamp(2.1rem, 5vw, 3.8rem);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.01em;
}

.mc-news__title em {
    font-style: italic;
    font-weight: 500;
    background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.6));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mc-news__sub {
    max-width: 620px;
    margin: 0 auto 30px;
    font-size: 1.02rem;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.78);
}

.mc-news__form {
    display: flex;
    max-width: 640px;
    margin: 0 auto;
    padding: 6px;
    border-radius: var(--mc-radius);
    background: var(--mc-white);
    box-shadow: 0 22px 44px -20px rgba(0, 0, 0, 0.6);
}

.mc-news__form:focus-within {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35), 0 22px 44px -20px rgba(0, 0, 0, 0.6);
}

.mc-news__label,
.mc-news__hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.mc-news__input {
    flex: 1;
    min-width: 0;
    padding: 14px 16px;
    border: 0;
    outline: 0;
    background: transparent;
    font: 500 15px/1.4 var(--mc-font-body);
    color: var(--mc-ink);
}

.mc-news__input::placeholder {
    color: #8a8ea0;
}

.mc-news__btn {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 24px;
    border: 0;
    border-radius: var(--mc-radius);
    background: var(--mc-black);
    font: 600 13px/1 var(--mc-font-body);
    letter-spacing: 0.04em;
    color: var(--mc-white);
    cursor: pointer;
    transition: background 0.25s var(--mc-ease);
}

.mc-news__btn:hover {
    background: #000000;
}

.mc-news__msg {
    max-width: 640px;
    margin: 14px auto 0;
    padding: 10px 14px;
    border-radius: var(--mc-radius);
    background: rgba(255, 255, 255, 0.16);
    font-size: 13px;
    font-weight: 600;
    color: var(--mc-white);
}

.mc-news__msg--invalid {
    background: rgba(0, 0, 0, 0.35);
}

.mc-news__note {
    margin: 18px 0 0;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: rgba(255, 255, 255, 0.72);
}

.mc-news__note i {
    margin-right: 6px;
}

@media (max-width: 575.98px) {
    .mc-news__form {
        flex-direction: column;
        gap: 6px;
    }

    .mc-news__btn {
        padding: 15px 24px;
    }
}

/* ////////////// end newsletter ////////////////////////// */

/* About the Institution section styles */

.mc-about {
    position: relative;
    padding: clamp(48px, 6vw, 80px) 0;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f7f8fe 100%);
}

.mc-about__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 36px;
    align-items: start;
}

@media (min-width: 992px) {
    .mc-about__inner {
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        gap: 0;
    }
}

.mc-about__tag {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--mc-primary);
}

.mc-about__tag::before {
    content: "";
    width: 28px;
    height: 1px;
    background: var(--mc-primary);
}

.mc-about__title {
    margin: 0;
    font-size: clamp(2.4rem, 4.8vw, 4.2rem);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.01em;
    color: var(--mc-black);
}

.mc-about__title em {
    display: block;
    font-style: italic;
    font-weight: 500;
    color: var(--mc-primary);
}

.mc-about__mark {
    display: none;
    margin-top: 36px;
    font-family: var(--mc-font-head);
    font-size: clamp(8rem, 15vw, 14rem);
    font-weight: 700;
    line-height: 0.8;
    letter-spacing: -0.02em;
    color: transparent;
    -webkit-text-stroke: 1px rgba(14, 24, 162, 0.14);
    user-select: none;
}

@media (min-width: 992px) {
    .mc-about__head {
        padding-right: 48px;
    }

    .mc-about__mark {
        display: block;
    }

    .mc-about__body {
        padding-left: 56px;
        border-left: 1px solid var(--mc-line);
    }
}

.mc-about__lead {
    margin: 0 0 22px;
    font-family: var(--mc-font-head);
    font-size: clamp(1.5rem, 2.6vw, 2.2rem);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.005em;
    color: var(--mc-black);
}

.mc-about__text {
    max-width: 580px;
    margin: 0 0 36px;
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--mc-muted);
}

.mc-about__verbs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
    margin: 0 0 36px;
    padding: 0;
    list-style: none;
}

@media (min-width: 768px) {
    .mc-about__verbs {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.mc-about__verb {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 14px 22px;
    border-top: 1px solid var(--mc-line);
    transition: background 0.35s var(--mc-ease);
}

.mc-about__verb::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--mc-primary);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s var(--mc-ease);
}

.mc-about__verb:hover {
    background: rgba(14, 24, 162, 0.04);
}

.mc-about__verb:hover::before {
    transform: scaleX(1);
}

.mc-about__num {
    font-family: var(--mc-font-head);
    font-variant-numeric: lining-nums;
    font-size: 0.95rem;
    font-weight: 600;
    color: rgba(10, 11, 20, 0.35);
    transition: color 0.35s var(--mc-ease);
}

.mc-about__word {
    font-family: var(--mc-font-head);
    font-size: clamp(1.1rem, 1.5vw, 1.3rem);
    font-weight: 600;
    line-height: 1.25;
    color: var(--mc-black);
    transition: color 0.35s var(--mc-ease);
}

.mc-about__verb:hover .mc-about__num,
.mc-about__verb:hover .mc-about__word {
    color: var(--mc-primary);
}

.mc-about__close {
    max-width: 580px;
    margin: 0 0 32px;
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--mc-ink);
}

.mc-about .mc-btn {
    padding: 16px 26px;
    font-size: 13px;
}

@media (max-width: 575.98px) {
    .mc-about__verb {
        padding: 16px 10px 18px;
    }

    .mc-about .mc-btn {
        width: 100%;
    }
}

/* ////////////// end about the institution ////////////////////////// */


/* Trust / Editorial Standard section styles */

.mc-trust {
    padding: clamp(48px, 6vw, 80px) 0;
}

.mc-trust__panel {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    padding: clamp(32px, 5vw, 64px);
    overflow: hidden;
    color: var(--mc-white);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--mc-radius);
    background: linear-gradient(135deg, #05060d 0%, var(--mc-black) 45%, #0b1060 100%);
}

@media (min-width: 992px) {
    .mc-trust__panel {
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        gap: 64px;
        align-items: center;
    }
}

.mc-trust__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.mc-trust__grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: radial-gradient(ellipse at 0% 0%, #000 5%, transparent 65%);
    mask-image: radial-gradient(ellipse at 0% 0%, #000 5%, transparent 65%);
}

.mc-trust__orb {
    position: absolute;
    right: -140px;
    bottom: -180px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: var(--mc-primary);
    filter: blur(130px);
    opacity: 0.4;
}

.mc-trust__copy,
.mc-trust__grid-list {
    position: relative;
}

.mc-trust__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 9px 16px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: var(--mc-radius);
    background: rgba(255, 255, 255, 0.04);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.85);
}

.mc-trust__dot {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mc-white);
}

.mc-trust__title {
    margin: 24px 0 32px;
    font-size: clamp(2.4rem, 4.6vw, 3.8rem);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.01em;
}

.mc-trust__title em {
    font-style: italic;
    font-weight: 500;
    background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0.55));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mc-trust .mc-btn {
    padding: 16px 26px;
    font-size: 13px;
}

.mc-trust .mc-btn--light {
    background: var(--mc-white);
    color: var(--mc-primary);
}

.mc-trust .mc-btn--light:hover {
    background: #eceefc;
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.mc-trust__grid-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 640px) {
    .mc-trust__grid-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.mc-trust__item {
    position: relative;
    padding: 26px 24px 24px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--mc-radius);
    background: linear-gradient(160deg, rgba(36, 49, 230, 0.22) 0%, rgba(255, 255, 255, 0.03) 100%);
    transition: border-color 0.35s var(--mc-ease), background 0.35s var(--mc-ease);
}

.mc-trust__item:hover {
    border-color: rgba(255, 255, 255, 0.34);
    background: linear-gradient(160deg, rgba(36, 49, 230, 0.34) 0%, rgba(255, 255, 255, 0.05) 100%);
}

.mc-trust__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 22px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--mc-radius);
    background: rgba(255, 255, 255, 0.06);
    font-size: 17px;
    color: var(--mc-white);
    transition: background 0.35s var(--mc-ease), color 0.35s var(--mc-ease);
}

.mc-trust__item:hover .mc-trust__icon {
    background: var(--mc-white);
    color: var(--mc-primary);
}

.mc-trust__num {
    position: absolute;
    top: 18px;
    right: 22px;
    font-family: var(--mc-font-head);
    font-variant-numeric: lining-nums;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    color: rgba(255, 255, 255, 0.08);
}

.mc-trust__name {
    margin: 0 0 8px;
    font-size: 11.5px;
    font-family: var(--mc-font-body);
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--mc-white);
}

.mc-trust__text {
    margin: 0;
    font-family: var(--mc-font-head);
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.78);
}

@media (max-width: 575.98px) {
    .mc-trust__item {
        padding: 22px 20px 20px;
    }

    .mc-trust .mc-btn {
        width: 100%;
    }
}

/* ////////////// end trust / editorial standard  Section 15 ////////////////////////// */







/* Final CTA section styles section 16 */

.mc-final {
    padding: clamp(48px, 6vw, 80px) 0;
}

.mc-final__panel {
    position: relative;
    padding: clamp(44px, 6vw, 72px) 24px;
    overflow: hidden;
    text-align: center;
    border: 1px solid rgba(14, 24, 162, 0.2);
    border-radius: var(--mc-radius);
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 45%, rgba(14, 24, 162, 0.1) 100%);
}

.mc-final__panel::before,
.mc-final__panel::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    pointer-events: none;
}

.mc-final__panel::before {
    bottom: 0;
    left: 0;
    background: repeating-radial-gradient(circle at 0 100%, transparent 0 34px, rgba(14, 24, 162, 0.14) 34px 35px);
    -webkit-mask-image: radial-gradient(circle 360px at 0 100%, #000 0%, transparent 100%);
    mask-image: radial-gradient(circle 360px at 0 100%, #000 0%, transparent 100%);
}

.mc-final__panel::after {
    top: 0;
    right: 0;
    background: repeating-radial-gradient(circle at 100% 0, transparent 0 34px, rgba(14, 24, 162, 0.14) 34px 35px);
    -webkit-mask-image: radial-gradient(circle 360px at 100% 0, #000 0%, transparent 100%);
    mask-image: radial-gradient(circle 360px at 100% 0, #000 0%, transparent 100%);
}

.mc-final__title,
.mc-final__sub,
.mc-final__actions {
    position: relative;
    z-index: 1;
}

.mc-final__title {
    max-width: 760px;
    margin: 0 auto 16px;
    font-size: clamp(2rem, 4.6vw, 3.6rem);
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -0.01em;
    color: var(--mc-black);
}

.mc-final__title em {
    font-style: italic;
    font-weight: 500;
    color: var(--mc-primary);
}

.mc-final__sub {
    max-width: 560px;
    margin: 0 auto 32px;
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--mc-muted);
}

.mc-final__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.mc-final .mc-btn {
    padding: 15px 26px;
    font-size: 13px;
}

.mc-final .mc-btn--outline {
    border-color: var(--mc-primary);
    background: transparent;
    color: var(--mc-primary);
}

.mc-final .mc-btn--outline:hover {
    background: var(--mc-primary);
    color: var(--mc-white);
}

.mc-final .mc-btn--quiet {
    border-color: rgba(10, 11, 20, 0.2);
    background: transparent;
    color: var(--mc-black);
}

.mc-final .mc-btn--quiet:hover {
    border-color: var(--mc-primary);
    color: var(--mc-primary);
}

@media (max-width: 575.98px) {
    .mc-final__actions .mc-btn {
        width: 100%;
    }
}

/* ////////////// end final cta ////////////////////////// */