/* ═══ Section « Votre partenaire digital » — maquette B (12/11/2026) ═══
   Photos Unsplash (licence Unsplash) : g-pKprPg5yw, mxPiMiz7KCo */
.ap{--ap-t:#14b8a6;--ap-td:#0d9488;--ap-tdd:#0f766e;--ap-ink:#0f172a;--ap-mut:#475569;--ap-e:cubic-bezier(.22,1,.36,1);padding:120px 24px 40px}
.ap-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ap-vis{position:relative;height:540px}
.ap-bg{position:absolute;inset:40px 40px 0 0;border-radius:32px;background:linear-gradient(135deg,#ccfbf1,#99f6e4);transform:rotate(-3deg)}
.ap-main{position:absolute;inset:0 0 40px 40px;border-radius:28px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(15,23,42,.6)}
.ap-main img{width:100%;height:100%;object-fit:cover;object-position:35% center;display:block;transition:transform 1.2s var(--ap-e)}
.ap-vis:hover .ap-main img{transform:scale(1.04)}
.ap-phone{position:absolute;right:-30px;bottom:-10px;width:180px;height:250px;border-radius:26px;overflow:hidden;border:8px solid #fff;box-shadow:0 30px 50px -25px rgba(15,23,42,.6)}
.ap-phone img{width:100%;height:100%;object-fit:cover;object-position:45% center;display:block}
.ap-badge{position:absolute;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid #fff;border-radius:16px;padding:12px 16px;box-shadow:0 20px 40px -20px rgba(15,23,42,.45);font:500 14px/1.3 var(--font-text);color:var(--ap-ink)}
.ap-badge b{display:block;font-size:15px;font-weight:700}.ap-badge small{color:var(--ap-mut);font-size:12.5px}
.ap-bd1{left:0;top:60px;animation:ap-fl 6s ease-in-out infinite}.ap-bd2{left:70px;bottom:20px;animation:ap-fl 7s ease-in-out infinite reverse}
@keyframes ap-fl{50%{transform:translateY(-8px)}}
.ap-ic{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#ccfbf1;color:var(--ap-tdd)}
.ap-ey{font:700 13px/1 var(--font-text);letter-spacing:.16em;text-transform:uppercase;color:var(--ap-td)}
.ap h2{font-size:clamp(32px,3.4vw,46px)!important;line-height:1.08;margin:14px 0 20px;color:var(--ap-ink)}
.ap-lead{font:400 16.5px/1.75 var(--font-text);color:var(--ap-mut)}
.ap-lead b{color:var(--ap-ink);font-weight:700}.ap-lead i{font-style:normal;color:var(--ap-td);font-weight:600}
.ap-check{list-style:none;padding:0;display:grid;gap:14px;margin-top:26px}
.ap-check li{display:flex;gap:14px;align-items:flex-start;font:400 15.5px/1.55 var(--font-text);color:var(--ap-mut)}
.ap-check li b{color:var(--ap-ink)}
.ap-check svg{flex:none;margin-top:1px;width:24px;height:24px;border-radius:50%;background:var(--ap-td);color:#fff;padding:5px}
.ap-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.ap-p,.ap-s{position:relative;display:inline-flex;align-items:center;gap:10px;font:700 16px/1 var(--font-text);text-decoration:none;padding:17px 26px;border-radius:14px;transition:all .35s var(--ap-e)}
.ap-p{color:#071010;background:linear-gradient(135deg,#5eead4,#14b8a6);box-shadow:0 10px 30px -10px rgba(20,184,166,.6)}
.ap-p svg{transition:transform .35s var(--ap-e)}
.ap-p:hover{transform:translateY(-2px);box-shadow:0 0 0 6px rgba(45,212,191,.18),0 18px 44px -10px rgba(20,184,166,.7)}.ap-p:hover svg{transform:translate(3px,-3px)}
.ap-s{color:var(--ap-ink);background:#fff}
.ap-s::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:linear-gradient(135deg,#5eead4,rgba(15,23,42,.1),#14b8a6);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.ap-s:hover{background:#f0fdfa;transform:translateY(-2px)}
.ap-p:focus-visible,.ap-s:focus-visible{outline:2px solid var(--ap-t);outline-offset:4px}
/* apparition au scroll */
.ap-js .ap-rv{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ap-e),transform .9s var(--ap-e)}
.ap-js .ap-rv.in{opacity:1;transform:none}
@media (max-width:1050px){
  .ap{padding:80px 20px 20px}
  .ap-grid{grid-template-columns:1fr;gap:56px}
  .ap-vis{height:420px;max-width:560px;width:100%;margin:0 auto}
  .ap-phone{right:-6px;width:130px;height:185px}
}
@media (max-width:600px){
  .ap-vis{height:340px}.ap-main{inset:0 0 30px 20px}.ap-bg{inset:30px 20px 0 0}
  .ap-badge{padding:9px 12px;font-size:12px}.ap-badge b{font-size:13px}.ap-ic{width:32px;height:32px}
  .ap-bd1{top:24px}.ap-bd2{left:30px;bottom:6px}
  .ap-phone{width:104px;height:150px;border-width:6px;bottom:-14px}
}
@media (prefers-reduced-motion:reduce){.ap *{animation:none!important;transition:none!important}.ap-js .ap-rv{opacity:1;transform:none}}