/* services : repris de home.html, adapté au balisage WordPress */
.services{background:var(--blanc)}
.services h2{margin-bottom:28px}
.piliers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:32px}
.pilier{display:flex;gap:16px;align-items:center;padding:18px;border-radius:8px;background:var(--glace)}
.tuile-pilier{flex:none;width:52px;height:52px;border-radius:8px;display:grid;place-items:center;color:var(--bleu);background:#fff;border:1px solid var(--filet);box-shadow:0 10px 22px -16px rgba(10,34,64,.45)}
.tuile-pilier svg{width:34px;height:34px;overflow:visible}
.tuile-pilier *{transform-box:fill-box;transform-origin:center}
.tuile-pilier .pouls{stroke-dasharray:1;stroke-dashoffset:0}
.tuile-pilier .direct{animation:clignote 2s ease-in-out infinite}
.texte.vu .tuile-pilier .pouls{animation:trace-inverse 1.2s ease-out .5s backwards}
.pilier:hover .tuile-pilier .pouls{animation:trace-inverse 1.8s ease-out infinite}
.texte.vu .tuile-pilier .engrenage{animation:tourne-quart 1.2s cubic-bezier(.3,1.4,.5,1) .6s}
.pilier:hover .tuile-pilier .engrenage{animation:tourne 4s linear infinite}
.texte.vu .tuile-pilier .badge{animation:tampon .5s cubic-bezier(.3,1.6,.5,1) 1.2s backwards}
.texte.vu .tuile-pilier .cle{animation:visse 1.1s ease-in-out .7s}
.pilier:hover .tuile-pilier .cle{animation:visse 1.1s ease-in-out infinite}
.tuile-pilier .g1,.tuile-pilier .g2,.tuile-pilier .g3{transform-origin:bottom}
.texte.vu .tuile-pilier :is(.g1,.g2,.g3){animation:pousse .8s cubic-bezier(.3,1.4,.5,1) .6s backwards}
.texte.vu .tuile-pilier .g2{animation-delay:.72s}
.texte.vu .tuile-pilier .g3{animation-delay:.84s}
.texte.vu .tuile-pilier .piece{animation:tampon .5s cubic-bezier(.3,1.6,.5,1) 1.2s backwards}
.pilier:hover .tuile-pilier :is(.g1,.g2,.g3){animation:pousse 1.6s cubic-bezier(.3,1.4,.5,1) infinite}
.pilier:hover .tuile-pilier .g2{animation-delay:.12s}
.pilier:hover .tuile-pilier .g3{animation-delay:.24s}
.pilier:hover .tuile-pilier .piece{animation:tampon 1.6s cubic-bezier(.3,1.6,.5,1) .4s infinite}
.pilier p:first-child{display:block;font:650 1rem/1.3 var(--titre);color:var(--encre)}
.pilier p + p{display:block;font-size:.9rem;color:var(--gris);line-height:1.45;margin-top:4px}
.univers{position:sticky;top:calc(var(--entete) + 24px);border-radius:8px;padding:32px;color:#fff;background:radial-gradient(120% 90% at 100% 0%,#1666aa 0%,rgba(22,102,170,0) 60%),linear-gradient(160deg,var(--marine-2),var(--nuit));overflow:hidden}
.univers::after{content:"";position:absolute;width:260px;aspect-ratio:1;border-radius:50%;right:-80px;bottom:-90px;border:1px solid rgba(79,195,234,.3);box-shadow:0 0 0 40px rgba(79,195,234,.05),0 0 0 80px rgba(79,195,234,.03)}
.univers h3{font-size:1.4rem;margin-bottom:6px}
.univers > p{color:#b9d0e3;font-size:.95rem;margin-bottom:24px}
.tuiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1}
.tuile{display:flex;flex-direction:column;gap:14px;padding:20px 18px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:background .2s,border-color .2s}
.tuile:hover{background:rgba(255,255,255,.12);border-color:rgba(79,195,234,.5)}
.tuile svg{width:50px;height:50px;padding:9px;border-radius:8px;color:var(--cyan-clair);background:linear-gradient(150deg,rgba(79,195,234,.16),rgba(16,80,143,.22));border:1px solid rgba(79,195,234,.26)}
.tuile p{font:600 1rem/1.25 var(--titre)}
.aussi{position:relative;z-index:1;margin-top:24px}
.aussi > p{display:block;font:600 .95rem/1.3 var(--titre);color:#fff;margin-bottom:12px}
.aussi ul.wp-block-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.aussi li{font-size:.86rem;line-height:1;padding:9px 13px;border-radius:8px;background:rgba(79,195,234,.12);border:1px solid rgba(79,195,234,.3);color:#d6e9f6}
.univers-tel{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);text-decoration:none}
.univers-tel svg{width:46px;height:46px;padding:8px;border-radius:8px;flex:none;color:var(--cyan-clair);background:linear-gradient(150deg,rgba(79,195,234,.16),rgba(16,80,143,.22));border:1px solid rgba(79,195,234,.26)}
.univers-tel p{font-size:.88rem;color:#b9d0e3;line-height:1.3}
.univers-tel strong{display:block;font:780 1.35rem/1.15 var(--titre);font-stretch:108%;color:#fff}
@media (max-width:980px){
  .univers{position:static}
}
@media (max-width:640px){
  .piliers,.tuiles{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .tuile-pilier *{animation:none!important}
}
.univers.vu .pd .cle{animation:visse 1.1s ease-in-out}
.univers.vu .pd .restaure{animation:tourne-inverse 1.2s cubic-bezier(.4,0,.2,1)}
.univers.vu .pd .ecran{animation:trace-inverse 1.2s ease-out}
.univers.vu .pd .notif{animation:tampon .6s cubic-bezier(.3,1.6,.5,1)}
.univers.vu .pd .lignes path{animation:trace-inverse 1s ease-out}
:is(.tuile,.rail-item,.pied-domaines a):hover .pd .l2,.univers.vu .pd .l2{animation-delay:.15s}
:is(.tuile,.rail-item,.pied-domaines a):hover .pd .l3,.univers.vu .pd .l3{animation-delay:.3s}
:is(.univers-tel,.lien-assistance):hover .pd .micro{animation:pulse-n .9s ease-in-out 2}
:is(.tuile,.rail-item,.pied-domaines a):hover .pd :is(.cle,.restaure,.fleche-haut,.noeud,.etincelle,.notif,.coche,.liens){animation-iteration-count:infinite}

/* WordPress : piliers, tuiles et lien d'assistance en blocs natifs */
.pilier p{margin:0}
.tuile{position:relative}
.tuile p{margin:0}
.tuile a{color:inherit;text-decoration:none}
.tuile a::after{content:"";position:absolute;inset:0;border-radius:8px}
.aussi > p{margin-top:0}
.univers-tel p{margin:0}
.univers-tel a{color:inherit;text-decoration:none}
.univers-tel a::after{content:"";position:absolute;inset:0}
/* Correctif de la maquette : en position statique, le cercle décoratif de .univers n'était plus rogné et élargissait la page en mobile */
@media (max-width:980px){.univers{position:relative;top:auto}}