/* ══ BLOC TARIFS — L'OFFRE UNIQUE, maquette du 18/09 (3e version) ════════
   Balisage : inc/tarifs-accueil.php (section .tarifs-page.tu).
   Feuille à part : index.php et vitrine.css sont partagés avec une autre
   session, on n'y touche pas.

   Palette : bleu #2b6ef5 → violet #7c3aed (dégradé de la maquette), encre
   #0b1545, gris #5e6b85, lignes #e6ebf6, coches violettes #6d5df5.

   ⚠ vitrine.css colore tous les <a> du wrap et impose un max-width au
   .wrap : les règles concernées sont écrites `body.mode-site …`.
   ⚠ Caveat (manuscrite) est importée ici pour tarifs.php, qui n'a pas
   sector-showcase.css ; le navigateur ne la télécharge qu'une fois. */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&display=swap');

.tarifs-page{padding:44px 0 56px;color:#0b1545;overflow:hidden;
  background:radial-gradient(60% 45% at 6% 6%,#efe9ff 0%,transparent 60%),
             radial-gradient(55% 45% at 96% 4%,#e7f0ff 0%,transparent 62%),
             linear-gradient(180deg,#fbfcff 0%,#f4f7ff 60%,#f7f4ff 100%)}
.tu-wrap,body.mode-site .tarifs-page .wrap.tu-wrap{max-width:1380px;width:calc(100% - 64px);margin:0 auto}

/* ── 1. L'en-tête : texte à gauche, collage à droite ─────────────────── */
.tu-tete{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:center;margin:0 0 30px}
.tu-pastille{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:9px 16px;border-radius:30px;
  background:#efe9ff;font:700 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5b3bd6}
.tu-pastille svg{width:15px;height:15px}
.tu-tete h2{margin:0 0 14px;font:800 clamp(30px,3.6vw,54px)/1.08 Inter,sans-serif;letter-spacing:-2px;color:#0b1545}
.tu-tete h2 em{font-style:normal;background:linear-gradient(90deg,#2b6ef5,#7c3aed);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.tu-sous{margin:0 0 22px;font:400 clamp(16px,1.35vw,21px)/1.45 Inter,sans-serif;color:#1c2a4d}
.tu-reperes{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0}
.tu-reperes li{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;
  padding-right:8px;border-right:1px solid #e3e8f4}
.tu-reperes li:last-child{border-right:0}
.tu-rep-ico{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
  background:linear-gradient(140deg,#eef1ff,#f3e9ff);color:#6d33e0}
.tu-rep-ico svg{width:22px;height:22px}
.tu-reperes b{font:700 14px/1.2 Inter,sans-serif;color:#0b1545;white-space:nowrap}
.tu-reperes small{font:400 12px/1.3 Inter,sans-serif;color:#5e6b85}

/* Le collage : quatre publicités qui se chevauchent, comme la maquette. */
.tu-collage{position:relative;height:400px}
.tu-note{position:absolute;margin:0;font:600 clamp(15px,1.25vw,19px)/1.2 'Caveat','Segoe Print',cursive;color:#4b3bd8;z-index:5}
.tu-note svg{display:block;width:60px;height:40px;color:#7c3aed}
.tu-note-g{left:-30px;top:-8px;text-align:left;transform:rotate(-8deg)}
.tu-note-g svg{margin-left:26px}
.tu-note-d{right:-40px;top:250px;text-align:left;transform:rotate(-8deg)}
.tu-note-d svg{margin:0 0 2px 10px}
.tu-pub{position:absolute;margin:0;overflow:hidden;background:#fff;border-radius:18px;border:1px solid #e6ebf6;
  box-shadow:0 22px 50px #1c3a8a26}
.tu-pub figcaption{display:flex;align-items:center;gap:7px;padding:10px 12px;font:600 13px/1 Inter,sans-serif;color:#0b1545}
.tu-pub figcaption img,.tu-pub figcaption svg{width:20px;height:20px;border-radius:5px}
.tu-pub img:not(figcaption img){display:block;width:100%;object-fit:cover}
.tu-pub-b{position:absolute;left:12px;bottom:12px;padding:7px 12px;border-radius:8px;background:#0b1545;color:#fff;font:600 11.5px/1 Inter,sans-serif}
.tu-pub-b-rouge{background:#ff2d55}
.tu-pub-ig{left:40px;top:90px;width:180px;z-index:2}
.tu-pub-ig img{height:190px;object-position:top}
.tu-pub-tt{left:180px;top:20px;width:190px;z-index:3;border-radius:26px}
.tu-pub-tt img{height:300px}
.tu-pub-tt figcaption{position:absolute;left:0;right:0;top:0;color:#fff;background:linear-gradient(180deg,#0006,transparent)}
.tu-pub-play{position:absolute;left:50%;top:44%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;
  background:#ffffff40;border:2px solid #fff;display:grid;place-items:center}
.tu-pub-play svg{width:24px;height:24px}
.tu-pub-gg{right:20px;top:10px;width:230px;z-index:2;padding:0 14px 14px}
.tu-pub-gg b{display:block;margin:4px 0 10px;font:700 16px/1.25 Inter,sans-serif;color:#0b1545}
.tu-pub-gg i{display:block;height:8px;border-radius:4px;background:#eef1f8;margin:6px 0}
.tu-pub-gg i:first-of-type{width:80%}.tu-pub-gg i:last-of-type{width:55%}
.tu-pub-fb{right:56px;top:170px;width:220px;z-index:4}
.tu-pub-fb img{height:150px;object-position:top}
.tu-pub-fb .tu-pub-b{background:#1877f2;bottom:auto;top:auto;position:relative;display:inline-block;margin:10px 12px 12px;left:0}
.tu-pub-fb figcaption span{color:#1877f2}

/* ── 2. Les trois colonnes ───────────────────────────────────────────── */
.tu-grille{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;align-items:start}

/* Les familles (deux à gauche, deux à droite). */
.tu-fam{display:flex;gap:14px;align-items:flex-start;margin:0 0 14px;padding:22px 20px;border-radius:20px;
  background:#fff;border:1px solid #e6ebf6;box-shadow:0 10px 28px #1c487f0f}
.tu-fam:last-child{margin-bottom:0}
.tu-fam-ico{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;
  background:linear-gradient(140deg,#eef1ff,#f3e9ff);color:#6d33e0}
.tu-fam-ico svg{width:26px;height:26px}
.tu-fam>div{flex:1;min-width:0}
.tu-fam-t{margin:6px 0 12px;font:800 19px/1.2 Inter,sans-serif;letter-spacing:-.02em;color:#0b1545}
.tu-fam ul{list-style:none;display:grid;gap:9px;margin:0;padding:0}
.tu-fam li{display:flex;gap:10px;align-items:center;font:400 14.5px/1.3 Inter,sans-serif;color:#1c2a4d;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tu-fam li b{font-weight:700;color:#0b1545}
.tu-okv{flex:none;width:17px;height:17px;color:#6d5df5}
/* Les tuiles de réseaux, dans la famille « Diffusez ». */
.tu-tuiles{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px}
.tu-tuiles li{display:grid;justify-items:center;gap:6px;text-align:center;white-space:normal;overflow:visible}
.tu-tuile-logos{display:flex;gap:2px}
.tu-tuile-logos img,.tu-tuile-logos svg{width:34px;height:34px;border-radius:9px}
.tu-tuile-ico{display:grid;place-items:center;width:34px;height:34px;color:#6d33e0}
.tu-tuile-ico svg{width:30px;height:30px}
.tu-tuiles b{font:600 11.5px/1.25 Inter,sans-serif;color:#0b1545}
.tu-tuiles small{font-size:10px;color:#7c89a5}
.tu-tuiles li:nth-child(n+5){padding-top:10px;border-top:1px solid #edf1fa}
.tu-tuiles li:nth-child(5){grid-column:1/2}
.tu-tuiles li:nth-child(6){grid-column:2/4}
.tu-tuiles li:nth-child(7){grid-column:4/5}

/* La carte de l'offre. */
.tu-carte{position:relative;border-radius:22px;overflow:visible;background:#fff;
  border:1.5px solid #c9b8f8;box-shadow:0 26px 60px #4a35c026}
.tu-badge{margin:0;padding:15px 10px 13px;text-align:center;border-radius:20px 20px 0 0;
  background:linear-gradient(90deg,#7c3aed,#2b6ef5);color:#fff;
  font:700 13px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.tu-carte-corps{padding:22px 26px 24px;text-align:center}
.tu-marque{margin:0;font:800 clamp(30px,2.8vw,40px)/1 Inter,sans-serif;letter-spacing:-.035em;color:#0b1545}
.tu-marque em{font-style:normal;background:linear-gradient(90deg,#2b6ef5,#7c3aed);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.tu-phrase{margin:10px auto 0;max-width:22em;font:400 15px/1.45 Inter,sans-serif;color:#46536f}
.tu-prix{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:14px 0 4px}
.tu-prix strong{font:800 clamp(44px,4.2vw,60px)/1 Inter,sans-serif;letter-spacing:-.04em;color:#0b1545}
.tu-prix span{font:500 21px/1 Inter,sans-serif;color:#46536f}

.tu-compris{list-style:none;display:grid;gap:11px;margin:0 0 20px;padding:0;text-align:left}
.tu-compris li{display:flex;gap:12px;align-items:center;font:400 15px/1.35 Inter,sans-serif;color:#1c2a4d}
.tu-ok{flex:none;width:20px;height:20px;color:#6d5df5}
body.mode-site a.tu-cta{display:flex;align-items:center;justify-content:center;gap:12px;height:58px;border-radius:30px;
  background:linear-gradient(90deg,#2b6ef5,#7c3aed);color:#fff;font:700 18px/1 Inter,sans-serif;text-decoration:none;
  box-shadow:0 16px 34px #5a3ad63d;transition:filter .15s,transform .15s}
body.mode-site a.tu-cta:hover{filter:brightness(1.07);transform:translateY(-1px);color:#fff;text-decoration:none}
.tu-cta svg{width:20px;height:20px}
.tu-cta-note{margin:12px 0 0;font:400 12.5px/1.4 Inter,sans-serif;color:#7c89a5}

/* La liste déroulante des crédits. */
.tu-credits-t{margin:4px 0 8px;font:700 11.5px/1.2 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#5e6b85}
.tu-choix{display:flex;align-items:center;gap:10px;margin:0 0 18px}
.tu-jetons{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;
  background:linear-gradient(140deg,#eef1ff,#f3e9ff);color:#6d33e0}
.tu-jetons svg{width:22px;height:22px}
.tu-select{flex:1;min-width:0;height:46px;padding:0 38px 0 14px;border-radius:12px;border:1.5px solid #dfe4f3;
  background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e6b85' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center/18px;
  font:600 15px/1 Inter,sans-serif;color:#0b1545;text-align:left;appearance:none;-webkit-appearance:none;cursor:pointer}
.tu-select:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}

/* ⚠ LE BAS DES TROIS COLONNES S'ALIGNE (18/09) : la rangée s'étire sur la
   plus haute, chaque colonne est une pile, et sa DERNIÈRE carte absorbe la
   différence ; dans la carte de l'offre, c'est l'espace au-dessus du
   bouton qui l'absorbe. */
.tu-grille{align-items:stretch}
.tu-gauche,.tu-droite{display:flex;flex-direction:column}
.tu-gauche .tu-fam:last-child,.tu-droite .tu-fam:last-child{flex:1}
.tu-carte{display:flex;flex-direction:column}
.tu-carte-corps{display:flex;flex-direction:column;flex:1}
.tu-carte-corps .tu-cta{margin-top:auto}

/* ── Deux façons de faire décoller votre campagne (maquette 18/09) ──── */
.tf-deux{margin-top:55px;text-align:center}
.tf-sur{margin:0 0 8px;font:700 13px/1 Inter,sans-serif;letter-spacing:.28em;text-transform:uppercase;
  background:linear-gradient(90deg,#2b6ef5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.tf-deux-titre{margin:0 0 8px;font:800 clamp(24px,2.9vw,44px)/1.12 Inter,sans-serif;letter-spacing:-1.4px;color:#0b1545}
.tf-deux-titre em{font-style:normal;background:linear-gradient(90deg,#2b6ef5,#7c3aed);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.tf-deux-sous{margin:0 0 22px;font:400 clamp(15px,1.3vw,20px)/1.45 Inter,sans-serif;color:#5e6b85}
.tf-deux-grille{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:0;align-items:stretch}
.tf-voie{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 186px;gap:14px;align-items:center;
  text-align:left;border-radius:22px;padding:28px 24px 28px 30px;min-height:300px;overflow:hidden}
.tf-moi{background:linear-gradient(160deg,#eef3ff,#f6f8ff);border:1px solid #dbe4fb}
.tf-leadsoon{background:linear-gradient(160deg,#f3ecff,#f9f5ff);border:1px solid #e3d8fb}
.tf-voie-tete{display:flex;gap:16px;align-items:center;margin-bottom:18px}
.tf-voie-tete b{display:block;font:800 clamp(19px,1.55vw,24px)/1.15 Inter,sans-serif;letter-spacing:-.02em;color:#0b1545;white-space:nowrap}
.tf-voie-tete small{display:block;margin-top:4px;font:400 14px/1.4 Inter,sans-serif;color:#5e6b85}
.tf-voie-ico{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;border-radius:16px}
.tf-voie-ico svg{width:32px;height:32px}
.tf-moi .tf-voie-ico{background:#e2e9ff;color:#2b6ef5}
.tf-leadsoon .tf-voie-ico{background:#e9dcff;color:#7c3aed}
.tf-voie-points{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:11px}
.tf-voie-points li{display:flex;gap:10px;align-items:center;font:400 14px/1.35 Inter,sans-serif;color:#1c2a4d;white-space:nowrap}
.tf-voie-points svg{flex:none;width:18px;height:18px}
.tf-moi .tf-voie-points svg{color:#2b6ef5}
.tf-leadsoon .tf-voie-points svg{color:#7c3aed}
body.mode-site a.tf-cta{display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 28px;border-radius:14px;
  color:#fff;font:700 16px/1 Inter,sans-serif;text-decoration:none;transition:filter .15s,transform .15s}
body.mode-site a.tf-cta:hover{filter:brightness(1.07);transform:translateY(-1px);color:#fff;text-decoration:none}
.tf-cta svg{width:20px;height:20px}
body.mode-site a.tf-cta-bleu{background:linear-gradient(90deg,#2b5ff5,#3b7cff);box-shadow:0 14px 30px #2b6ef53d}
body.mode-site a.tf-cta-violet{background:linear-gradient(90deg,#6d33e0,#8f4dff);box-shadow:0 14px 30px #6d33e03d}
.tf-portable{position:relative;width:186px}
.tf-portable svg{display:block;width:186px;height:auto}
.tf-portable-reseaux{position:absolute;right:34px;top:14px;display:grid;gap:5px;padding:6px;border-radius:10px;background:#fff;
  box-shadow:0 6px 16px #1c487f1f}
.tf-portable-reseaux img,.tf-portable-reseaux svg{width:17px;height:17px;border-radius:4px}
.tf-fusee{position:relative;width:186px;padding-top:6px}
.tf-fusee svg{display:block;width:130px;height:auto;margin:0 auto}
.tf-note{position:absolute;right:-6px;bottom:-16px;width:160px;text-align:left;transform:rotate(-8deg);font-size:16px}
.tf-ou{position:relative;display:grid;place-items:center;align-self:center;justify-self:center;width:66px;height:66px;
  border-radius:50%;background:#fff;border:1px solid #dcd6fb;box-shadow:0 8px 24px #1c487f1a;font:800 17px/1 Inter,sans-serif;color:#0b1545;z-index:1}
.tf-ou::before{content:"";position:absolute;left:50%;top:-110px;bottom:-110px;width:1px;background:#d6dcf0;z-index:-1}
.tf-deux-pied{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 0;
  font:400 14px/1.45 Inter,sans-serif;color:#5e6b85}
.tf-deux-pied svg{width:26px;height:13px;color:#6d33e0}
.tf-deux-pied b{font:700 14px/1.45 Inter,sans-serif;color:#5b3bd6}
/* Two launch paths, reference layout: no action buttons inside the illustration. */
.tf-deux-grille{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr)}
.tf-deux-sous{margin-bottom:26px}.tf-sur{color:#623ef0;font-size:14px;letter-spacing:.32em}
.tf-voie{display:block;min-height:290px;padding:25px 28px 60px;border-radius:20px;box-shadow:0 14px 35px #5940df05}
.tf-moi{background:#f4f6ff;border:1px solid #e0e6ff}.tf-leadsoon{background:#f7f0ff;border:1px solid #ecddfc}
.tf-voie-txt{position:relative;z-index:1}.tf-voie-tete{gap:22px;margin-bottom:25px}.tf-voie-tete b{font-size:clamp(19px,1.75vw,28px);white-space:normal}.tf-voie-tete small{font-size:clamp(12px,1.08vw,17px)}
.tf-voie-ico{width:63px;height:63px;border-radius:19px}.tf-voie-ico svg{width:35px;height:35px}
.tf-voie-points{gap:10px;margin:0;width:69%;position:relative;z-index:2}.tf-voie-points li{font-size:clamp(12px,1.1vw,17px);white-space:normal;align-items:flex-start;gap:12px}.tf-voie-points svg{width:20px;height:20px;margin-top:1px}
.tf-portable{position:absolute;right:2%;bottom:36px;width:36%;transform:rotate(-3deg);opacity:.82}.tf-portable>svg{width:100%;filter:drop-shadow(0 10px 12px #6b80d828)}.tf-portable:before{content:"";position:absolute;right:9%;top:-5%;width:62%;aspect-ratio:1;border-radius:50%;background:#dce5ff80;z-index:-1}.tf-portable-reseaux{right:18%;top:17%;padding:0;gap:4px;box-shadow:none}.tf-portable-reseaux svg{width:15px;height:15px}
.tf-fusee{display:block;position:absolute;right:2%;bottom:54px;width:26%;padding:0}.tf-fusee>svg{width:100%;transform:rotate(28deg);filter:drop-shadow(0 8px 12px #8d59d72b)}.tf-note{right:-2%;bottom:-38px;width:110%;font-size:clamp(15px,1.5vw,23px);line-height:1.12;color:#7540d9;text-align:center}.tf-note:after{content:"";display:block;height:8px;width:80%;border-top:5px solid #d9c0f6;border-radius:50%;margin:8px auto 0}
.tf-ou{width:68px;height:68px;color:#5831e5;font-size:26px}.tf-ou:before{top:-60px;bottom:auto;height:42px;background:#dce0f3}.tf-ou:after{content:"";position:absolute;left:50%;bottom:-60px;height:42px;width:1px;background:#dce0f3}
.tf-deux-pied{position:relative;width:fit-content;max-width:92%;margin:-23px auto 0;padding:10px 14px;background:#fff;z-index:3;font-size:12px;gap:5px;flex-wrap:wrap}.tf-deux-pied b{font-size:12px}.tf-deux-pied svg{width:29px;flex:none}

@media(max-width:1100px){.tf-voie-points{width:100%}.tf-ou:after{display:none}.tf-deux-pied{margin:16px auto 0}.tf-voie-tete b{font-size:23px}.tf-voie-points li{font-size:15px}}
/* ── Écrans moyens et petits ─────────────────────────────────────────── */
@media (max-width:1200px){
  .tu-tete{grid-template-columns:minmax(0,1fr);text-align:center}
  .tu-reperes{max-width:760px;margin:0 auto}
  .tu-collage{display:none}
}
@media (max-width:1080px){
  .tu-grille{grid-template-columns:minmax(0,1fr);gap:16px;max-width:660px;margin:0 auto;align-items:start}
  .tu-carte{order:-1}
  .tu-fam li{white-space:normal}
  .tf-deux-grille{grid-template-columns:minmax(0,1fr);gap:14px}
  .tf-ou::before{display:none}
  .tf-voie{grid-template-columns:minmax(0,1fr);min-height:0;padding:24px 22px}
  .tf-portable,.tf-fusee{display:none}
}
@media (max-width:760px){
  .tu-reperes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tu-reperes li{border-right:0}
  .tu-tuiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tu-tuiles li:nth-child(5){grid-column:auto}.tu-tuiles li:nth-child(6){grid-column:auto}.tu-tuiles li:nth-child(7){grid-column:auto}
}
@media (max-width:600px){
  .tarifs-page{padding:34px 0 40px}
  .tu-wrap,body.mode-site .tarifs-page .wrap.tu-wrap{width:calc(100% - 32px)}
  .tu-carte-corps{padding:20px 16px 20px}
  .tf-deux-pied{flex-wrap:wrap}
}
/* Offer overview: native three-column composition from the September reference. */
.tu .tu-tete{display:none}.tu .tu-grille{grid-template-columns:minmax(0,1.25fr) minmax(320px,.95fr) minmax(0,1.25fr);gap:16px;align-items:stretch}
.tu .tu-gauche,.tu .tu-droite{gap:16px}.tu .tu-fam{position:relative;margin:0;padding:24px 22px;border:1px solid #e9e6ff;background:linear-gradient(140deg,#ffffffed,#f9f8ffee);border-radius:22px;box-shadow:none;display:block;min-height:300px;overflow:hidden}
.tu .tu-fam-ico{position:absolute;left:22px;top:22px;width:55px;height:55px;border-radius:17px;background:#f0eaff}.tu .tu-fam-ico svg{width:30px;height:30px}.tu .tu-fam-t{margin:0 0 5px 75px;font-size:clamp(19px,1.6vw,26px);line-height:1.15;min-height:27px}.tu-family-sub{margin:0 0 26px 75px;font-size:clamp(12px,1vw,16px);line-height:1.4;color:#17244c}
.tu .tu-illustrated ul{width:65%;gap:13px;margin-top:34px;position:relative;z-index:2}.tu .tu-fam li{font-size:clamp(12px,1vw,16px);white-space:normal;overflow:visible;align-items:flex-start;gap:12px}.tu .tu-okv{width:20px;height:20px;color:#7131ff;flex:none}.tu-family-footer{color:#7031ff;font-size:clamp(12px,1vw,16px);margin:28px 0 0;position:relative;z-index:3}.tu-family-footer>span{margin-left:9px;font-size:22px}.tu .tu-illustrated{padding-bottom:65px}.tu-illustrated>.tu-family-footer{position:absolute;bottom:23px;left:22px;margin:0}
.tu-mini-leads{position:absolute;right:3%;bottom:30px;width:36%;background:#ffffffb5;padding:8px;border-radius:15px;transform:rotate(4deg);box-shadow:0 16px 28px #806cfa1c}.tu-mini-leads p{position:relative;padding:9px 5px 9px 32px;background:white;border-radius:10px;margin:0 0 5px;font-size:9px;font-weight:600;color:#10204b;white-space:nowrap}.tu-mini-leads p:before{content:'●';position:absolute;left:7px;top:12px;font-size:19px;color:#7541ef;background:#eee8ff;border-radius:50%;width:23px;text-align:center}.tu-mini-leads small{display:block;font-size:8px;color:#8a90ad;font-weight:400;margin-top:3px}.tu-mini-leads i{position:absolute;right:5px;top:15px;width:6px;height:6px;background:#0fc86d;border-radius:50%}.tu-mini-leads p:nth-child(2) i{background:#ff9c00}.tu-mini-leads p:nth-child(3) i{background:#147bff}
.tu-sketch-note{position:absolute;right:4%;top:13%;font:italic 18px/1.15 'Caveat','Segoe Print',cursive;color:#7837ff;text-align:center;transform:rotate(-8deg);margin:0}.tu-sketch-note span{display:block;text-align:right;font-size:38px;line-height:1;margin-right:10px}
.tu-mini-stats{position:absolute;right:4%;top:30px;width:27%;border-radius:13px;transform:rotate(-5deg);background:#fff;padding:13px 10px;box-shadow:0 16px 28px #806cfa16;color:#10184b}.tu-mini-stats>small{font-size:9px}.tu-mini-stats>b{display:block;font-size:23px;margin:8px 0}.tu-mini-stats em{font:700 8px Inter,sans-serif;background:#ddf9ea;color:#119453;padding:3px;border-radius:4px}.tu-chart{display:flex;align-items:flex-end;justify-content:space-between;height:70px;gap:6px;margin:14px 0}.tu-chart i{height:30%;flex:1;background:linear-gradient(#b7bbff,#7477f8);border-radius:3px}.tu-chart i:nth-child(2){height:45%}.tu-chart i:nth-child(3){height:62%}.tu-chart i:nth-child(4){height:78%}.tu-chart i:nth-child(5){height:100%;background:linear-gradient(#7435ff,#a789ff)}.tu-mini-stats p{font-size:9px;display:flex;justify-content:space-between;margin:9px 0}.tu-family-stats .tu-sketch-note{top:auto;bottom:14px;right:2%;font-size:17px}.tu-family-stats ul{width:68%}
.tu .tu-family-porte{min-height:335px}.tu .tu-family-porte .tu-fam-t{max-width:60%;font-size:clamp(18px,1.3vw,23px)}.tu .tu-family-porte ul{width:51%;margin-top:20px;gap:10px}.tu-family-porte .tu-sketch-note{top:12px;right:4%;font-size:16px}.tu-ad-miniatures{position:absolute;right:-2%;bottom:10px;width:52%;height:235px}.tu-ad-miniatures figure{position:absolute;margin:0;background:white;border-radius:12px;box-shadow:0 8px 20px #35225818;overflow:hidden}.tu-ad-miniatures img{width:100%;height:100%;object-fit:cover}.tu-ad-miniatures figure>svg{position:absolute;width:24px;height:24px;left:6px;top:7px;z-index:2}.tu-mini-tiktok{left:25%;top:0;width:57%;height:100%;z-index:2;transform:rotate(-1deg)}.tu-mini-instagram{left:0;top:26%;width:36%;height:60%;transform:rotate(-5deg)}.tu-mini-facebook{right:0;top:33%;width:30%;height:60%;transform:rotate(4deg)}.tu-ad-miniatures figcaption{position:absolute;bottom:0;left:0;right:0;background:#fff;padding:5px;font-size:8px;color:#11184c;font-weight:700}.tu-mini-play{position:absolute;top:45%;left:35%;background:#ffffff44;border-radius:50%;padding:12px;color:white;font-size:20px}
.tu .tu-fam-canaux{min-height:270px}.tu .tu-fam-canaux .tu-fam-ico{background:#e9faf3;color:#0ac17f}.tu .tu-fam-canaux .tu-fam-t{font-size:clamp(18px,1.35vw,23px)}.tu .tu-fam-canaux .tu-family-sub{margin-bottom:20px}.tu .tu-tuiles{gap:9px;grid-template-columns:repeat(12,minmax(0,1fr))}.tu .tu-tuiles li{grid-column:span 3!important;padding:10px 4px!important;border:0;background:white;border-radius:15px;box-shadow:0 7px 16px #6677aa06;gap:5px}.tu .tu-tuiles li:nth-child(n+5){grid-column:span 4!important}.tu .tu-tuiles b{font-size:10px;font-weight:500}.tu .tu-tuile-logos svg{width:28px;height:28px}.tu .tu-tuiles li:first-child .tu-tuile-logos svg:first-child{display:none}.tu .tu-fam-canaux .tu-family-footer{margin-top:15px}
.tu .tu-carte{border-color:#d8c7ff;box-shadow:0 15px 35px #7052ed12}.tu .tu-badge{font-size:15px;padding:16px;background:linear-gradient(115deg,#9737fc,#096cff)}.tu .tu-carte-corps{padding:25px 20px 22px}.tu .tu-marque{font-size:clamp(38px,3.5vw,59px)}.tu .tu-phrase{font-size:clamp(14px,1.25vw,19px);line-height:1.4;margin:13px auto}.tu .tu-prix strong{font-size:clamp(52px,4.7vw,77px)}.tu .tu-credits-t{text-transform:none;letter-spacing:0;font-size:13px;line-height:1.3;margin-bottom:16px}.tu .tu-compris{border-top:1px solid #e1def3;padding-top:20px;gap:13px;margin-bottom:24px}.tu .tu-compris li{font-size:clamp(12px,1.1vw,17px)}.tu .tu-reassurance{display:flex;justify-content:space-between;gap:5px;margin-top:22px}.tu-reassurance>span{font-size:9px;flex:1;color:#10184b;white-space:nowrap}.tu-reassurance>span+span{border-left:1px solid #e2e0f3}.tu-reassurance i{display:block;font-style:normal;font-size:23px;margin-bottom:8px}
@media(max-width:1250px){.tu .tu-grille{grid-template-columns:1fr minmax(300px,.95fr) 1fr;gap:12px}.tu .tu-fam{padding:18px 15px 55px}.tu .tu-fam-ico{left:15px;top:18px;width:43px;height:43px}.tu .tu-fam-t,.tu-family-sub{margin-left:56px}.tu .tu-fam-t{font-size:19px}.tu .tu-illustrated ul{width:100%}.tu-mini-leads,.tu-mini-stats,.tu-sketch-note,.tu-ad-miniatures{display:none}.tu-illustrated>.tu-family-footer{left:15px;font-size:11px}.tu .tu-family-porte .tu-fam-t{max-width:none}.tu .tu-tuiles b{font-size:9px}}
@media(max-width:980px){.tu .tu-grille{grid-template-columns:1fr 1fr}.tu .tu-carte{grid-column:1/-1;grid-row:1;max-width:480px;width:100%;justify-self:center}.tu .tu-fam{min-height:300px}.tu .tu-family-sub{font-size:13px}.tu .tu-reassurance>span{font-size:10px}}
@media(max-width:600px){.tu .tu-grille{display:flex;flex-direction:column}.tu .tu-carte{order:-1;max-width:none}.tu .tu-fam{min-height:0}.tu .tu-family-porte{min-height:0}.tu .tu-fam li{font-size:14px}.tu .tu-fam-t{font-size:22px}.tu .tu-carte-corps{padding:24px 20px}.tu .tu-fam-canaux{padding-bottom:20px}}
/* Shared type scale, aligned with the neighbouring feature cards. */
.tu .tu-fam-t,.tu .tu-family-porte .tu-fam-t,.tu .tu-fam-canaux .tu-fam-t{font:700 21px/1.25 Inter,sans-serif;letter-spacing:-.45px;max-width:none;min-height:0;margin-left:67px;text-wrap:pretty}
.tu .tu-family-sub{font:400 15px/1.4 Inter,sans-serif;margin-left:67px;max-width:none}
.tu .tu-fam li,.tu .tu-compris li{font:400 15px/1.4 Inter,sans-serif;white-space:normal;text-overflow:clip;overflow:visible;gap:9px}
.tu .tu-fam li>span,.tu .tu-compris li>span{min-width:0;overflow-wrap:normal;word-break:normal}
.tu .tu-family-footer{font:400 14px/1.4 Inter,sans-serif}.tu .tu-family-footer>span{font-size:19px}
.tu .tu-phrase{font:400 16px/1.45 Inter,sans-serif}.tu .tu-marque{font-size:44px}.tu .tu-prix strong{font-size:64px}.tu .tu-prix span{font-size:22px}
.tu .tu-badge{font-size:14px}.tu .tu-credits-t{font-size:14px;line-height:1.4}.tu .tu-select{font-size:15px}.tu .tu-reassurance>span{font-size:10px;white-space:normal}
.tu .tu-tuiles b{font-size:12px;line-height:1.2}.tu .tu-tuiles small{font-size:11px}.tu .tu-fam-ico{width:50px;height:50px}
.tu .tu-family-porte .tu-sketch-note{display:none}.tu .tu-illustrated ul{width:70%}.tu .tu-family-porte ul{width:55%}.tu .tu-family-stats ul{width:72%}
.tu .tu-mini-leads{width:30%;right:2%;bottom:52px}.tu .tu-mini-stats{width:23%;right:2%;top:105px}.tu .tu-family-stats .tu-sketch-note{display:none}.tu .tu-family-gens .tu-sketch-note{top:85px;font-size:16px}.tu .tu-ad-miniatures{width:46%}
body.mode-site .tu a.tu-cta{font-size:18px;white-space:nowrap}
@media(max-width:1250px){.tu .tu-grille{grid-template-columns:1fr 1fr}.tu .tu-carte{grid-column:1/-1;grid-row:1;width:100%;max-width:480px;justify-self:center}.tu .tu-illustrated ul,.tu .tu-family-porte ul,.tu .tu-family-stats ul{width:100%}.tu .tu-fam-t,.tu .tu-family-porte .tu-fam-t,.tu .tu-fam-canaux .tu-fam-t,.tu .tu-family-sub{margin-left:62px}}
@media(max-width:600px){.tu .tu-grille{display:flex}.tu .tu-fam-t,.tu .tu-family-porte .tu-fam-t,.tu .tu-fam-canaux .tu-fam-t{font-size:20px}.tu .tu-family-sub,.tu .tu-fam li,.tu .tu-compris li{font-size:14px}.tu .tu-marque{font-size:40px}.tu .tu-prix strong{font-size:58px}.tu .tu-phrase{font-size:15px}}
/* Six distinct platforms: two even rows on every viewport. */
.tu .tu-fam-canaux .tu-tuiles{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px}
.tu .tu-fam-canaux .tu-tuiles li,.tu .tu-fam-canaux .tu-tuiles li:nth-child(n+5){grid-column:auto!important;min-height:88px;padding:12px 6px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.tu .tu-fam-canaux .tu-tuiles .tu-tuile-logos svg,.tu .tu-fam-canaux .tu-tuiles .tu-tuile-logos img,.tu .tu-fam-canaux .tu-tuiles li:first-child .tu-tuile-logos svg:first-child{display:block;width:30px;height:30px}
.tu .tu-fam-canaux .tu-tuiles b{font-size:12px;line-height:1.25}.tu .tu-fam-canaux .tu-tuiles small{font-size:10px}
/* Survol léger des canaux, sans modifier leur disposition ni ajouter de lien. */
.tu .tu-fam-canaux .tu-tuiles li{transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease,background-color .28s ease}
.tu .tu-fam-canaux .tu-tuile-logos{transition:transform .28s cubic-bezier(.2,.7,.3,1)}
@media(hover:hover) and (pointer:fine){
 .tu .tu-fam-canaux .tu-tuiles li:hover{transform:translateY(-4px);background-color:#f7faff;box-shadow:0 10px 22px #1976d21a,inset 0 0 0 1px #cfe4ff}
 .tu .tu-fam-canaux .tu-tuiles li:hover .tu-tuile-logos{transform:scale(1.09)}
}
@media(prefers-reduced-motion:reduce){
 .tu .tu-fam-canaux .tu-tuiles li,.tu .tu-fam-canaux .tu-tuile-logos{transition:none}
 .tu .tu-fam-canaux .tu-tuiles li:hover,.tu .tu-fam-canaux .tu-tuiles li:hover .tu-tuile-logos{transform:none}
}
/* Keep the decorative note away from the prospect preview and its header. */
.tu .tu-family-gens .tu-sketch-note{position:static;transform:none;margin:18px 0 0;font-size:16px;text-align:left;width:62%;line-height:1.2}
.tu .tu-family-gens .tu-sketch-note br{display:none}.tu .tu-family-gens .tu-sketch-note span{display:none}
.tu .tu-family-gens .tu-mini-leads{top:145px;bottom:auto;width:30%;right:2%}
.tu .tu-family-gens{min-height:365px}.tu .tu-family-gens ul{width:64%}
.tu .tu-family-gens .tu-mini-leads p{padding-right:13px;white-space:normal;line-height:1.25}.tu .tu-family-gens .tu-mini-leads small{line-height:1.3}
@media(max-width:1250px){.tu .tu-family-gens{min-height:0}.tu .tu-family-gens ul{width:100%}}
/* Distinct feature icons, with coordinated soft backgrounds. */
.tu .tu-family-gens>.tu-fam-ico{color:#0877f9;background:#e6f1ff}
.tu .tu-family-porte>.tu-fam-ico{color:#eb790e;background:#fff1e2}
.tu .tu-family-stats>.tu-fam-ico{color:#8241e8;background:#f0e7ff}
.tu .tu-ad-miniatures.tu-ad-provided{right:6%;bottom:42px;width:43.89%;height:auto;aspect-ratio:1374/1145;transform:rotate(20deg);transform-origin:center;filter:drop-shadow(0 9px 13px #6753bb1c)}
.tu .tu-ad-miniatures.tu-ad-provided>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}