/* ==========================================================================
   Maxelik, page fille « Audit SEO » (classes au-), sur le socle seo.css du silo
   ========================================================================== */

/* ---------- hero : carte de pré-audit ---------- */
.au-pre{display:grid;gap:14px;padding:clamp(22px,2.6vw,32px);border-radius:var(--r);background:rgba(10,20,30,.66);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px -40px rgba(0,0,0,.8)}
.au-pre-k{font-size:.8rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#7fd8ff}
.au-pre-t{font-size:1.15rem;font-weight:800;line-height:1.4;color:#fff}
.au-form{display:grid;gap:10px}
.au-form input{height:52px;padding:0 16px;border:0;border-radius:var(--r);background:#fff;font:600 1rem/1 "Nunito Sans",system-ui,sans-serif;color:var(--slate)}
.au-form input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.au-msg{font-size:.9rem;color:#9fe0ff}
.au-msg:empty{display:none}
.au-pre-n{font-size:.86rem;line-height:1.55;color:#a9b8c0}

/* ---------- pré-audit ou audit complet ---------- */
.au-vs-h{margin-top:clamp(48px,6vw,80px);font-size:1.35rem}
.au-vs{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(16px,2vw,24px);margin-top:22px}
.au-vs-c{padding:clamp(24px,3vw,38px);border-radius:var(--r);background:var(--soft)}
.au-vs-c.is-full{background:radial-gradient(120% 120% at 100% 0%,#0a4a91 0%,#112a40 55%,#141d22 100%);color:#c8d3d9;box-shadow:0 50px 90px -60px rgba(10,40,80,.8)}
.au-vs-k{font-size:1.2rem;font-weight:900;color:var(--slate)}
.au-vs-c.is-full .au-vs-k{color:#fff}
.au-vs dl{margin:14px 0 0;display:grid}
.au-vs dl div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:14px;padding:13px 0;box-shadow:0 -1px 0 #dde6ee}
.au-vs-c.is-full dl div{box-shadow:0 -1px 0 rgba(255,255,255,.1)}
.au-vs dt{font-size:.84rem;font-weight:800;color:#7b8a94}
.au-vs-c.is-full dt{color:#7fd8ff}
.au-vs dd{margin:0;font-size:.95rem;line-height:1.55;color:var(--slate)}
.au-vs-c.is-full dd{color:#e6edf0}

/* ---------- quatre axes : onglets en CSS ---------- */
.au-tabs{position:relative}
.au-tabs>input{position:absolute;opacity:0;pointer-events:none}
.au-tl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.au-tl label{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 14px;border-radius:var(--r) var(--r) 0 0;background:#e7eff8;font-weight:800;color:var(--ink-2);cursor:pointer;transition:background-color .3s,color .3s}
.au-tl label .ico{width:22px;height:22px}
.au-tl label:hover{background:#dbe8f6;color:var(--slate)}
#ax1:checked~.au-tl label[for="ax1"],#ax2:checked~.au-tl label[for="ax2"],#ax3:checked~.au-tl label[for="ax3"],#ax4:checked~.au-tl label[for="ax4"]{background:#fff;color:var(--blue)}
#ax1:focus-visible~.au-tl label[for="ax1"],#ax2:focus-visible~.au-tl label[for="ax2"],#ax3:focus-visible~.au-tl label[for="ax3"],#ax4:focus-visible~.au-tl label[for="ax4"]{outline:2px solid var(--cyan);outline-offset:-2px}
.au-panels{border-radius:0 0 var(--r) var(--r);background:#fff;box-shadow:0 40px 80px -60px rgba(10,40,80,.5)}
.au-p{display:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);padding:clamp(26px,3.4vw,48px)}
#ax1:checked~.au-panels .p1,#ax2:checked~.au-panels .p2,#ax3:checked~.au-panels .p3,#ax4:checked~.au-panels .p4{display:grid;animation:auIn .45s var(--ease)}
@keyframes auIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.au-p-t{display:grid;gap:12px;align-content:start}
.au-p h3{font-size:1.5rem}
.au-p-t p{font-size:.98rem;line-height:1.65;color:var(--ink-2)}
.au-p-gain{padding:16px 18px;border-radius:var(--r);background:linear-gradient(100deg,#eaf3fd,#f3f8fe)}
.au-p-gain b{display:block;margin-bottom:4px;font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.au-p ul{list-style:none;margin:0;padding:0;display:grid}
.au-p li{position:relative;padding:13px 0 13px 32px;font-size:.96rem;font-weight:700;color:var(--slate);box-shadow:0 -1px 0 #e3eaf0}
.au-p li:first-child{box-shadow:none}
.au-p li::before{content:"";position:absolute;left:0;top:14px;width:18px;height:18px;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat,var(--grad)}

/* ---------- extrait de rapport ---------- */
.au-rp-s{position:relative;overflow:clip;isolation:isolate;background:radial-gradient(60% 80% at 100% 0%,rgba(0,131,255,.22),transparent 70%),#0f1a22}
.au-rp-top{margin-bottom:clamp(32px,4vw,48px)}
.au-rp-top .sn-ed-k{color:#7fd8ff}
.au-rp-lead{font-size:1.06rem;line-height:1.7;color:#c8d3d9}
.au-rp{border-radius:var(--r);background:#121c24;box-shadow:0 60px 110px -60px rgba(0,0,0,.9);overflow:clip}
.au-rp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px clamp(20px,2.6vw,32px);background:rgba(255,255,255,.05);font-size:.86rem;font-weight:800;color:#fff}
.au-rp-bar em{font-style:normal;font-size:.76rem;font-weight:600;color:#8a9aa3}
.au-rp ol{list-style:none;margin:0;padding:0 clamp(20px,2.6vw,32px)}
.au-rp li{display:grid;grid-template-columns:120px minmax(0,.9fr) minmax(0,1.3fr);gap:6px 24px;align-items:baseline;padding:18px 0;box-shadow:0 -1px 0 rgba(255,255,255,.07)}
.au-rp li:first-child{box-shadow:none}
.au-rp li b{font-size:1rem;color:#fff}
.au-rp li>span:last-child{font-size:.93rem;line-height:1.6;color:#b8c5cc}
.au-sev{justify-self:start;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.au-sev.s1{background:rgba(255,77,77,.16);color:#ff8a8a}
.au-sev.s2{background:rgba(242,184,75,.15);color:#f2c97a}
.au-sev.s3{background:rgba(0,186,255,.14);color:#7fd8ff}

/* ---------- livrables + matrice ---------- */
.au-lv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.au-lv-t{display:grid;gap:16px}
.au-lv-l{list-style:none;margin:8px 0 0;padding:0;display:grid;counter-reset:lv}
.au-lv-l li{counter-increment:lv;display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 16px;padding:18px 0;font-size:.95rem;line-height:1.6;color:var(--ink-2);box-shadow:0 -1px 0 #e3eaf0}
.au-lv-l li:first-child{box-shadow:none}
.au-lv-l li::before{content:counter(lv);grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;font-weight:900}
.au-lv-l b{font-size:1.08rem;color:var(--slate)}
.au-mx{position:relative;margin:0;padding:0 0 34px 34px}
.au-mx-g{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;aspect-ratio:1.1;border-radius:var(--r);overflow:clip}
.au-mx-q{display:block;padding:14px 16px;font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.au-mx-q.q1{background:linear-gradient(140deg,#dff0ff,#eef7ff);color:#0a4a91}
.au-mx-q.q2{background:#eef4fa;color:#2c5e8f}
.au-mx-q.q3{background:#f3f6f9;color:#6b7c87}
.au-mx-q.q4{background:#f6f7f9;color:#97a3ab;text-align:right}
.au-mx-q.q2{text-align:right}
.au-dot{position:absolute;left:var(--x);top:var(--y);display:inline-flex;align-items:center;gap:8px;padding:6px 11px 6px 8px;border-radius:999px;background:#fff;font-style:normal;font-size:.76rem;font-weight:800;color:var(--slate);white-space:nowrap;box-shadow:0 14px 26px -16px rgba(10,40,80,.6);transform:translate(-12px,-50%)}
.au-dot::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--grad)}
.au-dot.d2::before{background:#b5c2cb}
.au-mx-y,.au-mx-x{position:absolute;font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8a9aa4}
.au-mx-y{left:0;top:50%;transform:translate(-40%,-50%) rotate(-90deg);transform-origin:center}
.au-mx-x{left:calc(34px + 50%);bottom:8px;transform:translateX(-50%)}
.au-mx figcaption{position:absolute;right:0;bottom:8px;font-size:.72rem;color:#8a9aa4}

/* ---------- déroulé ---------- */
.au-st{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.au-st li{display:grid;gap:10px;align-content:start;padding:clamp(22px,2.6vw,32px);border-radius:var(--r);background:#fff;box-shadow:0 30px 60px -50px rgba(10,40,80,.5)}
.au-st li>span{font-size:2.6rem;font-weight:900;line-height:1;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.au-st h3{font-size:1.2rem}
.au-st p{font-size:.94rem;line-height:1.65;color:var(--ink-2)}
.au-dur{display:grid;gap:4px;margin-top:clamp(24px,3vw,36px);padding:22px 26px;border-radius:var(--r);background:linear-gradient(100deg,#e3efff,#eef6ff);font-size:.98rem;line-height:1.65;color:var(--slate)}
.au-dur b{font-size:1.08rem}

/* ---------- quand ---------- */
.au-wh{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3.5vw,52px)}
.au-wh li{display:grid;gap:10px;align-content:start;padding:26px 0;box-shadow:0 -1px 0 #e3eaf0}
.au-wh h3{font-size:1.25rem}
.au-wh p{font-size:.95rem;line-height:1.65;color:var(--ink-2)}
.au-wh a{font-weight:800;color:var(--blue)}

/* ---------- WordPress ---------- */
.au-wp-s{position:relative;overflow:clip;isolation:isolate;background:radial-gradient(60% 80% at 0% 100%,rgba(0,131,255,.2),transparent 70%),#0f1a22}
.au-wp{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,6vw,96px);align-items:center}
.au-wp-ph{aspect-ratio:4/3.2}
.au-wp-t{display:grid;gap:16px;justify-items:start}
.au-wp-t .sn-ed-k{color:#7fd8ff}
.au-wp-t>p:not(.sn-ed-k){font-size:1.04rem;line-height:1.7;color:#c8d3d9}
.au-wp-l{list-style:none;margin:4px 0 0;padding:0;display:grid;width:100%}
.au-wp-l li{position:relative;padding:12px 0 12px 30px;font-size:.96rem;font-weight:700;color:#e6edf0;box-shadow:0 -1px 0 rgba(255,255,255,.08)}
.au-wp-l li:first-child{box-shadow:none}
.au-wp-l li::before{content:"";position:absolute;left:0;top:19px;width:14px;height:3px;border-radius:2px;background:var(--grad)}
.au-wp-a{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#7fd8ff;text-decoration:none}
.au-wp-a svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.au-wp-a:hover svg{transform:translateX(4px)}

/* ---------- prix ---------- */
.au-px{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.au-px-t{display:grid;gap:16px;position:sticky;top:calc(var(--head-bar) + 40px)}
.au-px-t>p:not(.sn-ed-k){font-size:1.04rem;line-height:1.7;color:var(--ink-2)}
.au-px-t a{font-weight:800;color:var(--blue)}
.au-px-l{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.au-px-l li{display:grid;gap:4px;padding:20px 24px;border-radius:var(--r);background:#fff;font-size:.95rem;line-height:1.6;color:var(--ink-2);box-shadow:0 24px 50px -44px rgba(10,40,80,.5)}
.au-px-l b{font-size:1.06rem;color:var(--slate)}

/* ---------- responsive ---------- */
@media (max-width:1100px){.au-wh{grid-template-columns:1fr 1fr}.au-st{grid-template-columns:1fr 1fr}}
@media (max-width:1000px){.au-vs,.au-lv,.au-wp,.au-px{grid-template-columns:1fr}.au-p{grid-template-columns:1fr}.au-px-t{position:static}.au-rp li{grid-template-columns:110px minmax(0,1fr)}.au-rp li>span:last-child{grid-column:2}}
@media (max-width:700px){
  .au-tl{grid-template-columns:1fr 1fr}.au-tl label{border-radius:var(--r);font-size:.9rem}
  .au-panels{margin-top:8px;border-radius:var(--r)}
  .au-wh,.au-st{grid-template-columns:1fr}
  .au-rp li{grid-template-columns:1fr}.au-rp li>span:last-child{grid-column:auto}
  .au-vs dl div{grid-template-columns:1fr;gap:2px}
  .au-mx{padding-left:0}.au-mx-y{display:none}.au-mx-x{left:50%}
  .au-dot{font-size:.66rem;padding:4px 8px 4px 6px}
}
@media (max-width:1000px){.au-pre{display:none}}
@media (max-width:700px){.au-dot{max-width:46%;white-space:normal;line-height:1.25}}
/* ---------- filigrane du symbole dans les sections sombres ---------- */
.au-rp-s::after,.au-wp-s::after{content:"";position:absolute;z-index:-1;width:420px;aspect-ratio:1;background:url("img/maxelik-symbole.svg") no-repeat center/contain;opacity:.05;filter:brightness(3);pointer-events:none}
.au-rp-s::after{right:-60px;top:-80px;width:380px;opacity:.07}
.au-wp-s::after{left:-110px;top:-90px}