.sky-kaspersky-cyber-section {
    width: 100%;
    font-family: "Segoe UI", Inter, Arial, sans-serif;
    color: #EAF7F0;
    background: #07110D;
    padding:20px;
}

    .sky-kaspersky-cyber-section * {
        box-sizing: border-box;
    }

    .sky-kaspersky-cyber-section a {
        text-decoration: none;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-cyber-wrap {
        width: 100%;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-hero {
        width: 100%;
        min-height: 440px;
        display: grid;
        grid-template-columns: 1.15fr .85fr;
        overflow: hidden;
        border: 1px solid rgba(0, 217, 120, .18);
        border-radius: 26px;
        background: radial-gradient(circle at 75% 20%, rgba(0, 217, 120, .18), transparent 34%), radial-gradient(circle at 15% 90%, rgba(0, 166, 90, .16), transparent 30%), linear-gradient(135deg, #07110D 0%, #0C1F16 54%, #06100B 100%);
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-hero-content {
        padding: 52px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-eyebrow {
        width: fit-content;
        margin-bottom: 18px;
        padding: 8px 13px;
        border-radius: 999px;
        background: rgba(0, 217, 120, .10);
        border: 1px solid rgba(0, 217, 120, .22);
        color: #6EF2A6;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .05em;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-hero-content h1 {
        max-width: 850px;
        margin: 0 0 18px;
        color: #FFFFFF;
        font-size: clamp(34px, 4vw, 58px);
        line-height: 1.12;
        font-weight: 600;
        letter-spacing: -0.035em;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-hero-content p {
        max-width: 820px;
        margin: 0;
        color: rgba(234, 247, 240, .76);
        font-size: 17px;
        line-height: 1.72;
        font-weight: 400;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-actions {
        display: flex;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        margin-top: 32px;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-primary-btn,
    .sky-kaspersky-cyber-section .sky-kaspersky-secondary-btn {
        min-height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 22px;
        border-radius: 999px;
        font-size: 14px;
        font-weight: 600;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-primary-btn {
        color: #06100B;
        background: #00D978;
        border: 1px solid #00D978;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-secondary-btn {
        color: #EAF7F0;
        background: rgba(255, 255, 255, .06);
        border: 1px solid rgba(255, 255, 255, .14);
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-hero-visual {
        padding: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.015)), repeating-linear-gradient( 135deg, rgba(255,255,255,.035) 0, rgba(255,255,255,.035) 1px, transparent 1px, transparent 16px );
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-shield-card {
        width: 100%;
        max-width: 410px;
        padding: 30px;
        border-radius: 24px;
        background: rgba(7, 17, 13, .72);
        border: 1px solid rgba(0, 217, 120, .22);
        box-shadow: 0 22px 70px rgba(0, 0, 0, .32);
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-logo-box {
        width: 78px;
        height: 58px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 24px;
        border-radius: 18px;
        background: #FFFFFF;
    }

        .sky-kaspersky-cyber-section .sky-kaspersky-logo-box img {
            width: 58px;
            height: 46px;
            object-fit: contain;
        }

    .sky-kaspersky-cyber-section .sky-kaspersky-shield-icon {
        position: relative;
        width: 74px;
        height: 82px;
        margin-bottom: 22px;
        border-radius: 28px 28px 34px 34px;
        background: linear-gradient(180deg, #00F08A 0%, #00A65A 100%);
    }

        .sky-kaspersky-cyber-section .sky-kaspersky-shield-icon::before {
            content: "";
            position: absolute;
            inset: 14px 14px 18px;
            border: 2px solid rgba(255, 255, 255, .76);
            border-radius: 18px 18px 24px 24px;
        }

        .sky-kaspersky-cyber-section .sky-kaspersky-shield-icon span {
            position: absolute;
            left: 28px;
            top: 31px;
            width: 18px;
            height: 10px;
            border-left: 3px solid #FFFFFF;
            border-bottom: 3px solid #FFFFFF;
            transform: rotate(-45deg);
        }

    .sky-kaspersky-cyber-section .sky-kaspersky-shield-card h3 {
        margin: 0 0 10px;
        color: #FFFFFF;
        font-size: 23px;
        line-height: 1.25;
        font-weight: 600;
        letter-spacing: -0.02em;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-shield-card p {
        margin: 0 0 20px;
        color: rgba(234, 247, 240, .70);
        font-size: 14px;
        line-height: 1.65;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-shield-card ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-shield-card li {
        position: relative;
        margin-bottom: 10px;
        padding-left: 18px;
        color: rgba(234, 247, 240, .84);
        font-size: 14px;
        line-height: 1.5;
    }

        .sky-kaspersky-cyber-section .sky-kaspersky-shield-card li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #00D978;
        }

    .sky-kaspersky-cyber-section .sky-kaspersky-section-head {
        width: 100%;
        margin: 56px 0 24px;
    }

        .sky-kaspersky-cyber-section .sky-kaspersky-section-head span {
            display: inline-flex;
            margin-bottom: 10px;
            color: #6EF2A6;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: .05em;
        }

        .sky-kaspersky-cyber-section .sky-kaspersky-section-head h2 {
            margin: 0 0 12px;
            color: #FFFFFF;
            font-size: clamp(28px, 3vw, 42px);
            line-height: 1.2;
            font-weight: 600;
            letter-spacing: -0.03em;
        }

        .sky-kaspersky-cyber-section .sky-kaspersky-section-head p {
            max-width: 860px;
            margin: 0;
            color: rgba(234, 247, 240, .68);
            font-size: 16px;
            line-height: 1.7;
        }

    .sky-kaspersky-cyber-section .sky-kaspersky-solution-grid {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-solution-card {
        min-height: 310px;
        padding: 26px;
        border-radius: 24px;
        background: #0C1A14;
        border: 1px solid rgba(0, 217, 120, .15);
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-card-icon {
        width: 46px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 22px;
        border-radius: 15px;
        background: rgba(0, 217, 120, .10);
        border: 1px solid rgba(0, 217, 120, .18);
        color: #6EF2A6;
        font-size: 15px;
        font-weight: 600;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-solution-card h3 {
        margin: 0 0 12px;
        color: #FFFFFF;
        font-size: 22px;
        line-height: 1.25;
        font-weight: 600;
        letter-spacing: -0.02em;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-solution-card p {
        margin: 0 0 18px;
        color: rgba(234, 247, 240, .68);
        font-size: 14px;
        line-height: 1.65;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-solution-card ul {
        margin: 0;
        padding-left: 18px;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-solution-card li {
        margin-bottom: 8px;
        color: rgba(234, 247, 240, .82);
        font-size: 14px;
        line-height: 1.5;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-product-area {
        width: 100%;
        margin-top: 56px;
        padding: 34px;
        border-radius: 28px;
        background: #091610;
        border: 1px solid rgba(0, 217, 120, .15);
    }

        .sky-kaspersky-cyber-section .sky-kaspersky-product-area .sky-kaspersky-section-head {
            margin-top: 0;
        }

    .sky-kaspersky-cyber-section .sky-kaspersky-product-grid {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-product-card {
        position: relative;
        min-height: 178px;
        padding: 24px;
        overflow: hidden;
        border-radius: 22px;
        background: #0F2118;
        border: 1px solid rgba(255, 255, 255, .08);
    }

        .sky-kaspersky-cyber-section .sky-kaspersky-product-card::before {
            content: "";
            position: absolute;
            left: 0;
            top: 24px;
            bottom: 24px;
            width: 4px;
            border-radius: 999px;
            background: #00D978;
        }

        .sky-kaspersky-cyber-section .sky-kaspersky-product-card h3 {
            margin: 0 0 10px;
            color: #FFFFFF;
            font-size: 19px;
            line-height: 1.3;
            font-weight: 600;
            letter-spacing: -0.02em;
        }

        .sky-kaspersky-cyber-section .sky-kaspersky-product-card p {
            margin: 0 0 18px;
            color: rgba(234, 247, 240, .68);
            font-size: 14px;
            line-height: 1.6;
        }

        .sky-kaspersky-cyber-section .sky-kaspersky-product-card span {
            display: inline-flex;
            padding: 6px 10px;
            border-radius: 999px;
            background: rgba(0, 217, 120, .10);
            color: #6EF2A6;
            font-size: 12px;
            font-weight: 600;
        }

    .sky-kaspersky-cyber-section .sky-kaspersky-process-area {
        width: 100%;
        margin-top: 56px;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-process-grid {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }

        .sky-kaspersky-cyber-section .sky-kaspersky-process-grid div {
            padding: 24px;
            border-radius: 22px;
            background: #0C1A14;
            border: 1px solid rgba(0, 217, 120, .14);
        }

        .sky-kaspersky-cyber-section .sky-kaspersky-process-grid b {
            display: block;
            margin-bottom: 18px;
            color: #00D978;
            font-size: 30px;
            line-height: 1;
            font-weight: 600;
            letter-spacing: -0.03em;
        }

        .sky-kaspersky-cyber-section .sky-kaspersky-process-grid h4 {
            margin: 0 0 8px;
            color: #FFFFFF;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: -0.02em;
        }

        .sky-kaspersky-cyber-section .sky-kaspersky-process-grid p {
            margin: 0;
            color: rgba(234, 247, 240, .68);
            font-size: 14px;
            line-height: 1.6;
        }

    .sky-kaspersky-cyber-section .sky-kaspersky-footer-cta {
        width: 100%;
        margin-top: 32px;
        padding: 30px 34px;
        border-radius: 24px;
        background: linear-gradient(135deg, #0C1F16 0%, #092E1C 100%);
        border: 1px solid rgba(0, 217, 120, .18);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
    }

        .sky-kaspersky-cyber-section .sky-kaspersky-footer-cta span {
            display: block;
            margin-bottom: 8px;
            color: #6EF2A6;
            font-size: 12px;
            font-weight: 600;
            letter-spacing: .05em;
        }

        .sky-kaspersky-cyber-section .sky-kaspersky-footer-cta strong {
            display: block;
            max-width: 820px;
            color: #FFFFFF;
            font-size: 21px;
            line-height: 1.45;
            font-weight: 500;
            letter-spacing: -0.02em;
        }

        .sky-kaspersky-cyber-section .sky-kaspersky-footer-cta a {
            flex: 0 0 auto;
            min-height: 46px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0 22px;
            border-radius: 999px;
            background: #00D978;
            color: #06100B;
            font-size: 14px;
            font-weight: 600;
        }

@media (max-width: 1199px) {
    .sky-kaspersky-cyber-section .sky-kaspersky-hero {
        grid-template-columns: 1fr;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-solution-grid,
    .sky-kaspersky-cyber-section .sky-kaspersky-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .sky-kaspersky-cyber-section .sky-kaspersky-hero-content,
    .sky-kaspersky-cyber-section .sky-kaspersky-hero-visual,
    .sky-kaspersky-cyber-section .sky-kaspersky-product-area {
        padding: 24px;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-solution-grid,
    .sky-kaspersky-cyber-section .sky-kaspersky-product-grid,
    .sky-kaspersky-cyber-section .sky-kaspersky-process-grid {
        grid-template-columns: 1fr;
    }

    .sky-kaspersky-cyber-section .sky-kaspersky-footer-cta {
        flex-direction: column;
        align-items: flex-start;
    }

        .sky-kaspersky-cyber-section .sky-kaspersky-footer-cta a {
            width: 100%;
        }
}