/* 05-section.css — Section “infos” version Foundation */

.caa-intro{
  --ink:#0E1030;
  --muted:#243056;
  --g1:#BFC3F3; --g2:#8E94D8; --g3:#595EA8; --g4:#2E2C62;
  --bg:#F2F3ff;
  --downs-shift-x:115px;
  --downs-shift-y:5px;
  color:var(--ink);
  background:var(--bg);
  margin-top:calc(var(--stack-gap,58px) - 18px);
  padding:18px 0 32px;
}

.caa-card{
  position:relative;
  border:none;
  outline:none;
  padding:22px 20px 24px;
  border-radius:34px;
  background:
    radial-gradient(160% 220% at 12% 0%, rgba(250,250,255,.18) 0%, transparent 45%),
    linear-gradient(135deg,#0E1030,#2E2C62);
  box-shadow:
    0 0 0 1px rgba(230,232,255,.30),
    0 22px 58px rgba(14,16,48,.26),
    0 10px 22px rgba(0,0,0,.18);
}

.caa-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  border:1px solid rgba(230,232,255,.18);
  pointer-events:none;
}

.caa-intro .pills{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:0 0 6px;
}

.caa-intro .pill{
  border-radius:999px;
  padding:14px 16px;
  text-align:center;
  background:
    radial-gradient(160% 200% at 50% 40%, rgba(255,255,255,.92) 0%, rgba(203,207,252,.96) 45%, rgba(157,163,234,.96) 100%);
  box-shadow:
    0 0 0 1px rgba(230,231,255,.92),
    0 14px 34px rgba(158,168,255,.30);
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--violet);
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:64px;
}

.caa-intro .downs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:6px 0 14px;
  user-select:none;
  pointer-events:none;
}

.caa-intro .downs span{
  display:flex;
  justify-content:flex-start;
  padding-left:26px;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.16));
  transform:translate(var(--downs-shift-x), var(--downs-shift-y));
}

.caa-intro .downs span:nth-child(2){ padding-left:20px; }
.caa-intro .downs span:nth-child(3){ padding-left:30px; }

.caa-intro .downs span::after{
  content:"⬇";
  font-size:30px;
  color:rgba(255,255,255,.92);
}

.caa-intro .cols{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.caa-intro .col{
  background:
    radial-gradient(160% 200% at 50% 40%, rgba(255,255,255,.88) 0%, rgba(191,195,243,.92) 45%, rgba(142,148,216,.92) 100%);
  border:1px solid rgba(230,231,255,.92);
  border-radius:18px;
  padding:18px 18px 16px;
  box-shadow:
    0 0 0 1px rgba(230,231,255,.70),
    0 10px 22px rgba(158,168,255,.46);
  color:#111;
}

.caa-intro h3{
  margin:0 0 12px;
  text-align:center;
  font-family:Impact, system-ui, sans-serif;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:1.08rem;
  color:rgba(14,16,48,.92);
}

.caa-intro ul{ list-style:none; margin:0; padding:0; }

.caa-intro li{
  margin:.35rem 0;
  padding-left:18px;
  line-height:1.65;
  position:relative;
  font-family:"Big Caslon","Bodoni Moda",var(--ff-serif),Georgia,serif;
  font-size:1.08rem;
  color:rgba(17,17,17,.88);
}

.caa-intro li::before{
  content:"➤";
  position:absolute;
  left:0;
  top:0;
  transform:translateY(-1px);
  color:rgba(46,44,98,.78);
}

.caa-intro strong{
  color:rgba(14,16,48,.92);
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

.caa-card:hover,
.caa-intro .pill:hover,
.caa-intro .col:hover{
  transform:none!important;
  filter:none!important;
}

/* Mobile : titre → flèche → carte, puis on recommence */
@media (max-width:980px){
  .caa-card{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  .caa-intro .pills,
  .caa-intro .downs,
  .caa-intro .cols{
    display:contents;
  }

  .caa-intro .pill,
  .caa-intro .downs span,
  .caa-intro .col{
    grid-column:1;
  }

  .caa-intro .pill:nth-child(1){ grid-row:1; }
  .caa-intro .downs span:nth-child(1){ grid-row:2; }
  .caa-intro .cols .col:nth-child(1){ grid-row:3; }

  .caa-intro .pill:nth-child(2){ grid-row:4; }
  .caa-intro .downs span:nth-child(2){ grid-row:5; }
  .caa-intro .cols .col:nth-child(2){ grid-row:6; }

  .caa-intro .pill:nth-child(3){ grid-row:7; }
  .caa-intro .downs span:nth-child(3){ grid-row:8; }
  .caa-intro .cols .col:nth-child(3){ grid-row:9; }

  .caa-intro .downs span,
  .caa-intro .downs span:nth-child(2),
  .caa-intro .downs span:nth-child(3){
    justify-content:center;
    padding-left:0;
    transform:none;
    margin:-2px 0 4px;
  }

  .caa-intro .col{
    margin-bottom:16px;
  }

  .caa-intro .col:last-child{
    margin-bottom:0;
  }
}

@media (prefers-reduced-motion:reduce){
  *{ transition:none!important; }
}