@font-face{ font-family:"Archivo"; src:url("/vitrine/fonts/archivo-latin.e3a28eade2.woff2") format("woff2");
  font-weight:100 900; font-stretch:62% 125%; font-display:swap; }
:root{
  --nuit:#030304; --nuit-2:#08090b; --txt:#f4f6f8; --mut:#9aa4af; --mut-2:#5d6671;
  --ambre:#ff9e2c; --ambre-2:#ffc53d; --filet:rgba(255,158,44,.16); --filet-fort:rgba(255,158,44,.42); --verre:rgba(14,12,9,.62);
  --vert:#38ff85; --rouge:#ff5a40;
  --jaune:linear-gradient(180deg,#fff1b8 0%,#ffc53d 45%,#ff8a1c 100%);
  --mono:ui-monospace, "Cascadia Mono", Consolas, monospace;
  --corps:min(1180px, 100% - 64px);
  color-scheme:dark;
}
*{ box-sizing:border-box; margin:0; padding:0; }
[hidden]{ display:none !important; }
html{ background:var(--nuit); color:var(--txt); scroll-behavior:smooth; scroll-padding-top:96px; }
body{ font-family:"Archivo", system-ui, sans-serif; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;
  background:radial-gradient(1100px 520px at 50% -8%, rgba(255,158,44,.11), transparent 70%), var(--nuit); min-height:100vh; }
body::before{ content:""; position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.5;
  background-image:repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 3px); }
a{ color:inherit; }
button, input{ font:inherit; color:inherit; }
.corps{ width:var(--corps); margin-inline:auto; position:relative; z-index:1; }
.vh{ position:absolute !important; left:0; top:0; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.saut{ position:absolute; left:16px; top:-60px; z-index:50; padding:10px 14px; background:var(--ambre); color:#0a0806; font-weight:800; }
.saut:focus{ top:12px; }
:focus-visible{ outline:2px solid var(--ambre-2); outline-offset:3px; }
.cta-f, .cta{ display:inline-flex; align-items:center; justify-content:center; gap:10px; height:46px; padding:0 22px; border:0; cursor:pointer;
  background:var(--ambre); color:#140b00; font-weight:800; font-size:13px; letter-spacing:.1em; text-transform:uppercase; text-decoration:none;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  box-shadow:0 0 24px rgba(255,158,44,.35); transition:filter .2s, transform .2s; }
.cta-f:hover, .cta:hover{ filter:brightness(1.12); transform:translateY(-1px); }
.lien-nuit{ display:inline-flex; align-items:center; height:46px; padding:0 18px; border:1px solid var(--filet-fort); color:#d4dae0;
  font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; text-decoration:none; transition:background .2s, color .2s; }
.lien-nuit:hover{ background:rgba(255,158,44,.1); color:var(--ambre); }
.lien-bouton, .lien-discret{ background:none; border:0; cursor:pointer; color:var(--mut); font-family:var(--mono); font-size:12px; letter-spacing:.12em;
  text-transform:uppercase; text-decoration:underline; text-underline-offset:4px; text-decoration-color:rgba(255,158,44,.4); }
.lien-bouton:hover, .lien-discret:hover{ color:var(--ambre); }
.entete{ display:flex; align-items:center; justify-content:space-between; gap:20px; height:70px; }
.marque{ display:flex; align-items:center; gap:10px; text-decoration:none; font-weight:800; font-size:21px; font-stretch:122%; letter-spacing:.04em; }
.marque .ico{ width:26px; height:26px; filter:drop-shadow(0 0 8px rgba(64,196,99,.45)); }
.marque b, .marque .flow{ color:var(--ambre); }
.entete-actions{ display:flex; align-items:center; gap:22px; }
.entete-actions .cta-f{ height:40px; font-size:12px; }
.entete-actions form{ display:flex; }
.filet-h{ height:1px; background:linear-gradient(90deg, transparent, var(--filet-fort) 20%, var(--filet-fort) 80%, transparent); position:relative; z-index:1; }
main{ padding:64px 0 40px; }
.compte-tete::before{ content:"// ESPACE CLIENT"; display:block; font-family:var(--mono); font-size:12px; letter-spacing:.28em; color:var(--ambre); }
.compte-tete h1{ margin-top:12px; font-size:clamp(46px, 7vw, 104px); font-weight:800; font-stretch:125%; line-height:.92; text-transform:uppercase;
  background:linear-gradient(180deg, #ffffff 30%, #c9ced4 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.qui{ margin-top:16px; font-family:var(--mono); font-size:13px; letter-spacing:.08em; color:var(--mut); }
.qui b{ color:var(--txt); font-weight:600; }
.compte-grille{ margin-top:54px; display:grid; grid-template-columns:210px minmax(0, 1fr); gap:56px; align-items:start; }
.sommaire{ position:sticky; top:96px; display:grid; border-left:1px solid var(--filet); }
.sommaire a{ position:relative; padding:9px 0 9px 18px; font-family:var(--mono); font-size:12px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--mut); text-decoration:none; transition:color .2s; }
.sommaire a:hover{ color:#d4dae0; }
.sommaire a[aria-current]{ color:var(--ambre); }
.sommaire a[aria-current]::before{ content:""; position:absolute; left:-1px; top:6px; bottom:6px; width:2px; background:var(--ambre); box-shadow:0 0 12px var(--ambre); }
.sections{ display:grid; grid-template-columns:minmax(0, 1fr); gap:84px; counter-reset:bloc 1; }   
.abo{ position:relative; overflow:hidden; padding:44px 44px 34px; border:1px solid var(--filet-fort);
  background:linear-gradient(160deg, rgba(255,158,44,.09), rgba(14,12,9,.7) 42%), var(--nuit-2);
  box-shadow:0 0 70px rgba(255,158,44,.12), inset 0 0 0 1px rgba(255,255,255,.02); }
.abo::before, .abo::after{ content:""; position:absolute; width:24px; height:24px; border:2px solid var(--ambre); z-index:2; filter:drop-shadow(0 0 6px rgba(255,158,44,.8)); }
.abo::before{ left:8px; top:8px; border-right:0; border-bottom:0; }
.abo::after{ right:8px; bottom:8px; border-left:0; border-top:0; }
.abo-filigrane{ position:absolute; right:-40px; bottom:-60px; width:360px; height:360px; fill:none; stroke:rgba(255,158,44,.07); stroke-width:3;
  pointer-events:none; }
.abo-filigrane rect{ fill:rgba(255,158,44,.035); }
.abo-tete{ position:relative; display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; }
.abo-sur{ font-family:var(--mono); font-size:12px; letter-spacing:.28em; text-transform:uppercase; color:var(--ambre); }
.abo-nom{ margin-top:10px; display:flex; flex-wrap:wrap; align-items:center; gap:16px; font-size:clamp(40px, 5.6vw, 76px); font-weight:800; font-stretch:125%;
  line-height:.95; text-transform:uppercase; }
.abo-nom span{ background:var(--jaune); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 0 22px rgba(255,158,44,.4)); }
.abo-sceau-img{ width:52px; height:52px; filter:drop-shadow(0 0 10px rgba(255,158,44,.5)); }
.abo-etat{ margin-top:14px; display:flex; align-items:center; gap:10px; font-family:var(--mono); font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:#d4dae0; }
.pastille{ width:9px; height:9px; border-radius:50%; background:var(--vert); box-shadow:0 0 12px var(--vert); animation:pouls 1.8s infinite; }
@keyframes pouls{ 50%{ opacity:.35; } }
.abo[data-ton="attention"] .pastille{ background:var(--ambre); box-shadow:0 0 12px var(--ambre); }
.abo[data-ton="alerte"] .pastille{ background:var(--rouge); box-shadow:0 0 12px var(--rouge); }
.abo[data-ton="neutre"] .pastille{ background:var(--mut-2); box-shadow:none; animation:none; }
.abo[data-ton="alerte"]{ border-color:rgba(255,90,64,.55); box-shadow:0 0 70px rgba(255,90,64,.14); }
.abo-prix{ margin-left:auto; text-align:right; }
.abo-prix b{ display:block; font-size:clamp(36px, 4.2vw, 56px); font-weight:800; font-stretch:115%; line-height:1; }
.abo-prix span{ font-family:var(--mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--mut); }
.abo-alerte{ position:relative; margin-top:26px; padding:14px 18px; border:1px solid var(--filet-fort); border-left:3px solid var(--ambre);
  background:rgba(255,158,44,.07); color:#f1e6d6; font-size:15px; }
.abo[data-ton="alerte"] .abo-alerte{ border-color:rgba(255,90,64,.5); border-left-color:var(--rouge); background:rgba(255,90,64,.08); }
.abo-faits{ position:relative; margin-top:30px; display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); border:1px solid var(--filet); }
.abo-faits div{ padding:16px 18px; border-left:1px solid var(--filet); }
.abo-faits div:first-child{ border-left:0; }
.abo-faits dt{ font-family:var(--mono); font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--mut); }
.abo-faits dd{ margin-top:6px; font-size:19px; font-weight:700; }
.abo-periode{ position:relative; margin-top:24px; }
.abo-periode-barre{ height:10px; border:1px solid var(--filet); background:rgba(255,255,255,.05); position:relative; overflow:hidden; }
.abo-periode-barre i{ position:absolute; inset:0 auto 0 0; background:linear-gradient(90deg, #ff8a1c, #ffc53d); box-shadow:0 0 16px rgba(255,158,44,.7); }
.abo-periode-barre i::after{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg, transparent 0 18px, rgba(0,0,0,.35) 18px 20px); }
.abo-periode-bornes{ margin-top:8px; display:flex; justify-content:space-between; font-family:var(--mono); font-size:11.5px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--mut); }
.abo-periode-bornes span:nth-child(2){ color:var(--ambre); }
.abo-sceau{ position:relative; margin-top:22px; padding:14px 18px 14px 50px; border:1px solid var(--filet-fort); background:rgba(255,158,44,.06); font-size:15px; color:#e6d8c2; }
.abo-sceau::before{ content:""; position:absolute; left:18px; top:17px; width:14px; height:11px; border:2px solid var(--ambre); border-top-width:2px;
  box-shadow:0 0 8px rgba(255,158,44,.6); }
.abo-sceau::after{ content:""; position:absolute; left:21px; top:9px; width:8px; height:9px; border:2px solid var(--ambre); border-bottom:0; border-radius:5px 5px 0 0; }
.abo-sceau b{ color:var(--ambre); }
.abo-actions{ position:relative; margin-top:28px; display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.places{ font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--mut); }
.places b{ color:var(--ambre); }
.places--peu b{ color:var(--rouge); }
.abo-differe{ position:relative; margin-top:16px; font-size:14px; color:#d4dae0; }
.abo-note{ position:relative; margin-top:26px; padding-top:18px; border-top:1px solid var(--filet); font-size:13px; color:var(--mut-2); max-width:640px; }
.bloc{ counter-increment:bloc; }
.bloc-entete{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding-bottom:16px; border-bottom:1px solid var(--filet); }
.bloc-entete::before{ content:"// 0" counter(bloc); order:-1; font-family:var(--mono); font-size:12px; letter-spacing:.2em; color:var(--ambre); }
.bloc-t{ flex:1; font-size:clamp(24px, 2.6vw, 34px); font-weight:800; font-stretch:120%; line-height:1.05; text-transform:uppercase; }
.bloc-aside{ font-family:var(--mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--mut); }
.vide{ margin-top:22px; color:var(--mut); }
.note{ margin-top:18px; font-size:13px; color:var(--mut-2); }
.cb-rangee{ margin-top:28px; display:flex; align-items:center; gap:40px; flex-wrap:wrap; }
.cb{ position:relative; width:330px; aspect-ratio:1.586; padding:22px 24px; display:flex; flex-direction:column; justify-content:space-between;
  border:1px solid rgba(255,197,61,.45); overflow:hidden; transform:perspective(900px) rotateY(-14deg) rotateX(5deg);
  background:linear-gradient(135deg, rgba(255,197,61,.20), rgba(255,138,28,.06) 40%, rgba(8,9,11,.95) 70%), var(--nuit-2);
  box-shadow:0 0 50px rgba(255,158,44,.18), 0 30px 60px rgba(0,0,0,.8); transition:transform .6s cubic-bezier(.2,.8,.2,1); }
.cb:hover{ transform:perspective(900px) rotateY(0) rotateX(0); }
.cb::after{ content:""; position:absolute; inset:-40% -20%; background:linear-gradient(115deg, transparent 40%, rgba(255,255,255,.10) 50%, transparent 60%);
  transform:translateX(-30%); animation:reflet 5s ease-in-out infinite; pointer-events:none; }
@keyframes reflet{ 50%{ transform:translateX(30%); } }
.cb-puce{ display:block; width:42px; height:32px; border-radius:5px; background:linear-gradient(135deg, #ffe08a, #b8872a); box-shadow:inset 0 0 0 1px rgba(0,0,0,.3); }
.cb-num{ font-family:var(--mono); font-size:19px; letter-spacing:.14em; color:#f0e6d2; }
.cb-num b{ color:#fff; }
.cb-bas{ display:flex; justify-content:space-between; align-items:flex-end; font-family:var(--mono); font-size:13px; letter-spacing:.1em; color:#d4c7ae; }
.cb-bas small{ font-size:9px; letter-spacing:.2em; text-transform:uppercase; color:var(--mut); }
.cb-bas b{ font-size:16px; font-weight:800; color:#fff; letter-spacing:.14em; }
.cb-titre{ font-size:19px; font-weight:700; }
.cb-sous{ margin-top:4px; font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--mut); }
.cb-texte .cta-f{ margin-top:18px; }
.defile{ position:relative; margin-top:22px; overflow-x:auto; border:1px solid var(--filet); }   
.factures{ width:100%; border-collapse:collapse; font-size:15px; }
.factures th{ padding:12px 16px; text-align:left; font-family:var(--mono); font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  color:var(--mut); background:rgba(255,158,44,.05); border-bottom:1px solid var(--filet); }
.factures td{ padding:14px 16px; border-bottom:1px solid rgba(255,158,44,.08); white-space:nowrap; }
.factures tr:last-child td{ border-bottom:0; }
.factures tbody tr:hover{ background:rgba(255,158,44,.05); }
.factures td:first-child{ font-family:var(--mono); letter-spacing:.06em; color:#d4dae0; }
.num{ text-align:right; font-weight:700; font-variant-numeric:tabular-nums; }
.statut{ display:inline-block; padding:3px 9px; font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; border:1px solid; }
.statut--payee{ color:var(--vert); border-color:rgba(56,255,133,.4); background:rgba(56,255,133,.07); }
.statut--ouverte{ color:var(--ambre); border-color:var(--filet-fort); background:rgba(255,158,44,.07); }
.statut--echouee{ color:var(--rouge); border-color:rgba(255,90,64,.45); background:rgba(255,90,64,.08); }
.statut--remboursee, .statut--annulee{ color:var(--mut); border-color:rgba(154,164,175,.3); }
.dl{ font-family:var(--mono); font-size:12px; letter-spacing:.14em; color:var(--ambre); text-decoration:none; }
.dl::after{ content:" ↓"; }
.dl:hover{ text-shadow:0 0 10px rgba(255,158,44,.8); }
.indic-chapeau{ margin-top:22px; color:#c9d0d6; max-width:720px; }
.indic-grille{ margin-top:26px; display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.2fr); gap:28px; align-items:start; }
.indic-cle{ position:relative; padding:24px; border:1px solid var(--filet-fort); background:linear-gradient(160deg, rgba(255,158,44,.08), rgba(8,9,11,.9) 55%); }
.indic-sur{ display:block; font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--ambre); }
.cle{ display:block; margin-top:12px; padding:14px 16px; font-family:var(--mono); font-size:17px; letter-spacing:.14em; color:#fff; word-break:break-all;
  background:rgba(0,0,0,.5); border:1px dashed rgba(255,158,44,.35); text-shadow:0 0 12px rgba(255,158,44,.35); }
.indic-actions{ margin-top:16px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.indic-cle small{ display:block; margin-top:14px; font-size:13px; line-height:1.5; color:var(--mut); }
.indic-nouvelle{ margin-top:16px; padding-top:14px; border-top:1px solid var(--filet); }
.indic-nouvelle summary{ cursor:pointer; font-family:var(--mono); font-size:12px; letter-spacing:.1em; color:var(--mut); }
.indic-nouvelle summary:hover{ color:var(--ambre); }
.indic-nouvelle p{ margin-top:10px; font-size:14px; color:#c9d0d6; }
.indic-nouvelle form{ margin-top:12px; }
.etapes{ list-style:none; counter-reset:etape; display:grid; gap:14px; }
.etapes li{ counter-increment:etape; position:relative; padding:14px 16px 14px 60px; border:1px solid var(--filet); background:var(--verre); font-size:15px; color:#c9d0d6; }
.etapes li::before{ content:"0" counter(etape); position:absolute; left:14px; top:13px; width:32px; height:32px; display:grid; place-items:center;
  font-family:var(--mono); font-size:13px; font-weight:700; color:#0a0806; background:var(--ambre); box-shadow:0 0 14px rgba(255,158,44,.5); }
.etapes b{ color:var(--txt); }
.indic-dl{ margin-top:12px; height:40px; font-size:12px; }
.form{ margin-top:26px; display:grid; grid-template-columns:1fr 1fr; gap:20px 24px; }
.champ, .fixe{ display:flex; flex-direction:column; gap:8px; }
.champ--plein{ grid-column:1 / -1; max-width:calc(50% - 12px); }
.champ span, .fixe span{ font-family:var(--mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--mut); }
.champ input{ height:48px; padding:0 14px; background:rgba(0,0,0,.55); border:1px solid rgba(255,158,44,.25); color:var(--txt); font-size:16px;
  transition:border-color .2s, box-shadow .2s; }
.champ input:focus{ outline:none; border-color:var(--ambre); box-shadow:0 0 0 3px rgba(255,158,44,.18), 0 0 20px rgba(255,158,44,.2); }
.champ small, .fixe small{ font-size:12.5px; color:var(--mut-2); }
.fixe{ padding:14px 16px; border:1px solid var(--filet); background:var(--verre); }
.fixe b{ font-size:16px; font-weight:700; word-break:break-all; }
.form-actions{ grid-column:1 / -1; display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin-top:6px; }
.bloc--aide{ position:relative; padding:34px 36px; border:1px solid var(--filet-fort);
  background:linear-gradient(120deg, rgba(255,158,44,.12), rgba(8,9,11,.9) 60%); }
.bloc--aide .bloc-t::before{ content:"// 0" counter(bloc) "  "; font-family:var(--mono); font-size:12px; font-weight:400; letter-spacing:.2em; color:var(--ambre); vertical-align:middle; }
.bloc--aide p{ margin-top:14px; color:#d4dae0; max-width:640px; }
.bloc--aide a{ color:var(--ambre); text-underline-offset:3px; }
.aide-liens{ display:flex; gap:22px; flex-wrap:wrap; font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.pied{ margin-top:40px; padding:28px 0 40px; border-top:1px solid var(--filet); display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;
  font-family:var(--mono); font-size:12px; letter-spacing:.1em; color:var(--mut-2); }
.pied nav{ display:flex; gap:20px; flex-wrap:wrap; }
.pied a{ text-decoration:none; } .pied a:hover{ color:var(--ambre); }
.retour{ position:fixed; left:50%; bottom:24px; z-index:40; transform:translateX(-50%); display:flex; align-items:center; gap:16px; max-width:min(640px, 100% - 32px);
  padding:14px 16px 14px 20px; background:rgba(8,9,11,.95); border:1px solid rgba(56,255,133,.45); box-shadow:0 0 40px rgba(56,255,133,.15);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); font-size:15px; }
.retour[data-ton="erreur"]{ border-color:rgba(255,90,64,.55); box-shadow:0 0 40px rgba(255,90,64,.18); }
.retour button{ background:none; border:0; cursor:pointer; font-size:22px; line-height:1; color:var(--mut); }
.porte .mode{ display:none; }
html[data-mode="connexion"] .mode-connexion, html[data-mode="oubli"] .mode-oubli, html[data-mode="envoye"] .mode-envoye,
html[data-mode="nouveau"] .mode-nouveau, html[data-mode="lien-invalide"] .mode-lien-invalide, html[data-mode="merci"] .mode-merci,
html[data-mode="merci-attente"] .mode-merci-attente, html[data-mode="merci-inconnu"] .mode-merci-inconnu,
html[data-mode="paiement-indispo"] .mode-paiement-indispo, html[data-mode="ventes-bientot"] .mode-ventes-bientot{ display:block; }
.porte-corps{ padding:80px 0 110px; min-height:calc(100vh - 210px); }
.porte-col{ position:relative; max-width:500px; margin-inline:auto; padding:40px 40px 34px; border:1px solid var(--filet-fort);
  background:linear-gradient(160deg, rgba(255,158,44,.09), rgba(14,12,9,.7) 42%), var(--nuit-2);
  box-shadow:0 0 70px rgba(255,158,44,.12), inset 0 0 0 1px rgba(255,255,255,.02); }
.porte-col::before, .porte-col::after{ content:""; position:absolute; width:24px; height:24px; border:2px solid var(--ambre);
  filter:drop-shadow(0 0 6px rgba(255,158,44,.8)); pointer-events:none; }
.porte-col::before{ left:-10px; top:-10px; border-right:0; border-bottom:0; }
.porte-col::after{ right:-10px; bottom:-10px; border-left:0; border-top:0; }
.porte .mode::before{ content:"// ESPACE CLIENT"; display:block; font-family:var(--mono); font-size:11px; letter-spacing:.28em; color:var(--ambre); }
.porte h1{ margin-top:12px; font-size:clamp(32px, 4.6vw, 54px); font-weight:800; font-stretch:125%; line-height:.96; text-transform:uppercase;
  background:linear-gradient(180deg, #ffffff 30%, #c9ced4 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.porte-chapeau{ margin:16px 0 28px; font-size:16.5px; line-height:1.55; color:#c9d0d6; }
.porte-chapeau b{ color:var(--txt); overflow-wrap:anywhere; }
.porte-form{ display:flex; flex-direction:column; gap:18px; }
.porte-form .cta{ margin-top:6px; width:100%; }
.porte-liens{ margin-top:22px; font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.porte-liens a, .porte-note a{ color:var(--ambre); text-underline-offset:3px; }
.porte-note{ margin-top:26px; padding-top:18px; border-top:1px solid var(--filet); font-size:14px; color:var(--mut); }
.porte-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 26px; }
.porte-msg{ margin:0 0 24px; padding:12px 16px; border:1px solid rgba(255,90,64,.45); border-left:3px solid var(--rouge);
  background:rgba(255,90,64,.08); color:#f1e6d6; font-size:15px; }
.porte-msg:empty{ display:none; }
@media (max-width: 900px){
  :root{ --corps:calc(100% - 32px); }
  .entete{ height:62px; }
  .entete-actions{ gap:14px; }
  .entete-actions .cta-f{ height:38px; padding:0 14px; font-size:11px; }
  main{ padding-top:40px; }
  .compte-grille{ grid-template-columns:minmax(0, 1fr); gap:30px; }
  .sommaire{ position:sticky; top:0; z-index:5; display:flex; overflow-x:auto; border-left:0; border-bottom:1px solid var(--filet);
    background:rgba(3,3,4,.92); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); margin-inline:-16px; padding-inline:16px; scrollbar-width:none; }
  .sommaire a{ flex:none; padding:14px 12px; font-size:11px; }
  .sommaire a[aria-current]::before{ left:12px; right:12px; top:auto; bottom:0; width:auto; height:2px; }
  .sections{ gap:60px; }
  .abo{ padding:30px 22px 26px; }
  .abo-nom{ font-size:clamp(28px, 9vw, 40px); gap:10px; }
  .abo-sceau-img{ width:38px; height:38px; }
  .abo-tete{ min-width:0; }
  .abo-titre{ min-width:0; }
  .abo-prix{ margin-left:0; text-align:left; }
  .abo-faits div{ border-left:0; border-top:1px solid var(--filet); }
  .abo-faits div:first-child{ border-top:0; }
  .cb{ width:min(330px, 100%); }
  .indic-grille, .form{ grid-template-columns:minmax(0, 1fr); }
  .champ--plein{ max-width:none; }
  .bloc--aide{ padding:26px 22px; }
  .porte-corps{ padding:40px 0 80px; }
  .porte-col{ padding:28px 22px 24px; }
}
@media (max-width: 480px){
  .marque span{ display:none; }
  .entete-actions{ gap:12px; }
  .entete-actions .cta-f{ padding:0 12px; font-size:10.5px; letter-spacing:.06em; }
  .lien-bouton{ font-size:10.5px; letter-spacing:.06em; }
}
@media (prefers-reduced-motion: reduce){ *, *::before, *::after{ animation:none !important; transition:none !important; } }