/* DÉVELOPPEMENT WEB (26/10/2026) — l'aiguillage : on choisit son besoin, la technologie qui y répond s'allume.
   Pôle Création de site (violet) ; cartes en verre sombre, nom de la technologie en lettres chromées. */
.d-besoins{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.d-besoins button{padding:14px 22px;border-radius:999px;border:1px solid var(--w-filet-fort);background:transparent;color:var(--w-gris);font:inherit;font-size:16px;cursor:pointer;transition:color .3s,background .3s,border-color .3s}
.d-besoins button:hover{color:var(--w-blanc)}
.d-besoins button[aria-selected="true"]{color:#0A0B0E;background:#F7FAFF;border-color:#F7FAFF}
.d-techs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.2vw,20px)}
.d-tech{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(24px,2.2vw,34px);border-radius:22px;border:1px solid var(--w-filet);
  background:linear-gradient(165deg,#14161C,#0C0D11 70%);opacity:.38;filter:grayscale(1);transition:opacity .6s var(--w-ease),filter .6s,border-color .6s,transform .6s var(--w-ease),box-shadow .6s}
.d-tech.est-allume{opacity:1;filter:none;border-color:color-mix(in srgb,var(--pole) 55%,transparent);transform:translateY(-6px);
  box-shadow:0 40px 80px -40px color-mix(in srgb,var(--pole) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}
.d-tech__nom{font-size:clamp(26px,2.2vw,36px);font-weight:600;letter-spacing:-.03em;line-height:1;
  background:linear-gradient(172deg,#FFFFFF 0%,#E9EEF6 30%,#8C97AA 46%,#3B4252 50%,#B9C4D6 56%,#F7FAFF 72%,#9AA6BA 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.08em}
.d-tech__role{margin:0;font-size:16px;line-height:1.55;color:#C7CBD6}
.d-tech__points{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.d-tech__points li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.5;color:var(--w-gris)}
.d-tech__points li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff,var(--pole) 60%,#1B1F28)}
.d-tech__exemple{margin-top:auto;display:grid;gap:2px;padding:14px 16px;border-radius:14px;border:1px solid var(--w-filet);color:#F7FAFF;text-decoration:none;font-size:15px;font-weight:500;transition:border-color .3s,background .3s}
.d-tech__exemple small{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--w-gris-doux)}
.d-tech__exemple:hover{border-color:color-mix(in srgb,var(--pole) 60%,transparent);background:color-mix(in srgb,var(--pole) 10%,transparent)}
.d-tech__plus{font-size:14px;color:color-mix(in srgb,var(--pole) 60%,#F7FAFF);text-decoration:none}
.d-tech__plus:hover{text-decoration:underline;text-underline-offset:4px}
.d-tech:not(:has(.d-tech__exemple)) .d-tech__points{margin-bottom:auto}
@media (max-width:1100px){.d-techs{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.d-techs{grid-template-columns:1fr}.d-tech{opacity:1;filter:none}}