.service-hero,
.cards-section,
.benefits-section,
.case-studies,
.workflow,
.testimonials,
.call-to-action,
.clients,
.main-development,
.cloud-solutions,
.cybersecurity-container,
.cybersecurity-implementation,
.digital-transformation,
.digital-transformation-flow,
.cta-digital-transformation,
.ia-section,
.cta-unique-container {
    padding: var(--space-8) 0 0;
}

.service-hero {
    padding-top: var(--space-7);
}

.service-hero__layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: clamp(1.5rem, 4vw, 3rem);
    padding: clamp(1.8rem, 4vw, 3rem);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background:
        radial-gradient(circle at top right, rgba(61, 217, 235, 0.18), transparent 26%),
        radial-gradient(circle at 20% 20%, rgba(125, 211, 252, 0.1), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015)),
        rgba(9, 22, 37, 0.85);
    box-shadow: var(--shadow-md);
    overflow: hidden;
}

.service-hero__copy {
    max-width: 44rem;
}

.service-hero__copy p {
    max-width: 40rem;
    margin-top: 1.35rem;
    font-size: 1.08rem;
    color: var(--color-text-soft);
}

.service-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 2rem;
}

.service-hero__panel {
    padding: 1.5rem;
}

.service-panel-label {
    margin-bottom: 0.9rem;
    color: var(--color-accent);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.service-hero__list {
    display: grid;
    gap: 0.85rem;
    margin-bottom: 1.4rem;
    padding-left: 1rem;
}

.service-hero__list li,
.benefits-section li,
.block-list li,
.transformation-block li,
.content-block li,
.info-block li,
.ia-card li {
    color: var(--color-text-soft);
}

.service-hero--consulting .service-hero__layout {
    background:
        radial-gradient(circle at top right, rgba(61, 217, 235, 0.18), transparent 26%),
        linear-gradient(135deg, rgba(8, 20, 35, 0.95), rgba(11, 25, 41, 0.92));
}

.service-hero--software .service-hero__layout {
    background:
        radial-gradient(circle at top right, rgba(125, 211, 252, 0.18), transparent 26%),
        linear-gradient(135deg, rgba(7, 18, 31, 0.95), rgba(12, 27, 45, 0.92));
}

.service-hero--cloud .service-hero__layout {
    background:
        radial-gradient(circle at top right, rgba(52, 211, 153, 0.16), transparent 26%),
        linear-gradient(135deg, rgba(7, 18, 31, 0.95), rgba(12, 30, 44, 0.92));
}

.service-hero--security .service-hero__layout {
    background:
        radial-gradient(circle at top right, rgba(61, 217, 235, 0.15), transparent 26%),
        linear-gradient(135deg, rgba(7, 18, 31, 0.95), rgba(13, 20, 36, 0.92));
}

.service-hero--transformation .service-hero__layout,
.service-hero--ia .service-hero__layout {
    background:
        radial-gradient(circle at top right, rgba(61, 217, 235, 0.16), transparent 26%),
        linear-gradient(135deg, rgba(8, 20, 35, 0.95), rgba(15, 31, 50, 0.92));
}

.service-hero--embedded {
    padding-top: 0;
    padding-bottom: var(--space-7);
}

.cards-section .container,
.content-section,
.cloud-solutions .info-blocks,
.cybersecurity-container .info-blocks,
.transformation-content,
.dt-flow-steps,
.workflow-steps,
.ia-grid,
.implementation-grid {
    display: grid;
    gap: 1.5rem;
}

.cards-section .container {
    width: 100%;
    margin: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.card,
.content-block,
.info-block,
.step,
.cybersecurity-block,
.transformation-block,
.ia-card,
.case,
.testimonial,
.dt-step {
    padding: 1.5rem;
}

.card {
    text-align: left;
}

.card .icon img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    margin-bottom: 1rem;
}

.card p,
.content-block p,
.info-block p,
.step p,
.case p,
.testimonial p,
.dt-step p,
.ia-card p {
    color: var(--color-text-soft);
}

.benefits-section .section-shell,
.case-studies .section-shell,
.testimonials .section-shell,
.workflow .section-shell,
.clients .section-shell,
.main-development .section-shell,
.cloud-solutions .section-shell,
.cybersecurity-container .section-shell,
.cybersecurity-implementation .section-shell,
.digital-transformation .section-shell,
.digital-transformation-flow .section-shell,
.cta-digital-transformation .section-shell,
.ia-section .section-shell {
    position: relative;
}

.benefits-section ul,
.content-block ul,
.info-block ul,
.block-list,
.transformation-block ul,
.ia-card ul {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-left: 1rem;
}

.case-studies .case + .case,
.testimonials .testimonial + .testimonial {
    margin-top: 1.25rem;
}

.workflow-steps,
.content-section,
.cybersecurity-container .info-blocks,
.ia-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.content-section {
    align-items: stretch;
}

.content-block h2,
.info-block h2,
.transformation-block h2,
.ia-card h2,
.block-title,
.dt-step-title {
    margin-bottom: 0.8rem;
    font-size: 1.35rem;
}

.content-block--cta {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content-block--cta .btn-info {
    align-self: flex-start;
    margin-top: 1.2rem;
}

.cloud-solutions .info-blocks,
.transformation-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workflow-steps {
    margin-top: 1rem;
}

.step-icon img {
    width: 68px;
    height: 68px;
    object-fit: contain;
    margin-bottom: 1rem;
    padding: 0.9rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(157, 183, 214, 0.1);
}

.callout-band,
.cta-container,
.cta-unique-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: clamp(1.5rem, 4vw, 2.2rem);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background:
        radial-gradient(circle at top right, rgba(61, 217, 235, 0.12), transparent 28%),
        rgba(10, 22, 37, 0.82);
    box-shadow: var(--shadow-md);
}

.callout-band h2,
.cta-title,
.cta-unique-title {
    font-size: clamp(1.8rem, 3vw, 2.4rem);
}

.callout-band .eyebrow,
.cta-container .eyebrow,
.cta-unique-content .eyebrow {
    margin-bottom: 0.9rem;
}

.clients .client-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
}

.clients .client-logos img {
    width: 120px;
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.03);
}

.cybersecurity-container .info-blocks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.implementation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.cybersecurity-cta {
    margin-top: 1.8rem;
    text-align: center;
}

.cybersecurity-cta p {
    margin: 0.8rem auto 1.2rem;
    max-width: 42rem;
    color: var(--color-text-soft);
}

.dt-flow-banner {
    max-width: 48rem;
    margin-bottom: 1.5rem;
}

.dt-flow-banner .eyebrow {
    margin-bottom: 0.9rem;
}

.dt-flow-description,
.cta-text,
.cta-unique-text,
.ia-section .cta p {
    margin-top: 0.9rem;
    color: var(--color-text-soft);
}

.dt-flow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ia-section .section-heading {
    max-width: 48rem;
}

.ia-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ia-section .cta {
    margin-top: var(--space-7);
    text-align: center;
}

.ia-section .cta h3 {
    font-size: clamp(1.6rem, 3vw, 2.1rem);
}

.ia-section .cta .btn-primary {
    margin-top: 1.2rem;
}

@media (max-width: 1024px) {
    .service-hero__layout,
    .cards-section .container,
    .workflow-steps,
    .content-section,
    .cloud-solutions .info-blocks,
    .cybersecurity-container .info-blocks,
    .transformation-content,
    .implementation-grid,
    .ia-grid {
        grid-template-columns: 1fr;
    }

    .dt-flow-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .callout-band,
    .cta-container,
    .cta-unique-content {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .service-hero,
    .cards-section,
    .benefits-section,
    .case-studies,
    .workflow,
    .testimonials,
    .call-to-action,
    .clients,
    .main-development,
    .cloud-solutions,
    .cybersecurity-container,
    .cybersecurity-implementation,
    .digital-transformation,
    .digital-transformation-flow,
    .cta-digital-transformation,
    .ia-section,
    .cta-unique-container {
        padding-top: var(--space-7);
    }

    .service-hero__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .content-block--cta .btn-info,
    .service-hero__actions .btn-primary,
    .service-hero__actions .btn-secondary {
        width: 100%;
    }

    .dt-flow-steps {
        grid-template-columns: 1fr;
    }
}

.service-cover { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--radius-sm); margin-bottom: 1.25rem; }