/* JM 04/11/2026 : style du site choisi par Jonathan : aurore (modèle C) + fibre qui suit le défilement (modèle B). Page de comparaison : /modeles/ */
body.aurore{ background:#02040d; }
.c-aurore{ position:fixed; inset:0; width:100vw; height:100vh; z-index:0; pointer-events:none; opacity:.95; }
.aurore main, .aurore .pied{ position:relative; z-index:1; }
.aurore .pied{ background:rgba(2,4,13,.72); }
.aurore .heros-page, .aurore .heros{ position:relative; isolation:isolate; }
.aurore .heros-page > .conteneur{ position:relative; z-index:2; }

/* ── héros des pages intérieures : très grand titre ── */
.aurore .heros-page{ background:none; padding:clamp(52px,8vw,120px) 0 clamp(30px,4vw,50px); }
.aurore .heros-page h1{ font-size:clamp(38px,6.4vw,84px); line-height:1.02; letter-spacing:-.045em; max-width:1000px; }
.aurore .heros-page h1 em, .aurore .heros h1 em{ background:linear-gradient(90deg,#7af4ff,#3b82f6,#8b5cf6,#d24dff,#7af4ff); background-size:300% 100%; -webkit-background-clip:text; background-clip:text;
  animation:au-glisse 9s ease-in-out infinite alternate; }
.aurore .heros-page .accroche{ font-size:clamp(17px,1.6vw,20px); color:#cbd6f2; }
.aurore .heros-page .surtitre{ display:inline-block; padding:7px 16px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); color:#e7f8ff; letter-spacing:.2em; }
.aurore .heros-page .garanties li{ color:#d5def5; }

/* ── bandeau géant qui défile sous le héros ── */
.c-bandeau{ position:relative; z-index:1; overflow:hidden; padding:8px 0 clamp(36px,5vw,64px); -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.c-bandeau > div{ display:flex; width:max-content; align-items:center; gap:clamp(24px,3vw,46px); animation:au-defile 46s linear infinite; }
.c-bandeau span{ font-size:clamp(44px,8vw,112px); font-weight:900; letter-spacing:-.04em; white-space:nowrap; color:transparent; -webkit-text-stroke:1.4px rgba(200,230,255,.38); }
.c-bandeau span:nth-of-type(3n+2){ -webkit-text-stroke-color:rgba(210,160,255,.5); }
.c-bandeau i{ font-style:normal; font-size:clamp(24px,3vw,40px); color:#7af4ff; text-shadow:0 0 18px #3fe0ff; }

/* ── la fibre : dans la marge de gauche, sans décaler le contenu ── */
.aurore .bloc-page, .aurore .suite-fibre{ position:relative; }
.fibre{ position:absolute; top:0; bottom:0; width:2px; border-radius:2px; pointer-events:none; z-index:0;
  left:max(-38px, calc(6px - (100vw - 100%) / 2));
  background:linear-gradient(180deg, rgba(122,244,255,.85), rgba(139,92,246,.6) 50%, rgba(210,77,255,.4)); box-shadow:0 0 12px rgba(63,224,255,.35); }
.suite-fibre > .fibre{ left:max(6px, calc((100% - 1160px) / 2 - 38px)); }
.photon{ position:absolute; left:50%; top:calc(var(--p, 0) * 100%); width:14px; height:14px; margin:-7px 0 0 -7px; border-radius:50%; background:#fff;
  box-shadow:0 0 12px 4px #3fe0ff, 0 0 40px 10px rgba(139,92,246,.7); }
.photon::before{ content:""; position:absolute; left:50%; bottom:50%; width:4px; height:160px; margin-left:-2px; border-radius:4px; background:linear-gradient(transparent, #7af4ff); opacity:.8; }
/* chaque section se branche sur la fibre */
.aurore .bloc-page .groupe > h2{ position:relative; }
.aurore .bloc-page .groupe > h2::before{ content:""; position:absolute; top:50%; width:16px; height:16px; margin-top:-8px; border-radius:50%;
  left:calc(max(-38px, calc(6px - (100vw - 100%) / 2)) - 7px);
  background:#02040d; border:2px solid rgba(63,224,255,.6); transition:background .5s, box-shadow .5s, border-color .5s; }
.aurore .bloc-page .groupe > h2.vu::before, .aurore .bloc-page .groupe > h2:not(.rv)::before{ background:#7af4ff; border-color:#fff; box-shadow:0 0 0 6px rgba(63,224,255,.15), 0 0 24px #3fe0ff; }
@media (max-width:1240px){ .aurore .bloc-page .groupe > h2::before{ width:12px; height:12px; margin-top:-6px; left:calc(max(-38px, calc(6px - (100vw - 100%) / 2)) - 5px); } }

/* ── sections : grands numéros fantômes ── */
.aurore .bloc-page{ counter-reset:section; }
.aurore .groupe{ position:relative; isolation:isolate; counter-increment:section; }
.aurore .groupe::before{ content:"0" counter(section); position:absolute; z-index:-1; left:-.05em; top:-.5em; font-size:clamp(84px,11vw,150px); font-weight:900; line-height:1;
  color:transparent; -webkit-text-stroke:1px rgba(170,200,255,.16); letter-spacing:-.05em; pointer-events:none; }
.aurore .groupe > h2{ font-size:clamp(28px,3.6vw,44px); letter-spacing:-.035em; padding-top:.3em; }
.aurore .groupe > p, .aurore .offre .pour, .aurore .titre-bloc p{ color:#d5def5; }

/* ── verre dépoli sur toutes les vignettes ── */
.aurore .verre{ border-radius:30px; border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(160deg, rgba(255,255,255,.09), rgba(255,255,255,.025)); backdrop-filter:blur(18px) saturate(150%); -webkit-backdrop-filter:blur(18px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 30px 70px -40px rgba(0,0,0,.9); transition:transform .6s cubic-bezier(.2,.8,.2,1), box-shadow .6s, border-color .6s; }
.aurore a.verre:hover, .aurore .offre:hover{ transform:translateY(-8px); border-color:rgba(122,244,255,.4); box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 40px 80px -36px rgba(63,224,255,.45); }
.aurore .offre.vedette, .aurore .carte.vedette{ border-color:rgba(255,255,255,.28); background:linear-gradient(160deg, rgba(139,92,246,.22), rgba(63,224,255,.06)); }
.aurore .offre.vedette::after{ content:""; position:absolute; inset:-2px; z-index:-1; border-radius:inherit; background:conic-gradient(from 0deg,#3fe0ff,#3b82f6,#8b5cf6,#d24dff,#3fe0ff);
  filter:blur(26px); opacity:.55; animation:au-respire 5s ease-in-out infinite; }
.aurore .offre{ isolation:isolate; overflow:visible; }
.aurore .offre .etiquette{ background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); color:#fff; }
.aurore .offre.vedette .etiquette{ background:linear-gradient(90deg,#3fe0ff,#8b5cf6,#d24dff); border-color:transparent; }
.aurore .offre h3{ font-size:27px; letter-spacing:-.03em; }
.aurore .prix strong{ font-size:clamp(50px,5vw,64px); font-weight:900; letter-spacing:-.05em; background:linear-gradient(180deg,#fff 30%,#b9cdf7); -webkit-background-clip:text; background-clip:text; color:transparent; }
.aurore .prix strong small{ -webkit-text-fill-color:#cbd6f2; }
.aurore .liste li::before{ background:linear-gradient(135deg,#7af4ff,#d24dff); width:16px; height:16px; -webkit-mask:radial-gradient(circle,#000 34%,transparent 38%,transparent 56%,#000 60%); mask:radial-gradient(circle,#000 34%,transparent 38%,transparent 56%,#000 60%); }
.aurore .bouton{ background:linear-gradient(90deg,#3fe0ff,#3b82f6,#8b5cf6,#d24dff,#3fe0ff); background-size:300% 100%; animation:au-glisse 8s ease-in-out infinite alternate; }
.aurore .bouton.second{ background:rgba(255,255,255,.08); animation:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); }
.aurore .options li{ border-top-color:rgba(255,255,255,.1); }
.aurore .carte{ overflow:hidden; }
.aurore .carte img, .aurore .exemple img{ transition:transform 1.2s cubic-bezier(.2,.8,.2,1); }
.aurore .carte:hover img, .aurore .exemple:hover img{ transform:scale(1.05); }
.aurore .final{ padding:clamp(56px,8vw,100px) 24px; background:linear-gradient(120deg, rgba(63,224,255,.16), rgba(139,92,246,.22), rgba(210,77,255,.16)); background-size:200% 200%; animation:au-glisse 10s ease-in-out infinite alternate; }
.aurore .final h2{ font-size:clamp(30px,4.4vw,56px); letter-spacing:-.04em; }
/* tunnel : les choix restent lisibles sur l'aurore */
.aurore .choix label.verre{ border-radius:20px; }
.aurore .choix label:has(input:checked){ border-color:#7af4ff; background:linear-gradient(160deg, rgba(63,224,255,.16), rgba(139,92,246,.10)); }
.aurore .form-contact input, .aurore .form-contact textarea, .aurore .tunnel input:not([type=radio]):not([type=checkbox]), .aurore .tunnel textarea{ background:rgba(2,4,13,.7); }

/* ── apparitions : glissent depuis la fibre, avec un éclat ── */
.anim .rv{ transition:opacity .9s cubic-bezier(.2,.8,.2,1), transform .9s cubic-bezier(.2,.8,.2,1), filter .9s; transition-delay:calc(var(--i, 0) * 90ms); }
.anim .rv:not(.vu){ opacity:0; transform:translateX(-34px); filter:brightness(1.9); }

@keyframes au-glisse{ from{ background-position:0% 50%; } to{ background-position:100% 50%; } }
@keyframes au-defile{ to{ transform:translateX(-50%); } }
@keyframes au-respire{ 0%,100%{ opacity:.4; transform:scale(.98); } 50%{ opacity:.7; transform:scale(1.02); } }
@media (max-width:640px){
  .aurore .verre{ border-radius:24px; }
  .aurore .groupe::before{ top:-.38em; }
}
@media (prefers-reduced-motion:reduce){ .aurore *, .aurore *::before, .aurore *::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }
/* ── pages de texte (légal, à propos, blog) : JM 05/11/2026 ── */
.aurore .groupe-texte::before{ display:none; }
.aurore .prose{ max-width:860px; margin-inline:auto; padding:clamp(24px,4.5vw,56px); border-radius:30px; }
.aurore .prose > *:first-child{ margin-top:0; }
.aurore .prose h2{ margin:1.8em 0 .55em; font-size:clamp(23px,2.5vw,30px); letter-spacing:-.025em; }
.aurore .prose h3{ margin:1.5em 0 .4em; font-size:clamp(18px,1.9vw,21px); color:#e7f8ff; }
.aurore .prose p, .aurore .prose li{ color:#d5def5; line-height:1.78; }
.aurore .prose p + p, .aurore .prose ul, .aurore .prose ol{ margin-top:.9em; }
.aurore .prose ul, .aurore .prose ol{ padding-left:1.3em; display:grid; gap:.35em; }
.aurore .prose li::marker{ color:#7af4ff; }
.aurore .prose a{ color:#7af4ff; text-underline-offset:3px; }
.aurore .prose strong{ color:#fff; }
.aurore .prose table{ width:100%; border-collapse:collapse; margin:1.2em 0; font-size:15px; display:block; overflow-x:auto; }
.aurore .prose th, .aurore .prose td{ padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.12); text-align:left; vertical-align:top; }
.aurore .prose blockquote{ margin:1.2em 0; padding:14px 20px; border-left:3px solid #7af4ff; background:rgba(63,224,255,.06); border-radius:0 14px 14px 0; }
.aurore .prose img{ border-radius:18px; margin:1.2em 0; }