/* Page Services : l'offre « SaaS et CRM sur mesure » (sixième carte, sur toute la largeur) et les réalisations,
   chacune avec une capture de démonstration dans un cadre de navigateur. */
.service.sur-mesure{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:16px 34px;background:linear-gradient(100deg,rgba(34,211,251,.16),rgba(6,12,30,.85) 62%);border-color:rgba(34,211,251,.34)}
.sur-mesure > svg{align-self:start;width:44px;height:44px}
.sm-titre{display:grid;gap:8px}
.sm-titre h3{font:700 1.5rem/1.2 var(--f-titre)}
.sm-titre p{margin:0;color:var(--texte-2);font-size:.95rem;max-width:46ch}
.sm-badge{justify-self:start;padding:5px 10px;border-radius:999px;background:var(--cyan);color:#03102A;font:500 .62rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase}
.sm-lien{grid-column:2/-1;justify-self:start;display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-weight:600;text-decoration:none}
@media (max-width:900px){.service.sur-mesure{grid-template-columns:auto minmax(0,1fr)}.sur-mesure ul,.sm-lien{grid-column:1/-1}}
@media (max-width:540px){.service.sur-mesure{grid-template-columns:minmax(0,1fr)}}

.realisations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.real{display:flex;flex-direction:column;border-radius:var(--r);background:var(--verre);border:1px solid var(--trait);overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .3s}
.real:hover{border-color:var(--trait-fort)}
.real-ecran{position:relative;margin:0;padding:32px 16px 0;background:linear-gradient(180deg,rgba(34,211,251,.1),rgba(34,211,251,0) 85%);border-bottom:1px solid var(--trait)}
.real-barre{position:absolute;top:13px;left:18px;display:flex;gap:6px}
.real-barre i{width:8px;height:8px;border-radius:50%;background:rgba(234,240,255,.22)}
.real-ecran img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:10px 10px 0 0;background:var(--nuit-2);box-shadow:0 -8px 30px rgba(3,8,22,.45)}
.real-texte{display:grid;gap:10px;padding:22px 24px 26px}
.real-secteur{font:500 .66rem/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.real h3{font:700 1.2rem/1.25 var(--f-titre)}
.real p{margin:0;color:var(--texte-2);font-size:.93rem}
.real-points{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
.real-points li{padding:6px 11px;border-radius:999px;border:1px solid var(--trait);font-size:.78rem;line-height:1.3;color:var(--texte)}
.real-note{margin:18px 0 0;font:500 .66rem/1.5 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--texte-2)}
@media (max-width:820px){.realisations{grid-template-columns:minmax(0,1fr)}.real-texte{padding:20px 20px 22px}}