/* Page ADAKA : style sobre d'infogérance (inspiré d'iaf.fr) — fond nuit, accent rouge du logo,
   angles droits, beaucoup de blanc, aucune animation décorative */
.ak{--ak-rouge:#e3262f;--ak-rouge-fonce:#c41a22;--ak-nuit:#0d1016;--ak-ardoise:#1a1f29;--ak-texte:#1c1f26;--ak-gris:#5b616e;--ak-ligne:#e3e5ea;
  font-family:var(--texte);color:var(--ak-texte)}
.ak h1,.ak h2,.ak h3{font-family:var(--texte);letter-spacing:-.02em}
.ak-etiquette{font:600 12.5px var(--texte);letter-spacing:.14em;text-transform:uppercase;color:var(--ak-rouge);margin-bottom:14px}

/* en-tête nuit : lignes fines façon baie de serveurs */
.ak-hero{background:
  linear-gradient(180deg,rgba(13,16,22,.6),var(--ak-nuit) 92%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 96px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 48px),
  radial-gradient(1200px 500px at 80% 0%,#1d2a44,var(--ak-nuit) 70%);
  color:#fff;padding:clamp(40px,6vw,88px) 0 0}
.ak-logo{display:block;width:clamp(220px,26vw,340px);height:auto;margin-bottom:clamp(28px,4vw,48px)}
.ak-hero h1{font-size:clamp(32px,4.2vw,58px);font-weight:700;line-height:1.08;max-width:900px}
.ak-chapo{margin-top:18px;max-width:720px;font-size:17px;line-height:1.6;color:#c4c9d4}
.ak-boutons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ak-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:4px;font:600 15px var(--texte);transition:background .2s,border-color .2s,color .2s}
.ak-btn-rouge{background:var(--ak-rouge);color:#fff}
.ak-btn-rouge:hover{background:var(--ak-rouge-fonce)}
.ak-btn-contour{border:1px solid rgba(255,255,255,.55);color:#fff}
.ak-btn-contour:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.ak-btn-contour-sombre{border:1px solid var(--ak-texte);color:var(--ak-texte)}
.ak-btn-contour-sombre:hover{background:var(--ak-texte);color:#fff}
.ak-chiffres{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}
.ak-chiffres li{padding:26px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.12);display:grid;gap:6px}
.ak-chiffres li:last-child{border-right:0}
.ak-chiffres b{font:600 clamp(24px,2.4vw,32px) var(--texte);color:#fff}
.ak-chiffres span{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#9aa1ae}

.ak-section{padding:clamp(56px,7vw,104px) 0;background:#fff}
.ak-gris{background:#f5f6f8}
.ak-section h2{font-size:clamp(26px,2.8vw,38px);font-weight:700;line-height:1.15;max-width:760px}

.ak-services{margin-top:clamp(28px,3.5vw,48px);display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--ak-ligne)}
.ak-services article{padding:30px 26px;border-right:1px solid var(--ak-ligne);border-top:3px solid transparent;transition:border-top-color .2s,background .2s}
.ak-services article:last-child{border-right:0}
.ak-services article:hover{border-top-color:var(--ak-rouge);background:#fafbfc}
.ak-services svg{width:30px;height:30px;fill:none;stroke:var(--ak-rouge);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px}
.ak-services h3{font-size:18px;font-weight:700;margin-bottom:10px}
.ak-services p{color:var(--ak-gris);font-size:15px;line-height:1.6}

.ak-etapes{list-style:none;margin:clamp(28px,3.5vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:ak}
.ak-etapes li{counter-increment:ak;padding-top:20px;border-top:2px solid var(--ak-texte);display:grid;gap:8px}
.ak-etapes li::before{content:counter(ak,decimal-leading-zero);font:600 14px var(--texte);color:var(--ak-rouge);letter-spacing:.08em}
.ak-etapes b{font-size:19px}
.ak-etapes span{color:var(--ak-gris);font-size:15px;line-height:1.6}

.ak-agence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(24px,5vw,80px)}
.ak-texte p{color:var(--ak-gris);font-size:16.5px;line-height:1.7}
.ak-texte p+p{margin-top:14px}

.ak-appel{background:#f5f6f8;border-left:6px solid var(--ak-rouge);padding:clamp(36px,4.5vw,56px) 0}
.ak-appel-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.ak-appel h2{font-size:clamp(22px,2.2vw,30px);font-weight:700}
.ak-appel p{margin-top:8px;color:var(--ak-gris)}
.ak-appel .ak-boutons{margin-top:0}

@media (max-width:1000px){
  .ak-chiffres{grid-template-columns:repeat(2,1fr)}
  .ak-chiffres li:nth-child(2){border-right:0}
  .ak-chiffres li:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
  .ak-services{grid-template-columns:repeat(2,1fr)}
  .ak-services article:nth-child(2){border-right:0}
  .ak-services article:nth-child(-n+2){border-bottom:1px solid var(--ak-ligne)}
  .ak-agence{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ak-chiffres{grid-template-columns:1fr}
  .ak-chiffres li{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .ak-services{grid-template-columns:1fr}
  .ak-services article{border-right:0;border-bottom:1px solid var(--ak-ligne)}
  .ak-etapes{grid-template-columns:1fr}
}
.ak-agence-logo img{display:block;width:clamp(200px,22vw,300px);height:auto;margin-top:6px}