.tc-about {
    overflow: hidden;
    background: #f7f9fd;
}

.tc-about-hero {
    min-height: 413px;
    padding: 0 0 51px;
    background: #030509;
    color: #fff;
}

.tc-about-hero-grid {
    display: grid;
    grid-template-columns: 410px 1fr;
    gap: 62px;
    align-items: center;
    padding-top: 132px;
}

.tc-about-hero-copy {
    animation: tcFadeUp 0.75s ease both;
}

.tc-about-hero-copy h1 {
    margin: 18px 0 0;
    color: #fff;
    font-size: 48px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: 0;
}

.tc-about-hero-copy h1 strong {
    color: #168dff;
    font-weight: 900;
}

.tc-about-hero-copy p {
    margin: 25px 0 0;
    color: rgba(236, 242, 250, 0.86);
    font-size: 16px;
    line-height: 1.75;
}

.tc-about-hero-art {
    min-height: 292px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.tc-about-hero-art img {
    display: block;
    width: min(100%, 610px);
    height: auto;
    -webkit-mask-image:
        linear-gradient(90deg, transparent 0%, #000 13%, #000 100%),
        linear-gradient(180deg, #000 0%, #000 88%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
        linear-gradient(90deg, transparent 0%, #000 13%, #000 100%),
        linear-gradient(180deg, #000 0%, #000 88%, transparent 100%);
    mask-composite: intersect;
    animation: tcFloat 6s ease-in-out infinite;
}

.tc-beliefs,
.tc-story,
.tc-journey,
.tc-industries,
.tc-leadership {
    background: #f7f9fd;
}

.tc-beliefs {
    padding: 47px 0 44px;
}

.tc-beliefs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.tc-belief-card {
    position: relative;
    min-height: 139px;
    display: grid;
    grid-template-columns: 72px 1fr;
    column-gap: 22px;
    padding: 0 40px 0 0;
    animation: tcFadeUp 0.7s ease both;
}

.tc-belief-card + .tc-belief-card {
    padding-left: 39px;
    border-left: 1px solid #d4dae5;
}

.tc-belief-card > div {
    grid-row: span 3;
    width: 62px;
    height: 62px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eef2f8;
    color: #091832;
    font-size: 29px;
}

.tc-belief-card span,
.tc-center-title span {
    color: #006fff;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tc-belief-card h2 {
    margin: 9px 0 0;
    color: #080d16;
    font-size: 24px;
    line-height: 1.33;
    font-weight: 900;
}

.tc-belief-card p {
    margin: 17px 0 0;
    color: #4d5868;
    font-size: 14px;
    line-height: 1.7;
}

.tc-values-card ul {
    display: grid;
    gap: 15px;
    margin: 13px 0 0;
    padding: 0;
    list-style: none;
}

.tc-values-card li {
    display: flex;
    align-items: center;
    gap: 13px;
    color: #424d5d;
    font-size: 14px;
    line-height: 1.25;
}

.tc-values-card li i {
    color: #0877ff;
    font-size: 12px;
}

.tc-about-stats {
    padding: 0 0 41px;
    background: #f7f9fd;
}

.tc-about-stat-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    overflow: hidden;
    border-radius: 8px;
    background: #03070d;
    color: #fff;
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.16);
}

.tc-about-stat-row article {
    min-height: 95px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 31px;
}

.tc-about-stat-row article + article {
    border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.tc-about-stat-row strong {
    color: #fff;
    font-size: 38px;
    line-height: 1;
}

.tc-about-stat-row strong::after {
    color: #168dff;
}

.tc-about-stat-row span {
    margin-top: 8px;
    color: rgba(235, 241, 249, 0.82);
    font-size: 13px;
}

.tc-story {
    padding: 0 0 48px;
}

.tc-story-grid {
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 73px;
    align-items: center;
}

.tc-story-copy h2 {
    margin: 14px 0 0;
    color: #080d16;
    font-size: 34px;
    line-height: 1.18;
    font-weight: 900;
}

.tc-story-copy p {
    margin: 20px 0 0;
    color: #455263;
    font-size: 15px;
    line-height: 1.72;
}

.tc-story-copy strong {
    display: block;
    margin-top: 30px;
    color: #086cff;
    font-size: 15px;
}

.tc-story-copy strong::before {
    content: "Nayan Shah";
    display: block;
    margin-bottom: 13px;
    color: #07101a;
    font-family: "Brush Script MT", cursive;
    font-size: 30px;
    font-weight: 400;
}

.tc-story-copy small {
    display: block;
    margin-top: 4px;
    color: #4a5666;
    font-size: 12px;
}

.tc-story-media {
    margin: 0;
}

.tc-story-media img {
    display: block;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(19, 34, 60, 0.14);
}

.tc-journey {
    padding: 0 0 51px;
}

.tc-journey-row {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 22px;
    margin-top: 25px;
}

.tc-journey-row::before {
    content: "";
    position: absolute;
    top: 40px;
    right: 2%;
    left: 2%;
    height: 1px;
    background: #a9c0e5;
}

.tc-journey-row article {
    position: relative;
    text-align: center;
}

.tc-journey-row strong {
    display: block;
    color: #101827;
    font-size: 14px;
    font-weight: 900;
}

.tc-journey-row article > span {
    position: relative;
    z-index: 1;
    display: block;
    width: 14px;
    height: 14px;
    margin: 13px auto 17px;
    border-radius: 50%;
    background: #075dcb;
    box-shadow: 0 0 0 8px #f7f9fd;
}

.tc-journey-row h3 {
    margin: 0;
    color: #0d1420;
    font-size: 14px;
    font-weight: 900;
}

.tc-journey-row p {
    margin: 13px auto 0;
    max-width: 118px;
    color: #505c6d;
    font-size: 12px;
    line-height: 1.48;
}

.tc-principles {
    padding: 0 0 28px;
    background: #fff;
}

.tc-principles .tc-wrap {
    padding: 36px 36px 43px;
    border-radius: 8px;
    background: #03070d;
    color: #fff;
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.16);
}

.tc-principle-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 32px;
}

.tc-principle-row article {
    min-height: 165px;
    padding: 0 24px;
    text-align: center;
}

.tc-principle-row article + article {
    border-left: 1px solid rgba(255, 255, 255, 0.11);
}

.tc-principle-row i {
    color: #147dff;
    font-size: 38px;
}

.tc-principle-row h3 {
    min-height: 38px;
    margin: 23px 0 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.28;
    font-weight: 900;
}

.tc-principle-row p {
    margin: 14px 0 0;
    color: rgba(236, 242, 250, 0.76);
    font-size: 13px;
    line-height: 1.55;
}

.tc-industries {
    padding: 0 0 36px;
    background: #fff;
}

.tc-industry-row {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    padding-top: 50px;
}

.tc-industry-row article {
    min-height: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    padding: 0 20px;
    text-align: center;
}

.tc-industry-row article + article {
    border-left: 1px solid #d7dde7;
}

.tc-industry-row i {
    color: #1a67ff;
    font-size: 32px;
}

.tc-industry-row strong {
    color: #0c1420;
    font-size: 13px;
    line-height: 1.25;
}

.tc-leadership {
    padding: 41px 0 41px;
}

.tc-leader-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 9px;
    margin-top: 25px;
}

.tc-leader-row article {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 15px;
    min-height: 145px;
    padding: 17px 13px;
    border: 1px solid #e3e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 13px 38px rgba(36, 52, 80, 0.08);
    transition:
        box-shadow 0.24s ease,
        transform 0.24s ease;
}

.tc-leader-row article:hover {
    transform: translateY(-7px);
    box-shadow: 0 22px 55px rgba(36, 52, 80, 0.14);
}

.tc-leader-row img {
    width: 72px;
    height: 111px;
    border-radius: 7px;
    object-fit: cover;
}

.tc-leader-row h3 {
    margin: 2px 0 0;
    color: #0c1420;
    font-size: 13px;
    font-weight: 900;
}

.tc-leader-row span {
    display: block;
    margin-top: 4px;
    color: #006fff;
    font-size: 12px;
    font-weight: 900;
}

.tc-leader-row p {
    margin: 14px 0 0;
    color: #4d5868;
    font-size: 12px;
    line-height: 1.55;
}

.tc-leader-row a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    margin-top: 7px;
    border-radius: 2px;
    background: #086cff;
    color: #fff;
    font-size: 12px;
}

.tc-belief-card,
.tc-about-stat-row,
.tc-story-grid,
.tc-journey-row article,
.tc-principle-row article,
.tc-industry-row article,
.tc-leader-row article {
    animation: tcFadeUp 0.72s ease both;
}

@media (max-width: 1180px) {
    .tc-about-hero-grid,
    .tc-beliefs-grid,
    .tc-story-grid {
        grid-template-columns: 1fr;
    }

    .tc-about-hero-art {
        justify-content: center;
    }

    .tc-belief-card,
    .tc-belief-card + .tc-belief-card {
        padding: 28px 0;
        border-left: 0;
        border-top: 1px solid #d4dae5;
    }

    .tc-belief-card:first-child {
        border-top: 0;
    }

    .tc-about-stat-row,
    .tc-journey-row,
    .tc-principle-row,
    .tc-industry-row,
    .tc-leader-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .tc-journey-row::before {
        display: none;
    }

    .tc-principle-row article:nth-child(odd),
    .tc-industry-row article:nth-child(odd) {
        border-left: 0;
    }
}

@media (max-width: 720px) {
    .tc-about-hero {
        position: relative;
        min-height: auto;
        overflow: hidden;
        padding-bottom: 82px;
    }

    .tc-about-hero-grid {
        display: block;
        gap: 20px;
        padding-top: 104px;
    }

    .tc-about-hero-copy {
        position: relative;
        z-index: 1;
    }

    .tc-about-hero-copy h1 {
        font-size: 40px;
        line-height: 1.08;
    }

    .tc-about-hero-copy p {
        margin-top: 18px;
        font-size: 15px;
    }

    .tc-about-hero-art {
        position: absolute;
        right: -58px;
        bottom: -12px;
        min-height: auto;
        justify-content: center;
        overflow: hidden;
        opacity: 0.5;
    }

    .tc-about-hero-art img {
        width: min(82vw, 330px);
        max-width: none;
    }

    .tc-about-stat-row,
    .tc-journey-row,
    .tc-principle-row,
    .tc-industry-row,
    .tc-leader-row {
        grid-template-columns: 1fr;
    }

    .tc-about-stat-row article {
        align-items: center;
        text-align: center;
    }

    .tc-principle-row article {
        min-height: auto;
        padding: 24px;
    }

    .tc-industry-row article {
        min-height: auto;
        padding: 24px 20px;
    }

    .tc-about-stat-row article + article,
    .tc-principle-row article + article,
    .tc-industry-row article + article {
        border-left: 0;
        border-top: 1px solid rgba(12, 20, 32, 0.12);
    }

    .tc-principle-row article + article {
        border-top-color: rgba(255, 255, 255, 0.11);
    }
}