:root {
    --sit-blue: #29ace2;
    --sit-blue-deep: #0878d7;
    --sit-green: #009148;
    --sit-red: #ee1c25;
    --sit-yellow: #f8ee1d;
    --sit-navy: #06182e;
    --sit-navy-dark: #031020;
    --sit-text: #102033;
    --sit-muted: #64748b;
    --sit-light: #f5f9fc;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: 'Manrope', sans-serif;
    color: var(--sit-text);
    background: #fff;
}

a {
    text-decoration: none;
}

section[id] {
    scroll-margin-top: 95px;
}

/* HEADER */

.sit-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255,255,255,.97);
    border-bottom: 1px solid #edf1f5;
    backdrop-filter: blur(15px);
}

.sit-navbar {
    min-height: 84px;
}

.sit-brand {
    display: flex;
    align-items: center;
}

.sit-logo {
    width: 155px;
    height: 70px;
    object-fit: contain;
    object-position: left center;
}

.sit-menu {
    gap: 10px;
}

    .sit-menu .nav-link {
        font-size: 13px;
        font-weight: 700;
        color: #35445a;
        transition: color .25s;
    }

        .sit-menu .nav-link:hover,
        .sit-menu .nav-link.active {
            color: var(--sit-blue-deep);
        }

.sit-btn-primary {
    background: var(--sit-blue-deep);
    color: #fff;
    border: 1px solid var(--sit-blue-deep);
    border-radius: 7px;
    padding: 13px 20px;
    font-size: 13px;
    font-weight: 800;
    transition: all .3s;
}

    .sit-btn-primary:hover {
        background: #0866b5;
        border-color: #0866b5;
        color: #fff;
        transform: translateY(-2px);
    }

.sit-header-cta {
    white-space: nowrap;
}

/* HERO */

.sit-hero {
    position: relative;
    overflow: hidden;
    min-height: 650px;
    display: flex;
    align-items: center;
    background: radial-gradient(circle at 75% 45%, rgba(0,129,255,.23), transparent 40%), linear-gradient(120deg, var(--sit-navy-dark), var(--sit-navy));
    color: #fff;
}

.sit-hero-container {
    position: relative;
    z-index: 2;
    padding-top: 85px;
    padding-bottom: 85px;
}

.sit-hero-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(85px);
    pointer-events: none;
}

.sit-glow-one {
    width: 400px;
    height: 400px;
    background: rgba(0,153,255,.13);
    right: 8%;
    top: 15%;
}

.sit-glow-two {
    width: 250px;
    height: 250px;
    background: rgba(0,145,72,.08);
    left: -100px;
    bottom: -100px;
}

.sit-eyebrow {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.3px;
    color: #a9c4e0;
    margin-bottom: 22px;
}

    .sit-eyebrow span {
        color: var(--sit-blue);
        margin: 0 7px;
    }

.sit-hero h1 {
    font-size: clamp(38px, 4vw, 60px);
    font-weight: 800;
    line-height: 1.13;
    letter-spacing: -2px;
    margin-bottom: 25px;
}

    .sit-hero h1 span {
        color: #40c0f3;
    }

.sit-hero-description {
    max-width: 520px;
    font-size: 16px;
    line-height: 1.85;
    color: #c5d4e5;
    margin-bottom: 30px;
}

.sit-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.sit-btn-outline {
    border: 1px solid rgba(255,255,255,.5);
    color: #fff;
    border-radius: 7px;
    padding: 13px 20px;
    font-size: 13px;
    font-weight: 800;
}

    .sit-btn-outline:hover {
        background: #fff;
        color: var(--sit-navy);
    }

.sit-hero-values {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
    margin-top: 55px;
    color: #b8c9dd;
    font-size: 11px;
    font-weight: 700;
}

    .sit-hero-values i {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--sit-blue);
    }

/* HERO VISUAL */

.sit-hero-visual {
    position: relative;
    height: 440px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sit-visual-center {
    width: 260px;
    height: 260px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle, rgba(37,164,255,.3), rgba(3,27,56,.9) 70%);
    border: 1px solid rgba(61,188,255,.6);
    box-shadow: 0 0 70px rgba(0,145,255,.3), inset 0 0 45px rgba(0,145,255,.15);
    animation: sitPulse 5s ease-in-out infinite;
}

.sit-visual-core {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

    .sit-visual-core span {
        font-size: 25px;
        font-weight: 800;
        letter-spacing: 3px;
    }

    .sit-visual-core strong {
        font-size: 75px;
        line-height: 1;
        font-weight: 800;
        color: var(--sit-blue);
    }

.sit-orbit {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(64,192,243,.2);
}

.sit-orbit-one {
    width: 340px;
    height: 340px;
}

.sit-orbit-two {
    width: 420px;
    height: 420px;
    border-style: dashed;
    animation: sitRotate 60s linear infinite;
}

.sit-floating-card {
    position: absolute;
    padding: 13px 17px;
    background: rgba(10,42,76,.85);
    border: 1px solid rgba(76,170,235,.3);
    border-radius: 10px;
    backdrop-filter: blur(10px);
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.2);
}

.sit-card-icon {
    font-size: 20px;
}

    .sit-card-icon.blue {
        color: var(--sit-blue);
    }

    .sit-card-icon.green {
        color: #27d17a;
    }

    .sit-card-icon.yellow {
        color: var(--sit-yellow);
    }

    .sit-card-icon.red {
        color: var(--sit-red);
    }

.sit-card-one {
    top: 35px;
    left: 30px;
}

.sit-card-two {
    top: 145px;
    right: -10px;
}

.sit-card-three {
    bottom: 70px;
    left: 0;
}

.sit-card-four {
    bottom: 25px;
    right: 20px;
}

/* INTRODUCTION */

.sit-intro-section {
    padding: 95px 0;
    background: #fff;
}

.sit-section-label {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    color: var(--sit-blue-deep);
    letter-spacing: 1.5px;
    margin-bottom: 18px;
}

.sit-intro-section h2,
.sit-next-section h2,
.sit-contact-preview h2 {
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -1px;
    margin-bottom: 24px;
}

    .sit-intro-section h2 span {
        color: var(--sit-blue-deep);
    }

.sit-intro-section p {
    color: var(--sit-muted);
    line-height: 1.85;
    font-size: 14px;
}

.sit-value-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.sit-value-card {
    padding: 25px 18px;
    background: #f4f9fd;
    border-radius: 12px;
    transition: transform .3s;
}

    .sit-value-card:nth-child(2) {
        background: #f1faf5;
    }

    .sit-value-card:nth-child(3) {
        background: #fff5f5;
    }

    .sit-value-card:hover {
        transform: translateY(-5px);
    }

.sit-value-icon {
    color: var(--sit-blue-deep);
    font-size: 30px;
    margin-bottom: 20px;
}

    .sit-value-icon.green {
        color: var(--sit-green);
    }

    .sit-value-icon.red {
        color: var(--sit-red);
    }

.sit-value-card h3 {
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 12px;
}

.sit-value-card p {
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

/* SECTIONS SUIVANTES */

.sit-next-section {
    padding: 90px 0;
    background: var(--sit-light);
}

    .sit-next-section p,
    .sit-contact-preview p {
        color: var(--sit-muted);
    }

.sit-anchor-section {
    min-height: 1px;
}

.sit-contact-preview {
    padding: 90px 0;
    background: #fff;
}

/* FOOTER */

.sit-footer {
    background: var(--sit-navy-dark);
    color: #a8bbd0;
    padding: 25px 0;
}

.sit-footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-size: 12px;
}

/* ANIMATIONS */

@keyframes sitPulse {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.04);
    }
}

@keyframes sitRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* RESPONSIVE */

@media (max-width: 991px) {

    .sit-navbar {
        min-height: 75px;
    }

    .sit-menu {
        padding: 20px 0;
    }

    .sit-header-cta {
        margin-bottom: 20px;
    }

    .sit-hero {
        min-height: auto;
    }

    .sit-hero-container {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .sit-hero-visual {
        height: 390px;
    }

    .sit-value-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 575px) {

    .sit-logo {
        width: 105px;
        height: 55px;
    }

    .sit-hero h1 {
        font-size: 37px;
        letter-spacing: -1.5px;
    }

    .sit-hero-description {
        font-size: 14px;
    }

    .sit-hero-actions {
        flex-direction: column;
    }

        .sit-hero-actions .btn {
            width: 100%;
        }

    .sit-hero-values {
        margin-top: 35px;
        gap: 9px;
    }

    .sit-hero-visual {
        height: 330px;
        transform: scale(.78);
    }

    .sit-value-grid {
        grid-template-columns: 1fr;
    }

    .sit-intro-section {
        padding: 65px 0;
    }

    .sit-footer-bottom {
        flex-direction: column;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .sit-visual-center,
    .sit-orbit-two {
        animation: none;
    }

    .sit-btn-primary,
    .sit-value-card {
        transition: none;
    }
}

/* =========================================
   SIMPLE IT - HERO PREMIUM V2
   ========================================= */

.sit-hero-visual {
    isolation: isolate;
    perspective: 1000px;
}

.sit-visual-center {
    position: relative;
    z-index: 3;
    width: 290px;
    height: 290px;
    background: radial-gradient(circle at 45% 35%, rgba(43, 173, 238, .30), rgba(3, 20, 43, .95) 72%);
    border: 1px solid rgba(72, 193, 255, .65);
    box-shadow: 0 0 35px rgba(0, 151, 255, .25), 0 0 100px rgba(0, 151, 255, .13), inset 0 0 50px rgba(0, 151, 255, .20);
}

    .sit-visual-center::before {
        content: "";
        position: absolute;
        inset: 12px;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,.08);
        pointer-events: none;
    }

.sit-visual-core {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 35px;
}

.sit-hero-logo {
    display: block;
    width: 100%;
    max-height: 170px;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.25));
}

.sit-orbit-one {
    width: 365px;
    height: 365px;
    border-color: rgba(51, 174, 242, .28);
}

.sit-orbit-two {
    width: 445px;
    height: 445px;
    border-color: rgba(51, 174, 242, .18);
}

.sit-floating-card {
    z-index: 4;
    background: rgba(8, 37, 72, .90);
    border: 1px solid rgba(65, 172, 238, .35);
    box-shadow: 0 12px 35px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

    .sit-floating-card:hover {
        transform: translateY(-5px);
        border-color: rgba(70, 195, 255, .8);
        box-shadow: 0 15px 40px rgba(0, 151, 255, .2);
    }

/* Animation douce des éléments */

.sit-card-one {
    animation: sitFloat 6s ease-in-out infinite;
}

.sit-card-two {
    animation: sitFloat 7s ease-in-out infinite 1s;
}

.sit-card-three {
    animation: sitFloat 6.5s ease-in-out infinite 2s;
}

.sit-card-four {
    animation: sitFloat 7.5s ease-in-out infinite 1.5s;
}

@keyframes sitFloat {
    0%, 100% {
        translate: 0 0;
    }

    50% {
        translate: 0 -9px;
    }
}

/* Tablette et mobile */

@media (max-width: 991px) {
    .sit-hero-visual {
        max-width: 500px;
        margin: 0 auto;
    }
}

@media (max-width: 575px) {
    .sit-logo {
        width: 125px;
        height: 60px;
    }

    .sit-hero-visual {
        height: 330px;
        transform: scale(.72);
        transform-origin: center center;
    }

    .sit-floating-card {
        font-size: 11px;
        padding: 11px 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sit-card-one,
    .sit-card-two,
    .sit-card-three,
    .sit-card-four {
        animation: none;
    }
}


/* ==========================================
   SIMPLE IT - EXPERTISES INTERACTIVES
   ========================================== */

.sit-expertises {
    position: relative;
    overflow: hidden;
    padding: 105px 0;
    background: #06182e;
    color: #fff;
}

    .sit-expertises::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image: linear-gradient( rgba(73, 172, 235, .035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(73, 172, 235, .035) 1px, transparent 1px );
        background-size: 60px 60px;
    }

    .sit-expertises .container {
        position: relative;
        z-index: 1;
    }

.sit-expertises-heading {
    max-width: 790px;
    margin-bottom: 55px;
}

.sit-expertises-eyebrow {
    display: inline-block;
    color: #48c4f4;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 18px;
}

.sit-expertises-heading h2 {
    font-size: clamp(32px, 3.5vw, 50px);
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -1.5px;
    margin-bottom: 20px;
}

    .sit-expertises-heading h2 span {
        color: #48c4f4;
    }

.sit-expertises-heading p {
    max-width: 600px;
    color: #a9bfd5;
    font-size: 15px;
    line-height: 1.85;
}

/* LISTE */

.sit-expertises-list {
    border-top: 1px solid rgba(255,255,255,.12);
}

.sit-expertise-item {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 82px;
    gap: 22px;
    padding: 18px 22px;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.12);
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: background .25s ease;
}

    .sit-expertise-item:hover,
    .sit-expertise-item.active {
        background: rgba(33, 125, 194, .18);
    }

    .sit-expertise-item:focus-visible {
        outline: 2px solid #48c4f4;
        outline-offset: -2px;
    }

.sit-expertise-number {
    color: #6e9dbb;
    font-size: 12px;
    font-weight: 800;
    min-width: 25px;
}

.sit-expertise-item.active .sit-expertise-number {
    color: #48c4f4;
}

.sit-expertise-name {
    flex: 1;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}

.sit-expertise-arrow {
    color: #48c4f4;
    font-size: 22px;
    opacity: .45;
    transition: opacity .25s, transform .25s;
}

.sit-expertise-item:hover .sit-expertise-arrow,
.sit-expertise-item.active .sit-expertise-arrow {
    opacity: 1;
    transform: translate(3px, -3px);
}

/* PANNEAU */

.sit-expertise-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 500px;
    padding: 34px;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(73, 181, 245, .25);
    background: radial-gradient( circle at 55% 38%, rgba(19, 119, 190, .32), transparent 55% ), #0b2948;
}

.sit-panel-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
}

.sit-panel-symbol {
    font-size: 35px;
    color: #48c4f4;
}

.sit-panel-top > span {
    color: #48c4f4;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

/* REPRÉSENTATION TECHNOLOGIQUE */

.sit-panel-graphic {
    position: absolute;
    top: 40px;
    left: 50%;
    width: 290px;
    height: 290px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.sit-panel-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(72,196,244,.25);
}

.sit-panel-ring-one {
    width: 180px;
    height: 180px;
}

.sit-panel-ring-two {
    width: 280px;
    height: 280px;
    border-style: dashed;
    animation: sitExpertiseRotate 50s linear infinite;
}

.sit-panel-center {
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(32, 143, 215, .22);
    border: 1px solid rgba(72,196,244,.5);
    color: #d9f5ff;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 3px;
    box-shadow: 0 0 40px rgba(0,145,255,.18);
}

.sit-panel-node {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    box-shadow: 0 0 15px currentColor;
}

.node-one {
    top: 30px;
    left: 90px;
    background: #48c4f4;
    color: #48c4f4;
}

.node-two {
    right: 20px;
    top: 130px;
    background: #00b86b;
    color: #00b86b;
}

.node-three {
    bottom: 25px;
    left: 85px;
    background: #f8ee1d;
    color: #f8ee1d;
}

/* CONTENU DYNAMIQUE */

.sit-panel-content {
    position: relative;
    z-index: 2;
    margin-top: auto;
    padding-top: 240px;
}

.sit-panel-tag {
    display: block;
    color: #48c4f4;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
}

.sit-panel-content h3 {
    font-size: 27px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 15px;
}

.sit-panel-content p {
    color: #b6ccdf;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 25px;
}

.sit-panel-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

    .sit-panel-link:hover {
        color: #48c4f4;
    }

/* ANIMATION */

@keyframes sitExpertiseRotate {
    from {
        rotate: 0deg;
    }

    to {
        rotate: 360deg;
    }
}

/* RESPONSIVE */

@media (max-width: 991px) {
    .sit-expertises {
        padding: 75px 0;
    }

    .sit-expertises-heading {
        margin-bottom: 35px;
    }

    .sit-expertise-panel {
        min-height: 450px;
    }
}

@media (max-width: 575px) {
    .sit-expertises {
        padding: 60px 0;
    }

    .sit-expertise-item {
        padding: 16px 12px;
        gap: 12px;
        min-height: 72px;
    }

    .sit-expertise-name {
        font-size: 13px;
    }

    .sit-expertise-panel {
        padding: 25px;
    }

    .sit-panel-content h3 {
        font-size: 23px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sit-panel-ring-two {
        animation: none;
    }
}

/* ==========================================
   SIMPLE IT - NOS SOLUTIONS
   ========================================== */

.sit-solutions {
    padding: 110px 0;
    background: #f5f8fc;
}

.sit-solutions-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 45px;
}

    .sit-solutions-heading > div {
        max-width: 680px;
    }

    .sit-solutions-heading h2 {
        font-size: clamp(32px, 3.4vw, 48px);
        line-height: 1.2;
        font-weight: 800;
        letter-spacing: -1.5px;
        margin: 0;
    }

        .sit-solutions-heading h2 span {
            color: var(--sit-blue-deep);
        }

    .sit-solutions-heading > p {
        max-width: 320px;
        font-size: 14px;
        color: var(--sit-muted);
        line-height: 1.8;
        margin: 0;
    }

/* BLOC LOGICIEL */

.sit-software-feature {
    overflow: hidden;
    background: #071a31;
    color: #fff;
    border: 1px solid #173f62;
    border-radius: 12px;
}

.sit-software-info {
    display: flex;
    flex-direction: column;
    min-height: 530px;
    height: 100%;
    padding: 38px;
}

.sit-software-index {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #8fb5d3;
}

.sit-software-status {
    color: #43c4f5;
}

.sit-software-main {
    margin: auto 0;
    padding: 45px 0;
}

.sit-software-category {
    display: block;
    color: #42c1f2;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    margin-bottom: 18px;
}

.sit-software-main h3 {
    font-size: clamp(36px, 4vw, 58px);
    font-weight: 800;
    letter-spacing: -2px;
    margin-bottom: 25px;
}

    .sit-software-main h3 span {
        color: #43c4f5;
    }

.sit-software-main p {
    color: #a9c3da;
    font-size: 13px;
    line-height: 1.85;
}

.sit-software-main .sit-software-lead {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.sit-software-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 25px;
}

    .sit-software-tags span {
        border: 1px solid rgba(80,180,240,.3);
        color: #b8d8ee;
        padding: 8px 11px;
        font-size: 10px;
        border-radius: 4px;
    }

.sit-software-bottom {
    padding-top: 25px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.sit-software-link {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

    .sit-software-link:hover {
        color: #43c4f5;
    }

/* VITRINE */

.sit-software-showcase {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 530px;
    padding: 35px;
    overflow: hidden;
    background: radial-gradient(circle at 55% 50%, rgba(21,143,222,.25), transparent 65%), #0b2949;
    border-left: 1px solid rgba(255,255,255,.1);
}

    .sit-software-showcase::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
        background-size: 35px 35px;
        pointer-events: none;
    }

.sit-showcase-top,
.sit-showcase-caption {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #9ec4e0;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.sit-showcase-indicator {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #00b86b;
    box-shadow: 0 0 12px rgba(0,184,107,.5);
}

/* ÉCRAN LOGICIEL CONCEPTUEL */

.sit-software-screen {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 560px;
    margin: 35px auto;
    overflow: hidden;
    border-radius: 9px;
    border: 1px solid #42769e;
    background: #eaf2f9;
    box-shadow: 0 30px 70px rgba(0,0,0,.35);
    transform: perspective(1100px) rotateY(-5deg);
    transition: transform .4s ease;
}

.sit-software-feature:hover .sit-software-screen {
    transform: perspective(1100px) rotateY(0);
}

.sit-screen-toolbar {
    height: 38px;
    background: #102c4a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    color: #d4e8f7;
    font-size: 10px;
    font-weight: 800;
}

.sit-screen-dots {
    display: flex;
    gap: 5px;
}

    .sit-screen-dots i {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #5d90b6;
    }

        .sit-screen-dots i:first-child {
            background: #ed6262;
        }

        .sit-screen-dots i:nth-child(2) {
            background: #f1c75a;
        }

.sit-screen-content {
    display: flex;
    min-height: 245px;
}

.sit-screen-sidebar {
    width: 20%;
    padding: 20px 12px;
    background: #173c60;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .sit-screen-sidebar span {
        display: block;
        height: 8px;
        border-radius: 3px;
        background: #49779d;
    }

.sit-screen-body {
    flex: 1;
    min-width: 0;
    padding: 20px;
}

.sit-screen-title {
    width: 45%;
    height: 12px;
    background: #9bb7cc;
    border-radius: 3px;
    margin-bottom: 20px;
}

.sit-screen-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

    .sit-screen-stats div {
        height: 45px;
        border-radius: 5px;
        background: #fff;
        border: 1px solid #d5e3ed;
    }

.sit-screen-chart {
    height: 95px;
    margin-top: 15px;
    padding: 12px;
    background: #fff;
    border-radius: 5px;
    display: flex;
    align-items: end;
    justify-content: space-around;
    gap: 8px;
}

    .sit-screen-chart span {
        flex: 1;
        background: #238bc8;
        border-radius: 3px 3px 0 0;
    }

        .sit-screen-chart span:nth-child(1) {
            height: 40%;
        }

        .sit-screen-chart span:nth-child(2) {
            height: 65%;
        }

        .sit-screen-chart span:nth-child(3) {
            height: 50%;
        }

        .sit-screen-chart span:nth-child(4) {
            height: 85%;
        }

        .sit-screen-chart span:nth-child(5) {
            height: 60%;
        }

        .sit-screen-chart span:nth-child(6) {
            height: 75%;
        }

        .sit-screen-chart span:nth-child(7) {
            height: 55%;
        }

.sit-screen-rows {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .sit-screen-rows span {
        height: 7px;
        background: #cbdce8;
        border-radius: 3px;
    }

/* BAS DE SECTION */

.sit-solutions-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding-top: 30px;
    color: #62758a;
    font-size: 13px;
}

    .sit-solutions-footer a {
        color: var(--sit-blue-deep);
        font-weight: 800;
    }

        .sit-solutions-footer a:hover {
            color: var(--sit-navy);
        }

/* RESPONSIVE */

@media (max-width: 991px) {
    .sit-solutions {
        padding: 75px 0;
    }

    .sit-solutions-heading {
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }

        .sit-solutions-heading > p {
            max-width: 650px;
        }

    .sit-software-info {
        min-height: auto;
    }

    .sit-software-showcase {
        min-height: 420px;
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.1);
    }
}

@media (max-width: 575px) {
    .sit-solutions {
        padding: 60px 0;
    }

    .sit-software-info,
    .sit-software-showcase {
        padding: 25px;
    }

    .sit-software-main {
        padding: 35px 0;
    }

        .sit-software-main h3 {
            font-size: 38px;
        }

    .sit-software-showcase {
        min-height: 340px;
    }

    .sit-software-screen {
        transform: none;
    }

    .sit-solutions-footer {
        flex-direction: column;
        align-items: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sit-software-screen {
        transition: none;
    }
}



/* ==========================================
   SIMPLE IT - RÉFÉRENCES & SECTEURS
   ========================================== */

/* ==========================================
   1. RÉFÉRENCES
   ========================================== */

.sit-references {
    padding: 105px 0;
    background: #fff;
}

.sit-references-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 50px;
    margin-bottom: 55px;
}

    .sit-references-heading > div {
        max-width: 650px;
    }

    .sit-references-heading h2,
    .sit-secteurs-heading h2 {
        font-size: clamp(32px, 3.4vw, 48px);
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: -1.5px;
        margin: 0;
    }

        .sit-references-heading h2 span {
            color: var(--sit-blue-deep);
        }

    .sit-references-heading > p {
        max-width: 340px;
        font-size: 14px;
        color: var(--sit-muted);
        line-height: 1.85;
        margin: 0;
    }

/* GRILLE DES 20 RÉFÉRENCES */

.sit-references-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

/* CARTE INDIVIDUELLE */

.sit-reference-card {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
    min-height: 130px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e1e9f0;
    border-radius: 14px;
    overflow: hidden;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

    .sit-reference-card:hover {
        transform: translateY(-4px);
        border-color: rgba(8, 120, 215, .30);
        box-shadow: 0 12px 30px rgba(8, 27, 52, .08);
    }

    /* LOGOS */

    .sit-reference-card img {
        display: block;
        width: 100%;
        max-width: 170px;
        height: 80px;
        object-fit: contain;
        object-position: center;
    }

/* RÉFÉRENCES SANS LOGO */

.sit-reference-text {
    background: #f7fafd;
}

    .sit-reference-text span {
        color: #263e56;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: .3px;
        line-height: 1.5;
        text-align: center;
        overflow-wrap: anywhere;
    }

/* NOTE DE CONFIDENTIALITÉ */

.sit-references-note {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 35px;
}

.sit-reference-line {
    width: 45px;
    height: 3px;
    background: var(--sit-blue-deep);
    flex-shrink: 0;
}

.sit-references-note p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
}

/* ==========================================
   2. SECTEURS
   ========================================== */

.sit-secteurs {
    padding: 105px 0;
    background: #f5f8fc;
}

.sit-secteurs-heading {
    max-width: 780px;
    margin-bottom: 55px;
}

    .sit-secteurs-heading h2 span {
        color: var(--sit-blue-deep);
    }

    .sit-secteurs-heading p {
        max-width: 600px;
        margin-top: 20px;
        color: var(--sit-muted);
        font-size: 14px;
        line-height: 1.85;
    }

.sit-secteurs-list {
    border-top: 1px solid #dce6ef;
}

.sit-secteur-item {
    display: grid;
    grid-template-columns: 45px minmax(0, 1fr) minmax(0, 1fr) 25px;
    align-items: center;
    gap: 25px;
    min-height: 110px;
    padding: 20px 15px;
    border-bottom: 1px solid #dce6ef;
    transition: background .25s ease;
}

    .sit-secteur-item:hover {
        background: #eaf3fa;
    }

.sit-secteur-number {
    color: var(--sit-blue-deep);
    font-size: 12px;
    font-weight: 800;
}

.sit-secteur-item h3 {
    margin: 0;
    font-size: 19px;
    font-weight: 800;
    color: var(--sit-text);
}

.sit-secteur-item p {
    margin: 0;
    color: #63788d;
    font-size: 13px;
    line-height: 1.7;
}

.sit-secteur-arrow {
    color: var(--sit-blue-deep);
    font-size: 22px;
    justify-self: end;
    transition: transform .25s ease;
}

.sit-secteur-item:hover .sit-secteur-arrow {
    transform: translate(3px, -3px);
}

/* ==========================================
   3. RESPONSIVE
   ========================================== */

/* TABLETTES */

@media (max-width: 991px) {

    .sit-references,
    .sit-secteurs {
        padding: 75px 0;
    }

    .sit-references-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

        .sit-references-heading > p {
            max-width: 650px;
        }

    .sit-references-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }

    .sit-reference-card {
        min-height: 120px;
        padding: 16px;
    }

    .sit-secteur-item {
        grid-template-columns: 35px minmax(0, 1fr) 25px;
        gap: 15px;
    }

        .sit-secteur-item p {
            grid-column: 2;
            grid-row: 2;
        }

    .sit-secteur-arrow {
        grid-column: 3;
        grid-row: 1;
    }
}

/* MOBILES */

@media (max-width: 575px) {

    .sit-references,
    .sit-secteurs {
        padding: 60px 0;
    }

    .sit-references-heading {
        margin-bottom: 35px;
    }

    .sit-references-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .sit-reference-card {
        min-height: 105px;
        padding: 12px;
        border-radius: 10px;
    }

        .sit-reference-card img {
            height: 65px;
        }

    .sit-reference-text span {
        font-size: 11px;
    }

    .sit-references-note {
        align-items: flex-start;
        gap: 12px;
    }

    .sit-reference-line {
        margin-top: 8px;
        width: 30px;
    }

    .sit-secteur-item {
        padding: 20px 8px;
    }

        .sit-secteur-item h3 {
            font-size: 16px;
        }

        .sit-secteur-item p {
            font-size: 12px;
        }
}

/* ACCESSIBILITÉ : RÉDUCTION DES ANIMATIONS */

@media (prefers-reduced-motion: reduce) {

    .sit-reference-card,
    .sit-secteur-item,
    .sit-secteur-arrow {
        transition: none;
    }
}


/* ==========================================
   SIMPLE IT - PORTFOLIO LOGICIEL INTERACTIF
   ========================================== */

.sit-portfolio {
    overflow: hidden;
    border-radius: 12px;
    background: #071a31;
    color: #fff;
    border: 1px solid #1c4565;
}

.sit-portfolio-menu {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #081d35;
    border-right: 1px solid rgba(255,255,255,.1);
}

.sit-portfolio-menu-header {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 30px 25px;
    color: #72a8cc;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.sit-portfolio-item {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 67px;
    gap: 15px;
    padding: 17px 25px;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.07);
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: background .25s ease;
}

    .sit-portfolio-item:hover,
    .sit-portfolio-item.active {
        background: #123b60;
    }

    .sit-portfolio-item.active {
        box-shadow: inset 3px 0 0 #42c4f5;
    }

    .sit-portfolio-item:focus-visible {
        outline: 2px solid #42c4f5;
        outline-offset: -2px;
    }

.sit-portfolio-number {
    min-width: 25px;
    color: #6995b5;
    font-size: 11px;
    font-weight: 800;
}

.sit-portfolio-item.active .sit-portfolio-number {
    color: #42c4f5;
}

.sit-portfolio-name {
    flex: 1;
    font-size: 13px;
    font-weight: 700;
}

.sit-portfolio-arrow {
    color: #42c4f5;
    font-size: 20px;
    opacity: .35;
}

.sit-portfolio-item.active .sit-portfolio-arrow,
.sit-portfolio-item:hover .sit-portfolio-arrow {
    opacity: 1;
}

.sit-portfolio-menu-footer {
    margin-top: auto;
    padding: 25px;
    color: #799fbc;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,.07);
}

/* PANNEAU DROIT */

.sit-portfolio-detail {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 650px;
    height: 100%;
    overflow: hidden;
    padding: 35px;
    background: radial-gradient( circle at 55% 35%, rgba(20,126,204,.28), transparent 55% ), #0b2949;
}

.sit-portfolio-detail-top {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    color: #52c5f4;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.sit-portfolio-brand {
    color: #8db4d2;
}

/* VISUEL TECHNOLOGIQUE */

.sit-portfolio-visual {
    position: relative;
    width: 260px;
    height: 260px;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sit-portfolio-visual-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(72,196,244,.3);
}

    .sit-portfolio-visual-ring.ring-a {
        width: 185px;
        height: 185px;
    }

    .sit-portfolio-visual-ring.ring-b {
        width: 255px;
        height: 255px;
        border-style: dashed;
        animation: sitPortfolioRotate 55s linear infinite;
    }

.sit-portfolio-visual-core {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background: rgba(30,132,208,.24);
    border: 1px solid rgba(72,196,244,.6);
    box-shadow: 0 0 45px rgba(0,140,240,.15);
}

    .sit-portfolio-visual-core span {
        color: #e3f7ff;
        font-size: 35px;
        font-weight: 800;
        letter-spacing: 1px;
    }

.sit-portfolio-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

    .sit-portfolio-dot.dot-a {
        top: 18px;
        left: 65px;
        background: #42c4f5;
    }

    .sit-portfolio-dot.dot-b {
        right: 4px;
        top: 120px;
        background: #00b86b;
    }

    .sit-portfolio-dot.dot-c {
        bottom: 20px;
        left: 70px;
        background: #f8ee1d;
    }

/* CONTENU */

.sit-portfolio-detail-content {
    position: relative;
    z-index: 2;
}

.sit-portfolio-category {
    display: block;
    margin-bottom: 12px;
    color: #42c4f5;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.sit-portfolio-detail-content h3 {
    margin-bottom: 18px;
    color: #fff;
    font-size: clamp(27px, 3vw, 38px);
    font-weight: 800;
    letter-spacing: -.8px;
}

.sit-portfolio-detail-content > p {
    max-width: 520px;
    color: #b3cde1;
    font-size: 14px;
    line-height: 1.85;
    margin-bottom: 25px;
}

/* FACTURATION NORMALISÉE */

.sit-portfolio-compliance {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 17px;
    margin-bottom: 25px;
    background: rgba(0,150,105,.1);
    border: 1px solid rgba(35,190,130,.25);
    border-radius: 7px;
}

.sit-compliance-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #07865f;
    color: #fff;
    font-weight: 800;
}

.sit-portfolio-compliance strong {
    display: block;
    color: #e2fff2;
    font-size: 13px;
    margin-bottom: 4px;
}

.sit-portfolio-compliance div > span {
    display: block;
    color: #9bcab9;
    font-size: 12px;
}

/* BOUTON DÉMONSTRATION */

.sit-portfolio-cta {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 15px 20px;
    border-radius: 5px;
    background: #159bda;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    transition: background .25s ease;
}

    .sit-portfolio-cta:hover {
        background: #0878d7;
        color: #fff;
    }

/* ANIMATION */

@keyframes sitPortfolioRotate {
    from {
        rotate: 0deg;
    }

    to {
        rotate: 360deg;
    }
}

/* RESPONSIVE */

@media (max-width: 991px) {
    .sit-portfolio-menu {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.1);
    }

    .sit-portfolio-detail {
        min-height: 590px;
    }
}

@media (max-width: 575px) {
    .sit-portfolio-menu-header {
        padding: 22px 18px;
    }

    .sit-portfolio-item {
        padding: 15px 18px;
        min-height: 62px;
    }

    .sit-portfolio-detail {
        padding: 25px 20px;
        min-height: 580px;
    }

    .sit-portfolio-visual {
        width: 210px;
        height: 210px;
    }

    .sit-portfolio-visual-ring.ring-a {
        width: 145px;
        height: 145px;
    }

    .sit-portfolio-visual-ring.ring-b {
        width: 205px;
        height: 205px;
    }

    .sit-portfolio-visual-core {
        width: 100px;
        height: 100px;
    }

        .sit-portfolio-visual-core span {
            font-size: 29px;
        }

    .sit-portfolio-detail-content h3 {
        font-size: 27px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sit-portfolio-visual-ring.ring-b {
        animation: none;
    }

    .sit-portfolio-item,
    .sit-portfolio-cta {
        transition: none;
    }
}
/* Masquer le module lorsqu'il ne concerne pas la solution */
.sit-portfolio-compliance[hidden] {
    display: none !important;
}


/* ==========================================
   SIMPLE IT - SECTION À PROPOS
   ========================================== */

.sit-about {
    padding: 110px 0;
    background: #fff;
}

/* PANNEAU IDENTITÉ */

.sit-about-identity {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 570px;
    padding: 38px;
    overflow: hidden;
    border-radius: 12px;
    background: radial-gradient( circle at 80% 25%, rgba(30, 142, 216, .25), transparent 55% ), #071b34;
    color: #fff;
}

    .sit-about-identity::before {
        content: "";
        position: absolute;
        width: 400px;
        height: 400px;
        right: -170px;
        top: 70px;
        border: 1px solid rgba(75, 180, 240, .18);
        border-radius: 50%;
        pointer-events: none;
    }

    .sit-about-identity::after {
        content: "";
        position: absolute;
        width: 260px;
        height: 260px;
        right: -100px;
        top: 140px;
        border: 1px dashed rgba(75, 180, 240, .2);
        border-radius: 50%;
        pointer-events: none;
    }

.sit-about-identity-top,
.sit-about-identity-center,
.sit-about-identity-bottom {
    position: relative;
    z-index: 1;
}

.sit-about-identity-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    color: #78b8de;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.sit-about-identity-mark {
    font-size: 35px;
    color: #48c4f4;
}

.sit-about-small-label {
    display: block;
    margin-bottom: 20px;
    color: #48c4f4;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.sit-about-identity-center h2 {
    max-width: 480px;
    margin-bottom: 25px;
    font-size: clamp(34px, 3.5vw, 49px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1.8px;
}

    .sit-about-identity-center h2 span {
        color: #48c4f4;
    }

.sit-about-accent {
    width: 65px;
    height: 4px;
    margin-bottom: 25px;
    background: #48c4f4;
}

.sit-about-identity-center p {
    max-width: 350px;
    color: #b9d0e2;
    font-size: 15px;
    line-height: 1.8;
}

.sit-about-identity-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.15);
}

    .sit-about-identity-bottom span {
        color: #a3c4dc;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1px;
    }

/* CONTENU ÉDITORIAL */

.sit-about-content {
    padding: 15px 0;
}

    .sit-about-content h2 {
        margin-bottom: 28px;
        font-size: clamp(30px, 3vw, 43px);
        font-weight: 800;
        line-height: 1.25;
        letter-spacing: -1.2px;
        color: var(--sit-text);
    }

        .sit-about-content h2 span {
            color: var(--sit-blue-deep);
        }

    .sit-about-content p {
        color: #66798d;
        font-size: 14px;
        line-height: 1.95;
        margin-bottom: 20px;
    }

    .sit-about-content .sit-about-lead {
        color: #243c54;
        font-size: 16px;
        font-weight: 700;
    }

/* PILIERS */

.sit-about-pillars {
    margin: 32px 0;
    border-top: 1px solid #e0e8f0;
}

.sit-about-pillar {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 17px 0;
    border-bottom: 1px solid #e0e8f0;
}

    .sit-about-pillar span {
        color: var(--sit-blue-deep);
        font-size: 12px;
        font-weight: 800;
    }

    .sit-about-pillar strong {
        color: #243c54;
        font-size: 14px;
    }

/* LIEN */

.sit-about-link {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--sit-blue-deep);
    color: var(--sit-blue-deep);
    font-size: 13px;
    font-weight: 800;
    transition: gap .25s ease;
}

    .sit-about-link:hover {
        gap: 25px;
        color: #055fae;
    }

/* RESPONSIVE */

@media (max-width: 991px) {
    .sit-about {
        padding: 75px 0;
    }

    .sit-about-identity {
        min-height: 490px;
    }

    .sit-about-content {
        padding: 0;
    }
}

@media (max-width: 575px) {
    .sit-about {
        padding: 60px 0;
    }

    .sit-about-identity {
        min-height: 450px;
        padding: 25px;
    }

    .sit-about-identity-center h2 {
        font-size: 35px;
    }

    .sit-about-identity-bottom {
        gap: 12px;
    }

        .sit-about-identity-bottom span {
            font-size: 9px;
        }

    .sit-about-content h2 {
        font-size: 31px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sit-about-link {
        transition: none;
    }
}

/* ==========================================
   SIMPLE IT - FORMULAIRE CONTACT
   ========================================== */

.sit-contact {
    padding: 110px 0;
    background: #f5f8fc;
}

.sit-contact-intro h2 {
    font-size: clamp(34px, 3.5vw, 49px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -1.5px;
    margin-bottom: 25px;
}

    .sit-contact-intro h2 span {
        color: var(--sit-blue-deep);
    }

.sit-contact-intro > p {
    max-width: 430px;
    color: #657a8e;
    font-size: 15px;
    line-height: 1.9;
}

.sit-contact-points {
    margin-top: 45px;
}

.sit-contact-point {
    display: flex;
    gap: 20px;
    padding: 24px 0;
    border-top: 1px solid #dce6ef;
}

    .sit-contact-point > span {
        color: var(--sit-blue-deep);
        font-size: 12px;
        font-weight: 800;
    }

    .sit-contact-point strong {
        display: block;
        color: #243b53;
        font-size: 15px;
        margin-bottom: 8px;
    }

    .sit-contact-point p {
        color: #71859a;
        font-size: 13px;
        line-height: 1.75;
        margin: 0;
    }

/* CARTE FORMULAIRE */

.sit-contact-form-card {
    padding: 38px;
    background: #fff;
    border: 1px solid #e0e8f0;
    border-radius: 12px;
    box-shadow: 0 18px 55px rgba(15,42,70,.06);
}

.sit-contact-form-heading {
    margin-bottom: 30px;
}

    .sit-contact-form-heading h3 {
        font-size: 24px;
        font-weight: 800;
        color: #203a53;
    }

    .sit-contact-form-heading p {
        color: #7a8ea0;
        font-size: 13px;
    }

.sit-contact-form-card .form-label {
    color: #30475d;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 9px;
}

.sit-contact-form-card .form-control,
.sit-contact-form-card .form-select {
    min-height: 48px;
    padding: 11px 14px;
    border: 1px solid #d7e2eb;
    border-radius: 5px;
    color: #253d54;
    background: #fff;
    font-size: 13px;
}

.sit-contact-form-card textarea.form-control {
    min-height: 130px;
    resize: vertical;
}

.sit-contact-form-card .form-control:focus,
.sit-contact-form-card .form-select:focus {
    border-color: #29ace2;
    box-shadow: 0 0 0 3px rgba(41,172,226,.12);
}

#sitSolutionGroup[hidden] {
    display: none !important;
}

.sit-contact-consent {
    margin: 22px 0;
    color: #7b8da0;
    line-height: 1.7;
}

.sit-contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    width: 100%;
    padding: 16px 20px;
    border: 0;
    border-radius: 5px;
    background: #0878d7;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

    .sit-contact-submit:hover:not(:disabled) {
        background: #065fae;
    }

    .sit-contact-submit:disabled {
        opacity: .65;
        cursor: not-allowed;
    }

.sit-contact-status {
    margin: 15px 0 0;
    color: #60758a;
    font-size: 12px;
}

@media (max-width: 991px) {
    .sit-contact {
        padding: 75px 0;
    }
}

@media (max-width: 575px) {
    .sit-contact {
        padding: 60px 0;
    }

    .sit-contact-form-card {
        padding: 25px 20px;
    }

    .sit-contact-intro h2 {
        font-size: 34px;
    }
}

/* ==========================================
   SIMPLE IT - LOGOS DES SOLUTIONS
   ========================================== */

.sit-portfolio-visual-core {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sit-solution-logo {
    display: block;
    width: 78%;
    height: 78%;
    object-fit: contain;
    object-position: center;
    flex-shrink: 0;
}


/* ==========================================
   SIMPLE IT - FINITION DES LOGOS RÉFÉRENCES
   ========================================== */

.sit-reference-card {
    position: relative;
}

    .sit-reference-card img {
        max-width: 100%;
        max-height: 85px;
        object-fit: contain;
    }

    /* Éviter tout effet de déformation ou de découpage */
    .sit-reference-card img {
        flex-shrink: 0;
    }

/* Adaptation aux petits écrans */
@media (max-width: 575px) {
    .sit-reference-card img {
        max-height: 65px;
    }
}

/* ==========================================
   SIMPLE IT - HERO / SIGNATURE INSTITUTIONNELLE
   ========================================== */

.sit-hero-signature {
    margin: 24px 0 0;
    padding-left: 15px;
    border-left: 3px solid #29ace2;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.7;
    letter-spacing: 0.2px;
}

@media (max-width: 575px) {
    .sit-hero-signature {
        margin-top: 20px;
        font-size: 12px;
    }
}
/* ==========================================
   SIMPLE IT - AI FACTORY / PROJET PILOTE
   Ajouter à la fin de wwwroot/css/site.css
   ========================================== */

.sit-ai-factory {
    position: relative;
    padding: 105px 0;
    overflow: hidden;
    background: #081b34;
    color: #fff;
}

    .sit-ai-factory::before {
        content: "";
        position: absolute;
        width: 480px;
        height: 480px;
        right: -200px;
        top: -220px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(41,172,226,.16), transparent 68%);
        pointer-events: none;
    }

.sit-ai-layout {
    position: relative;
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    align-items: center;
    gap: clamp(35px, 6vw, 95px);
}

.sit-ai-eyebrow {
    display: inline-block;
    margin-bottom: 22px;
    color: #70d4fa;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
}

.sit-ai-content h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: clamp(38px, 4.6vw, 64px);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.08;
}

    .sit-ai-content h2 span {
        color: #29ace2;
    }

.sit-ai-content h3 {
    margin: 0 0 20px;
    max-width: 600px;
    color: #f1f7fc;
    font-size: clamp(19px, 2vw, 25px);
    font-weight: 650;
    line-height: 1.4;
}

.sit-ai-content > p {
    max-width: 580px;
    margin: 0;
    color: #c4d4e4;
    font-size: 15px;
    line-height: 1.9;
}

.sit-ai-status {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 28px;
    color: #dbe8f4;
    font-size: 13px;
    line-height: 1.6;
}

.sit-ai-status-dot {
    flex: 0 0 8px;
    height: 8px;
    margin-top: 6px;
    border-radius: 50%;
    background: #29ace2;
    box-shadow: 0 0 0 5px rgba(41,172,226,.12);
}

.sit-ai-link {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-top: 30px;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(112,212,250,.65);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s ease, gap .2s ease;
}

    .sit-ai-link:hover,
    .sit-ai-link:focus-visible {
        color: #70d4fa;
        gap: 24px;
    }

.sit-ai-visual {
    padding: clamp(22px, 3vw, 38px);
    border: 1px solid rgba(112,212,250,.22);
    border-radius: 20px;
    background: linear-gradient(145deg, #123455 0%, #0a2440 100%);
    box-shadow: 0 25px 65px rgba(0,0,0,.16);
}

.sit-ai-visual-heading,
.sit-ai-visual-footer {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #84b8d3;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
}

.sit-ai-visual-heading {
    padding-bottom: 23px;
}

.sit-ai-axis {
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr) 25px;
    align-items: center;
    gap: 12px;
    padding: 21px 0;
    border-top: 1px solid rgba(182,215,234,.16);
    color: #f2f8fc;
    font-size: clamp(13px, 1.3vw, 16px);
    font-weight: 650;
}

.sit-ai-axis-number {
    color: #70d4fa;
    font-size: 11px;
    font-weight: 800;
}

.sit-ai-axis-symbol {
    justify-self: end;
    color: #70d4fa;
    font-size: 22px;
}

.sit-ai-visual-footer {
    align-items: center;
    justify-content: flex-start;
    padding-top: 23px;
    border-top: 1px solid rgba(182,215,234,.16);
}

.sit-ai-pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #009148;
}

@media (max-width: 991px) {
    .sit-ai-factory {
        padding: 75px 0;
    }

    .sit-ai-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }
}

@media (max-width: 575px) {
    .sit-ai-factory {
        padding: 60px 0;
    }

    .sit-ai-visual {
        padding: 20px;
    }

    .sit-ai-axis {
        padding: 17px 0;
    }

    .sit-ai-visual-heading,
    .sit-ai-visual-footer {
        font-size: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sit-ai-link {
        transition: none;
    }
}
/* PAGE À PROPOS — SIMPLE IT : styles isolés */
.sit-about-hero {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 85% 10%,rgba(41,172,226,.2),transparent 37%),linear-gradient(125deg,#081b34,#102d4f);
    color: #fff;
    padding: 115px 0 80px
}

.sit-about-hero-inner {
    position: relative;
    z-index: 1
}

.sit-about-eyebrow, .sit-about-label {
    display: inline-block;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase
}

.sit-about-eyebrow {
    color: #77d5fa
}

.sit-about-label {
    color: #0878d7;
    margin-bottom: 20px
}

.sit-about-hero h1 {
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.16;
    font-size: clamp(2.35rem,5vw,4.6rem);
    max-width: 970px;
    margin: 22px 0
}

    .sit-about-hero h1 span, .sit-about-cta h2 span {
        color: #6cd0f4
    }

.sit-about-hero p {
    font-size: 1.1rem;
    line-height: 1.85;
    max-width: 720px;
    color: #d0e1ee
}

.sit-about-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 30px 0 60px
}

.sit-about-btn-outline {
    border: 1px solid rgba(255,255,255,.55);
    color: white;
    padding: 12px 24px;
    border-radius: 9px;
    font-weight: 700
}

    .sit-about-btn-outline:hover {
        background: #fff;
        color: #081b34
    }

.sit-about-facts {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 20px;
    padding-top: 30px;
    border-top: 1px solid rgba(255,255,255,.2)
}

    .sit-about-facts > div {
        display: flex;
        flex-direction: column;
        gap: 7px
    }

    .sit-about-facts strong {
        font-size: clamp(1.35rem,3vw,2rem);
        font-weight: 800
    }

    .sit-about-facts span {
        font-size: .9rem;
        color: #bcd2e2
    }

.sit-about-section {
    padding: 95px 0;
    color: #081b34
}

.sit-about-section-alt {
    background: #f4f8fc
}

.sit-about-section h2 {
    font-size: clamp(2rem,3.4vw,3.2rem);
    line-height: 1.2;
    letter-spacing: -.035em;
    font-weight: 800;
    margin: 0 0 24px
}

    .sit-about-section h2 span {
        color: #0878d7
    }

.sit-about-copy, .sit-about-heading p {
    color: #526478;
    font-size: 1.04rem;
    line-height: 1.9
}

.sit-about-heading {
    max-width: 790px;
    margin-bottom: 35px
}

.sit-about-card {
    height: 100%;
    background: #fff;
    border: 1px solid #e3edf5;
    border-radius: 18px;
    padding: 38px;
    box-shadow: 0 10px 30px rgba(8,27,52,.04)
}

.sit-about-card-index, .sit-about-feature-kicker {
    font-size: .78rem;
    letter-spacing: .12em;
    color: #0878d7;
    font-weight: 800
}

.sit-about-card h3 {
    font-size: 1.5rem;
    font-weight: 800;
    margin: 22px 0 15px
}

.sit-about-card p {
    color: #526478;
    line-height: 1.8;
    margin: 0
}

.sit-about-feature {
    background: #081b34;
    border-radius: 20px;
    color: white;
    padding: 38px
}

.sit-about-feature-kicker {
    color: #6cd0f4
}

.sit-about-feature > div {
    padding: 18px 0;
    border-bottom: 1px solid rgba(255,255,255,.17);
    font-weight: 700
}

.sit-about-feature > a, .sit-about-text-link {
    display: inline-block;
    margin-top: 28px;
    color: #29ace2;
    font-weight: 800;
    text-decoration: none
}

    .sit-about-feature > a:hover, .sit-about-text-link:hover {
        text-decoration: underline
    }

.sit-about-country {
    background: #fff;
    border: 1px solid #e1ebf5;
    border-radius: 16px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%
}

    .sit-about-country strong {
        font-size: 1.5rem;
        font-weight: 800
    }

    .sit-about-country span {
        color: #526478
    }

.sit-about-innovation-card {
    background: linear-gradient(145deg,#081b34,#0d4773);
    border-radius: 22px;
    padding: 45px;
    color: #fff;
    min-height: 310px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .sit-about-innovation-card > span {
        font-size: .75rem;
        letter-spacing: .15em;
        font-weight: 800;
        color: #79d9ff
    }

    .sit-about-innovation-card strong {
        font-size: clamp(2.3rem,4vw,3.7rem);
        line-height: 1.12;
        letter-spacing: -.04em;
        margin: 20px 0
    }

    .sit-about-innovation-card p {
        color: #cbdfea;
        line-height: 1.7;
        margin: 0
    }

.sit-about-cta {
    padding: 85px 0;
    background: #081b34;
    color: #fff
}

    .sit-about-cta h2 {
        font-size: clamp(2rem,4vw,3.4rem);
        font-weight: 800;
        letter-spacing: -.035em;
        max-width: 800px;
        margin: 20px auto
    }

    .sit-about-cta p {
        color: #c9d9e6;
        margin-bottom: 30px
    }

.sit-about-signature {
    margin-top: 55px;
    font-size: .9rem;
    color: #a9c8da;
    font-style: italic
}

@media(max-width:767.98px) {
    .sit-about-hero {
        padding: 80px 0 55px
    }

    .sit-about-hero-actions {
        margin-bottom: 40px
    }

    .sit-about-facts {
        grid-template-columns: 1fr;
        gap: 22px
    }

    .sit-about-section {
        padding: 65px 0
    }

    .sit-about-card, .sit-about-feature, .sit-about-innovation-card {
        padding: 28px
    }

    .sit-about-cta {
        padding: 65px 0
    }
}


/* ==========================================
   SIMPLE IT - FOOTER INSTITUTIONNEL
   ========================================== */

.sit-footer {
    background: #081b34;
    color: #ffffff;
    padding: 76px 0 0;
}

.sit-footer-main {
    display: grid;
    grid-template-columns: 1.7fr 1fr 1fr 1.2fr;
    gap: 45px;
    padding-bottom: 60px;
}

.sit-footer-brand {
    max-width: 350px;
}

.sit-footer-logo {
    width: 170px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 22px;
}

.sit-footer-brand p {
    color: #bdcadd;
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 20px;
}

.sit-footer-signature {
    display: block;
    color: #29ace2;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.7;
}

.sit-footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
}

    .sit-footer-column h3 {
        color: #ffffff;
        font-size: 15px;
        font-weight: 800;
        margin: 0 0 12px;
    }

    .sit-footer-column a,
    .sit-footer-column > span {
        color: #bdcadd;
        font-size: 13px;
        line-height: 1.7;
        text-decoration: none;
    }

    .sit-footer-column a {
        transition: color 0.2s ease;
    }

        .sit-footer-column a:hover,
        .sit-footer-column a:focus-visible {
            color: #29ace2;
        }

.sit-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding: 24px 0;
    color: #aebed2;
    font-size: 12px;
}

/* TABLETTE */

@media (max-width: 991.98px) {
    .sit-footer-main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px;
    }
}

/* MOBILE */

@media (max-width: 575.98px) {
    .sit-footer {
        padding-top: 50px;
    }

    .sit-footer-main {
        grid-template-columns: 1fr;
        gap: 32px;
        padding-bottom: 40px;
    }

    .sit-footer-brand {
        max-width: 100%;
    }

    .sit-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 22px 0;
    }
}

/* Lien vers la présentation institutionnelle */

.sit-intro-about-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
    color: #0878d7;
    font-weight: 800;
    font-size: 14px;
    text-decoration: none;
    transition: gap 0.2s ease, color 0.2s ease;
}

    .sit-intro-about-link:hover {
        gap: 18px;
        color: #081b34;
    }
.sit-intro-about-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
    color: #0878d7;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}


/* ==========================================
   SIMPLE IT - TELEPHONE DANS LE HEADER
   ========================================== */

.sit-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    flex-shrink: 0;
}

.sit-header-phone {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
    color: #081b34;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .sit-header-phone svg {
        color: #0878d7;
        flex-shrink: 0;
    }

    .sit-header-phone:hover,
    .sit-header-phone:focus-visible {
        color: #0878d7;
    }

/* Écrans intermédiaires */

@media (min-width: 992px) and (max-width: 1399.98px) {
    .sit-header-actions {
        gap: 10px;
    }

    .sit-header-phone {
        font-size: 12px;
    }

        .sit-header-phone span {
            display: none;
        }
}

/* Tablettes et mobiles */

@media (max-width: 991.98px) {
    .sit-header-actions {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
        padding: 16px 0;
    }

    .sit-header-phone {
        font-size: 14px;
    }

        .sit-header-phone span {
            display: inline;
        }
}
/* Accès discret à l'administration */

.sit-footer-admin {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 12px !important;
    color: #8fa8c2 !important;
    transition: color 0.2s ease;
}

    .sit-footer-admin:hover {
        color: #29ace2 !important;
    }

/* ==========================================
   SIMPLE IT - ACCÈS ADMINISTRATION
   ========================================== */

.sit-footer-admin {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 12px !important;
    color: #8fa8c2 !important;
    transition: color 0.2s ease;
}

    .sit-footer-admin:hover {
        color: #29ace2 !important;
    }

/* ==========================================================
   SIMPLE IT - INTELLIGENCE MÉTIER
   Nouvelle section indépendante de l'ancien .sit-secteurs
   ========================================================== */
.sit-metiers {
    padding: 110px 0 95px;
    background: #f3f7fb;
    color: #081b34;
}

.sit-metiers-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, .75fr);
    align-items: end;
    gap: 45px;
    margin-bottom: 45px;
}

.sit-metiers-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #0878d7;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.6px;
    margin-bottom: 20px;
}

.sit-metiers-eyebrow-line {
    display: inline-block;
    width: 26px;
    height: 2px;
    background: #29ace2;
}

.sit-metiers-heading h2 {
    max-width: 780px;
    margin: 0;
    font-size: clamp(30px, 3.5vw, 50px);
    font-weight: 800;
    letter-spacing: -1.7px;
    line-height: 1.18;
}

    .sit-metiers-heading h2 span {
        display: block;
        color: #0878d7;
    }

.sit-metiers-heading > p {
    margin: 0;
    color: #63788d;
    font-size: 14px;
    line-height: 1.9;
}

.sit-metiers-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

.sit-metier-card {
    position: relative;
    overflow: hidden;
    min-height: 255px;
    padding: 26px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #dbe7f1;
    border-radius: 13px;
    background: #fff;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

    .sit-metier-card:hover {
        transform: translateY(-5px);
        border-color: #95caee;
        box-shadow: 0 15px 32px rgba(8, 27, 52, .08);
    }

.sit-metier-top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}

.sit-metier-index {
    color: #7d95ac;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.sit-metier-symbol {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: #ecf7ff;
    color: #0878d7;
    font-size: 21px;
}

.sit-metier-content {
    position: relative;
    z-index: 1;
}

    .sit-metier-content h3 {
        margin: 0 0 13px;
        color: #081b34;
        font-size: 19px;
        font-weight: 800;
        line-height: 1.35;
    }

    .sit-metier-content p {
        margin: 0;
        color: #667d93;
        font-size: 13px;
        line-height: 1.8;
    }

.sit-metier-feature {
    grid-column: span 2;
    color: #fff;
    background: radial-gradient(circle at 85% 20%, rgba(41,172,226,.25), transparent 52%), #081b34;
    border-color: #163b61;
}

    .sit-metier-feature .sit-metier-index {
        color: #9cbcd5;
    }

    .sit-metier-feature .sit-metier-symbol {
        background: rgba(41,172,226,.14);
        color: #55c9f5;
    }

    .sit-metier-feature .sit-metier-content {
        max-width: 430px;
    }

        .sit-metier-feature .sit-metier-content h3 {
            color: #fff;
            font-size: clamp(22px, 2.3vw, 30px);
        }

        .sit-metier-feature .sit-metier-content p {
            color: #bdd1e3;
        }

.sit-metier-kind {
    display: inline-block;
    margin-bottom: 10px;
    color: #57c8f5;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.sit-metier-feature-decor {
    position: absolute;
    right: -14px;
    bottom: -35px;
    font-size: 140px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -8px;
    color: rgba(41,172,226,.065);
    pointer-events: none;
}

.sit-metiers-bottom {
    margin-top: 30px;
    padding-top: 27px;
    border-top: 1px solid #d9e4ee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.sit-metiers-bottom-tag {
    display: block;
    margin-bottom: 8px;
    color: #0878d7;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.sit-metiers-bottom p {
    margin: 0;
    color: #193a59;
    font-size: 15px;
    font-weight: 700;
}

.sit-metiers-cta {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #0878d7;
    font-weight: 800;
    font-size: 13px;
    text-decoration: none;
    white-space: nowrap;
    transition: gap .2s ease;
}

    .sit-metiers-cta:hover {
        color: #081b34;
        gap: 18px;
    }

@media (max-width: 1199.98px) {
    .sit-metiers-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .sit-metiers {
        padding: 75px 0;
    }

    .sit-metiers-heading {
        grid-template-columns: 1fr;
        gap: 20px;
    }

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

@media (max-width: 575.98px) {
    .sit-metiers {
        padding: 60px 0;
    }

    .sit-metiers-heading h2 {
        letter-spacing: -1px;
    }

    .sit-metiers-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .sit-metier-feature {
        grid-column: auto;
    }

    .sit-metier-card {
        min-height: 210px;
        padding: 22px;
    }

    .sit-metiers-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sit-metier-card, .sit-metiers-cta {
        transition: none;
    }
}