/* ============================================
           Soraco Case Study - Scoped Styles (Brand Blue)
           (Mirrors CoPilot / S Cubed case study design)
           ============================================ */
    .cs-page {
        --cs-navy: #020634;
        --cs-dark: #061c40;
        --cs-blue: #126bfb;
        --cs-cyan: #00b8ff;
        --cs-sky: #6ec8ff;
        --cs-coral: #ff887f;
        --cs-cream: #f7f5f0;
        --cs-grey: #f4f6f9;
        --cs-text: #0f172a;
        --cs-muted: #64748b;
        --cs-border: #e8ecf1;
        --cs-radius: 1rem;
        --cs-radius-lg: 1.5rem;
    }

        .cs-page section {  padding: 5rem 0;}
        .cs-page .digi_wrapper { max-width: 1240px;  margin: 0 auto; padding: 0 1.25rem; }
        .cs-page .cs-label {  display: inline-flex; align-items: center; gap: .55rem; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: var(--cs-blue); padding: .45rem 1rem; border: 1px solid rgba(18,107,251,.28);
            border-radius: 2rem; background: rgba(18,107,251,.07); margin-bottom: 1rem;}
        .cs-page .cs-label::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--cs-blue); box-shadow: 0 0 10px rgba(18,107,251,.6); animation: cs-dot 2s ease-in-out infinite; }
        .cs-page .cs-title {font-family: 'BDO Grotesk',sans-serif; font-size: clamp(1.9rem,3.6vw,2.55rem); font-weight: 500; color: var(--cs-text); line-height: 1.22; letter-spacing: -.02em; margin: 0; }
        .cs-page .cs-title strong { font-weight: 600; background: linear-gradient(90deg,var(--cs-text) 40%,var(--cs-blue) 50%,var(--cs-text) 60%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
                animation: cs-shimmer 5s linear infinite;  }
        .cs-page .cs-subtitle { color: var(--cs-muted); font-size: 1.05rem; line-height: 1.7; margin-top: .85rem; }

        /* ------- HERO ------- */
        .cs-page .cs-hero {
            position: relative;
            overflow: hidden;
            padding: 6.5rem 0 0;
            background: radial-gradient(ellipse 70% 50% at 15% 25%,rgba(18,107,251,.28) 0%,transparent 55%), radial-gradient(ellipse 55% 40% at 85% 15%,rgba(0,184,255,.24) 0%,transparent 60%), radial-gradient(ellipse 60% 50% at 50% 95%,rgba(0,184,255,.14) 0%,transparent 60%), linear-gradient(165deg,#020634 0%,#061c40 55%,#0a2b66 100%);
        }

        .cs-page .cs-hero::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px); background-size: 26px 26px; pointer-events: none; }
        .cs-page .cs-hero-orb { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(80px);}
        .cs-page .cs-hero-orb--1 { width: 380px; height: 380px; background: rgba(18,107,251,.3); top: -100px; left: 4%; animation: cs-float 9s ease-in-out infinite; }

        .cs-page .cs-hero-orb--2 {
            width: 300px;
            height: 300px;
            background: rgba(0,184,255,.28);
            top: 8%;
            right: -60px;
            animation: cs-float-slow 11s ease-in-out infinite 1s;
        }

        .cs-page .cs-hero-orb--3 {
            width: 220px;
            height: 220px;
            background: rgba(110,200,255,.22);
            bottom: 15%;
            left: 35%;
            animation: cs-float 13s ease-in-out infinite 2s;
        }

        .cs-page .cs-hero-inner {
            position: relative;
            z-index: 2;
        }

        .cs-page .cs-hero-top {
            text-align: center;
            margin: 0 auto;
        }

        .cs-page .cs-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: .65rem;
            font-size: .75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .16em;
            color: #9ad4ff;
            padding: .45rem 1rem;
            border-radius: 2rem;
            border: 1px solid rgba(154,212,255,.35);
            background: rgba(0,184,255,.1);
        }

            .cs-page .cs-eyebrow::before {
                content: '';
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #6ec8ff;
                box-shadow: 0 0 10px rgba(110,200,255,.7);
            }

        .cs-page .cs-hero h1 {
            font-family: 'BDO Grotesk',sans-serif;
            font-size: clamp(2.4rem,6vw,4.25rem);
            font-weight: 500;
            color: #fff;
            line-height: 1.08;
            letter-spacing: -.03em;
            margin: 1.5rem auto 1.5rem;
        }

            .cs-page .cs-hero h1 strong {
                font-weight: 600;
                background: linear-gradient(90deg,#fff 0%,#6ec8ff 50%,#00b8ff 100%);
                background-size: 200% auto;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                animation: cs-shimmer 6s linear infinite;
            }

        .cs-page .cs-hero-lead {
            color: rgba(255,255,255,.78);
            font-size: 1.1rem;
            line-height: 1.72;
            margin: 0 auto 1.75rem;
        }

        .cs-page .cs-hero-chips {
            display: flex;
            flex-wrap: wrap;
            gap: .55rem;
            justify-content: center;
            margin: 0rem auto 2rem;
            max-width: 900px;
        }

        .cs-page .cs-hero-chip {
            display: inline-flex;
            align-items: center;
            gap: .55rem;
            padding: .5rem 1rem;
            border-radius: 999px;
            background: rgba(255,255,255,.06);
            border: 1px solid rgba(255,255,255,.14);
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            transition: background .25s, border-color .25s, transform .25s;
        }

            .cs-page .cs-hero-chip:hover {
                background: rgba(255,255,255,.1);
                border-color: rgba(154,212,255,.3);
                transform: translateY(-1px);
            }

            .cs-page .cs-hero-chip small {
                font-size: .62rem;
                font-weight: 600;
                letter-spacing: .14em;
                text-transform: uppercase;
                color: rgba(255,255,255,.5);
            }

            .cs-page .cs-hero-chip strong {
                font-family: 'BDO Grotesk',sans-serif;
                font-size: .84rem;
                font-weight: 600;
                color: #fff;
                letter-spacing: .005em;
            }

        .cs-page .cs-hero-chip--live {
            background: rgba(0,184,255,.14);
            border-color: rgba(154,212,255,.35);
            color: #9ad4ff !important;
        }

            .cs-page .cs-hero-chip--live::before {
                content: '';
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #6ec8ff;
                box-shadow: 0 0 10px rgba(110,200,255,.8);
                animation: cs-dot 1.8s ease-in-out infinite;
            }

            .cs-page .cs-hero-chip--live strong {
                color: #9ad4ff;
                font-size: .8rem;
                letter-spacing: .08em;
                text-transform: uppercase;
            }

            .cs-page .cs-hero-chip--live svg {
                color: #9ad4ff;
                opacity: .8;
            }

        /* Hero Taglines — pipe-separated highlight row (PDF-aligned) */
        .cs-page .cs-hero-taglines {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            gap: .9rem 1.2rem;
            max-width: 100%;
            margin: 1.2rem auto 2.25rem;
            padding: .85rem 1.4rem;
            border-radius: 999px;
            background: linear-gradient(90deg,rgba(18,107,251,.12) 0%,rgba(0,184,255,.1) 50%,rgba(18,107,251,.12) 100%);
            border: 1px solid rgba(154,212,255,.22);
            -webkit-backdrop-filter: blur(14px);
            backdrop-filter: blur(14px);
            box-shadow: 0 10px 30px rgba(2,6,52,.3), inset 0 1px 0 rgba(255,255,255,.06);
        }

        .cs-page .cs-hero-tagline {
            display: inline-flex;
            align-items: center;
            gap: .6rem;
            color: #fff;
            white-space: nowrap;
            transition: transform .3s, color .3s;
        }

            .cs-page .cs-hero-tagline:hover {
                transform: translateY(-1px);
            }

            .cs-page .cs-hero-tagline strong {
                font-family: 'BDO Grotesk',sans-serif;
                font-weight: 600;
                font-size: .95rem;
                letter-spacing: .005em;
                background: linear-gradient(90deg,#fff 0%,#9ad4ff 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }

        .cs-page .cs-hero-tagline-ico {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            background: linear-gradient(135deg,#126bfb 0%,#00b8ff 100%);
            color: #fff;
            flex: 0 0 26px;
            box-shadow: 0 4px 12px rgba(0,184,255,.35), inset 0 1px 0 rgba(255,255,255,.2);
        }

            .cs-page .cs-hero-tagline-ico svg {
                width: 14px;
                height: 14px;
            }

        .cs-page .cs-hero-tagline-sep {
            width: 1px;
            height: 20px;
            background: linear-gradient(180deg,transparent 0%,rgba(154,212,255,.5) 50%,transparent 100%);
        }

    @media(max-width:767px) {
        .cs-page .cs-hero-taglines {
            gap: .7rem .9rem;
            padding: .9rem 1.1rem;
            border-radius: 1.25rem;
        }

        .cs-page .cs-hero-tagline strong {
            font-size: .85rem;
        }

        .cs-page .cs-hero-tagline-sep {
            display: none;
        }
    }

    /* Big banner mockup below headline */
    .cs-page .cs-hero-banner {
        position: relative;
        margin-top: 3.5rem;
        padding-bottom: 4rem;
    }

    .cs-page .cs-hero-banner-inner {
        position: relative;
        max-width: 1180px;
        margin: 0 auto;
    }

    .cs-page .cs-hero-banner .cs-browser {
        border-radius: 18px;
        box-shadow: 0 60px 100px rgba(0,0,0,.5), 0 28px 60px rgba(18,107,251,.28), inset 0 1px 0 rgba(255,255,255,.08);
        transform: perspective(2400px) rotateX(4deg);
        transform-origin: 50% 0%;
        transition: transform .6s cubic-bezier(.25,.46,.45,.94);
    }

        .cs-page .cs-hero-banner .cs-browser:hover {
            transform: perspective(2400px) rotateX(1.5deg) translateY(-6px);
        }

    .cs-page .cs-hero-banner .cs-browser-frame {
        aspect-ratio: 16/9;
        background: #061c40;
    }

        .cs-page .cs-hero-banner .cs-browser-frame img {
            object-position: center;
        }

    .cs-page .cs-hero-banner .cs-browser-bar {
        padding: .8rem 1.1rem;
    }

    .cs-page .cs-hero-banner .cs-browser-dots i {
        width: 12px;
        height: 12px;
    }

    .cs-page .cs-hero-banner .cs-browser-url {
        font-size: .8rem;
        padding: .5rem 1rem;
        max-width: 520px;
        margin: 0 auto;
    }

    .cs-page .cs-hero-banner::before {
        content: '';
        position: absolute;
        left: 20%;
        right: 20%;
        bottom: 1rem;
        height: 60px;
        background: radial-gradient(ellipse at center,rgba(18,107,251,.55),transparent 70%);
        filter: blur(40px);
        z-index: 0;
    }

    .cs-page .cs-hero-banner-inner > .cs-browser {
        position: relative;
        z-index: 1;
    }

    .cs-page .cs-hero-annotate {
        position: absolute;
        z-index: 5;
        padding: .65rem 1rem;
        font-family: 'BDO Grotesk',sans-serif;
        font-size: .78rem;
        font-weight: 600;
        letter-spacing: .005em;
        color: #fff;
        background: rgba(2,6,52,.82);
        border: 1px solid rgba(154,212,255,.35);
        border-radius: .75rem;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        box-shadow: 0 14px 32px rgba(2,6,52,.55);
    }

        .cs-page .cs-hero-annotate small {
            display: block;
            font-size: .62rem;
            font-weight: 600;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: #9ad4ff;
            margin-bottom: .2rem;
        }

    .cs-page .cs-hero-annotate--a {
        top: 18%;
        left: -3%;
        animation: cs-float 8s ease-in-out infinite;
    }

    .cs-page .cs-hero-annotate--b {
        bottom: 18%;
        right: -3%;
        animation: cs-float-slow 9s ease-in-out infinite 1.2s;
    }

    @media(max-width:1199px) {
        .cs-page .cs-hero-annotate--a, .cs-page .cs-hero-annotate--b {
            display: none;
        }
    }

    @media(max-width:991px) {
        .cs-page .cs-hero {
            padding: 5rem 0 0;
        }

        .cs-page .cs-hero-banner {
            margin-top: 2.5rem;
            padding-bottom: 3rem;
        }

            .cs-page .cs-hero-banner .cs-browser {
                transform: none;
            }

                .cs-page .cs-hero-banner .cs-browser:hover {
                    transform: translateY(-4px);
                }
    }

    @media(max-width:575px) {
        .cs-page .cs-hero-chip small {
            display: none;
        }
    }

    .cs-page .cs-btn-primary {
        display: inline-flex;
        align-items: center;
        gap: .7rem;
        padding: .9rem 1.75rem;
        border-radius: 100px;
        border: none;
        font-family: 'BDO Grotesk',sans-serif;
        font-size: .95rem;
        font-weight: 600;
        letter-spacing: .01em;
        color: #fff !important;
        cursor: pointer;
        background: linear-gradient(135deg,#126bfb 0%,#0a52d1 50%,#00b8ff 100%);
        box-shadow: 0 8px 24px rgba(18,107,251,.4),0 0 0 1px rgba(255,255,255,.1) inset;
        transition: transform .3s cubic-bezier(.25,.46,.45,.94), box-shadow .3s, filter .2s;
    }

        .cs-page .cs-btn-primary:hover {
            transform: translateY(-2px);
            filter: brightness(1.08);
            box-shadow: 0 14px 32px rgba(18,107,251,.5),0 0 28px rgba(0,184,255,.25);
            color: #fff !important;
        }

        .cs-page .cs-btn-primary svg {
            width: 16px;
            height: 13px;
        }

    /* Browser mockups (shared) */
    .cs-page .cs-browser {
        position: relative;
        border-radius: 14px;
        overflow: hidden;
        background: #0a1540;
        border: 1px solid rgba(255,255,255,.12);
        box-shadow: 0 40px 80px rgba(2,6,52,.55), inset 0 1px 0 rgba(255,255,255,.08);
    }

    .cs-page .cs-browser-bar {
        display: flex;
        align-items: center;
        gap: .75rem;
        padding: .65rem .9rem;
        background: linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
        border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .cs-page .cs-browser-dots {
        display: flex;
        gap: .4rem;
    }

        .cs-page .cs-browser-dots i {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            display: block;
        }

            .cs-page .cs-browser-dots i:nth-child(1) {
                background: #ff5f57;
            }

            .cs-page .cs-browser-dots i:nth-child(2) {
                background: #ffbd2e;
            }

            .cs-page .cs-browser-dots i:nth-child(3) {
                background: #28c940;
            }

    .cs-page .cs-browser-url {
        flex: 1;
        padding: .38rem .85rem;
        border-radius: 999px;
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.08);
        color: rgba(255,255,255,.75);
        font-size: .74rem;
        font-family: ui-monospace,'SF Mono',Menlo,monospace;
        letter-spacing: .02em;
        display: flex;
        align-items: center;
        gap: .45rem;
        min-width: 0;
    }

        .cs-page .cs-browser-url svg {
            flex-shrink: 0;
            opacity: .65;
        }

        .cs-page .cs-browser-url span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .cs-page .cs-browser-ext {
        color: rgba(255,255,255,.4);
    }

    .cs-page .cs-browser-frame {
        position: relative;
        aspect-ratio: 16/10;
        background: #000;
        overflow: hidden;
    }

        .cs-page .cs-browser-frame img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .cs-page .cs-browser-frame::after {
            content: '';
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(180deg,rgba(2,6,52,0) 55%,rgba(2,6,52,.45) 100%);
        }

    .cs-page .cs-browser-tag {
        position: absolute;
        top: 54px;
        right: 14px;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        padding: .35rem .75rem;
        border-radius: 999px;
        font-size: .66rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: #fff;
        background: rgba(2,6,52,.6);
        border: 1px solid rgba(154,212,255,.35);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }

        .cs-page .cs-browser-tag::before {
            content: '';
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #6ec8ff;
            box-shadow: 0 0 8px rgba(110,200,255,.8);
            animation: cs-dot 1.8s ease-in-out infinite;
        }

    /* ------- IMPACT BAND ------- */
    .cs-page .cs-impact-band {
        position: relative;
        padding: 3.5rem 0 !important;
        background: linear-gradient(180deg,#fff 0%,#f9fbff 60%,#f2f6fc 100%);
        border-bottom: 1px solid rgba(18,107,251,.08);
        overflow: hidden;
    }

        .cs-page .cs-impact-band::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(18,107,251,.06) 1px,transparent 1px);
            background-size: 28px 28px;
            pointer-events: none;
        }

    .cs-page .cs-impact-grid {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 1.25rem;
        position: relative;
        z-index: 1;
    }

    .cs-page .cs-impact-card {
        position: relative;
        padding: 1.75rem 1.5rem;
        border-radius: var(--cs-radius-lg);
        background: linear-gradient(165deg,#fff 0%,#f9fbff 100%);
        border: 1px solid rgba(18,107,251,.12);
        box-shadow: 0 6px 20px rgba(2,6,52,.05), inset 0 0 0 1px rgba(255,255,255,.9);
        transition: transform .35s cubic-bezier(.25,.46,.45,.94), box-shadow .35s, border-color .35s;
        overflow: hidden;
    }

        .cs-page .cs-impact-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg,#126bfb,#00b8ff);
        }

        .cs-page .cs-impact-card:hover {
            transform: translateY(-4px);
            border-color: rgba(18,107,251,.35);
            box-shadow: 0 16px 40px rgba(18,107,251,.15);
        }

    .cs-page .cs-impact-arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.25rem;
        height: 2.25rem;
        border-radius: .6rem;
        margin-bottom: .85rem;
        font-weight: 700;
        font-size: .9rem;
        color: #fff;
        background: linear-gradient(145deg,#126bfb,#0a52d1);
        box-shadow: 0 4px 14px rgba(18,107,251,.35);
    }

        .cs-page .cs-impact-arrow.cs-down {
            background: linear-gradient(145deg,#f97066,#e0483c);
            box-shadow: 0 4px 14px rgba(240,82,82,.35);
        }

    .cs-page .cs-impact-num {
        font-family: 'BDO Grotesk',sans-serif;
        font-size: clamp(1.85rem,3vw,2.5rem);
        font-weight: 700;
        color: var(--cs-text);
        line-height: 1.05;
        letter-spacing: -.02em;
    }

        .cs-page .cs-impact-num strong {
            background: linear-gradient(135deg,#0a52d1 20%,#126bfb 55%,#00b8ff 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 700;
        }

    .cs-page .cs-impact-label {
        display: block;
        margin-top: .4rem;
        font-size: .9rem;
        color: var(--cs-muted);
        line-height: 1.5;
    }

    @media(max-width:991px) {
        .cs-page .cs-impact-grid {
            grid-template-columns: repeat(2,1fr);
        }
    }

    @media(max-width:575px) {
        .cs-page .cs-impact-grid {
            grid-template-columns: 1fr;
        }
    }

    /* ------- OVERVIEW ------- */
    .cs-page .cs-sec-head {
        text-align: center;
        margin-bottom: 3rem;
    }

        .cs-page .cs-sec-head.cs-sec-head--left {
            text-align: left;
            margin-bottom: 2.25rem;
        }

    .cs-page .cs-overview-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
        align-items: start;
    }

        .cs-page .cs-overview-grid p {
            color: var(--cs-muted);
            font-size: 1.025rem;
            line-height: 1.8;
            margin-bottom: 1rem;
        }

            .cs-page .cs-overview-grid p:last-child {
                margin-bottom: 0;
            }

    .cs-page .cs-overview-side {
        position: sticky;
        top: 6rem;
        padding: 2rem;
        background: linear-gradient(160deg,#f7faff 0%,#eef3fa 100%);
        border: 1px solid rgba(18,107,251,.12);
        border-radius: var(--cs-radius-lg);
    }

        .cs-page .cs-overview-side h4 {
            font-family: 'BDO Grotesk',sans-serif;
            font-size: .9rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .12em;
            color: var(--cs-blue);
            margin: 0 0 1.1rem;
            display: flex;
            align-items: center;
            gap: .55rem;
        }

            .cs-page .cs-overview-side h4::before {
                content: '';
                background: var(--cs-blue);
                border-radius: 2px;
            }

        .cs-page .cs-overview-side ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .cs-page .cs-overview-side li {
            position: relative;
            padding: .55rem 0 .55rem 1.85rem;
            font-size: .95rem;
            color: var(--cs-text);
            line-height: 1.55;
            border-bottom: 1px dashed rgba(18,107,251,.15);
        }

            .cs-page .cs-overview-side li:last-child {
                border-bottom: none;
            }

            .cs-page .cs-overview-side li::before {
                content: '';
                position: absolute;
                left: 0;
                top: .9rem;
                width: 1rem;
                height: 1rem;
                border-radius: 50%;
                background: linear-gradient(145deg,#126bfb,#00b8ff);
                box-shadow: 0 0 0 4px rgba(18,107,251,.12);
            }

            .cs-page .cs-overview-side li::after {
                content: '\2713';
                position: absolute;
                left: .23rem;
                top: .72rem;
                font-size: .62rem;
                font-weight: 800;
                color: #fff;
            }

    @media(max-width:991px) {
        .cs-page .cs-overview-grid {
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        .cs-page .cs-overview-side {
            position: static;
        }
    }

    /* ------- CONCEPT ------- */
    .cs-page .cs-concept {
        position: relative;
        padding-top: 2rem !important;
    }

    .cs-page .cs-concept-card {
        position: relative;
        overflow: hidden;
        border-radius: clamp(1.25rem,2vw,1.85rem);
        padding: clamp(2rem,4vw,3.5rem);
        background: linear-gradient(160deg,#020634 0%,#0a1b47 55%,#062157 100%);
        border: 1px solid rgba(18,107,251,.25);
        box-shadow: 0 24px 60px rgba(2,6,52,.3), inset 0 1px 0 rgba(255,255,255,.06);
    }

        .cs-page .cs-concept-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
            background-size: 22px 22px;
            pointer-events: none;
        }

        .cs-page .cs-concept-card::after {
            content: '';
            position: absolute;
            top: -40%;
            right: -10%;
            width: 520px;
            height: 520px;
            border-radius: 50%;
            background: radial-gradient(circle,rgba(0,184,255,.25),transparent 65%);
            pointer-events: none;
        }

        .cs-page .cs-concept-card .cs-label {
            color: #9ad4ff;
            border-color: rgba(154,212,255,.3);
            background: rgba(0,184,255,.12);
        }

        .cs-page .cs-concept-card .cs-title {
            color: #fff;
            position: relative;
            z-index: 1;
        }

            .cs-page .cs-concept-card .cs-title strong {
                background: linear-gradient(90deg,#fff 20%,#6ec8ff 50%,#fff 80%);
                background-size: 200% auto;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                animation: cs-shimmer 5s linear infinite;
            }

        .cs-page .cs-concept-card p {
            color: rgba(255,255,255,.75);
            font-size: 1.05rem;
            line-height: 1.75;
            position: relative;
            z-index: 1;
        }

    .cs-page .cs-concept-grid {
        display: grid;
        grid-template-columns: 1.15fr .95fr;
        gap: 3rem;
        align-items: stretch;
        position: relative;
        z-index: 1;
    }

    .cs-page .cs-concept-quote {
        padding: 1.5rem 1.75rem;
        border-left: 3px solid #6ec8ff;
        background: rgba(0,184,255,.07);
        border-radius: 0 var(--cs-radius) var(--cs-radius) 0;
        color: #e0ecff;
        font-size: .985rem;
        line-height: 1.7;
        font-style: italic;
    }

    .cs-page .cs-concept-media {
        position: relative;
        display: flex;
        align-items: flex-start;
    }

        .cs-page .cs-concept-media .cs-browser {
            width: 100%;
            transform: perspective(1600px) rotateY(-4deg);
            transition: transform .5s;
        }

        .cs-page .cs-concept-media:hover .cs-browser {
            transform: perspective(1600px) rotateY(-2deg) translateY(-3px);
        }

    @media(max-width:991px) {
        .cs-page .cs-concept-media .cs-browser {
            transform: none;
        }
    }

    @media(max-width:991px) {
        .cs-page .cs-concept-grid {
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        .cs-page .cs-concept-media {
            min-height: 260px;
        }
    }

        .cs-page .cs-concept-media {
            min-height: 260px;
        }
    }

    /* ------- ABOUT CLIENT ------- */
    .cs-page .cs-client {
        background: var(--cs-grey);
    }

    .cs-page .cs-client-grid {
        display: grid;
        grid-template-columns: .85fr 1.15fr;
        gap: 2.5rem;
        align-items: stretch;
    }

    .cs-page .cs-client-card {
        position: relative;
        overflow: hidden;
        padding: 2.25rem 2rem;
        border-radius: var(--cs-radius);
        background: #fff;
        border: 1px solid var(--cs-border);
        box-shadow: 0 16px 40px rgba(2,6,52,.06);
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }

        .cs-page .cs-client-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 6px;
            height: 100%;
            background: linear-gradient(180deg,#126bfb,#00b8ff);
        }

        .cs-page .cs-client-card .cs-label {
            align-self: flex-start;
        }

    .cs-page .cs-client-brand {
        font-family: 'BDO Grotesk',sans-serif;
        font-size: clamp(1.55rem,2.6vw,2rem);
        font-weight: 600;
        color: var(--cs-text);
        line-height: 1.2;
        letter-spacing: -.015em;
        margin: 0;
    }

        .cs-page .cs-client-brand strong {
            background: linear-gradient(90deg,var(--cs-blue),var(--cs-cyan));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            font-weight: 700;
        }

    .cs-page .cs-client-tag {
        margin: 0;
        color: var(--cs-muted);
        font-size: .98rem;
        line-height: 1.65;
    }

    .cs-page .cs-client-facts {
        list-style: none;
        padding: 1.25rem 0 0;
        margin: auto 0 0;
        border-top: 1px dashed var(--cs-border);
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem .75rem;
    }

        .cs-page .cs-client-facts li {
            display: flex;
            flex-direction: column;
            gap: .2rem;
        }

        .cs-page .cs-client-facts small {
            font-size: .7rem;
            font-weight: 700;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: var(--cs-muted);
        }

        .cs-page .cs-client-facts strong {
            font-family: 'BDO Grotesk',sans-serif;
            font-size: .98rem;
            font-weight: 600;
            color: var(--cs-text);
        }

    .cs-page .cs-client-body {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        padding: .25rem 0;
    }

        .cs-page .cs-client-body p {
            margin: 0;
            color: var(--cs-text);
            font-size: 1rem;
            line-height: 1.75;
        }

    .cs-page .cs-client-pills {
        display: flex;
        flex-wrap: wrap;
        gap: .55rem;
        margin-top: .25rem;
    }

        .cs-page .cs-client-pills span {
            display: inline-flex;
            align-items: center;
            gap: .4rem;
            padding: .45rem .9rem;
            border-radius: 2rem;
            background: rgba(18,107,251,.07);
            border: 1px solid rgba(18,107,251,.2);
            color: var(--cs-blue);
            font-size: .78rem;
            font-weight: 600;
            letter-spacing: .01em;
        }

            .cs-page .cs-client-pills span::before {
                content: '';
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: var(--cs-cyan);
            }

    @media(max-width:991px) {
        .cs-page .cs-client-grid {
            grid-template-columns: 1fr;
            gap: 1.5rem;
        }

        .cs-page .cs-client-card {
            padding: 1.75rem 1.5rem;
        }

        .cs-page .cs-client-facts {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media(max-width:575px) {
        .cs-page .cs-client-facts {
            grid-template-columns: 1fr;
        }
    }

    /* ------- CHALLENGES ------- */
    .cs-page .cs-challenges {
        background: var(--cs-grey);
    }

    .cs-page .cs-ch-grid {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 1.5rem;
    }

    .cs-page .cs-ch-card {
        background: #fff;
        border: 1px solid var(--cs-border);
        border-radius: var(--cs-radius);
        overflow: hidden;
        transition: all .4s cubic-bezier(.25,.46,.45,.94);
    }

        .cs-page .cs-ch-card:hover {
            border-color: transparent;
            box-shadow: 0 16px 48px rgba(2,6,52,.1);
            transform: translateY(-4px);
        }

    .cs-page .cs-ch-header {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1.25rem 1.5rem;
        background: linear-gradient(135deg,#020634,#0a2b66);
    }

        .cs-page .cs-ch-header .cs-ch-num {
            flex-shrink: 0;
            width: 1.9rem;
            height: 1.9rem;
            border-radius: 50%;
            background: rgba(0,184,255,.25);
            border: 1px solid rgba(154,212,255,.45);
            color: #fff;
            font-family: 'BDO Grotesk',sans-serif;
            font-size: .8rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .cs-page .cs-ch-header h3 {
            margin: 0;
            font-family: 'BDO Grotesk',sans-serif;
            font-size: 1rem;
            font-weight: 600;
            color: #fff;
            line-height: 1.35;
        }

    .cs-page .cs-ch-body {
        padding: 1.35rem 1.5rem 1.5rem;
    }

        .cs-page .cs-ch-body p {
            margin: 0;
            color: var(--cs-muted);
            font-size: .92rem;
            line-height: 1.7;
        }

    .cs-page .cs-ch-card:hover .cs-ch-header {
        background-size: 200% 100%;
        animation: cs-gradient-shift 3s linear infinite;
        background: linear-gradient(135deg,#020634,#0d3d8a,#0a2b66,#020634);
        background-size: 300% 100%;
    }

    @media(max-width:992px) {
        .cs-page .cs-ch-grid {
            grid-template-columns: repeat(2,1fr);
        }
    }

    @media(max-width:575px) {
        .cs-page .cs-ch-grid {
            grid-template-columns: 1fr;
        }
    }

    /* ------- FEATURES (Slider) ------- */
    .cs-page .cs-features-section {
        position: relative;
        overflow: hidden;
        padding: 5rem 0;
        background: radial-gradient(ellipse 60% 50% at 10% 20%, rgba(18,107,251,.22) 0%, transparent 55%), radial-gradient(ellipse 50% 40% at 90% 80%, rgba(0,184,255,.2) 0%, transparent 60%), linear-gradient(165deg,#020634 0%,#061c40 60%,#0a2b66 100%);
    }

        .cs-page .cs-features-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
            background-size: 26px 26px;
            pointer-events: none;
        }

        .cs-page .cs-features-section > .digi_wrapper {
            position: relative;
            z-index: 2;
        }

        .cs-page .cs-features-section .cs-label {
            color: #9ad4ff;
        }

        .cs-page .cs-features-section .cs-title {
            color: #fff;
        }

            .cs-page .cs-features-section .cs-title strong {
                background: linear-gradient(90deg,#fff,#6ec8ff 55%,#00b8ff);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }

        .cs-page .cs-features-section .cs-subtitle {
            color: rgba(255,255,255,.72);
        }

    .cs-page .cs-feat-slider-wrap {
        position: relative;
        padding: 0 4rem;
        margin-top: 1rem;
    }

    .cs-page .cs-feat-slider .slick-list {
        margin: 0 -.85rem;
        padding: 1rem 0 .75rem;
        overflow: visible;
    }

    .cs-page .cs-feat-slider .slick-track {
        display: flex !important;
        align-items: stretch;
    }

    .cs-page .cs-feat-slider .slick-slide {
        height: auto !important;
        padding: 0 .85rem;
        opacity: .35;
        transition: opacity .5s;
    }

        .cs-page .cs-feat-slider .slick-slide.slick-active {
            opacity: 1;
        }

        .cs-page .cs-feat-slider .slick-slide > div {
            height: 100%;
        }

    .cs-page .cs-feat-card {
        position: relative;
        overflow: hidden;
        height: 100%;
        min-height: 290px;
        padding: 2.25rem 1.85rem 2rem;
        border-radius: 1.25rem;
        background: linear-gradient(160deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 100%);
        border: 1px solid rgba(255,255,255,.1);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        box-shadow: 0 18px 48px rgba(2,6,52,.35), inset 0 1px 0 rgba(255,255,255,.06);
        display: flex;
        flex-direction: column;
        transition: all .45s cubic-bezier(.25,.46,.45,.94);
    }

        .cs-page .cs-feat-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 2rem;
            right: 2rem;
            height: 2px;
            background: linear-gradient(90deg,transparent,#126bfb 20%,#00b8ff 80%,transparent);
            transform: scaleX(.3);
            transform-origin: center;
            transition: transform .55s cubic-bezier(.25,.46,.45,.94), opacity .55s;
            opacity: .5;
        }

        .cs-page .cs-feat-card::after {
            content: '';
            position: absolute;
            top: -80px;
            right: -80px;
            width: 260px;
            height: 260px;
            background: radial-gradient(circle,rgba(18,107,251,.35),transparent 60%);
            opacity: 0;
            transition: opacity .45s;
            pointer-events: none;
        }

        .cs-page .cs-feat-card:hover {
            transform: translateY(-8px);
            border-color: rgba(154,212,255,.35);
            box-shadow: 0 32px 70px rgba(2,6,52,.5), 0 0 0 1px rgba(154,212,255,.18), inset 0 1px 0 rgba(255,255,255,.1);
        }

            .cs-page .cs-feat-card:hover::before {
                transform: scaleX(1);
                opacity: 1;
            }

            .cs-page .cs-feat-card:hover::after {
                opacity: 1;
            }

    .cs-page .cs-feat-num {
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 3.5rem;
        height: 3.5rem;
        margin-bottom: 1.25rem;
        border-radius: 1rem;
        font-family: 'BDO Grotesk',sans-serif;
        font-size: 1.05rem;
        font-weight: 700;
        letter-spacing: -.01em;
        color: #fff;
        background: linear-gradient(145deg,#126bfb 0%,#00b8ff 100%);
        box-shadow: 0 10px 24px rgba(18,107,251,.45), inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(2,6,52,.2);
    }

        .cs-page .cs-feat-num::after {
            content: '';
            position: absolute;
            inset: -4px;
            border-radius: 1.25rem;
            background: linear-gradient(145deg,rgba(18,107,251,.4),rgba(0,184,255,.4));
            filter: blur(12px);
            opacity: .6;
            z-index: -1;
        }

    .cs-page .cs-feat-card h3 {
        margin: 0 0 .85rem;
        font-family: 'BDO Grotesk',sans-serif;
        font-size: 1.15rem;
        font-weight: 600;
        color: #fff;
        line-height: 1.35;
        letter-spacing: -.005em;
    }

    .cs-page .cs-feat-card p {
        margin: 0;
        color: rgba(255,255,255,.72);
        font-size: .9rem;
        line-height: 1.75;
        flex: 1;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .cs-page .cs-feat-slider-wrap .slick-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        width: 56px;
        height: 56px;
        padding: 0;
        border-radius: 50%;
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.18);
        color: #fff;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        box-shadow: 0 12px 30px rgba(2,6,52,.35);
        display: flex !important;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        outline: none;
        transition: all .35s cubic-bezier(.25,.46,.45,.94);
    }

        .cs-page .cs-feat-slider-wrap .slick-arrow::before {
            display: none;
        }

        .cs-page .cs-feat-slider-wrap .slick-arrow svg {
            width: 18px;
            height: 14px;
            transition: transform .35s cubic-bezier(.25,.46,.45,.94);
        }

    .cs-page .cs-feat-slider-wrap .slick-prev {
        left: 0;
    }

    .cs-page .cs-feat-slider-wrap .slick-next {
        right: 0;
    }

    .cs-page .cs-feat-slider-wrap .slick-prev svg {
        transform: scaleX(-1);
    }

    .cs-page .cs-feat-slider-wrap .slick-arrow:hover,
    .cs-page .cs-feat-slider-wrap .slick-arrow:focus {
        background: linear-gradient(145deg,#126bfb,#00b8ff);
        border-color: transparent;
        color: #fff;
        transform: translateY(-50%) scale(1.08);
        box-shadow: 0 18px 44px rgba(18,107,251,.55);
    }

    .cs-page .cs-feat-slider-wrap .slick-next:hover svg {
        transform: translateX(4px);
    }

    .cs-page .cs-feat-slider-wrap .slick-prev:hover svg {
        transform: scaleX(-1) translateX(4px);
    }

    .cs-page .cs-feat-slider-wrap .slick-dots {
        position: relative;
        bottom: auto;
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        display: flex !important;
        justify-content: center;
        gap: .4rem;
        padding: 0;
        list-style: none;
    }

        .cs-page .cs-feat-slider-wrap .slick-dots li {
            width: auto;
            height: auto;
            margin: 0;
        }

            .cs-page .cs-feat-slider-wrap .slick-dots li button {
                width: 24px;
                height: 4px;
                padding: 0;
                border: 0;
                border-radius: 2px;
                background: rgba(255,255,255,.2);
                cursor: pointer;
                transition: all .35s cubic-bezier(.25,.46,.45,.94);
                font-size: 0;
            }

                .cs-page .cs-feat-slider-wrap .slick-dots li button::before {
                    display: none;
                }

            .cs-page .cs-feat-slider-wrap .slick-dots li.slick-active button {
                width: 40px;
                background: linear-gradient(90deg,#126bfb,#00b8ff);
                box-shadow: 0 0 12px rgba(0,184,255,.7);
            }

            .cs-page .cs-feat-slider-wrap .slick-dots li button:hover {
                background: rgba(154,212,255,.6);
            }

    @media(max-width:992px) {
        .cs-page .cs-features-section {
            padding: 4rem 0;
        }

        .cs-page .cs-feat-slider-wrap {
            padding: 0 3rem;
        }
    }

    @media(max-width:575px) {
        .cs-page .cs-feat-slider-wrap {
            padding: 0;
        }

            .cs-page .cs-feat-slider-wrap .slick-arrow {
                display: none !important;
            }

        .cs-page .cs-feat-card {
            min-height: 0;
            padding: 1.75rem 1.4rem 1.5rem;
        }
    }

    /* ------- GALLERY ------- */
    .cs-page .cs-gallery {
        background: linear-gradient(180deg,#fff 0%,#f7f9fc 100%);
    }

    .cs-page .cs-gallery-grid {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: 220px 220px;
        grid-auto-rows: 220px;
        gap: 1rem;
    }

    .cs-page .cs-gallery-item {
        position: relative;
        overflow: hidden;
        border-radius: var(--cs-radius);
        border: 1px solid var(--cs-border);
        box-shadow: 0 6px 20px rgba(2,6,52,.06);
        transition: transform .45s cubic-bezier(.25,.46,.45,.94), box-shadow .45s, border-color .45s;
    }

        .cs-page .cs-gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform .6s cubic-bezier(.25,.46,.45,.94), filter .45s;
        }

        .cs-page .cs-gallery-item::after {
            content: '';
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(180deg,rgba(2,6,52,0) 55%,rgba(2,6,52,.72) 100%);
            opacity: .75;
            transition: opacity .35s;
        }

        .cs-page .cs-gallery-item:hover {
            transform: translateY(-4px);
            border-color: transparent;
            box-shadow: 0 22px 52px rgba(18,107,251,.2);
        }

            .cs-page .cs-gallery-item:hover img {
                transform: scale(1.06);
            }

            .cs-page .cs-gallery-item:hover::after {
                opacity: 1;
            }

    .cs-page .cs-gallery-cap {
        position: absolute;
        left: 1rem;
        right: 1rem;
        bottom: .9rem;
        z-index: 2;
        color: #fff;
    }

        .cs-page .cs-gallery-cap small {
            display: block;
            font-size: .65rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .14em;
            color: #9ad4ff;
            margin-bottom: .2rem;
        }

        .cs-page .cs-gallery-cap strong {
            font-family: 'BDO Grotesk',sans-serif;
            font-size: .95rem;
            font-weight: 600;
            line-height: 1.3;
        }

    .cs-page .cs-gallery-chip {
        position: absolute;
        top: 1rem;
        left: 1rem;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        padding: .35rem .75rem;
        border-radius: 999px;
        font-family: 'BDO Grotesk',sans-serif;
        font-size: .68rem;
        font-weight: 600;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: #fff;
        background: rgba(2,6,52,.62);
        border: 1px solid rgba(154,212,255,.35);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }

    .cs-page .cs-gallery-item--span2 {
        grid-column: span 2;
        grid-row: span 2;
    }

    .cs-page .cs-gallery-item--tall {
        grid-row: span 2;
    }

    .cs-page .cs-gallery-item--wide {
        grid-column: span 2;
    }

    @media(max-width:991px) {
        .cs-page .cs-gallery-grid {
            grid-template-columns: repeat(2,1fr);
            grid-template-rows: repeat(3,200px);
            grid-auto-rows: 200px;
        }

        .cs-page .cs-gallery-item--span2 {
            grid-column: span 2;
            grid-row: span 1;
        }

        .cs-page .cs-gallery-item--tall {
            grid-row: span 1;
        }

        .cs-page .cs-gallery-item--wide {
            grid-column: span 2;
        }
    }

    @media(max-width:575px) {
        .cs-page .cs-gallery-grid {
            grid-template-columns: 1fr;
            grid-template-rows: repeat(6,200px);
            grid-auto-rows: 200px;
        }

        .cs-page .cs-gallery-item--span2 {
            grid-column: span 1;
        }

        .cs-page .cs-gallery-item--wide {
            grid-column: span 1;
        }
    }

    /* ------- CTA BANNER ------- */
    .cs-page .cs-cta-banner {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 2rem;
        padding: clamp(2rem,4vw,3rem) clamp(1.75rem,3.5vw,3.25rem);
        border-radius: clamp(1.25rem,2vw,1.85rem);
        background: linear-gradient(145deg,rgba(18,107,251,.14) 0%,transparent 42%), linear-gradient(165deg,#020634 0%,#0a1f55 42%,#031d44 100%);
        border: 1px solid rgba(18,107,251,.28);
        box-shadow: 0 28px 56px rgba(2,6,52,.25), inset 0 1px 0 rgba(255,255,255,.06);
    }

        .cs-page .cs-cta-banner::before {
            content: '';
            position: absolute;
            inset: 0;
            pointer-events: none;
            z-index: 0;
            background: radial-gradient(ellipse 90% 70% at 100% -10%,rgba(0,184,255,.25),transparent 52%), radial-gradient(ellipse 70% 60% at -5% 110%,rgba(18,107,251,.22),transparent 48%), repeating-linear-gradient(-18deg,transparent,transparent 5px,rgba(255,255,255,.022) 5px,rgba(255,255,255,.022) 6px);
        }

        .cs-page .cs-cta-banner::after {
            content: '';
            position: absolute;
            top: 0;
            left: 8%;
            right: 8%;
            height: 2px;
            z-index: 1;
            pointer-events: none;
            border-radius: 0 0 4px 4px;
            background: linear-gradient(90deg,transparent,rgba(0,184,255,.85),rgba(18,107,251,.75),rgba(0,184,255,.85),transparent);
            box-shadow: 0 0 24px rgba(18,107,251,.45);
        }

        .cs-page .cs-cta-banner .cs-cta-content {
            flex: 1;
            min-width: 260px;
            position: relative;
            z-index: 2;
        }

        .cs-page .cs-cta-banner h2 {
            margin: 0;
            color: #fff;
            font-family: 'BDO Grotesk',sans-serif;
            font-size: clamp(1.4rem,2.6vw,2.05rem);
            font-weight: 500;
            line-height: 1.28;
            letter-spacing: -.02em;
        }

            .cs-page .cs-cta-banner h2 strong {
                font-weight: 600;
                color: #9ad4ff;
                text-shadow: 0 0 40px rgba(0,184,255,.35);
            }

        .cs-page .cs-cta-banner .cs-cta-sub {
            margin-top: .85rem;
            color: rgba(255,255,255,.78);
            font-size: 1rem;
            line-height: 1.65;
            max-width: 60rem;
        }

        .cs-page .cs-cta-banner .cs-btn-primary {
            position: relative;
            z-index: 2;
        }

            .cs-page .cs-cta-banner .cs-btn-primary > span {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 2.25rem;
                height: 2.25rem;
                border-radius: 50%;
                background: rgba(255,255,255,.18);
                border: 1px solid rgba(255,255,255,.26);
                transition: background .25s, transform .3s;
            }

            .cs-page .cs-cta-banner .cs-btn-primary:hover > span {
                background: rgba(255,255,255,.28);
                transform: translateX(3px);
            }

    @media(max-width:767px) {
        .cs-page .cs-cta-banner {
            flex-direction: column;
            align-items: stretch;
            text-align: center;
        }

            .cs-page .cs-cta-banner .cs-btn-primary {
                width: 100%;
                justify-content: center;
            }
    }

    /* ------- TECH STACK ------- */
    .cs-page .cs-tech {
        position: relative;
        overflow: hidden;
        background: linear-gradient(160deg,#020634 0%,#06143d 45%,#0a2b66 100%);
        border-radius: 0;
    }

        .cs-page .cs-tech::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);
            background-size: 22px 22px;
            pointer-events: none;
        }

        .cs-page .cs-tech::after {
            content: '';
            position: absolute;
            top: -10%;
            right: -5%;
            width: 520px;
            height: 520px;
            background: radial-gradient(circle,rgba(0,184,255,.18),transparent 65%);
            pointer-events: none;
        }

        .cs-page .cs-tech .cs-sec-head {
            position: relative;
            z-index: 1;
        }

        .cs-page .cs-tech .cs-label {
            color: #9ad4ff;
            border-color: rgba(154,212,255,.3);
            background: rgba(0,184,255,.1);
        }

        .cs-page .cs-tech .cs-title {
            color: #fff;
        }

            .cs-page .cs-tech .cs-title strong {
                background: linear-gradient(90deg,#fff 40%,#9ad4ff 50%,#fff 60%);
                background-size: 200% auto;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                animation: cs-shimmer 5s linear infinite;
            }

        .cs-page .cs-tech .cs-subtitle {
            color: rgba(255,255,255,.6);
            margin-left: auto;
            margin-right: auto;
        }

    .cs-page .cs-tech-grid {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 1rem;
        position: relative;
        z-index: 1;
    }

    .cs-page .cs-tech-card {
        position: relative;
        overflow: hidden;
        padding: 1.85rem 1.35rem 1.6rem;
        border-radius: 1.25rem;
        background: linear-gradient(160deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.025) 100%);
        border: 1px solid rgba(255,255,255,.12);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        box-shadow: 0 18px 48px rgba(2,6,52,.35), inset 0 1px 0 rgba(255,255,255,.06);
        transition: transform .45s cubic-bezier(.25,.46,.45,.94), border-color .45s, box-shadow .45s;
        display: flex;
        flex-direction: column;
        gap: .85rem;
    }

        .cs-page .cs-tech-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 1.35rem;
            right: 1.35rem;
            height: 2px;
            background: linear-gradient(90deg,transparent,#126bfb 20%,#00b8ff 80%,transparent);
            transform: scaleX(.35);
            transform-origin: center;
            opacity: .55;
            transition: transform .55s cubic-bezier(.25,.46,.45,.94), opacity .55s;
        }

        .cs-page .cs-tech-card::after {
            content: '';
            position: absolute;
            top: -70px;
            right: -70px;
            width: 200px;
            height: 200px;
            background: radial-gradient(circle,rgba(18,107,251,.35),transparent 65%);
            opacity: 0;
            transition: opacity .45s;
            pointer-events: none;
        }

        .cs-page .cs-tech-card:hover {
            transform: translateY(-6px);
            border-color: rgba(154,212,255,.35);
            box-shadow: 0 28px 60px rgba(2,6,52,.5), 0 0 0 1px rgba(154,212,255,.18), inset 0 1px 0 rgba(255,255,255,.1);
        }

            .cs-page .cs-tech-card:hover::before {
                transform: scaleX(1);
                opacity: 1;
            }

            .cs-page .cs-tech-card:hover::after {
                opacity: 1;
            }

    .cs-page .cs-tech-icon {
        position: relative;
        z-index: 1;
        width: 3rem;
        height: 3rem;
        border-radius: .85rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(145deg,rgba(18,107,251,.35),rgba(0,184,255,.25));
        border: 1px solid rgba(154,212,255,.35);
        color: #9ad4ff;
        box-shadow: 0 8px 22px rgba(18,107,251,.3), inset 0 1px 0 rgba(255,255,255,.12);
    }

        .cs-page .cs-tech-icon::after {
            content: '';
            position: absolute;
            inset: -4px;
            border-radius: 1.1rem;
            background: linear-gradient(145deg,rgba(18,107,251,.35),rgba(0,184,255,.35));
            filter: blur(10px);
            opacity: .5;
            z-index: -1;
        }

        .cs-page .cs-tech-icon svg {
            width: 22px;
            height: 22px;
            stroke-width: 1.75;
        }

    .cs-page .cs-tech-card:hover .cs-tech-icon {
        color: #fff;
    }

    .cs-page .cs-tech-cat {
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        align-self: flex-start;
        font-family: 'BDO Grotesk',sans-serif;
        font-size: .62rem;
        font-weight: 700;
        letter-spacing: .16em;
        text-transform: uppercase;
        color: #9ad4ff;
        padding: .3rem .7rem;
        border-radius: 999px;
        background: rgba(0,184,255,.12);
        border: 1px solid rgba(154,212,255,.28);
    }

        .cs-page .cs-tech-cat::before {
            content: '';
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #6ec8ff;
            box-shadow: 0 0 8px rgba(110,200,255,.8);
        }

    .cs-page .cs-tech-card .cs-tech-cat {
        text-transform: none;
        letter-spacing: .04em;
        font-size: .68rem;
        line-height: 1.35;
        white-space: normal;
        text-align: left;
        max-width: 100%;
    }

    .cs-page .cs-tech-name {
        margin: 0;
        font-family: 'BDO Grotesk',sans-serif;
        font-size: 1.2rem;
        font-weight: 600;
        color: #fff;
        line-height: 1.2;
        letter-spacing: -.01em;
    }

    .cs-page .cs-tech-card p {
        margin: 0;
        color: rgba(255,255,255,.68);
        font-size: .82rem;
        line-height: 1.65;
    }

    @media(max-width:1199px) {
        .cs-page .cs-tech-grid {
            grid-template-columns: repeat(3,1fr);
        }
    }

    @media(max-width:767px) {
        .cs-page .cs-tech-grid {
            grid-template-columns: repeat(2,1fr);
        }
    }

    @media(max-width:480px) {
        .cs-page .cs-tech-grid {
            grid-template-columns: 1fr;
        }
    }

    /* ------- TECH STACK  ------- */
    .cs-page .cs-tech.cs-tech--pills .cs-tech-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem 2.5rem;
    }

    .cs-page .cs-tech.cs-tech--pills .cs-tech-group h4 {
        color: rgba(255,255,255,.92);
        font-family: 'BDO Grotesk', sans-serif;
        font-size: .95rem;
        font-weight: 600;
        margin: 0 0 .65rem;
        display: flex;
        align-items: center;
        gap: .55rem;
    }

    .cs-page .cs-tech.cs-tech--pills .cs-tech-group h4::before {
        content: '';
        width: 3px;
        height: 16px;
        background: #00b8ff;
        border-radius: 2px;
        flex-shrink: 0;
    }

    .cs-page .cs-tech.cs-tech--pills .cs-tech-desc {
        margin: 0 0 .95rem;
        color: rgba(255,255,255,.62);
        font-size: .88rem;
        line-height: 1.65;
    }

    .cs-page .cs-tech.cs-tech--pills .cs-tech-pills {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;
    }

    .cs-page .cs-tech.cs-tech--pills .cs-pill {
        opacity: 0;
        transform: translateY(10px);
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.1);
        color: rgba(255,255,255,.82);
        font-size: .825rem;
        padding: .4rem .9rem;
        border-radius: 2rem;
        transition: opacity .4s ease, transform .4s ease, background .25s, border-color .25s, color .25s;
        white-space: nowrap;
    }

    .cs-page .cs-tech.cs-tech--pills .cs-pill.cs-visible {
        opacity: 1;
        transform: translateY(0);
    }

    .cs-page .cs-tech.cs-tech--pills .cs-pill:hover {
        background: rgba(0,184,255,.18);
        border-color: rgba(154,212,255,.5);
        color: #fff;
    }

    @media(max-width:767px) {
        .cs-page .cs-tech.cs-tech--pills .cs-tech-grid {
            grid-template-columns: 1fr;
            gap: 1.75rem;
        }
    }

    /* ------- TESTING & QUALITY ASSURANCE ------- */
    .cs-page .cs-qa-section {
        background: linear-gradient(180deg,#fff 0%,#f7f9fc 100%);
        border-top: 1px solid var(--cs-border);
        border-bottom: 1px solid var(--cs-border);
    }

    .cs-page .cs-qa-layout {
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);
        gap: 2.25rem 3rem;
        align-items: start;
    }

    .cs-page .cs-qa-lead {
        margin: 0;
        color: var(--cs-muted);
        font-size: 1.05rem;
        line-height: 1.72;
    }

    .cs-page .cs-qa-panel {
        background: #fff;
        border: 1px solid var(--cs-border);
        border-radius: var(--cs-radius-lg);
        padding: 1.75rem 1.85rem 1.65rem;
        box-shadow: 0 14px 40px rgba(2,6,52,.06);
    }

        .cs-page .cs-qa-panel .cs-check-list {
            grid-template-columns: 1fr 1fr;
            gap: .5rem 1.75rem;
        }

    @media (max-width:991px) {
        .cs-page .cs-qa-layout {
            grid-template-columns: 1fr;
        }

        .cs-page .cs-qa-panel .cs-check-list {
            grid-template-columns: 1fr;
        }
    }

    /* ------- TESTING METHOD (tabs) ------- */
    .cs-page .cs-testing {
        background: linear-gradient(180deg,#fff 0%,#f7f9fc 100%);
    }

    .cs-page .cs-test-showcase {
        display: grid;
        grid-template-columns: 360px 1fr;
        gap: 0;
        background: #fff;
        border: 1px solid var(--cs-border);
        border-radius: 1.25rem;
        overflow: hidden;
        box-shadow: 0 14px 40px rgba(2,6,52,.06);
    }

    .cs-page .cs-test-tabs {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: .25rem;
        padding: 1rem;
        background: linear-gradient(180deg,#f7f9fc 0%,#eef3fb 100%);
        border-right: 1px solid var(--cs-border);
        max-height: 560px;
        overflow-y: auto;
    }

    .cs-page .cs-test-tab {
        position: relative;
        display: flex;
        align-items: center;
        gap: .85rem;
        padding: .85rem 1rem;
        border: 0;
        background: transparent;
        border-radius: .7rem;
        text-align: left;
        cursor: pointer;
        color: var(--cs-muted);
        transition: all .35s cubic-bezier(.25,.46,.45,.94);
    }

    .cs-page .cs-test-tab-num {
        flex-shrink: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        border-radius: .55rem;
        font-family: 'BDO Grotesk',sans-serif;
        font-size: .72rem;
        font-weight: 700;
        background: #fff;
        border: 1px solid var(--cs-border);
        color: var(--cs-muted);
        transition: all .35s;
    }

    .cs-page .cs-test-tab-label {
        flex: 1;
        font-family: 'BDO Grotesk',sans-serif;
        font-size: .9rem;
        font-weight: 600;
        line-height: 1.3;
    }

    .cs-page .cs-test-tab-chev {
        flex-shrink: 0;
        opacity: 0;
        transform: translateX(-6px);
        transition: opacity .35s, transform .35s;
        color: var(--cs-blue);
    }

    .cs-page .cs-test-tab:hover {
        color: var(--cs-text);
        background: rgba(255,255,255,.7);
    }

        .cs-page .cs-test-tab:hover .cs-test-tab-num {
            border-color: rgba(18,107,251,.3);
        }

    .cs-page .cs-test-tab.is-active {
        background: #fff;
        color: var(--cs-text);
        box-shadow: 0 8px 22px rgba(18,107,251,.12);
    }

        .cs-page .cs-test-tab.is-active::before {
            content: '';
            position: absolute;
            left: 0;
            top: 14%;
            bottom: 14%;
            width: 3px;
            border-radius: 0 2px 2px 0;
            background: linear-gradient(180deg,#126bfb,#00b8ff);
        }

        .cs-page .cs-test-tab.is-active .cs-test-tab-num {
            background: linear-gradient(145deg,#126bfb,#00b8ff);
            color: #fff;
            border-color: transparent;
            box-shadow: 0 4px 12px rgba(18,107,251,.4);
        }

        .cs-page .cs-test-tab.is-active .cs-test-tab-chev {
            opacity: 1;
            transform: translateX(0);
        }

    .cs-page .cs-test-stage {
        position: relative;
        padding: 2.25rem 2.5rem;
        min-height: 420px;
        background: radial-gradient(circle at 90% 10%, rgba(18,107,251,.06), transparent 40%), radial-gradient(circle at 10% 100%, rgba(0,184,255,.06), transparent 40%), #fff;
    }

    .cs-page .cs-test-panel {
        display: none;
        opacity: 0;
        transform: translateY(10px);
        transition: opacity .45s, transform .45s;
    }

        .cs-page .cs-test-panel.is-active {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

    .cs-page .cs-test-panel-kicker {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        margin-bottom: 1rem;
        padding: .35rem .85rem;
        border-radius: 999px;
        font-size: .68rem;
        font-weight: 700;
        letter-spacing: .14em;
        text-transform: uppercase;
        background: rgba(18,107,251,.08);
        color: var(--cs-blue);
        border: 1px solid rgba(18,107,251,.18);
    }

        .cs-page .cs-test-panel-kicker::before {
            content: '';
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--cs-blue);
            box-shadow: 0 0 8px rgba(18,107,251,.6);
        }

    .cs-page .cs-test-panel h3 {
        margin: 0 0 .85rem;
        font-family: 'BDO Grotesk',sans-serif;
        font-size: 1.6rem;
        font-weight: 600;
        color: var(--cs-text);
        line-height: 1.25;
        letter-spacing: -.015em;
    }

    .cs-page .cs-test-panel > p {
        margin: 0 0 1.35rem;
        color: var(--cs-muted);
        font-size: 1rem;
        line-height: 1.72;
    }

    .cs-page .cs-check-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: .45rem;
    }

        .cs-page .cs-check-list li {
            position: relative;
            padding: .35rem 0 .35rem 1.85rem;
            font-size: .925rem;
            line-height: 1.6;
            color: var(--cs-text);
        }

            .cs-page .cs-check-list li::before {
                content: '';
                position: absolute;
                left: 0;
                top: .5rem;
                width: 1.15rem;
                height: 1.15rem;
                border-radius: 50%;
                background: linear-gradient(145deg,rgba(18,107,251,.14),rgba(0,184,255,.12));
                border: 1px solid rgba(18,107,251,.35);
            }

            .cs-page .cs-check-list li::after {
                content: '\2713';
                position: absolute;
                left: .18rem;
                top: .3rem;
                font-size: 1rem;
                font-weight: 800;
                color: var(--cs-blue);
            }

    @media (max-width:991px) {
        .cs-page .cs-test-showcase {
            grid-template-columns: 1fr;
        }

        .cs-page .cs-test-tabs {
            flex-direction: row;
            gap: .5rem;
            padding: .85rem;
            max-height: none;
            overflow-x: auto;
            overflow-y: hidden;
            border-right: 0;
            border-bottom: 1px solid var(--cs-border);
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
        }

            .cs-page .cs-test-tabs::-webkit-scrollbar {
                height: 4px;
            }

            .cs-page .cs-test-tabs::-webkit-scrollbar-thumb {
                background: rgba(18,107,251,.25);
                border-radius: 2px;
            }

        .cs-page .cs-test-tab {
            flex: 0 0 auto;
            scroll-snap-align: start;
            padding: .7rem .9rem;
        }

            .cs-page .cs-test-tab.is-active::before {
                display: none;
            }

            .cs-page .cs-test-tab.is-active {
                box-shadow: 0 6px 16px rgba(18,107,251,.2), inset 0 0 0 1px rgba(18,107,251,.2);
            }

        .cs-page .cs-test-tab-chev {
            display: none;
        }

        .cs-page .cs-test-stage {
            padding: 2rem 1.75rem;
            min-height: auto;
        }

        .cs-page .cs-test-panel h3 {
            font-size: 1.35rem;
        }
    }

    @media (max-width:575px) {
        .cs-page .cs-test-stage {
            padding: 1.75rem 1.35rem;
        }

        .cs-page .cs-test-panel h3 {
            font-size: 1.2rem;
        }
    }

    /* ------- TIMELINE (Horizontal Roadmap) ------- */
    .cs-page .cs-timeline-roadmap {
        position: relative;
        display: grid;
        grid-template-columns: repeat(6,1fr);
        gap: 1rem;
        padding: 3rem 0 .5rem;
    }

        .cs-page .cs-timeline-roadmap::before {
            content: '';
            position: absolute;
            top: 4.7rem;
            left: 8%;
            right: 8%;
            height: 2px;
            background: linear-gradient(90deg,rgba(18,107,251,.15) 0%,rgba(18,107,251,.55) 15%,rgba(0,184,255,.55) 85%,rgba(0,184,255,.15) 100%);
            z-index: 0;
        }

        .cs-page .cs-timeline-roadmap::after {
            content: '';
            position: absolute;
            top: calc(4.7rem - 4px);
            left: 8%;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: radial-gradient(circle,#00b8ff,#126bfb);
            box-shadow: 0 0 18px rgba(0,184,255,.8);
            animation: cs-progress 8s ease-in-out infinite;
            z-index: 2;
        }

    @keyframes cs-progress {
        0% {
            left: 8%;
            opacity: .4;
        }

        10% {
            opacity: 1;
        }

        90% {
            opacity: 1;
        }

        100% {
            left: 92%;
            opacity: .4;
        }
    }

    .cs-page .cs-timeline-step {
        position: relative;
        z-index: 1;
        text-align: center;
        padding: 0 .25rem;
    }

    .cs-page .cs-timeline-step-weeks {
        display: block;
        margin: 0 auto .75rem;
        font-family: 'BDO Grotesk',sans-serif;
        font-size: .72rem;
        font-weight: 700;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: var(--cs-muted);
    }

    .cs-page .cs-timeline-dot {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 3.5rem;
        height: 3.5rem;
        margin: 0 auto 1.25rem;
        border-radius: 50%;
        background: #fff;
        border: 2px solid rgba(18,107,251,.3);
        box-shadow: 0 0 0 8px var(--cs-grey), 0 8px 24px rgba(2,6,52,.08);
        font-family: 'BDO Grotesk',sans-serif;
        font-size: .9rem;
        font-weight: 700;
        color: var(--cs-blue);
        transition: all .4s cubic-bezier(.25,.46,.45,.94);
    }

        .cs-page .cs-timeline-dot::before {
            content: '';
            position: absolute;
            inset: -2px;
            border-radius: 50%;
            background: linear-gradient(145deg,#126bfb,#00b8ff);
            opacity: 0;
            z-index: -1;
            transition: opacity .4s;
            filter: blur(6px);
        }

    .cs-page .cs-timeline-step h3 {
        margin: 0 0 .45rem;
        font-family: 'BDO Grotesk',sans-serif;
        font-size: .98rem;
        font-weight: 600;
        color: var(--cs-text);
        line-height: 1.3;
        letter-spacing: -.005em;
    }

    .cs-page .cs-timeline-step p {
        margin: 0;
        color: var(--cs-muted);
        font-size: .84rem;
        line-height: 1.55;
    }

    .cs-page .cs-timeline-step:hover .cs-timeline-dot {
        background: linear-gradient(145deg,#126bfb,#00b8ff);
        color: #fff;
        border-color: transparent;
        transform: translateY(-4px) scale(1.06);
        box-shadow: 0 0 0 8px var(--cs-grey), 0 16px 36px rgba(18,107,251,.5);
    }

        .cs-page .cs-timeline-step:hover .cs-timeline-dot::before {
            opacity: .6;
        }

    .cs-page .cs-timeline-step:hover .cs-timeline-step-weeks {
        color: var(--cs-blue);
    }

    @media (max-width:1199px) {
        .cs-page .cs-timeline-roadmap {
            grid-template-columns: repeat(3,1fr);
            gap: 2rem 1rem;
            padding-top: 2rem;
        }

            .cs-page .cs-timeline-roadmap::before,
            .cs-page .cs-timeline-roadmap::after {
                display: none;
            }
    }

    @media (max-width:575px) {
        .cs-page .cs-timeline-roadmap {
            grid-template-columns: 1fr;
            gap: 1.25rem;
            padding-top: 1rem;
        }

        .cs-page .cs-timeline-step {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 1rem 1.1rem;
            text-align: left;
            align-items: start;
            padding: 1rem 1.2rem;
            background: #fff;
            border: 1px solid var(--cs-border);
            border-radius: var(--cs-radius);
        }

        .cs-page .cs-timeline-step-weeks {
            margin: 0;
            grid-column: 2;
        }

        .cs-page .cs-timeline-dot {
            grid-row: span 3;
            margin: 0;
            width: 3rem;
            height: 3rem;
            box-shadow: 0 6px 18px rgba(2,6,52,.08);
            font-size: .82rem;
        }

        .cs-page .cs-timeline-step h3 {
            grid-column: 2;
            margin: 0;
        }

        .cs-page .cs-timeline-step p {
            grid-column: 2;
        }
    }

    /* ------- RESULTS ------- */
    .cs-page .cs-results {
        position: relative;
        overflow: hidden;
        background: linear-gradient(170deg,#020634 0%,#0a2b66 50%,#0a1f55 100%);
        color: #fff;
    }

        .cs-page .cs-results::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
            background-size: 24px 24px;
            pointer-events: none;
        }

        .cs-page .cs-results::after {
            content: '';
            position: absolute;
            top: -20%;
            left: -5%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle,rgba(18,107,251,.22),transparent 65%);
            pointer-events: none;
        }

        .cs-page .cs-results .cs-sec-head {
            position: relative;
            z-index: 1;
        }

        .cs-page .cs-results .cs-label {
            color: #9ad4ff;
            border-color: rgba(154,212,255,.3);
            background: rgba(0,184,255,.12);
        }

        .cs-page .cs-results .cs-title {
            color: #fff;
        }

            .cs-page .cs-results .cs-title strong {
                background: linear-gradient(90deg,#fff 20%,#6ec8ff 50%,#fff 80%);
                background-size: 200% auto;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                animation: cs-shimmer 5s linear infinite;
            }

        .cs-page .cs-results .cs-subtitle {
            color: rgba(255,255,255,.65);
            margin-left: auto;
            margin-right: auto;
        }

    .cs-page .cs-dash-grid {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 1.25rem;
        position: relative;
        z-index: 1;
    }

    .cs-page .cs-dash-card {
        position: relative;
        overflow: hidden;
        padding: 1.85rem 1.65rem;
        border-radius: var(--cs-radius-lg);
        background: rgba(255,255,255,.05);
        border: 1px solid rgba(255,255,255,.12);
        -webkit-backdrop-filter: blur(14px);
        backdrop-filter: blur(14px);
        box-shadow: 0 20px 40px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.07);
        transition: transform .35s, border-color .35s, background .35s;
    }

        .cs-page .cs-dash-card:hover {
            transform: translateY(-5px);
            border-color: rgba(154,212,255,.4);
            background: rgba(255,255,255,.08);
        }

        .cs-page .cs-dash-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg,#6ec8ff,#00b8ff);
            border-radius: 0 0 4px 4px;
        }

    .cs-page .cs-dash-kpi {
        display: flex;
        align-items: baseline;
        gap: .5rem;
        margin-bottom: .5rem;
    }

    .cs-page .cs-dash-num {
        font-family: 'BDO Grotesk',sans-serif;
        font-size: clamp(2rem,3vw,2.75rem);
        font-weight: 700;
        line-height: 1.05;
        letter-spacing: -.03em;
        background: linear-gradient(135deg,#fff 0%,#9ad4ff 55%,#00b8ff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    .cs-page .cs-dash-unit {
        font-family: 'BDO Grotesk',sans-serif;
        font-size: 1.1rem;
        font-weight: 600;
        color: #9ad4ff;
    }

    .cs-page .cs-dash-trend {
        display: inline-flex;
        align-items: center;
        gap: .3rem;
        font-size: .78rem;
        font-weight: 600;
        color: #9ad4ff;
        padding: .25rem .6rem;
        border-radius: 2rem;
        background: rgba(0,184,255,.14);
        border: 1px solid rgba(154,212,255,.3);
        margin-left: auto;
    }

        .cs-page .cs-dash-trend.cs-down {
            color: #fca5a5;
            background: rgba(248,113,113,.12);
            border-color: rgba(252,165,165,.22);
        }

    .cs-page .cs-dash-label {
        margin: .25rem 0 0;
        font-size: .92rem;
        color: rgba(255,255,255,.72);
        line-height: 1.5;
    }

    .cs-page .cs-dash-grid.cs-dash-grid-6 {
        grid-template-columns: repeat(3,1fr);
    }

    @media(max-width:991px) {
        .cs-page .cs-dash-grid {
            grid-template-columns: repeat(2,1fr);
        }

            .cs-page .cs-dash-grid.cs-dash-grid-6 {
                grid-template-columns: repeat(2,1fr);
            }
    }

    @media(max-width:575px) {
        .cs-page .cs-dash-grid {
            grid-template-columns: 1fr;
        }

            .cs-page .cs-dash-grid.cs-dash-grid-6 {
                grid-template-columns: 1fr;
            }
    }

    .cs-page .cs-results-narrative {
        position: relative;
        z-index: 1;
        margin-top: 3rem;
        padding: 2rem 2.25rem;
        border-radius: var(--cs-radius-lg);
        background: rgba(255,255,255,.04);
        border: 1px solid rgba(255,255,255,.1);
    }

        .cs-page .cs-results-narrative p {
            margin: 0;
            color: rgba(255,255,255,.8);
            font-size: 1.025rem;
            line-height: 1.8;
        }

            .cs-page .cs-results-narrative p + p {
                margin-top: 1rem;
            }

            .cs-page .cs-results-narrative p strong {
                color: #9ad4ff;
                font-weight: 600;
            }

    /* Keyframes + anims */
    @keyframes cs-float {
        0%, 100% {
            transform: translateY(0);
        }

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

    @keyframes cs-float-slow {
        0%, 100% {
            transform: translateY(0) rotate(0);
        }

        50% {
            transform: translateY(-12px) rotate(4deg);
        }
    }

    @keyframes cs-shimmer {
        0% {
            background-position: -200% center;
        }

        100% {
            background-position: 200% center;
        }
    }

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

        50% {
            opacity: .5;
            transform: scale(1.5);
        }
    }

    @keyframes cs-gradient-shift {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }

    .cs-page [data-cs-anim] {
        transform: translateY(28px);
        transition: opacity .75s cubic-bezier(.25,.46,.45,.94), transform .75s cubic-bezier(.25,.46,.45,.94);
    }

        .cs-page [data-cs-anim].cs-visible {
            opacity: 1;
            transform: translateY(0);
        }

        .cs-page [data-cs-anim][style*="--d"] {
            transition-delay: calc(var(--d, 0) * 70ms);
        }

    @media(max-width:767px) {
        .cs-page section {
            padding: 3.5rem 0;
        }

        .cs-page .cs-hero {
            padding: 5rem 0 3.5rem;
        }
    }

    .cs-page .cs-ch-grid ~ .cs-qa-highlight {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 2rem;
        padding: 1rem 1.5rem;
        border-radius: 999px;
        box-sizing: border-box;
    }

    .cs-qa-dark {
        margin-bottom: 3rem;
        position: relative;
        padding: 2rem 0 !important;
        background: linear-gradient(160deg, #020634 0%, #0a1b47 55%, #062157 100%);
        border-top: none !important;
        border-bottom: none !important;
        overflow: hidden;
    }

        .cs-qa-dark::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px);
            background-size: 22px 22px;
            pointer-events: none;
        }

        .cs-qa-dark::after {
            content: '';
            position: absolute;
            top: -40%;
            right: -10%;
            width: 520px;
            height: 520px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(0,184,255,.25), transparent 65%);
            pointer-events: none;
        }

        .cs-qa-dark > .digi_wrapper {
            position: relative;
            z-index: 1;
        }

        .cs-qa-dark .cs-qa-card {
            position: relative;
            z-index: 1;
            overflow: hidden;
            border-radius: 0;
            padding: clamp(2rem, 4vw, 3.5rem);
            background: transparent;
            border: none;
            box-shadow: none;
        }

            /* Label */
            .cs-qa-dark .cs-qa-card > .cs-qa-layout > div:first-child .cs-label {
                color: #9ad4ff;
                border-color: rgba(154,212,255,.3);
                background: rgba(0,184,255,.12);
            }

                .cs-qa-dark .cs-qa-card > .cs-qa-layout > div:first-child .cs-label::before {
                    background: #6ec8ff;
                    box-shadow: 0 0 10px rgba(110,200,255,.7);
                }

            /* Title */
            .cs-qa-dark .cs-qa-card .cs-title {
                color: #fff;
                position: relative;
                z-index: 1;
            }

                .cs-qa-dark .cs-qa-card .cs-title strong {
                    background: linear-gradient(90deg, #fff 20%, #6ec8ff 50%, #fff 80%);
                    background-size: 200% auto;
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    background-clip: text;
                    animation: cs-shimmer 5s linear infinite;
                }

        /* Lead paragraph */
        .cs-qa-dark .cs-qa-lead {
            color: rgba(255,255,255,.75) !important;
            font-size: 1.05rem;
            line-height: 1.75;
            position: relative;
            z-index: 1;
        }

        /* Panel */
        .cs-qa-dark .cs-qa-panel {
            position: relative;
            z-index: 1;
            background: rgba(255,255,255,.05);
            border: 1px solid rgba(255,255,255,.1);
            border-radius: var(--cs-radius-lg);
            padding: 1.75rem 1.85rem 1.65rem;
            box-shadow: none;
            -webkit-backdrop-filter: blur(14px);
            backdrop-filter: blur(14px);
        }

        /* Check list items */
        .cs-qa-dark .cs-check-list li {
            color: rgba(255,255,255,.88);
        }

            .cs-qa-dark .cs-check-list li::before {
                background: linear-gradient(145deg, rgba(18,107,251,.35), rgba(0,184,255,.3));
                border: 1px solid rgba(154,212,255,.4);
            }

            .cs-qa-dark .cs-check-list li::after {
                color: #fff;
            }

        /* Highlight box */
        .cs-qa-dark .cs-qa-highlight {
            position: relative;
            z-index: 1;
            margin-top: 1.75rem;
            color: rgba(255,255,255,.82) !important;
            font-weight: 500;
            background: rgba(0,184,255,.08);
            border: 1px solid rgba(154,212,255,.22);
            padding: .85rem 1.5rem;
            border-radius: var(--cs-radius);
            display: block;
            text-align: left;
        }

            .cs-qa-dark .cs-qa-highlight p {
                margin: 0;
                color: rgba(255,255,255,.82);
            }

            .cs-qa-dark .cs-qa-highlight strong {
                color: #9ad4ff;
            }

    /* Responsive */
    @media (max-width: 991px) {
        .cs-qa-dark .cs-qa-layout

    {
        grid-template-columns: 1fr;
    }

    .cs-qa-dark .cs-qa-panel .cs-check-list {
        grid-template-columns: 1fr;
    }

    }

    .cs-page .cs-ch-grid ~ .cs-solution-summary {
        position: relative;
        margin-top: 2rem;
        padding: 1.5rem 1.75rem 1.5rem 3.25rem;
        background: linear-gradient(135deg, #020634 0%, #0a1b47 55%, #062157 100%);
        border: 1px solid rgba(18,107,251,.25);
        border-radius: var(--cs-radius);
        box-shadow: 0 12px 32px rgba(2,6,52,.12);
        overflow: hidden;
    }

        .cs-page .cs-ch-grid ~ .cs-solution-summary::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            background: linear-gradient(180deg, #126bfb, #00b8ff);
            border-radius: 4px 0 0 4px;
        }

        .cs-page .cs-ch-grid ~ .cs-solution-summary::after {
            content: '';
            position: absolute;
            top: -50%;
            right: -15%;
            width: 280px;
            height: 280px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(0,184,255,.12), transparent 65%);
            pointer-events: none;
        }

        .cs-page .cs-ch-grid ~ .cs-solution-summary p {
            position: relative;
            z-index: 1;
            margin: 0;
            color: rgba(255,255,255,.88);
            font-size: .98rem;
            line-height: 1.75;
        }

            .cs-page .cs-ch-grid ~ .cs-solution-summary p strong {
                color: #9ad4ff;
                font-weight: 600;
            }

    @media (max-width: 575px) {
        .cs-page .cs-ch-grid ~ .cs-solution-summary

    {
        padding: 1.25rem 1.25rem 1.25rem 3rem;
    }

    }

    .cs-page .cs-client {
        background: linear-gradient(180deg, #fff 0%, #f9fbff 60%, #f2f6fc 100%);
        border-bottom: 1px solid rgba(18, 107, 251, .08);
    }

        .cs-page .cs-client + section {
            border-top: 1px solid var(--cs-border);
        }

    .cs-page .cs-concept {
        border-top: 1px solid rgba(18, 107, 251, .12);
        border-bottom: 1px solid rgba(18, 107, 251, .12);
    }