/* =====================================================================
   AQELYR — ASTRA (cinématique d'accueil)
   Extrait de la V1 en production (aqelyr.com, couches V2.5 → V5.8).
   L'ordre de la cascade d'origine est conservé : plusieurs couches
   s'écrasent volontairement (V5.1 > V5 > V3.2…). Ne pas réordonner.
   Retiré : code mort (éléments absents du DOM, règles écrasées,
   doublons), nav / footer / formulaire (désormais dans site.css).
   ===================================================================== */

/* --- V2 base : scènes, feuille, documents ---------------------------- */
.sticky{isolation:isolate}.storycopy{position:relative;z-index:6;background:radial-gradient(circle at center,#050708ee 0,#050708b8 48%,transparent 76%);padding:32px;border-radius:30px}.cinema-title{font-size:clamp(42px,7vw,96px);line-height:.95;letter-spacing:-.055em;margin:12px 0}.subcopy{color:#aeb4b8;max-width:720px;line-height:1.65;font-size:clamp(16px,1.7vw,21px)}.tunnel{position:absolute;inset:0;perspective:900px;pointer-events:none}.sheet{position:absolute;left:50%;top:50%;width:min(70vw,620px);height:min(82vh,760px);border:1px solid #2b3035;border-radius:18px;background:linear-gradient(145deg,#111518,#07090a);box-shadow:0 40px 120px #000;will-change:transform,opacity}.sheet:before{content:'FACTURE FOURNISSEUR';position:absolute;top:28px;left:30px;color:#d4d5d2;font-size:11px;letter-spacing:.18em}.sheetlines{position:absolute;inset:90px 30px 30px;background:repeating-linear-gradient(to bottom,#30363a 0 1px,transparent 1px 42px);opacity:.55}.focusline{position:absolute;left:30px;right:30px;top:49%;height:42px;border:1px solid #765e2c;background:#e6b85c10;box-shadow:0 0 45px #e6b85c18}.scanbeam{position:absolute;left:5%;right:5%;height:1px;background:var(--gold);box-shadow:0 0 30px var(--gold);opacity:.7;will-change:transform}.data-node{position:absolute;border:1px solid #2a3034;background:#090c0eeb;padding:11px 14px;border-radius:12px;color:#aeb4b8;font-size:12px;will-change:transform,opacity}
.scene{min-height:170vh;position:relative}.sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}
.hero{text-align:center;max-width:980px;padding:8vw}.hero h1{font-size:clamp(48px,8vw,112px);line-height:.93;margin:.15em 0;font-weight:620;letter-spacing:-.055em}.hero p{font-size:clamp(17px,2vw,25px);color:#b8bdc1;max-width:720px;margin:auto}
.docs{position:absolute;inset:0;perspective:1200px;pointer-events:none}.doc{position:absolute;width:220px;height:300px;border:1px solid #2b3035;border-radius:12px;background:linear-gradient(145deg,#111518,#080a0c);box-shadow:0 20px 70px #0009;padding:18px;color:#7f878d;transition:transform .1s linear,opacity .1s linear}.doc:before{content:'FACTURE';color:#c7c9c9;font-size:11px;letter-spacing:.2em}.doc .rows{margin-top:25px;background:repeating-linear-gradient(to bottom,#30363a 0 1px,transparent 1px 25px);height:170px;opacity:.6}.money{position:absolute;color:var(--gold);font-weight:700;font-size:20px;text-shadow:0 0 25px #e6b85c77}
.counter{position:fixed;z-index:12;bottom:28px;right:4vw;border:1px solid #3b3426;background:#080a0cdd;backdrop-filter:blur(12px);padding:13px 18px;border-radius:14px;color:#a9afb3;font-size:12px}.counter strong{color:var(--gold);font-size:18px;margin-left:8px}
@media(max-width:760px){.storycopy{padding:22px 16px;background:radial-gradient(circle at center,#050708 0,#050708e8 58%,transparent 92%)}.sheet{width:78vw;height:62vh}.data-node{font-size:10px;padding:8px 10px}.cinema-title{font-size:clamp(40px,12vw,62px)}.counter{left:5vw;right:auto}.scene{min-height:155vh}}
.counter span{font-size:10px;letter-spacing:.08em}
@media(max-width:760px){.counter{max-width:90vw}.counter span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.doc,.money,.sheet,.data-node,.sourceDoc,.core2,.anomaly,.travelCard{transition:none!important}.scene,.cinematic{min-height:110vh!important}}

/* --- V3 : couche cinématique ----------------------------------------- */
body.astra:after{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
#v3canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.58}.counter,.astra section{z-index:2}.scene{z-index:2}
.hero:before{content:"AQELYR / VALUE SIGNAL";display:block;margin:0 auto 18px;color:#626a70;font-size:9px;letter-spacing:.38em}.hero h1,.cinema-title{filter:drop-shadow(0 16px 42px #000)}.astra .gold{text-shadow:0 0 28px #e6b85c22}.storycopy{backdrop-filter:blur(2px)}
.v3-scan{position:absolute;left:0;right:0;top:-20%;height:18%;background:linear-gradient(180deg,transparent,#e6b85c08,transparent);pointer-events:none;animation:scanPage 7s ease-in-out infinite}@keyframes scanPage{50%{transform:translateY(700%)}100%{transform:translateY(0)}}
.counter{overflow:hidden}.counter:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#e6b85c10,transparent);transform:translateX(-100%);animation:counterScan 3s linear infinite}@keyframes counterScan{to{transform:translateX(100%)}}
.engineworld:before{content:"";position:absolute;left:50%;top:45%;width:3px;height:3px;border-radius:50%;background:var(--gold);box-shadow:0 0 40px 12px #e6b85c28;animation:coreBreath 2.4s ease-in-out infinite}@keyframes coreBreath{50%{box-shadow:0 0 90px 28px #e6b85c20;transform:scale(1.7)}}
.sourceDoc{box-shadow:0 20px 70px #000b}.core2{animation:coreFloat 4s ease-in-out infinite}@keyframes coreFloat{50%{box-shadow:0 0 130px #e6b85c32,inset 0 0 55px #e6b85c12}}
.travelCard{filter:drop-shadow(0 0 18px #e6b85c2c)}.milestone.on i{animation:milestonePulse 1.1s ease-out}@keyframes milestonePulse{50%{transform:scale(1.7)}}
@media(max-width:760px){#v3canvas{opacity:.34}}
@media(prefers-reduced-motion:reduce){#v3canvas,.v3-scan{display:none!important}.counter:before,.core2{animation:none!important}}

/* --- Démonstration produit (conversion31) ---------------------------- */
.demo31{padding:110px 5vw;border-top:1px solid #171b1e;position:relative;overflow:hidden}.demo31:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,#e6b85c12,transparent 66%);left:50%;top:35%;transform:translate(-50%,-50%);pointer-events:none}.demo31-wrap{max-width:1160px;margin:auto;position:relative;z-index:2}.demo31-head{text-align:center;max-width:850px;margin:0 auto 48px}.demo31-head h2{font-size:clamp(42px,6vw,78px);line-height:.96;letter-spacing:-.05em;margin:12px 0 18px}.demo31-head p{color:#959da2;font-size:18px;line-height:1.6}.demo31-ui{border:1px solid #292f33;background:linear-gradient(145deg,#0c1012,#07090a);border-radius:26px;overflow:hidden;box-shadow:0 40px 120px #0008}.demo31-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid #22282c;color:#858d92;font-size:11px;letter-spacing:.12em}.demo31-live{display:flex;align-items:center;gap:8px}.demo31-live i{width:8px;height:8px;border-radius:50%;background:#e6b85c;box-shadow:0 0 18px #e6b85c}.demo31-grid{display:grid;grid-template-columns:1.1fr .9fr;min-height:480px}.demo31-scan{padding:32px;border-right:1px solid #22282c}.demo31-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:25px}.demo31-stat{border:1px solid #242a2e;border-radius:14px;padding:15px;background:#090c0e}.demo31-stat small{display:block;color:#737c82;font-size:9px;letter-spacing:.12em;margin-bottom:8px}.demo31-stat strong{font-size:25px;font-weight:550}.demo31-stat strong.gold{color:#e6b85c}.demo31-feed{display:grid;gap:9px}.demo31-line{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;border:1px solid #20262a;padding:12px;border-radius:12px;color:#8d969b;opacity:.45;transform:translateY(8px);transition:.45s ease}.demo31-line.on{opacity:1;transform:none;border-color:#343a3e}.demo31-line.alert{border-color:#6f352d;background:#24100d66}.demo31-icon{width:30px;height:30px;border:1px solid #30373b;border-radius:9px;display:grid;place-items:center;font-size:10px}.demo31-line b{color:#d8dad8;font-weight:500}.demo31-line em{font-style:normal;color:#e6b85c;font-size:12px}.demo31-proof{padding:32px;display:flex;flex-direction:column;justify-content:center}.demo31-proof .label{font-size:10px;color:#e6b85c;letter-spacing:.17em}.demo31-proof h3{font-size:31px;line-height:1.05;margin:10px 0 25px}.demo31-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.demo31-box{border:1px solid #252b2f;border-radius:14px;padding:17px}.demo31-box small{display:block;color:#727b80;font-size:9px;letter-spacing:.1em}.demo31-box strong{display:block;font-size:26px;margin-top:10px}.demo31-vs{color:#e16a5a;font-size:11px}.demo31-evidence{margin-top:17px;padding:15px;border:1px solid #715a2b;border-radius:13px;background:#e6b85c08;color:#9ca3a7;font-size:12px;line-height:1.6}.demo31-evidence b{color:#e6b85c}.demo31-run{border:1px solid #765e2c;background:transparent;color:#e6b85c;padding:10px 15px;border-radius:999px;cursor:pointer;font:inherit;font-size:11px;letter-spacing:.08em}.demo31-run:hover{background:#e6b85c10}.demo31-run:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:760px){.demo31{padding:80px 5vw}.demo31-grid{grid-template-columns:1fr}.demo31-scan{border-right:0;border-bottom:1px solid #22282c;padding:20px}.demo31-proof{padding:22px}.demo31-stats{grid-template-columns:1fr 1fr}.demo31-stat:last-child{grid-column:1/-1}.demo31-match{grid-template-columns:1fr}.demo31-vs{text-align:center}.demo31-head p{font-size:15px}}

/* --- ASTRA HERO ONLY (V3.6) ------------------------------------------ */
#s1 .doc{width:clamp(92px,11vw,172px);height:clamp(124px,14.5vw,228px);border-radius:8px;padding:11px;background:linear-gradient(145deg,#111518ee,#07090ae8);box-shadow:0 18px 65px #000b;opacity:0;will-change:transform,opacity;transform-style:preserve-3d}
#s1 .doc:before{font-size:7px;letter-spacing:.18em;color:#aeb3b5}
#s1 .doc .rows{margin-top:17px;height:70%;background:repeating-linear-gradient(to bottom,#30363a 0 1px,transparent 1px 17px);opacity:.52}
#s1 .hero{z-index:5;position:relative}
#s1 .sticky:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(circle at 50% 50%,#05070818 0,#0507085e 35%,#050708c8 82%,#050708 100%)}
#s1 .sticky:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 48%,#e6b85c0b,transparent 32%)}
@media(max-width:760px){#s1 .doc{width:94px;height:128px;padding:8px}#s1 .doc .rows{margin-top:13px}}

/* --- V5.2 mobile performance ----------------------------------------- */
@media(max-width:759px){
 body.astra:before,body.astra:after{display:none!important}
 #s1 .doc{backdrop-filter:none!important;box-shadow:0 16px 40px #000b,0 0 18px #00d9ff14!important}
 #s1 .money{box-shadow:0 8px 24px #000b!important;text-shadow:none!important}
 #s1 .hero{filter:none!important}
 .storycopy{backdrop-filter:none!important}
 #heroFilmCanvas{opacity:.92}
 .v5-pixel{box-shadow:none!important}
 .v5-core{box-shadow:0 0 42px #00dfff10!important}
}

/* --- V5.5 desktop-safe : couches décoratives coupées > 1100 px -------
   V1 : « *{animation:none} » global. V2 : limité à la page d'accueil
   (body.astra), pour un rendu Astra identique sans figer les autres pages. */
@media (min-width:1101px){
  #v3canvas,#heroFilmCanvas,.v3-scan,#s1 .v5-pixels,#s1 .v5-scan{display:none!important}
  body.astra:before,body.astra:after{display:none!important}
  .storycopy,.counter,#s1 .doc{backdrop-filter:none!important}
  body.astra *,body.astra *:before,body.astra *:after{animation:none!important}
  #s1 .v5-core{opacity:.42;box-shadow:0 0 56px #00dfff12,inset 0 0 44px #8d4fff0c}
  #s1 .v5-grid{opacity:.16}
  .sheet,.matchCard,.demo31-ui{box-shadow:0 20px 60px #0009}
  .hero h1,.cinema-title{filter:none}
  .counter{background:#080a0cf2}
}

/* --- V5.7 : film tablette réutilisé sur desktop ---------------------- */
@media (min-width:1101px){
  #heroFilmCanvas{display:block!important;opacity:.91!important}
  #s1 .v5-pixels{display:block!important}
  #s1 .v5-scan{display:block!important}
  #s1{min-height:500vh!important}
  #s1 .doc{width:168px;height:232px;padding:14px;backdrop-filter:none!important;box-shadow:0 22px 68px #000c,0 0 25px #00d9ff14,0 0 32px #ff4fd810}
  #s1 .doc .rows{margin-top:18px;height:132px}
  #s1 .doc .invmeta{left:14px;bottom:40px;font-size:7px}
  #s1 .doc .invamount{right:14px;bottom:12px;font-size:17px}
  #s1 .money{font-size:18px;padding:7px 10px;box-shadow:0 10px 26px #000b,0 0 20px #00dfff14}
  #s1 .v5-core{width:min(44vw,330px);box-shadow:0 0 56px #00dfff12,inset 0 0 44px #8d4fff0c}
  #s1 .v5-grid{opacity:.24}
}

/* --- V5.8 : langage visuel du profil mobile sur desktop -------------- */
@media (min-width:1101px){
  #s1 .v5-pixel{box-shadow:none!important}
  #s1 .doc{box-shadow:0 14px 34px #000b!important}
  #s1 .money{box-shadow:0 8px 20px #000b!important;text-shadow:none!important}
  #s1 .v5-core{box-shadow:0 0 34px #00dfff0c!important}
  .dataLine.hit,.matchCard,.sheet,.demo31-ui{box-shadow:0 14px 38px #0009!important}
}

/* --- V2.5 fin cinématique : moteur et parcours de l'écart ------------ */
.cinematic{min-height:220vh}.engineworld,.cashstage{position:absolute;inset:0;pointer-events:none}.enginecopy,.cashcopy{position:absolute;left:6vw;bottom:7vh;max-width:720px}.core2{position:absolute;left:50%;top:45%;width:180px;height:180px;transform:translate(-50%,-50%) scale(.7);border:1px solid #8a6b31;border-radius:50%;display:grid;place-items:center;text-align:center;letter-spacing:.16em;font-size:12px;box-shadow:0 0 90px #e6b85c24;will-change:transform,opacity}.core2 b{color:var(--gold)}.corehalo{position:absolute;left:50%;top:45%;width:360px;height:360px;transform:translate(-50%,-50%);border:1px solid #1e2427;border-radius:50%;opacity:.55}.sourceDoc{position:absolute;width:145px;height:190px;border:1px solid #2a3034;border-radius:12px;background:#090c0e;padding:14px;font-size:10px;letter-spacing:.15em;color:#b8bdc1;opacity:0;will-change:transform,opacity}.minirows{height:105px;margin-top:18px;background:repeating-linear-gradient(to bottom,#30363a 0 1px,transparent 1px 19px);opacity:.6}.minigrid{height:105px;margin-top:18px;background:linear-gradient(#30363a 1px,transparent 1px),linear-gradient(90deg,#30363a 1px,transparent 1px);background-size:100% 19px,28px 100%;opacity:.6}.sd1{left:7%;top:16%}.sd2{right:8%;top:13%}.sd3{left:8%;bottom:14%}.sd4{right:9%;bottom:13%}.sd5{left:50%;top:6%;margin-left:-72px}.linkline{position:absolute;left:50%;top:45%;height:1px;width:1px;background:var(--gold);transform-origin:left center;opacity:0}.anomaly{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) scale(.3);border:1px solid #6f352d;background:#24100d;color:#ff9c8f;border-radius:999px;padding:12px 18px;font-size:11px;letter-spacing:.12em;opacity:0;will-change:transform,opacity}.anomaly b{color:var(--gold);margin-left:8px}.cashstage{display:block}.track{position:absolute;left:12%;right:12%;top:48%;height:1px;background:#252b2f}.travelCard{position:absolute;left:12%;top:calc(48% - 56px);width:150px;height:112px;border:1px solid #765e2c;background:#0b0e10;border-radius:16px;padding:15px;box-shadow:0 0 45px #e6b85c14;will-change:transform}.travelCard small{display:block;color:#777f84;font-size:9px;letter-spacing:.12em}.travelCard strong{display:block;color:var(--gold);font-size:30px;margin:8px 0}.travelCard span{font-size:10px;letter-spacing:.15em}.milestone{position:absolute;top:calc(48% + 35px);transform:translateX(-50%);font-size:9px;letter-spacing:.12em;color:#8b949a;text-align:center}.milestone i{display:block;width:8px;height:8px;border:1px solid #6d7478;border-radius:50%;margin:0 auto 9px;background:#050708}.milestone.on{color:var(--gold)}.milestone.on i{background:var(--gold);border-color:var(--gold);box-shadow:0 0 20px #e6b85c88}.m1{left:15%}.m2{left:38%}.m3{left:62%}.m4{left:85%}
@media(max-width:760px){.cinematic{min-height:205vh}.enginecopy,.cashcopy{left:5vw;right:5vw;bottom:5vh}.enginecopy .cinema-title,.cashcopy .cinema-title{font-size:40px}.core2{width:132px;height:132px;top:39%}.corehalo{width:245px;height:245px;top:39%}.sourceDoc{width:92px;height:122px;padding:9px;font-size:8px}.minirows,.minigrid{height:62px;margin-top:12px}.sd1{left:4%;top:13%}.sd2{right:4%;top:12%}.sd3{left:5%;bottom:34%}.sd4{right:5%;bottom:33%}.sd5{top:4%;left:50%;margin-left:-46px}.anomaly{top:39%}.track{left:8%;right:8%;top:40%}.travelCard{left:8%;top:calc(40% - 50px);width:122px;height:100px;padding:12px}.travelCard strong{font-size:25px}.milestone{top:calc(40% + 38px)}.m1{left:10%}.m2{left:36%}.m3{left:63%}.m4{left:90%}.counter{backdrop-filter:none;background:#080a0cf2}}
@media(prefers-reduced-motion:reduce){.doc,.money,.sheet,.data-node,.sourceDoc,.core2,.anomaly,.travelCard{transition:none!important}.scene,.cinematic{min-height:110vh!important}}

/* --- V3.2 motion engine : fond et rapprochement ---------------------- */
body.astra:before{content:'';position:fixed;inset:-25%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 30%,#e6b85c0b,transparent 24%),radial-gradient(circle at 80% 60%,#7f9dff08,transparent 28%);animation:bgDrift 16s ease-in-out infinite alternate;will-change:transform}@keyframes bgDrift{to{transform:translate3d(4%,-3%,0) scale(1.08)}}
.reconWorld{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 48%,#e6b85c0b,transparent 30%)}.reconTitle{position:absolute;left:6vw;top:13vh;z-index:7;max-width:680px}.reconTitle h2{font-size:clamp(42px,6.5vw,88px);line-height:.95;letter-spacing:-.05em;margin:10px 0}.stream{position:absolute;top:0;bottom:0;width:34%;overflow:hidden;opacity:.8;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.streamL{left:2%}.streamR{right:2%}.dataLine{position:absolute;height:34px;border:1px solid #20272b;background:#080b0dba;border-radius:8px;padding:8px 12px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#707a80;white-space:nowrap;will-change:transform,opacity}.dataLine.hit{border-color:#7b6231;color:#e6b85c;box-shadow:0 0 25px #e6b85c18}.scanCore{position:absolute;left:50%;top:54%;width:210px;height:210px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;z-index:5;box-shadow:0 0 120px #e6b85c1a}.coreRing{position:absolute;border-radius:50%;border:1px solid #5d4c2b;inset:0;animation:ringSpin 10s linear infinite}.coreRing.r2{inset:22px;border-style:dashed;animation-direction:reverse;animation-duration:7s}.coreRing.r3{inset:52px;border-color:#263036;animation-duration:5s}.scanLabel{text-align:center;font-size:10px;letter-spacing:.17em;color:#8e979d}.scanLabel b{display:block;color:var(--gold);margin-top:7px}.sweep{position:absolute;left:50%;top:50%;width:48%;height:1px;transform-origin:left;background:linear-gradient(90deg,var(--gold),transparent);box-shadow:0 0 18px #e6b85c;animation:sweep 2.2s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes ringSpin{to{transform:rotate(360deg)}}
.matchCard{position:absolute;left:50%;top:54%;width:min(360px,78vw);transform:translate(-50%,-50%) scale(.6);padding:20px 22px;border:1px solid #755c2d;border-radius:18px;background:#090c0ef2;box-shadow:0 25px 100px #000,0 0 70px #e6b85c18;z-index:8;opacity:0;will-change:transform,opacity}.matchCard small{color:var(--gold);font-size:9px;letter-spacing:.18em}.matchCard strong{display:block;font-size:25px;margin:12px 0 6px}.matchCard span{color:#80898e;font-size:12px}.confidence{margin-top:18px;padding-top:14px;border-top:1px solid #22282c;color:#aeb4b8;font-size:11px}.confidence i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px var(--gold);margin-right:7px}.reconProof{position:absolute;left:50%;top:76%;transform:translate(-50%,20px);display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;width:min(850px,90vw);opacity:0;z-index:8}.reconProof span{font-size:9px;letter-spacing:.14em;color:#737c81}.reconProof b{font-size:24px}.reconProof em{color:#e16a5a;font-size:25px}.reconProof strong{border:1px solid #765e2c;border-radius:999px;padding:11px 16px;color:var(--gold);font-size:11px;letter-spacing:.1em}.recon-scene{min-height:210vh}
@media(max-width:760px){.reconTitle{left:6vw;right:6vw;top:12vh}.reconTitle h2{font-size:44px}.stream{width:44%;opacity:.55}.streamL{left:-8%}.streamR{right:-8%}.scanCore{top:55%;width:155px;height:155px}.matchCard{top:55%}.reconProof{top:74%;gap:8px}.reconProof b{font-size:18px}.reconProof strong{width:100%;text-align:center}.recon-scene{min-height:190vh}}

/* --- AQELYR V5 HERO — DATA PRISM ------------------------------------- */
#s1{min-height:205vh;background:#030508;overflow:clip}
#s1 .sticky{background:radial-gradient(circle at 50% 48%,#12152b 0,#07101b 27%,#030508 67%)}
#s1 .docs{overflow:hidden;transform-style:preserve-3d;perspective:1200px;z-index:2}
#s1 .hero{z-index:10;max-width:940px;padding:42px 5vw;background:radial-gradient(ellipse at center,#030508ee 0,#030508b8 48%,transparent 76%)}
#s1 .hero h1{font-size:clamp(44px,7.4vw,104px)}
#s1 .hero:after{content:'SCROLLEZ POUR LANCER LE SCAN';display:block;margin-top:30px;color:#75808d;font-size:9px;letter-spacing:.28em}
#s1 .doc{width:clamp(180px,18vw,270px);height:clamp(245px,25vw,370px);padding:16px;opacity:0;border:1px solid #6bdcff4f;border-radius:14px;background:linear-gradient(155deg,#102332d9,#070b12e8 58%,#160d20d9);box-shadow:0 28px 90px #000c,0 0 32px #00d9ff12,0 0 0 1px #ff4fd80b inset;transform-origin:center;will-change:transform,opacity;backdrop-filter:blur(6px)}
#s1 .doc:before{content:'FACTURE / DATA';position:static;display:block;color:#dce9f1;font-size:8px;letter-spacing:.24em}
#s1 .doc .rows{margin-top:16px;height:50%;background:repeating-linear-gradient(to bottom,#7ee8ff55 0 1px,transparent 1px 22px);opacity:.55}
#s1 .doc .invmeta{position:absolute;left:16px;bottom:43px;color:#8ca2b2;font:8px ui-monospace,monospace;letter-spacing:.08em}
#s1 .doc .invamount{position:absolute;right:16px;bottom:14px;color:#fff;font-size:clamp(17px,1.7vw,25px);font-weight:780;text-shadow:0 0 22px #00dcff,0 0 34px #ff42c855}
#s1 .doc .pixelbar{position:absolute;left:15px;right:15px;top:48px;height:3px;background:linear-gradient(90deg,#00e5ff,#6c5cff 48%,#ff3fa4 72%,#ffca61);box-shadow:0 0 18px #00e5ff88}
#s1 .money{z-index:11;font-size:clamp(17px,2.2vw,29px);padding:8px 12px;border:1px solid #7cecff70;border-radius:10px;background:#050911e8;color:#fff;box-shadow:0 12px 40px #000,0 0 30px #00dfff22,0 0 28px #ff3fac18;white-space:nowrap}
#s1 .money.hot{color:#ffd46e;border-color:#ffd46e80;text-shadow:0 0 22px #ffb52d88}
#s1 .v5-grid{position:absolute;inset:-20%;z-index:1;opacity:.42;background-image:linear-gradient(#38dfff12 1px,transparent 1px),linear-gradient(90deg,#38dfff12 1px,transparent 1px);background-size:44px 44px;transform:perspective(650px) rotateX(67deg) translateY(36%);transform-origin:center;mask-image:linear-gradient(to bottom,transparent 8%,#000 35%,#000 68%,transparent 94%)}
#s1 .v5-scan{position:absolute;left:7%;right:7%;top:50%;height:2px;z-index:9;background:linear-gradient(90deg,transparent,#00eaff,#fff,#ff43b8,#ffd35f,transparent);box-shadow:0 0 16px #00eaff,0 0 34px #ff43b866;opacity:.15;will-change:transform,opacity}
#s1 .v5-core{position:absolute;left:50%;top:50%;width:min(36vw,420px);aspect-ratio:1;z-index:3;transform:translate(-50%,-50%) scale(.6);border-radius:50%;border:1px solid #67e8ff35;box-shadow:0 0 100px #00dfff14,inset 0 0 80px #8d4fff12;opacity:.45;will-change:transform,opacity}
#s1 .v5-core:before,#s1 .v5-core:after{content:'';position:absolute;border-radius:50%;inset:12%;border:1px dashed #ff4abf55;animation:v5spin 14s linear infinite}#s1 .v5-core:after{inset:29%;border-style:solid;border-color:#ffd05b66;animation-direction:reverse;animation-duration:9s}@keyframes v5spin{to{transform:rotate(360deg)}}
#s1 .v5-pixels{position:absolute;inset:0;z-index:4;pointer-events:none}.v5-pixel{position:absolute;width:2px;height:2px;border-radius:1px;background:#fff;box-shadow:0 0 8px currentColor;will-change:transform,opacity}
#s1 .sticky:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(circle at 50% 50%,transparent 0 34%,#03050844 67%,#030508 100%)}
@media(max-width:1100px){#s1{min-height:195vh}#s1 .hero{padding:34px 6vw}#s1 .doc{width:190px;height:260px}.v5-core{width:min(52vw,380px)}}
@media(max-width:760px){#s1{min-height:185vh}#s1 .hero{padding:28px 5vw;background:radial-gradient(ellipse at center,#030508f7 0,#030508df 58%,transparent 84%)}#s1 .hero h1{font-size:clamp(42px,13vw,66px)}#s1 .hero p{font-size:15px}#s1 .doc{width:142px;height:198px;padding:11px}#s1 .doc .rows{margin-top:12px}#s1 .doc .invmeta{left:11px;bottom:34px;font-size:6px}#s1 .doc .invamount{right:11px;bottom:10px;font-size:15px}#s1 .doc .pixelbar{left:10px;right:10px;top:40px}#s1 .money{font-size:14px;padding:6px 8px}.v5-core{width:78vw}.v5-grid{background-size:34px 34px}}

/* --- V5.3 tablette (761–1100 px) ------------------------------------- */
@media (min-width:761px) and (max-width:1100px){
  #s1 .hero{max-width:780px;padding:30px 8vw;background:radial-gradient(ellipse at center,#030508f2 0,#030508c9 52%,transparent 82%)}
  #s1 .hero h1{font-size:clamp(52px,8.2vw,78px);line-height:.94}
  #s1 .hero p{font-size:clamp(16px,2.15vw,19px);max-width:650px}
  #s1 .doc{width:168px;height:232px;padding:14px}
  #s1 .doc .rows{margin-top:18px;height:132px}
  #s1 .doc .invmeta{left:14px;bottom:40px;font-size:7px}
  #s1 .doc .invamount{right:14px;bottom:12px;font-size:17px}
  #s1 .money{font-size:18px;padding:7px 10px}
  #s1 .v5-core{width:min(44vw,330px)}
  #s1 .v5-grid{opacity:.24}
  #heroFilmCanvas{opacity:.91}
}

/* V2 — correctif : le vignettage était posé sur #s1 (520vh) au lieu de l'écran,
   et passait AU-DESSUS du texte du hero (contexte .sticky isolé) : titre affiché
   à ~30 % de luminosité en V1. Il est désormais rattaché à .sticky (taille écran),
   sous le hero (z 12). */
/* --- V5.1 film hero de 10 secondes ----------------------------------- */
#s1{min-height:520vh!important}
#s1 .sticky{isolation:isolate}
#heroFilmCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.96}
#s1 .v5-grid{z-index:2;opacity:.30}
#s1 .docs{z-index:4}
#s1 .v5-pixels{z-index:5}
#s1 .v5-core{z-index:3}
#s1 .v5-scan{z-index:8}
#s1 .hero{z-index:12;will-change:transform,opacity,filter}
#s1 .sticky:after{z-index:6}
#s1 .doc{box-shadow:0 30px 110px #000d,0 0 45px #00d9ff1f,0 0 55px #ff4fd814}
@media(max-width:1100px){#s1{min-height:500vh!important}}
@media(max-width:760px){#s1{min-height:470vh!important}#heroFilmCanvas{opacity:.88}#s1 .v5-grid{opacity:.20}}

/* =====================================================================
   V2 — ajouts accueil (CTA du hero, raccourci, compteur contextuel)
   ===================================================================== */
#s1 .hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}
#s1 .hero p.hero-sub{margin-top:18px}
.counter{transition:opacity .35s ease,transform .35s ease}
.counter.is-off{opacity:0;transform:translateY(12px);pointer-events:none}
.skip-intro{position:fixed;z-index:13;left:50%;bottom:30px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid #3b3426;background:#080a0cee;color:#c9cdd0;font-size:12px;letter-spacing:.06em;text-decoration:none;transition:opacity .35s ease,border-color .25s,color .25s}
.skip-intro:hover{color:var(--gold);border-color:#765e2c}
.skip-intro.is-off{opacity:0;pointer-events:none;visibility:hidden}
@media(max-width:760px){.skip-intro{left:auto;right:5vw;transform:none;bottom:28px;padding:10px 13px;font-size:11px}.skip-intro .long{display:none}}
@media(max-width:1100px) and (min-width:761px){.skip-intro{left:5vw;transform:none}}
/* Site commercial V2 : message central plus long -> taille adaptée, CTA dans le premier écran */
#s1 .hero h1.h1-long{font-size:clamp(32px,4.5vw,64px);line-height:1.02;letter-spacing:-.045em}
@media(max-width:760px){#s1 .hero h1.h1-long{font-size:clamp(30px,8vw,46px)}}