.azl-outil{
  --ink:#14232B; --body:#4B5A61; --muted:#7C8E97; --line:#DFE8EC;
  --sunk:#F4F8FA; --wash:#E8F5F9; --primary:#1E95B0; --deep:#0F5D71;
  --band-1:#05121A; --band-2:#0D3D4C; --band-3:#166278;
  --eyebrow:#57D3EA; --band-txt:#BCD3DC; --band-line:rgba(255,255,255,.16);
  color:var(--body); font-size:16px; line-height:1.6;
}
.azl-outil *{box-sizing:border-box}
/* ---------------- Bandeau ---------------- */
.azl-band{
  position:relative; overflow:hidden; border-radius:16px;
  background:linear-gradient(118deg,var(--band-1) 0%,var(--band-2) 58%,var(--band-3) 100%);
  padding:30px 34px 32px; margin:0 0 30px;
  display:grid; grid-template-columns:minmax(0,1fr) 336px; gap:34px; align-items:start;
}
.azl-band::after{
  content:""; position:absolute; right:-90px; top:-120px; width:340px; height:340px;
  border-radius:50%; background:radial-gradient(circle,rgba(87,211,234,.20),transparent 68%);
  pointer-events:none;
}
.azl-band__main{position:relative; z-index:1; min-width:0}
.azl-fil{
  margin:0 0 14px; font-size:11.5px; font-weight:700; letter-spacing:.11em;
  text-transform:uppercase; color:var(--eyebrow);
}
.azl-fil a{color:var(--eyebrow); text-decoration:none; border-bottom:1px solid rgba(87,211,234,.35)}
.azl-fil a:hover{color:#fff; border-bottom-color:#fff}
.azl-fil span{opacity:.5; margin:0 6px}
.azl-band h2{
  margin:0 0 14px; color:#fff; font-size:27px; line-height:1.2;
  font-weight:800; letter-spacing:-.015em; max-width:26ch; text-wrap:balance;
}
.azl-band__promesse{
  margin:0 0 22px; font-size:15px; line-height:1.68; color:var(--band-txt); max-width:60ch;
}
.azl-band__promesse b{color:#fff}
.azl-tags{display:flex; flex-wrap:wrap; gap:7px; margin:0 0 18px}
.azl-tag{
  font-size:10.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  padding:4px 10px; border-radius:999px;
  background:rgba(255,255,255,.10); color:#D6EAF1; border:1px solid var(--band-line);
}
.azl-tag--coeur{background:rgba(255,200,60,.14); color:#FFD98A; border-color:rgba(255,200,60,.32)}
.azl-actions{display:flex; flex-wrap:wrap; gap:10px}
.azl-btn{
  display:inline-flex; align-items:center; gap:8px; text-decoration:none;
  font-size:14.5px; font-weight:700; padding:12px 20px; border-radius:999px;
  border:1px solid transparent; line-height:1.2; transition:transform .12s ease, background .15s ease;
}
.azl-btn--go{background:#fff; color:#0B2129}
.azl-btn--go:hover{background:#DFF4FA; color:#0B2129; transform:translateY(-1px)}
.azl-btn--ghost{background:rgba(255,255,255,.07); color:#fff; border-color:var(--band-line)}
.azl-btn--ghost:hover{background:rgba(255,255,255,.15); color:#fff}
.azl-btn__ico{width:16px; height:16px; flex:0 0 16px}
.azl-dl-note{margin:11px 0 0; font-size:12px; color:rgba(188,211,220,.8)}
/* --------- Panneau « ce que tu repars avec » --------- */
.azl-panneau{
  position:relative; z-index:1;
  background:rgba(255,255,255,.07); border:1px solid var(--band-line);
  border-radius:13px; padding:17px 18px 18px;
}
.azl-panneau__tete{display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:0 0 13px}
.azl-panneau__lab{font-size:10.5px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; color:var(--eyebrow)}
.azl-panneau__n{font-size:12.5px; color:var(--band-txt); white-space:nowrap}
.azl-etapes-mini{display:grid; grid-template-columns:repeat(auto-fit,minmax(62px,1fr)); gap:10px; margin:0 0 16px; padding:0; list-style:none}
.azl-etapes-mini li{text-align:center}
.azl-puce{
  width:30px; height:30px; margin:0 auto 7px; border-radius:50%;
  background:rgba(87,211,234,.18); border:1px solid rgba(87,211,234,.45);
  display:flex; align-items:center; justify-content:center;
}
.azl-puce svg{width:15px; height:15px; stroke:var(--eyebrow); fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round}
.azl-etapes-mini span{display:block; font-size:11px; line-height:1.35; color:#E4F2F7; font-weight:600}
.azl-meta{margin:0; padding:13px 0 0; border-top:1px solid var(--band-line); display:grid; gap:7px}
.azl-meta div{display:flex; justify-content:space-between; gap:12px; font-size:12.5px}
.azl-meta dt{color:rgba(188,211,220,.75); margin:0}
.azl-meta dd{margin:0; color:#fff; font-weight:600; text-align:right}
/* ---------------- Corps ---------------- */
.azl-corps{display:flex; flex-direction:column; gap:34px; max-width:78ch}
.azl-sec > h2{
  margin:0 0 4px; font-size:13px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:var(--primary);
}
.azl-sec > h2 + p, .azl-sec > h2 + .azl-intro{margin-top:0}
.azl-sec h3{margin:0 0 12px; font-size:23px; line-height:1.25; color:var(--ink); font-weight:800; letter-spacing:-.012em; text-wrap:balance}
.azl-sec p{margin:0 0 12px; font-size:16px; line-height:1.68}
.azl-sec p:last-child{margin-bottom:0}
.azl-sec strong,.azl-sec b{color:var(--ink)}
.azl-outil code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.86em;
  background:var(--wash); border:1px solid #CFE7EF; border-radius:5px;
  padding:1px 6px; color:var(--deep); white-space:nowrap;
}
/* cartes de livrables */
.azl-cartes{list-style:none; margin:0; padding:0; display:grid; gap:11px}
.azl-cartes li{
  display:flex; gap:14px; align-items:flex-start;
  background:#fff; border:1px solid var(--line); border-left:3px solid var(--primary);
  border-radius:11px; padding:15px 17px; font-size:15.5px; line-height:1.6;
}
.azl-cartes__ico{
  flex:0 0 34px; width:34px; height:34px; border-radius:9px; background:var(--wash);
  display:flex; align-items:center; justify-content:center; margin-top:1px;
}
.azl-cartes__ico svg{width:17px; height:17px; stroke:var(--deep); fill:none; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round}
/* installation */
.azl-pas{list-style:none; margin:0; padding:0 0 0 13px; border-left:2px solid var(--line); display:flex; flex-direction:column; gap:22px}
.azl-pas li{position:relative; padding-left:44px; min-height:34px}
.azl-pas li::before{
  counter-increment:pas; content:counter(pas);
  position:absolute; left:-27px; top:-1px; width:30px; height:30px; border-radius:50%;
  background:var(--primary); color:#fff; font-size:14px; font-weight:700;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 0 0 5px #fff;
}
.azl-pas{counter-reset:pas}
.azl-pas > li > b{display:block; color:var(--ink); font-size:16.5px; margin:0 0 4px; font-weight:700}
.azl-pas span{display:block; font-size:15.5px; line-height:1.62}
/* citations */
.azl-dire{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.azl-dire li{
  background:var(--sunk); border-left:3px solid var(--primary); border-radius:0 8px 8px 0;
  padding:11px 16px; font-size:15.5px; line-height:1.55; color:var(--ink);
}
/* note discrète */
.azl-note{
  margin:15px 0 0; font-size:14px; line-height:1.6; color:var(--muted);
  padding-left:14px; border-left:2px solid var(--line); max-width:72ch;
}
.azl-note b{color:var(--body)}
.azl-note a{color:var(--primary)}
/* déroulé */
.azl-deroule{list-style:none; margin:0; padding:0}
.azl-deroule li{padding:13px 0; border-bottom:1px solid var(--line); font-size:15.5px; line-height:1.62}
.azl-deroule li:last-child{border-bottom:none; padding-bottom:0}
.azl-deroule b{color:var(--ink)}
/* encart humain */
.azl-garde{
  background:linear-gradient(135deg,var(--wash),#F5FBFD);
  border:1px solid #CFE7EF; border-radius:13px; padding:20px 24px;
}
.azl-garde p{margin:0; font-size:15.5px; line-height:1.68; color:var(--deep); max-width:70ch}
/* et après */
.azl-suite{
  background:var(--ink); border-radius:13px; padding:22px 26px;
}
.azl-suite h3{color:#fff; margin:0 0 9px; font-size:19px}
.azl-suite p{margin:0; color:#C6D4DA; font-size:15.5px; line-height:1.68; max-width:72ch}
.azl-suite b{color:#fff}
.azl-suite code{background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.2); color:#9FE4F5}
/* ---------------- Téléphone ---------------- */
@media (max-width:980px){
  .azl-band{grid-template-columns:1fr; gap:24px; padding:26px 22px 28px; border-radius:14px}
  .azl-band h2{font-size:23px}
  .azl-band::after{right:-140px; top:-160px}
}
@media (max-width:560px){
  .azl-band{padding:22px 18px 24px}
  .azl-band h2{font-size:21px}
  .azl-sec h3{font-size:20px}
  .azl-actions{flex-direction:column; align-items:stretch}
  .azl-btn{justify-content:center}
  .azl-pas li{padding-left:34px}
  .azl-cartes li{flex-direction:column; gap:10px}
}

/* Shell page outil */
.azl-page-content--outil .azl-page-content__body{max-width:none}
.azl-page-content--outil .azl-outil{margin-top:4px}
.azl-band__promesse p{margin:0 0 .55em;color:inherit;font-size:inherit;line-height:inherit}
.azl-band__promesse p:last-child{margin-bottom:0}
.azl-band__promesse p b,.azl-band__promesse p strong{color:#fff}
.azl-intro{margin:0 0 12px}
.azl-cartes li > div > p{display:inline;margin:0}
.azl-pas span p{display:inline;margin:0}