/* Page Tarifs (/prix/). Fabriqué par maquettes-refonte/page-tarifs/poser-prix.cjs à partir de prix-v3.cjs : retoucher la source, pas ce fichier. */

.pt{--pt-ombre:0 0 0 1px rgba(15,17,20,.07),0 1px 2px rgba(15,17,20,.04),0 22px 48px -30px rgba(15,17,20,.28);overflow-x:clip}
.pt-wrap{max-width:1180px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left,0px)) 0 max(20px,env(safe-area-inset-right,0px));position:relative}
.pt section{position:relative}
.pt h1{font-size:clamp(40px,6vw,68px);line-height:1;letter-spacing:-.045em;text-wrap:balance}
.pt h1 span,.pt h2 span{color:var(--blue)}
.pt h2{font-size:clamp(30px,4vw,46px);line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.pt-sur{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.pt-titre{max-width:720px;margin:0 auto 40px;text-align:center}
.pt-titre p{margin:14px auto 0;max-width:52ch;font-size:18px;color:var(--muted);text-wrap:balance}
.pt-cache{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pt-boutons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px}
.pt-boutons .btn{height:48px;padding:0 22px;font-size:15.5px}
.pt-sous{margin-top:12px;font-size:13.5px;color:var(--muted);text-align:center;text-wrap:balance}
/* Les choses qui flottent : un mouvement lent de haut en bas, décalé pour chaque objet. Les nuages dérivent un peu, puis reviennent. */
.pt-flotte{animation:pt-flotte 7s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes pt-flotte{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.pt .pt-nuage{position:absolute;width:180px;height:auto;fill:url(#pt-nuage-g);animation:pt-derive 24s ease-in-out infinite alternate;animation-delay:var(--d,0s);pointer-events:none}
@keyframes pt-derive{from{transform:translateX(-26px)}to{transform:translateX(26px)}}
@media (prefers-reduced-motion:reduce){.pt-flotte,.pt-nuage{animation:none}}
.pt svg{display:block;width:100%;height:auto}
/* Cartes */
.pt-cartes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:1}
.pt-carte{display:flex;flex-direction:column;padding:24px 22px;border-radius:22px;background:#fff;box-shadow:var(--pt-ombre);transition:box-shadow .3s,transform .3s}
.pt-carte.choisie{box-shadow:0 0 0 2px var(--blue),0 22px 48px -26px rgba(37,99,235,.45)}
.pt-carte h3{font-size:26px;letter-spacing:-.03em}
.pt-carte-dessin{margin:-8px -6px 8px}
.pt-carte-dessin svg{max-width:236px;margin:0 auto}
.pt-pour{margin-top:3px;font-size:14px;color:var(--muted)}
.pt-prix{display:flex;align-items:baseline;gap:7px;margin-top:20px;font-size:40px;line-height:1;font-weight:700;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.pt-prix small{font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}
.pt-des{font-size:15px;font-weight:600;letter-spacing:0;color:var(--muted);margin-right:-1px}
.pt-btn{width:100%;height:46px;margin-top:22px;font-size:15px}
.pt-trait{height:1px;margin:22px 0 18px;background:var(--line)}
.pt-coches{list-style:none;margin:0;padding:0}
.pt-coches li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.4}
.pt-coches li+li{margin-top:9px}
.pt-coches li::before{content:"";position:absolute;left:2px;top:5px;width:10px;height:5px;border:solid var(--blue);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.pt-coches+.pt-coches{margin-top:9px}
.pt-plus{margin:16px 0 10px;font-size:13.5px;font-weight:600;color:var(--muted)}
/* Calculateur */
.pt-calc{background:#fff;border-radius:26px;box-shadow:var(--pt-ombre);padding:30px 32px;position:relative;z-index:1}
.pt-calc label{display:block;font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.pt-calc-val{margin-top:10px;font-size:15px;color:var(--muted)}
.pt-calc-val b{font-size:44px;line-height:1;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;margin-right:4px}
.pt-calc input[type=range]{width:100%;margin:20px 0 6px;accent-color:var(--blue);height:28px}
.pt-calc-bornes{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted)}
.pt-calc-res{display:flex;gap:22px;align-items:center;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.pt-calc-res>div:last-child{display:flex;flex-direction:column;gap:4px}
.pt-calc-label{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pt-calc-nom{font-size:32px;letter-spacing:-.035em;color:var(--blue);line-height:1.1}
.pt-calc-prix{font-size:18px;font-weight:600;color:var(--ink)}
.pt-calc-temps{margin-top:6px;font-size:15px}
.pt-calc-res small{font-size:12.5px;color:var(--muted)}
.pt-calc-dessin{position:relative;width:240px;flex:none;aspect-ratio:310/204}
.pt-calc-niveau{position:absolute;inset:0;opacity:0;transition:opacity .35s ease}
.pt-calc-niveau.on{opacity:1}
/* Tableau */
.pt-table-boite{overflow-x:auto;border-radius:22px;box-shadow:var(--pt-ombre);background:#fff}
.pt-table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}
.pt-table th,.pt-table td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:center}
.pt-table th[scope=row]{text-align:left;font-weight:500;color:var(--text)}
.pt-table thead th{font-size:16px;font-weight:700;color:var(--ink);padding-top:20px;padding-bottom:16px;background:#fff}
.pt-table thead th small{display:block;margin-top:2px;font-size:13px;font-weight:500;color:var(--muted)}
.pt-groupe th{text-align:left!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)!important;background:var(--blue-soft)}
.pt-oui{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;font-size:13px;font-weight:700}
.pt-non{color:#C7C7CC}
.pt-vol{font-size:13.5px;font-weight:600;color:var(--ink)}
.pt-table tr:last-child>*{border-bottom:0}
.pt-table th:first-child{position:sticky;left:0;background:#fff;z-index:1}
.pt-groupe th:first-child{background:var(--blue-soft)}
/* Compris, compte, étapes, questions */
.pt-compris,.pt-compte{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pt-compris li,.pt-compte li{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:20px;background:#fff;box-shadow:var(--pt-ombre)}
.pt-compris b,.pt-compte b{font-size:17px;color:var(--ink);letter-spacing:-.015em}
.pt-compris span,.pt-compte span{font-size:15px;color:var(--muted);line-height:1.45}
.pt-compte{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Un dessin à côté d'une liste cochée : « Dans toutes les formules », « Comment on compte ». */
.pt-duo{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:center}
.pt-duo-inverse{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.pt-duo-dessin{margin:0}
.pt-duo .pt-compris{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px}
.pt-duo .pt-compte{grid-template-columns:minmax(0,1fr);gap:20px}
.pt-duo .pt-compris li,.pt-duo .pt-compte li{position:relative;padding:0 0 0 36px;background:none;box-shadow:none;border-radius:0}
.pt-duo .pt-compris li::before,.pt-duo .pt-compte li::before{content:"";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:var(--blue)}
.pt-duo .pt-compris li::after,.pt-duo .pt-compte li::after{content:"";position:absolute;left:7px;top:8px;width:10px;height:5px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.pt-etapes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:28px}
.pt-etapes li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.pt-etapes li:nth-child(even) .pt-etape-dessin{order:2}
.pt-etape-dessin{margin:0}
.pt-etape-txt h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.035em;line-height:1.08;margin-top:10px}
.pt-etape-txt p{margin-top:10px;font-size:17px;color:var(--muted);max-width:44ch}
.pt-num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-weight:700;font-size:15px}
.pt-faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.pt-faq details{border-radius:18px;background:#fff;box-shadow:var(--pt-ombre);padding:0 22px}
.pt-faq summary{cursor:pointer;list-style:none;padding:19px 30px 19px 0;font-weight:600;color:var(--ink);position:relative}
.pt-faq summary::-webkit-details-marker{display:none}
.pt-faq summary::after{content:"+";position:absolute;right:0;top:15px;font-size:22px;font-weight:400;color:var(--blue)}
.pt-faq details[open] summary::after{content:"–"}
.pt-faq details p{padding:0 0 20px;margin:0;color:var(--muted)}
.pt-fin{padding:110px 0;text-align:center;overflow:hidden}
.pt-fin h2{max-width:16ch;margin:0 auto}
.pt-fin p{margin-top:12px;font-size:18px;color:var(--muted)}
.pt-fin .pt-sous{font-size:13.5px}
.pt-fin .n-f1{left:6%;top:24px;width:200px}.pt-fin .n-f2{right:7%;bottom:30px;width:150px;--d:-9s}
@media (max-width:980px){.pt-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}.pt-compris{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .pt-cartes,.pt-compris,.pt-compte,.pt-duo,.pt-duo-inverse,.pt-duo .pt-compris{grid-template-columns:minmax(0,1fr)}
  .pt-duo{gap:26px}.pt-duo-dessin{max-width:420px;margin:0 auto}.pt-duo-inverse .pt-duo-dessin{order:-1}
  .pt-etapes li{grid-template-columns:minmax(0,1fr);gap:14px}
  .pt-etapes li:nth-child(even) .pt-etape-dessin{order:0}
  .pt-calc{padding:22px 20px}
  .pt-calc-res{flex-direction:column;align-items:flex-start}
  .pt-calc-dessin{width:200px;align-self:center}
  .pt-titre{margin-bottom:28px}
  .pt-fin{padding:80px 0}
  .pt .pt-nuage{width:120px}.pt-fin .n-f1,.pt-fin .n-f2{width:120px}
}

.va-haut{padding:96px 0 70px;text-align:center;overflow:hidden;background:linear-gradient(180deg,#F3F7FE 0%,#fff 78%)}
.va-haut .pt-wrap{max-width:860px}
.va-haut p.pt-lead{margin:20px auto 0;max-width:46ch;font-size:19px;color:var(--muted);text-wrap:balance}
.va-haut .n1{left:-2%;top:70px;width:230px}.va-haut .n2{right:-1%;top:40px;width:190px;--d:-8s}.va-haut .n3{left:14%;bottom:12px;width:150px;--d:-15s}.va-haut .n4{right:12%;bottom:-4px;width:210px;--d:-4s}
.va-objet{position:absolute;width:118px;z-index:1}
.va-objet.e1{left:6%;top:200px;--d:-1s}.va-objet.e2{right:5%;top:180px;width:104px;--d:-3.5s}.va-objet.e3{right:20%;top:34px;width:84px;--d:-5s}
.va-objet.b1{left:18%;top:36px;width:70px;--d:-2.5s}
.va-cartes{padding:10px 0 90px}
.va-calc{padding:90px 0;background:var(--blue-soft);overflow:hidden}
.va-calc .pt-wrap{max-width:820px}
.va-calc .n5{left:2%;top:30px;width:200px;--d:-6s}.va-calc .n6{right:3%;bottom:30px;width:170px;--d:-12s}
.va-calc .va-bluo{position:absolute;right:-20px;top:-38px;width:82px;z-index:2}
.va-bloc{padding:96px 0}
.va-gris{background:linear-gradient(#fff,#F7F9FC)}
@media (max-width:640px){.va-haut{padding:64px 0 44px}.va-objet.e1{left:4px;top:auto;bottom:6px;width:84px}.va-objet.e2{right:4px;top:auto;bottom:16px;width:80px}.va-objet.e3,.va-objet.b1{display:none}.va-calc{padding:64px 0}.va-calc .va-bluo{right:8px;top:-30px;width:60px}.va-bloc{padding:64px 0}}
/* Corrections du 07/11 (« l'effet bleu halo est mal fait, il y a un cut ») : un halo rond, sans bord ; des nuages entiers. */
.va-haut{background:radial-gradient(ellipse 64% 62% at 50% 44%,rgba(37,99,235,.11),rgba(37,99,235,.045) 46%,rgba(37,99,235,0) 74%);overflow:visible;padding:104px 0 84px}
.va-haut .n1{left:2%;top:92px;width:210px}.va-haut .n2{right:2%;top:58px;width:180px;--d:-8s}.va-haut .n3{left:13%;bottom:22px;width:150px;--d:-15s}.va-haut .n4{right:10%;bottom:6px;width:200px;--d:-4s}
.va-objet.e1{left:7%;top:250px}.va-objet.e2{right:6%;top:210px}.va-objet.e3{right:22%;top:48px}.va-objet.b1{left:20%;top:52px}
.va-calc{background:radial-gradient(ellipse 58% 72% at 50% 50%,rgba(37,99,235,.12),rgba(37,99,235,.05) 50%,rgba(37,99,235,0) 76%);overflow:visible}
.va-calc .n5{left:3%;top:40px}.va-calc .n6{right:3%;bottom:40px}
.va-gris{background:linear-gradient(#fff,#F7F9FC 30%,#F7F9FC 70%,#fff)}
.pt-carte{position:relative}
.pt-badge{display:none}
@media (max-width:640px){.va-objet.e1,.va-objet.e2,.va-objet.b1{display:none}.va-objet.e3{display:block;left:auto;right:10px;top:12px;width:60px}.va-haut{padding:64px 0 52px}.va-haut .n1{left:2%;top:40px;width:120px}.va-haut .n2{right:2%;top:20px;width:110px}.va-haut .n3,.va-haut .n4{width:110px}}
/* Ordinateur : le détail des cartes est toujours visible, son titre caché. */
.pt-detail>summary{display:none}
.pt-vol-tel{display:none}
.as-pied{margin-top:22px;text-align:center;font-size:14px;color:var(--muted)}
/* 07/11 (Aziz : « enlève juste ça ») : plus de titre au-dessus des étapes, elles suivent les formules. */
.va-bloc.as-etapes{padding-top:40px}
@media (max-width:640px){
  /* Téléphone : moins de texte. */
  .va-haut{padding:52px 0 36px}
  .va-haut h1{font-size:40px}
  .va-haut p.pt-lead{font-size:16.5px;max-width:30ch}
  .pt-carte{padding:20px 20px 18px}
  .pt-carte h3{font-size:22px}
  .pt-prix{margin-top:14px;font-size:34px}
  .pt-vol-tel{display:block;margin-top:8px;font-size:14px;font-weight:600;color:var(--ink)}
  .pt-btn{margin-top:16px}
  .pt-detail>summary{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:10px 0 2px;font-size:14.5px;font-weight:600;color:var(--blue);cursor:pointer;list-style:none}
  .pt-detail>summary::-webkit-details-marker{display:none}
  .pt-detail>summary::after{content:"";width:8px;height:8px;border:solid var(--blue);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px)}
  .pt-detail[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
  .pt-detail .pt-trait{margin:12px 0 14px}
  .pt-detail .pt-coches:first-of-type{display:none}
  .pt-cartes{gap:12px}
  .va-bloc{padding:52px 0}
  .pt h2{font-size:30px}
  .pt-titre{margin-bottom:22px}
  .pt-etapes{gap:30px}
  .pt-etape-txt p{display:none}
  .pt-etape-dessin{max-width:300px;margin:0 auto}
  .pt-etape-txt{text-align:center}
  .pt-etape-txt h3{font-size:22px}
  .as-fonctions{display:none}
  .pt-duo-dessin{display:none}
  .pt-duo .pt-compris{gap:14px}
  .pt-duo .pt-compris li span{display:none}
  .pt-faq summary{padding:16px 28px 16px 0;font-size:15.5px}
  .pt-fin{padding:64px 0}
  .pt-fin .pt-sous{display:none}
}
/* Étapes en bande de 4 (au lieu du zigzag) */
.as-bande .pt-etapes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px}
.as-bande .pt-etapes li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
.as-bande .pt-etapes li:nth-child(even) .pt-etape-dessin{order:0}
.as-bande .pt-etape-dessin{width:100%;max-width:250px;aspect-ratio:5/4;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}
.as-bande .pt-etape-dessin svg{width:100%;height:100%}
.as-bande .kit-etoile{display:none}
.as-bande .pt-etape-txt{display:flex;flex-direction:column;align-items:center}
.as-bande .pt-etape-txt h3{font-size:20px;line-height:1.2;margin-top:12px}
.as-bande .pt-etape-txt p{font-size:15px;line-height:1.5;margin-top:8px;max-width:30ch}
@media (max-width:980px){.as-bande .pt-etapes{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}}
@media (max-width:640px){
  .as-bande .pt-etapes{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}
  .as-bande .pt-etape-dessin{max-width:none;margin:0 0 10px}
  .as-bande .pt-num{width:26px;height:26px;font-size:13px}
  .as-bande .pt-etape-txt h3{font-size:15.5px;line-height:1.25;margin-top:8px}
  .as-bande .pt-etape-txt p{display:none}
}
/* 08/11 (Aziz : « resserre, il y a trop d'espace vide ») : haut plus court. Sans bouton ni surtitre, les deux nuages du bas
   (posés au bas du bloc) s'écartent vers les bords pour ne pas passer sous le texte. */
.va-haut{padding-top:64px;padding-bottom:84px}
.va-haut .n3{left:3%;bottom:4px}
.va-haut .n4{right:2%;bottom:-8px}
/* Tablette et téléphone : Bluo, les enveloppes et les nuages du haut sont plus près du centre ; le titre garde sa hauteur d'avant. */
@media (max-width:1099px){.va-haut{padding-top:130px;padding-bottom:64px}}
@media (max-width:640px){.va-haut{padding-top:80px;padding-bottom:40px}}
/* Les cartes, puis directement les questions (marges de la FAQ plus bas). */
.va-cartes{padding-bottom:8px}
/* l'offre bêta sur chaque carte : la pastille (le petit Bluo en 2D) juste au-dessus, « Gratuit » à la place du prix, le prix ensuite dessous */
.px-beta{align-self:flex-start;display:inline-flex;margin-top:18px!important;align-items:center;gap:6px;height:24px;margin:0;padding:0 9px;justify-content:center;border-radius:999px;background:#EEF3FF;color:#1D4ED8;font-size:12px;font-weight:700;letter-spacing:.01em;box-shadow:inset 0 0 0 1px #D6E2FD}
.px-beta svg{display:block;flex:0 0 auto;width:14px!important;height:14px!important;margin:0!important}
/* Personnalisé : pas de prix, « Sur mesure » à la hauteur de « Gratuit » des autres cartes */
.pt-prix.px-mesure{margin-top:52px}
@media (max-width:980px){.pt-prix.px-mesure{margin-top:18px}}
.pt-prix.px-gratuit small{font-size:13.5px}
.px-puis{margin:8px 0 0;font-size:15px;font-weight:600;color:var(--ink)}
.px-beta + .pt-prix{margin-top:10px}

/* FAQ : comme l'accueil */
.px-faq{padding:72px 0 48px;background:#fff}
.px-faq-tete{max-width:760px;margin:0 auto 30px;text-align:center}
.pt .px-faq h2{margin:0;font-weight:700;color:var(--ink);font-size:clamp(30px,4.6vw,48px);line-height:1.06;letter-spacing:-.035em}
.px-faq-liste{max-width:760px;margin:0 auto}
.px-faq-liste details{border-top:1px solid var(--line)}
.px-faq-liste details:last-child{border-bottom:1px solid var(--line)}
.px-faq-liste summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;color:var(--ink);-webkit-user-select:none;user-select:none}
.px-faq-liste summary::-webkit-details-marker{display:none}
.px-faq-liste summary::after{content:"";flex:0 0 auto;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .35s var(--ease);margin-right:4px}
.px-faq-liste details[open] summary::after{transform:rotate(-135deg)}
.px-faq-liste details.closing summary::after{transform:rotate(45deg)}
.px-faq-liste summary:focus{outline:none}
.px-faq-liste summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}
.px-faq-liste .ans{overflow:hidden}
.px-faq-liste .ans p{margin:0;padding:0 0 22px;color:#3A3A3F;max-width:64ch;font-size:16px}
.px-faq-liste .ans p a{color:var(--blue);text-decoration:none;font-weight:500;white-space:nowrap}
.px-faq-liste .ans p a:hover{text-decoration:underline}
@media (min-width:861px){
  .px-faq-tete{margin-bottom:44px}
  .pt .px-faq h2{font-size:clamp(38px,3.9vw,54px);line-height:1.04;letter-spacing:-.045em}
  .px-faq-liste summary{font-size:18px;padding:22px 0}
  .px-faq-liste .ans p{font-size:16.5px;line-height:1.6;padding:0 0 24px}
}
@media (max-width:860px){.px-faq{padding:56px 0 40px}}
@media (max-width:600px){
  .px-faq{border-top:1px solid var(--line);padding:36px 0 40px}
  .px-faq-tete{margin:0 auto 22px}
  .pt .px-faq h2{font-size:clamp(27px,7.6vw,36px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
  .px-faq-liste summary{font-size:15.5px;line-height:1.35;padding:16px 0}
  .px-faq-liste .ans p{font-size:15px;line-height:1.55;padding:0 22px 18px 0}
}

/* Bas de page : la scène noire de l'accueil (accueil-aurore.css), pied de page compris */
.scene{position:relative;isolation:isolate}
.scene>.source{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}
.scene-bas{background:var(--ink);margin-top:72px}
.scene-bas::before{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .045 -.02'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/220px,radial-gradient(ellipse 112% 100% at 50% 12%,rgba(37,99,235,.17) 0%,rgba(37,99,235,.1627) 10%,rgba(37,99,235,.1425) 20%,rgba(37,99,235,.1142) 30%,rgba(37,99,235,.0836) 40%,rgba(37,99,235,.0556) 50%,rgba(37,99,235,.0331) 60%,rgba(37,99,235,.0173) 70%,rgba(37,99,235,.0075) 80%,rgba(37,99,235,.0022) 90%,rgba(37,99,235,0) 100%)}
.scene-bas .foot{background:transparent}
.scene-bas footer.foot::before,.scene-bas footer.foot::after{display:none}
.fin-beta{position:relative;padding:96px 0 72px;text-align:center;color:#fff}
.fin-bluo{position:relative;width:72px;height:72px;margin:0 auto 32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#93C5FD 0%,#2563EB 48%,#1D4ED8 100%);box-shadow:0 0 40px rgba(37,99,235,.65),0 0 110px rgba(37,99,235,.35)}
.fin-bluo::before,.fin-bluo::after{content:"";position:absolute;top:49.2%;width:9.5%;height:16.7%;border-radius:50%;background:#fff}
.fin-bluo::before{left:31.75%}
.fin-bluo::after{left:58.75%}
.fin-beta h2{margin:0;color:#fff;font-size:clamp(34px,3.9vw,54px);line-height:1.08}
.fin-sous{margin:14px auto 0;max-width:30em;color:rgba(255,255,255,.74);font-size:19px;line-height:1.45;letter-spacing:-.01em;text-wrap:balance}
.fin-boutons{display:flex;justify-content:center;gap:12px;margin-top:32px}
.fin-boutons .btn{min-width:210px}
.fin-fort{border:0;background:#fff;color:var(--ink);box-shadow:inset 0 -1px 0 0 #B5B5B5,inset 0 0 0 1px rgba(0,0,0,.1),inset 0 .5px 0 1.5px #fff;transition:background-color .15s,box-shadow .1s,opacity .2s}
.fin-fort:hover{background:#FAFAFA}
.fin-fort:active{background:#F1F1F1;box-shadow:inset 0 2px 0 0 #D4D4D4}
.fin-clair{border:1px solid rgba(255,255,255,.22);background-color:rgba(255,255,255,.06);background-image:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0) 60%);color:#fff;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(255,255,255,.08),0 4px 16px rgba(0,0,0,.22);transition:background-color .15s,box-shadow .1s,opacity .2s}
.fin-clair:hover{background-color:rgba(255,255,255,.12)}
.fin-clair:active{background-color:rgba(255,255,255,.09);box-shadow:inset 0 2px 4px rgba(0,0,0,.3),inset 0 -1px 0 rgba(255,255,255,.08)}
@media (max-width:600px){
  .fin-beta{padding:64px 0 48px}
  .fin-bluo{width:60px;height:60px;margin-bottom:26px}
  .fin-sous{margin-top:10px;font-size:16px}
  .fin-beta h2{font-size:clamp(27px,7.6vw,36px)}
  .fin-boutons{flex-direction:column;gap:10px;margin-top:26px}
  .fin-boutons .btn{width:100%}
}

/* 10/11 (Aziz : « pour les tarifs, que ça descende jusqu'au trait rouge, et juste sur le trait un fondu en blanc fluide comme sur l'accueil ») :
   le ciel (nuages et enveloppes, image refaite en 2 304 px) couvre le titre ET les formules, de sous la barre jusqu'à la fin des cartes ; un fondu blanc
   très progressif (260 px) le ramène au blanc juste avant la FAQ, qui reste sur fond blanc. Plus de halo, de nuages ni d'objets qui flottent. */
.px-ciel{position:relative;isolation:isolate}
.px-ciel::before{content:"";position:absolute;left:0;right:0;top:-78px;bottom:0;z-index:-1;pointer-events:none;background:url("/assets/fond-ciel-tarifs.svg?v=6") center top/cover no-repeat}
.px-ciel::after{content:"";position:absolute;left:0;right:0;bottom:0;height:300px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.04) 12%,rgba(255,255,255,.14) 26%,rgba(255,255,255,.32) 42%,rgba(255,255,255,.58) 60%,rgba(255,255,255,.82) 78%,rgba(255,255,255,.95) 91%,#fff 100%)}
.pt .va-haut{background:none}
.pt .pt-flotte,.pt .pt-nuage,.pt .va-objet,.pt .va-haut .n1,.pt .va-haut .n2,.pt .va-haut .n3,.pt .va-haut .n4{display:none}
.pt .px-faq{background:#fff;border-top:0}
/* 10/11 (Aziz : « le titre en foncé, pas bleu, pour Tarifs ») : « Selon vos mails. » dans le foncé du titre, sur le ciel */
.pt .va-haut h1 span{color:var(--ink)}
/* 10/11 (Aziz : « réduis un peu l espace » entre la phrase et les formules, à l ordinateur) : 84 px → 48 px */
@media (min-width:1100px){.pt .va-haut{padding-bottom:48px}}
.pt .va-haut h1 .px-trait{white-space:nowrap;padding-bottom:.06em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 28' preserveAspectRatio='none'%3E%3Cpath d='M6 19C80 9 170 6 294 13' fill='none' stroke='%232563EB' stroke-width='11' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 100%/100% .3em}