.kyk-about {
        --blue: #0046d5;
        --blue-dark: #00379f;
        --ink: #122536;
        --muted: #62717d;
        --line: #dde4ea;
        --soft: #f4f7fa;
        --soft-blue: #edf3ff;
        position: relative;
        isolation: isolate;
        overflow: hidden;
        color: var(--ink);
        font-family: Manrope, Arial, sans-serif;
        background: #fff;
    }

    .kyk-about *, .kyk-about *::before, .kyk-about *::after {
        box-sizing: border-box;
    }

    .kyk-about a, .kyk-about button {
        -webkit-tap-highlight-color: transparent;
    }

    .kyk-about__wrap {
        width: min(1160px, calc(100% - 40px));
        margin-inline: auto;
    }

    .kyk-about__hero {
        display: grid;
        min-height: 690px;
        align-items: center;
        padding: 70px 0 90px;
    }

    .kyk-about__hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(370px, .9fr);
        gap: clamp(54px, 8vw, 110px);
        align-items: center;
    }

    .kyk-about__kicker {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 20px;
        color: var(--blue);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .kyk-about__kicker::before {
        width: 28px;
        height: 2px;
        background: currentColor;
        content: "";
    }

    .kyk-about__title, .kyk-about__heading {
        margin: 0;
        font-family: Manrope, "Wix Madefor Display", Arial, sans-serif;
        font-weight: 800;
        letter-spacing: -.045em;
        text-wrap: balance;
    }

    .kyk-about__title {
        max-width: 720px;
        font-size: clamp(48px, 6vw, 76px);
        line-height: 1.02;
    }

    .kyk-about__lead {
        max-width: 650px;
        margin: 25px 0 0;
        color: var(--muted);
        font-size: clamp(18px, 1.9vw, 21px);
        line-height: 1.62;
    }

    .kyk-about__button {
        display: inline-flex;
        min-height: 52px;
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 14px 24px;
        border: 0;
        border-radius: 999px;
        background: var(--blue);
        color: #fff !important;
        font-size: 15px;
        font-weight: 800;
        line-height: 1.2;
        text-align: center;
        text-decoration: none !important;
        transition: background-color .2s ease, transform .2s ease;
    }

    .kyk-about__button:hover {
        background: var(--blue-dark);
        transform: translateY(-2px);
    }

    .kyk-about__button:focus-visible, .kyk-about__viewer-button:focus-visible, .kyk-about__viewer-open:focus-visible, .kyk-about__focus-button:focus-visible, .kyk-about__route:focus-visible, .kyk-about__product:focus-within, .kyk-about__article:focus-visible {
        outline: 3px solid rgba(0, 70, 213, .28);
        outline-offset: 4px;
    }

    .kyk-about__hero .kyk-about__button {
        margin-top: 31px;
    }

    .kyk-about__stats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1px;
        margin-top: 43px;
        border-block: 1px solid var(--line);
        background: var(--line);
    }

    .kyk-about__stat {
        min-height: 90px;
        padding: 17px 14px 15px 0;
        background: #fff;
    }

    .kyk-about__stat + .kyk-about__stat {
        padding-left: 18px;
    }

    .kyk-about__stat strong {
        display: block;
        color: var(--ink);
        font-size: 25px;
        line-height: 1;
    }

    .kyk-about__stat span {
        display: block;
        margin-top: 9px;
        color: var(--muted);
        font-size: 12px;
        line-height: 1.45;
    }

    .kyk-about__orb {
        position: relative;
        display: grid;
        width: min(100%, 440px);
        aspect-ratio: 1;
        margin-inline: auto;
        overflow: hidden;
        border-radius: 50%;
        background: var(--blue);
        box-shadow: 0 28px 70px rgba(0, 70, 213, .24);
        color: #fff;
        place-items: center;
    }

    .kyk-about__orb-ring {
        position: absolute;
        border: 1px solid rgba(255, 255, 255, .34);
        border-radius: 50%;
        content: "";
        pointer-events: none;
    }

    .kyk-about__orb-ring {
        width: 108%;
        height: 46%;
        transform: rotate(21deg);
    }

    .kyk-about__orb-ring--second {
        width: 72%;
        height: 28%;
        transform: rotate(-12deg);
        border-color: rgba(255, 255, 255, .22);
    }

    .kyk-about__orb-core {
        position: relative;
        z-index: 1;
        text-align: center;
    }

    .kyk-about__orb-core strong {
        display: block;
        font-size: clamp(72px, 9vw, 116px);
        line-height: .9;
        letter-spacing: -.07em;
    }

    .kyk-about__orb-core span {
        display: block;
        margin-top: 16px;
        color: rgba(255, 255, 255, .75);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .kyk-about__presentation {
        padding: clamp(76px, 10vw, 124px) 0;
        background: #0d1b27;
        color: #fff;
        scroll-margin-top: 20px;
    }

    .kyk-about__section-top {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 36px;
        margin-bottom: 32px;
    }

    .kyk-about__heading {
        max-width: 760px;
        font-size: clamp(34px, 4.6vw, 58px);
        line-height: 1.06;
    }

    .kyk-about__presentation-note {
        max-width: 410px;
        margin: 0;
        color: rgba(255, 255, 255, .66);
        font-size: 15px;
        line-height: 1.65;
    }

    .kyk-about__presentation .kyk-about__kicker {
        color: #8fb2ff;
    }

    .kyk-about__viewer {
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .15);
        border-radius: 16px;
        background: #e8edf1;
        box-shadow: 0 22px 60px rgba(0, 0, 0, .24);
    }

    .kyk-about__viewer-stage {
        position: relative;
        display: grid;
        min-height: 0;
        aspect-ratio: 1.414 / 1;
        padding: clamp(10px, 2vw, 24px);
        place-items: center;
    }

    .kyk-about__canvas {
        display: block;
        width: min(100%, 1080px);
        height: auto;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
    }

    .kyk-about__canvas {
        display: none;
    }

    .kyk-about__viewer.is-ready .kyk-about__canvas {
        display: block;
    }

    .kyk-about__viewer-status {
        position: absolute;
        right: 15px;
        bottom: 13px;
        left: 15px;
        width: fit-content;
        max-width: calc(100% - 30px);
        margin: auto;
        padding: 8px 13px;
        border-radius: 999px;
        background: rgba(13, 27, 39, .88);
        color: #fff;
        font-size: 12px;
        text-align: center;
    }

    .kyk-about__viewer.is-ready .kyk-about__viewer-status {
        clip: rect(0 0 0 0);
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        white-space: nowrap;
    }

    .kyk-about__viewer-controls {
        display: grid;
        grid-template-columns: 1fr auto minmax(190px, 1.1fr) auto 1fr;
        gap: 10px;
        align-items: center;
        padding: 13px;
        border-top: 1px solid var(--line);
        background: #fff;
    }

    .kyk-about__viewer-button, .kyk-about__viewer-open, .kyk-about__focus-button {
        display: inline-flex;
        min-height: 46px;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 15px;
        border: 1px solid var(--line);
        border-radius: 999px;
        background: #fff;
        color: var(--ink);
        cursor: pointer;
        font: 800 14px/1.2 Manrope, Arial, sans-serif;
    }

    .kyk-about__viewer-open {
        border-color: var(--blue);
        background: var(--blue);
        color: #fff;
    }

    .kyk-about__viewer-button:disabled, .kyk-about__viewer-open:disabled, .kyk-about__focus-button:disabled {
        cursor: default;
        opacity: .4;
    }

    .kyk-about__counter {
        min-width: 72px;
        color: var(--muted);
        font-size: 13px;
        font-weight: 800;
        text-align: center;
    }

    .kyk-about__pdf-fallback {
        margin: 16px 0 0;
        color: rgba(255, 255, 255, .62);
        font-size: 13px;
        text-align: center;
    }

    .kyk-about__pdf-fallback a {
        color: #fff;
        font-weight: 800;
    }

    .kyk-about__focus-dialog {
        width: 100vw;
        max-width: none;
        height: 100dvh;
        max-height: none;
        margin: 0;
        padding: 0;
        border: 0;
        background: #08131d;
        color: #fff;
    }

    .kyk-about__focus-dialog::backdrop {
        background: rgba(4, 10, 15, .9);
    }

    .kyk-about__focus-layout {
        display: grid;
        height: 100%;
        grid-template-rows: auto minmax(0, 1fr) auto;
    }

    .kyk-about__focus-header, .kyk-about__focus-tools {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 12px max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));
        background: #08131d;
    }

    .kyk-about__focus-header {
        justify-content: space-between;
        padding-top: max(12px, env(safe-area-inset-top));
        border-bottom: 1px solid rgba(255, 255, 255, .13);
    }

    .kyk-about__focus-header strong {
        font-size: 14px;
    }

    .kyk-about__focus-scroll {
        display: grid;
        overflow: auto;
        overscroll-behavior: contain;
        padding: 14px;
        place-items: center;
        touch-action: pan-x pan-y;
        -webkit-overflow-scrolling: touch;
    }

    .kyk-about__focus-canvas {
        display: block;
        max-width: none;
        height: auto;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .3);
    }

    .kyk-about__focus-tools {
        justify-content: center;
        padding-bottom: max(12px, env(safe-area-inset-bottom));
        border-top: 1px solid rgba(255, 255, 255, .13);
    }

    .kyk-about__focus-button {
        min-width: 46px;
        border-color: rgba(255, 255, 255, .22);
        background: rgba(255, 255, 255, .08);
        color: #fff;
    }

    .kyk-about__focus-page, .kyk-about__focus-zoom {
        min-width: 62px;
        color: rgba(255, 255, 255, .85);
        font-size: 13px;
        font-weight: 800;
        text-align: center;
    }

    .kyk-about__routes {
        padding: 38px 0 0;
    }

    .kyk-about__routes-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
    }

    .kyk-about__route {
        display: flex;
        min-height: 150px;
        flex-direction: column;
        justify-content: space-between;
        padding: 23px;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: #fff;
        color: var(--ink) !important;
        text-decoration: none !important;
        transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
    }

    .kyk-about__route:hover {
        border-color: #b8c9dd;
        background: var(--soft-blue);
        transform: translateY(-3px);
    }

    .kyk-about__route span:first-child {
        color: var(--muted);
        font-size: 12px;
        font-weight: 700;
    }

    .kyk-about__route strong {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        font-size: 16px;
        line-height: 1.35;
    }

    .kyk-about__company, .kyk-about__products, .kyk-about__blog {
        padding: clamp(78px, 10vw, 124px) 0;
    }

    .kyk-about__company-grid {
        display: grid;
        grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr);
        gap: clamp(46px, 8vw, 100px);
    }

    .kyk-about__company-copy {
        max-width: 700px;
        color: var(--muted);
        font-size: 17px;
        line-height: 1.78;
    }

    .kyk-about__company-copy p {
        margin: 0 0 20px;
    }

    .kyk-about__company-copy p:first-child {
        color: var(--ink);
        font-size: 21px;
        line-height: 1.55;
    }

    .kyk-about__milestones {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1px;
        margin-top: 54px;
        border: 1px solid var(--line);
        background: var(--line);
    }

    .kyk-about__milestone {
        min-height: 230px;
        padding: 30px;
        background: #fff;
    }

    .kyk-about__milestone strong {
        display: block;
        color: var(--blue);
        font-size: clamp(34px, 4vw, 52px);
        letter-spacing: -.04em;
    }

    .kyk-about__milestone h3 {
        margin: 34px 0 10px;
        font-size: 19px;
        line-height: 1.3;
    }

    .kyk-about__milestone p {
        margin: 0;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.65;
    }

    .kyk-about__products {
        background: var(--soft);
    }

    .kyk-about__products-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin-top: 38px;
    }

    .kyk-about__product {
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: #fff;
    }

    .kyk-about__product-media {
        position: relative;
        display: grid;
        overflow: hidden;
        aspect-ratio: 1 / .8;
        padding: 26px;
        place-items: center;
        background: #fff;
    }

    .kyk-about__product-media img {
        position: absolute;
        inset: 26px;
        display: block;
        width: calc(100% - 52px);
        height: calc(100% - 52px);
        min-width: 0;
        min-height: 0;
        object-fit: contain;
        transition: transform .6s cubic-bezier(.16, 1, .3, 1);
    }

    .kyk-about__product:hover img {
        transform: scale(1.04);
    }

    .kyk-about__product-body {
        display: flex;
        min-height: 170px;
        flex-direction: column;
        padding: 22px;
        border-top: 1px solid var(--line);
    }

    .kyk-about__product-body h3 {
        min-height: 52px;
        margin: 0;
        font-size: 20px;
        line-height: 1.3;
    }

    .kyk-about__product-body p {
        min-height: 44px;
        margin: 10px 0 19px;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.55;
    }

    .kyk-about__product-body a {
        margin-top: auto;
    }

    .kyk-about__product-body a, .kyk-about__all-link {
        color: var(--blue) !important;
        font-size: 14px;
        font-weight: 800;
        text-decoration: none !important;
    }

    .kyk-about__blog-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 22px;
    }

    .kyk-about__blog .kyk-about__wrap {
        width: min(1360px, calc(100% - 40px));
    }

    .kyk-about__articles {
        display: flex;
        gap: 16px;
        margin-top: 38px;
        padding-bottom: 14px;
        overflow-x: auto;
        scroll-padding-inline: 1px;
        scroll-snap-type: x mandatory;
        scrollbar-width: thin;
        scrollbar-color: #b8c4cf transparent;
        -webkit-overflow-scrolling: touch;
    }

    .kyk-about__article {
        display: block;
        flex: 0 0 clamp(330px, 28vw, 390px);
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: #fff;
        color: var(--ink) !important;
        scroll-snap-align: start;
        text-decoration: none !important;
        transition: border-color .2s ease, transform .2s ease;
    }

    .kyk-about__article:hover {
        border-color: #b8c9dd;
        transform: translateY(-3px);
    }

    .kyk-about__article img {
        display: block;
        width: 100%;
        aspect-ratio: 500 / 279;
        object-fit: cover;
    }

    .kyk-about__article-body {
        min-height: 132px;
        padding: 19px;
    }

    .kyk-about__article-date {
        display: block;
        min-height: 18px;
        color: var(--muted);
        font-size: 11px;
    }

    .kyk-about__article h3 {
        margin: 10px 0 0;
        font-size: 16px;
        line-height: 1.45;
    }

    .kyk-about__swipe-hint {
        display: none;
        margin: 15px 0 0;
        color: var(--muted);
        font-size: 12px;
        font-weight: 700;
    }

    .kyk-about__final {
        padding: 34px 0 90px;
        background: #fff;
    }

    .kyk-about__final-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 42px;
        align-items: center;
        padding: clamp(38px, 6vw, 68px);
        border-radius: 16px;
        background: var(--blue);
        color: #fff;
    }

    .kyk-about__final-card h2 {
        max-width: 740px;
        margin: 0;
        font-size: clamp(32px, 4.7vw, 56px);
        line-height: 1.06;
        letter-spacing: -.04em;
    }

    .kyk-about__final-card p {
        max-width: 650px;
        margin: 16px 0 0;
        color: rgba(255, 255, 255, .76);
        font-size: 15px;
        line-height: 1.65;
    }

    .kyk-about__final-card .kyk-about__button {
        background: #fff;
        color: var(--blue) !important;
    }

    @media (max-width: 980px) {
        .kyk-about__hero-grid, .kyk-about__company-grid, .kyk-about__final-card {
            grid-template-columns: 1fr;
        }

        .kyk-about__orb {
            width: min(100%, 360px);
        }

        .kyk-about__routes-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .kyk-about__products-grid, .kyk-about__milestones {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 660px) {
        .kyk-about__wrap {
            width: min(100% - 24px, 1160px);
        }

        .kyk-about__blog .kyk-about__wrap {
            width: min(100% - 24px, 1160px);
        }

        .kyk-about__hero {
            min-height: auto;
            padding: 48px 0 62px;
        }

        .kyk-about__hero-grid {
            gap: 38px;
        }

        .kyk-about__title {
            font-size: 39px;
            line-height: 1.08;
            letter-spacing: -.038em;
        }

        .kyk-about__lead {
            margin-top: 18px;
            font-size: 16px;
        }

        .kyk-about__hero .kyk-about__button {
            width: 100%;
            margin-top: 25px;
        }

        .kyk-about__stats {
            margin-top: 30px;
        }

        .kyk-about__stat {
            min-height: 86px;
            padding-right: 8px;
        }

        .kyk-about__stat + .kyk-about__stat {
            padding-left: 10px;
        }

        .kyk-about__stat strong {
            font-size: 21px;
        }

        .kyk-about__stat span {
            font-size: 10px;
        }

        .kyk-about__orb {
            width: 250px;
            box-shadow: 0 20px 46px rgba(0, 70, 213, .22);
        }

        .kyk-about__orb-core strong {
            font-size: 68px;
        }

        .kyk-about__presentation, .kyk-about__company, .kyk-about__products, .kyk-about__blog {
            padding: 62px 0;
        }

        .kyk-about__section-top {
            display: block;
            margin-bottom: 23px;
        }

        .kyk-about__heading {
            font-size: 31px;
            line-height: 1.12;
        }

        .kyk-about__presentation-note {
            margin-top: 15px;
            font-size: 14px;
        }

        .kyk-about__viewer-stage {
            padding: 7px;
        }

        .kyk-about__viewer-controls {
            grid-template-columns: 48px minmax(140px, 1fr) 48px;
            gap: 7px;
            padding: 9px;
        }

        .kyk-about__viewer-controls .kyk-about__counter:first-of-type {
            display: none;
        }

        .kyk-about__viewer-button {
            min-width: 48px;
            padding: 9px;
            font-size: 0;
        }

        .kyk-about__viewer-button span {
            font-size: 20px;
        }

        .kyk-about__viewer-open {
            grid-column: 2;
            grid-row: 1;
            width: 100%;
        }

        .kyk-about__viewer-previous {
            grid-column: 1;
            grid-row: 1;
        }

        .kyk-about__viewer-next {
            grid-column: 3;
            grid-row: 1;
        }

        .kyk-about__viewer-controls .kyk-about__counter:last-of-type {
            display: none;
        }

        .kyk-about__focus-scroll {
            padding: 10px;
            place-items: center start;
        }

        .kyk-about__focus-tools {
            display: grid;
            grid-template-columns: repeat(6, minmax(42px, auto));
            gap: 6px;
            overflow-x: auto;
            justify-content: start;
        }

        .kyk-about__focus-button {
            min-width: 44px;
            min-height: 44px;
            padding: 8px;
        }

        .kyk-about__routes {
            padding-top: 24px;
        }

        .kyk-about__routes-grid {
            grid-template-columns: 1fr 1fr;
            gap: 9px;
        }

        .kyk-about__route {
            min-height: 132px;
            padding: 17px;
        }

        .kyk-about__route strong {
            font-size: 14px;
        }

        .kyk-about__company-grid {
            gap: 28px;
        }

        .kyk-about__company-copy {
            font-size: 15px;
        }

        .kyk-about__company-copy p:first-child {
            font-size: 18px;
        }

        .kyk-about__milestones {
            margin-top: 34px;
        }

        .kyk-about__milestone {
            min-height: 190px;
            padding: 25px;
        }

        .kyk-about__milestone h3 {
            margin-top: 24px;
        }

        .kyk-about__products-grid, .kyk-about__articles {
            display: flex;
            gap: 12px;
            width: auto;
            margin-right: -12px;
            margin-left: -12px;
            padding: 0 12px 14px;
            overflow-x: auto;
            scroll-padding-inline: 12px;
            scroll-snap-type: x mandatory;
            scrollbar-width: thin;
            scrollbar-color: #b8c4cf transparent;
            -webkit-overflow-scrolling: touch;
        }

        .kyk-about__products-grid {
            margin-top: 28px;
        }

        .kyk-about__product, .kyk-about__article {
            flex: 0 0 min(82vw, 310px);
            scroll-snap-align: start;
        }

        .kyk-about__swipe-hint {
            display: block;
        }

        .kyk-about__blog-head {
            align-items: flex-end;
        }

        .kyk-about__all-link {
            flex: 0 0 auto;
        }

        .kyk-about__final {
            padding: 22px 0 62px;
        }

        .kyk-about__final-card {
            gap: 26px;
            padding: 29px 23px;
        }

        .kyk-about__final-card h2 {
            font-size: 31px;
        }

        .kyk-about__final-card .kyk-about__button {
            width: 100%;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .kyk-about *, .kyk-about *::before, .kyk-about *::after {
            animation-duration: .01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: .01ms !important;
        }
    }