/* Aparté Émotions — présentation + carrousel ([aparte_presentation]) */
.apres{--apres-brand:#014A5D;--apres-accent:#FDA76E;--apres-ink:#16313A;--apres-muted:#5E7279;--apres-soft:#EEF4F5;--apres-peach:#FFF1E7;
  display:grid;grid-template-columns:1fr;gap:40px;align-items:center;max-width:1120px;margin:40px auto;padding:0 16px;color:var(--apres-ink);box-sizing:border-box}
.apres-wrap{container-type:inline-size;width:100%}
.apres *,.apres *::before,.apres *::after{box-sizing:border-box}
@container (min-width:820px){.apres{grid-template-columns:1.05fr .95fr;gap:56px}}
.apres--solo{grid-template-columns:1fr!important}

.apres__badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 12px;border-radius:999px;background:var(--apres-peach);color:#7a3d12;font-size:.85rem;font-weight:700;letter-spacing:.01em}
.apres__dot{width:8px;height:8px;border-radius:50%;background:var(--apres-accent);box-shadow:0 0 0 0 rgba(253,167,110,.7);animation:apres-pulse 2s infinite}
@keyframes apres-pulse{70%{box-shadow:0 0 0 8px rgba(253,167,110,0)}100%{box-shadow:0 0 0 0 rgba(253,167,110,0)}}
.apres__title{margin:0 0 10px;font-size:clamp(2rem,4vw,2.8rem);line-height:1.1;color:var(--apres-brand)}
.apres__lead{font-size:1.2rem;line-height:1.5;margin:0 0 14px;color:var(--apres-ink)}
.apres__text p{line-height:1.65}
.apres__features{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}
.apres__features li{position:relative;padding:10px 14px 10px 40px;background:#fff;border:1px solid #e7e0d8;border-radius:14px;line-height:1.5}
.apres__features li::before{content:"";position:absolute;left:14px;top:16px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--apres-accent),var(--apres-brand))}
.apres__dev{margin:18px 0;padding:16px 18px;border-left:4px solid var(--apres-accent);background:var(--apres-soft);border-radius:0 14px 14px 0;line-height:1.6}
.apres__dev strong{display:block;color:var(--apres-brand);margin-bottom:2px}
.apres__ctas{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 10px}
.apres__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:14px;background:var(--apres-brand);color:#fff!important;font-weight:700;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.apres__btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(1,74,93,.25)}
.apres__btn--ghost{background:transparent;color:var(--apres-brand)!important;border:2px solid var(--apres-brand)}
.apres__small{font-size:.85rem;color:var(--apres-muted)}
.apres a:focus-visible,.apres button:focus-visible,.apres__track:focus-visible{outline:3px solid var(--apres-accent);outline-offset:3px}

/* Carrousel */
.apres__carousel{position:relative;display:flex;flex-direction:column;align-items:center}
.apres__carousel::before{content:"";position:absolute;z-index:0;top:4%;left:50%;width:min(520px,100%);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle at 30% 30%,rgba(253,167,110,.55),transparent 60%),radial-gradient(circle at 70% 65%,rgba(1,74,93,.28),transparent 62%);filter:blur(28px)}
.apres__stage{position:relative;z-index:1;display:flex;align-items:center;gap:14px}
.apres__phone{position:relative;width:clamp(220px,64vw,300px);aspect-ratio:390/870;border-radius:44px;padding:26px 10px 10px;background:#0e2229;
  box-shadow:0 30px 60px -20px rgba(1,40,50,.55),0 0 0 2px #29424a inset}
.apres__phone::before{content:"";position:absolute;z-index:2;top:9px;left:50%;transform:translateX(-50%);width:22%;height:9px;border-radius:999px;background:#2c464e}
.apres__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:8px 8px 34px 34px;background:#FBF7F2;scrollbar-width:none;-ms-overflow-style:none}
.apres__track::-webkit-scrollbar{display:none}
.apres__slide{flex:0 0 100%;margin:0;scroll-snap-align:center;scroll-snap-stop:always}
.apres__slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0;max-width:none}
.apres__nav{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #e7e0d8;background:#fff;color:var(--apres-brand);font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(1,74,93,.12);transition:transform .15s}
.apres__nav:hover{transform:scale(1.06)}
@container (max-width:520px){.apres__nav{position:absolute;width:38px;height:38px;font-size:1.3rem;background:rgba(255,255,255,.88);z-index:3;top:50%;transform:translateY(-50%)}.apres__nav:hover{transform:translateY(-50%)}.apres__nav--prev{left:-6px}.apres__nav--next{right:-6px}}
.apres__caption{position:relative;z-index:1;min-height:3.6em;max-width:360px;margin:22px 0 8px;text-align:center;line-height:1.45}
.apres__ctitle{display:block;font-size:1.05rem;color:var(--apres-brand)}
.apres__ctext{color:var(--apres-muted);font-size:.95rem}
.apres__progress{position:relative;z-index:1;width:120px;height:3px;border-radius:99px;background:#e7e0d8;overflow:hidden}
.apres__progress i{display:block;height:100%;width:0;background:var(--apres-accent)}
.apres__dots{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 0 6px;max-width:320px}
.apres__dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#cfd8da;cursor:pointer;transition:width .25s,background .25s}
.apres__dots button[aria-selected="true"]{width:24px;background:var(--apres-brand)}
.apres__pause{position:relative;z-index:1;background:none;border:0;color:var(--apres-muted);font-size:.8rem;text-decoration:underline;cursor:pointer;padding:4px}

@media (prefers-reduced-motion:reduce){.apres__track{scroll-behavior:auto}.apres__dot{animation:none}.apres__btn,.apres__nav,.apres__dots button{transition:none}}
.apres__dev a,.apres__small a{color:var(--apres-brand)}

.apres__by{margin:14px 0 0}