:root{
  --nuit:#0B1220; --nuit2:#0F1830; --panel:#141D33; --panel2:#1A2542;
  --or:#E8B23A; --or2:#F5C95E; --txt:#E8EDF7; --mut:#8FA1C7;
  --vert:#3FBF7F; --bleu:#4F86E4; --rouge:#E4574A; --bord:#243354;
  --serif:Georgia,'Times New Roman',serif;
  --sans:-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--nuit);color:var(--txt);font-family:var(--sans);line-height:1.65;overflow-x:hidden}
a{color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
::selection{background:var(--or);color:var(--nuit)}

/* ---- bascule de langue ---- */


#ciel{position:fixed;inset:0;z-index:0;pointer-events:none}
.contenu{position:relative;z-index:1}

header{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s, box-shadow .3s}
header.plein{background:#0B1220ee;backdrop-filter:blur(8px);box-shadow:0 2px 24px rgba(0,0,0,.4)}
.hwrap{max-width:1160px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:16px 24px}
.logo{font-family:var(--serif);font-size:21px;letter-spacing:1px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:11px}
.logo b{color:var(--or)}
.logoMark{width:40px;height:40px;flex:none}
nav{margin-left:auto;display:flex;gap:4px}
nav a{text-decoration:none;color:var(--mut);font-size:14.5px;padding:8px 13px;border-radius:8px;transition:.2s}
nav a:hover{color:var(--txt);background:#ffffff10}
.navCta{background:var(--or);color:var(--nuit)!important;font-weight:700;border-radius:20px;padding:8px 18px!important}
.navCta:hover{background:var(--or2)!important}
.langSwitch{display:flex;border:1px solid var(--bord);border-radius:16px;overflow:hidden;margin-left:10px;flex:none}
.langSwitch button{background:none;border:none;color:var(--mut);font-size:13px;font-weight:800;padding:6px 12px;cursor:pointer;transition:.2s}
.langSwitch button.on{background:var(--or);color:var(--nuit)}
.burger{display:none;background:none;border:none;color:var(--txt);font-size:26px;cursor:pointer}

.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 60px;position:relative}
.heroIn{max-width:820px}
.kick{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--bord);border-radius:22px;
  padding:7px 16px;font-size:13px;color:var(--mut);margin-bottom:26px;background:#0f183080}
.kick .pt{width:7px;height:7px;border-radius:50%;background:var(--vert);box-shadow:0 0 10px var(--vert)}
h1{font-family:var(--serif);font-size:clamp(38px,6vw,64px);line-height:1.08;font-weight:700}
h1 em{font-style:normal;color:var(--or)}
.sous{font-size:clamp(16px,2.2vw,20px);color:var(--mut);margin:26px 0 38px;max-width:660px}
.sous b{color:var(--txt)}
.heroBtns{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--or);color:var(--nuit);text-decoration:none;
  font-weight:700;font-size:16px;border-radius:28px;padding:14px 30px;transition:.2s;border:none;cursor:pointer}
.btn:hover{background:var(--or2);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--txt);border:1.5px solid var(--bord)}
.btn.ghost:hover{border-color:var(--or);color:var(--or);background:transparent}
.defile{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);color:var(--mut);font-size:22px;animation:flotte 2s infinite}
@keyframes flotte{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}

.verites{border-top:1px solid var(--bord);border-bottom:1px solid var(--bord);background:#0f183066}
.vGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.verite{padding:30px 26px;text-align:center;border-left:1px solid var(--bord)}
.verite:first-child{border-left:none}
.verite .gros{font-family:var(--serif);font-size:26px;color:var(--or);margin-bottom:4px}
.verite .petit{color:var(--mut);font-size:14px}

section{padding:96px 0}
.secKick{color:var(--or);letter-spacing:3px;font-size:12.5px;font-weight:700;margin-bottom:14px}
h2{font-family:var(--serif);font-size:clamp(28px,4vw,42px);line-height:1.15;margin-bottom:18px}
.secSous{color:var(--mut);max-width:640px;font-size:17px}

.prods{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:52px}
.prod{background:linear-gradient(160deg,var(--panel),var(--nuit2));border:1px solid var(--bord);border-radius:20px;
  padding:34px;position:relative;overflow:hidden;transition:.3s;opacity:0;transform:translateY(26px)}
.prod.vu{opacity:1;transform:none}
.prod:hover{border-color:var(--or);transform:translateY(-4px);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.prod .ic{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  font-size:24px;margin-bottom:20px;background:#E8B23A1c;border:1px solid #E8B23A40}
.prod h3{font-family:var(--serif);font-size:24px;margin-bottom:4px}
.prod .tag{font-size:12px;letter-spacing:2px;color:var(--or);font-weight:700}
.prod p{color:var(--mut);font-size:15px;margin-top:12px}
.prod .plus{margin-top:18px;font-size:14px;color:var(--or);font-weight:700;text-decoration:none;display:inline-block}
.prod .plus:hover{color:var(--or2)}
.prod .filet{position:absolute;top:0;right:0;width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,#E8B23A14,transparent 70%);pointer-events:none}
.badgeLive{display:inline-flex;align-items:center;gap:7px;background:#3FBF7F22;color:var(--vert);
  border:1px solid #3FBF7F55;border-radius:14px;padding:3px 12px;font-size:12px;font-weight:700;margin-left:10px;vertical-align:middle}
.badgeLive .pt{width:6px;height:6px;border-radius:50%;background:var(--vert);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

.laboGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:52px}
.manip{border:1px solid var(--bord);border-radius:18px;padding:28px 30px;background:#0f183099;
  position:relative;transition:.3s;opacity:0;transform:translateY(26px)}
.manip.vu{opacity:1;transform:none}
.manip:hover{border-color:var(--or)}
.manip h3{font-family:var(--serif);font-size:21px;margin:10px 0 8px}
.manip p{color:var(--mut);font-size:14.5px}
.etat{display:inline-flex;align-items:center;gap:7px;border-radius:14px;padding:4px 13px;font-size:11.5px;
  font-weight:700;letter-spacing:1.5px}
.etat .pt{width:6px;height:6px;border-radius:50%;animation:pulse 1.6s infinite}
.etat.rodage{background:#3FBF7F1c;color:var(--vert);border:1px solid #3FBF7F44}.etat.rodage .pt{background:var(--vert)}
.etat.proto{background:#E8B23A1c;color:var(--or);border:1px solid #E8B23A44}.etat.proto .pt{background:var(--or)}
.etat.conception{background:#4F86E41c;color:var(--bleu);border:1px solid #4F86E444}.etat.conception .pt{background:var(--bleu)}
.etat.construction{background:#E4574A1c;color:var(--rouge);border:1px solid #E4574A44}.etat.construction .pt{background:var(--rouge)}
.confid{margin-top:34px;text-align:center;color:var(--mut);font-size:14px;font-style:italic}
.confid b{color:var(--or);font-style:normal}

.fondGrid{display:grid;grid-template-columns:340px 1fr;gap:50px;align-items:start;margin-top:52px}
.portrait{border-radius:22px;border:1px solid var(--bord);background:linear-gradient(160deg,var(--panel),var(--nuit2));
  aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;
  color:var(--mut);font-size:14px;text-align:center;padding:20px;position:relative;overflow:hidden}
.portrait .init{font-family:var(--serif);font-size:74px;color:var(--or);opacity:.9}
.portraitImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:22px}
.fondTxt h3{font-family:var(--serif);font-size:30px;margin-bottom:4px}
.fondTxt .role{color:var(--or);letter-spacing:2px;font-size:12.5px;font-weight:700;margin-bottom:20px}
.fondTxt p{color:var(--mut);margin-bottom:14px;font-size:15.5px}
.fondTxt p b{color:var(--txt)}

.idee{background:linear-gradient(160deg,var(--panel),var(--nuit2));border:1px solid var(--bord);
  border-radius:26px;padding:56px 50px;position:relative;overflow:hidden}
.idee .lueur{top:auto;bottom:-90px}
.ideeGrid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.ideeTxt h2{margin-bottom:16px}
.ideeTxt p{color:var(--mut);margin-bottom:12px}
.ideeTxt .pas{display:flex;gap:12px;align-items:flex-start;margin-top:18px}
.ideeTxt .pas .n{width:26px;height:26px;border-radius:50%;background:var(--or);color:var(--nuit);font-weight:800;
  font-size:13px;display:flex;align-items:center;justify-content:center;flex:none;margin-top:2px}
.ideeTxt .pas p{margin:0;font-size:14.5px}
.ideeForm label{display:block;font-size:13.5px;font-weight:600;color:var(--txt);margin:14px 0 6px}
.ideeForm input,.ideeForm textarea{width:100%;background:var(--nuit);border:1px solid var(--bord);border-radius:10px;
  color:var(--txt);padding:13px 14px;font-size:15px;font-family:var(--sans)}
.ideeForm input:focus,.ideeForm textarea:focus{outline:none;border-color:var(--or)}
.ideeForm textarea{min-height:120px;resize:vertical}
.ideeForm .btn{margin-top:18px;width:100%;justify-content:center}
.recu{font-size:12.5px;color:var(--mut);margin-top:12px;text-align:center}

.philo{background:linear-gradient(180deg,transparent,#0f183088 20%,#0f183088 80%,transparent)}
.piliers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
.pilier{text-align:center;padding:38px 26px;border:1px solid var(--bord);border-radius:20px;background:#0B122099;
  opacity:0;transform:translateY(26px);transition:.5s}
.pilier.vu{opacity:1;transform:none}
.pilier .mot{font-family:var(--serif);font-size:30px;color:var(--or);margin-bottom:12px}
.pilier p{color:var(--mut);font-size:15px}
.citation{text-align:center;max-width:760px;margin:70px auto 0;font-family:var(--serif);font-style:italic;
  font-size:clamp(20px,3vw,27px);line-height:1.5;color:var(--txt)}
.citation .qui{display:block;font-style:normal;font-family:var(--sans);font-size:13px;letter-spacing:2px;color:var(--or);margin-top:18px}

.preuve{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:52px}
.pCadre{border:1px solid var(--bord);border-radius:20px;overflow:hidden;background:var(--panel)}
.pBarre{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid var(--bord);align-items:center}
.pBarre .r{width:10px;height:10px;border-radius:50%}
.pBarre .url{margin-left:10px;background:var(--nuit);border-radius:8px;padding:4px 14px;font-size:12.5px;color:var(--mut);flex:1}
.pCorps{padding:34px;text-align:center}
.pCorps .t{font-family:var(--serif);font-size:26px;color:#F0834A}
.pCorps .s{color:var(--mut);font-size:14px;margin-top:8px}
.pCorps .ok{margin-top:22px;display:inline-block;background:#3FBF7F22;color:var(--vert);border:1px solid #3FBF7F55;
  border-radius:16px;padding:6px 16px;font-size:13px;font-weight:700}
.pTxt h3{font-family:var(--serif);font-size:26px;margin-bottom:14px}
.pTxt p{color:var(--mut);margin-bottom:14px}
.pTxt .btn{margin-top:10px}

.contact{background:linear-gradient(160deg,var(--panel),var(--nuit2));border:1px solid var(--bord);
  border-radius:26px;padding:60px 50px;text-align:center;position:relative;overflow:hidden}
.contact h2{margin-bottom:10px}
.contact .secSous{margin:0 auto 36px}
.canaux{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.canal{display:flex;align-items:center;gap:12px;background:var(--nuit);border:1px solid var(--bord);
  border-radius:16px;padding:16px 26px;text-decoration:none;transition:.2s;font-size:15.5px}
.canal:hover{border-color:var(--or);transform:translateY(-2px)}
.canal .ico{font-size:20px}
.canal b{color:var(--or)}
.lueur{position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:420px;height:200px;
  background:radial-gradient(ellipse,#E8B23A22,transparent 70%);pointer-events:none}

footer{border-top:1px solid var(--bord);padding:36px 0;color:var(--mut);font-size:13.5px}
.fWrap{max-width:1160px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
footer b{color:var(--or);font-family:var(--serif)}

.noteMaq{position:fixed;bottom:14px;right:14px;background:var(--or);color:var(--nuit);font-size:11.5px;
  font-weight:700;padding:7px 14px;border-radius:16px;z-index:99;box-shadow:0 4px 20px rgba(0,0,0,.5)}

@media(max-width:880px){
  nav{display:none}
  .burger{display:block}
  .langSwitch{margin-left:auto}
  nav.ouvert{display:flex;position:fixed;top:60px;left:0;right:0;background:#0B1220f5;flex-direction:column;padding:16px 24px;gap:4px;border-bottom:1px solid var(--bord)}
  .vGrid,.prods,.piliers,.preuve,.laboGrid,.fondGrid,.ideeGrid{grid-template-columns:1fr}
  .fondGrid{gap:30px}
  .verite{border-left:none;border-top:1px solid var(--bord)}
  .verite:first-child{border-top:none}
  .contact,.idee{padding:44px 24px}
  section{padding:70px 0}
}

/* ================= LA BORNE — bande objet ================= */
#borne{background:linear-gradient(180deg,var(--nuit),#070C18 55%,var(--nuit))}
.borneBande{display:grid;grid-template-columns:minmax(280px,44%) 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.borneVisu{position:relative}
.borneVisu img{width:100%;height:auto;display:block;border-radius:22px;
  box-shadow:0 40px 90px rgba(0,0,0,.6), 0 0 0 1px rgba(232,178,58,.18)}
.borneVisu::after{content:'';position:absolute;inset:-14% -8% -22%;z-index:-1;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(232,178,58,.16),transparent 62%);filter:blur(24px)}
.borneRendu{margin-top:14px;font-size:12px;letter-spacing:1px;color:var(--mut);text-align:center;font-style:italic}
.borneTxt h2{margin-bottom:16px}
.borneTxt .secSous{max-width:46ch}
.borneCles{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 26px}
.borneCle{flex:1 1 150px;background:linear-gradient(160deg,var(--panel),var(--nuit2));
  border:1px solid var(--bord);border-radius:16px;padding:18px 20px}
.borneCle b{display:block;font-family:var(--serif);font-size:23px;color:var(--or);line-height:1.1}
.borneCle .lg{display:block;font-size:12.5px;color:var(--mut);margin-top:6px}
.borneNote{font-size:13.5px;color:var(--mut);border-left:2px solid rgba(232,178,58,.35);padding-left:16px;margin-bottom:24px}
@media(max-width:860px){
  .borneBande{grid-template-columns:1fr;gap:34px}
  .borneVisu{max-width:420px;margin:0 auto}
}


/* ===== version en pages (oct. 2026) ===== */
.page{padding-top:96px}
.langSwitch a{color:var(--mut);font-size:13px;font-weight:800;padding:6px 12px;text-decoration:none;transition:.2s}
.langSwitch a.on{background:var(--or);color:var(--nuit)}
nav a.actif{color:var(--txt);background:#ffffff14}
.lienCarte{text-decoration:none;color:inherit;display:block}
.lienCarte:hover{border-color:var(--or)}
.carteImg{width:100%;height:220px;object-fit:cover;border-radius:12px;margin-bottom:16px;background:#0b1220}
.prods.duo{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.miniListe{display:flex;flex-direction:column;gap:8px;margin:14px 0 18px}
.miniListe a{color:var(--txt);text-decoration:none;border:1px solid var(--bord);border-radius:10px;padding:10px 14px;transition:.2s}
.miniListe a:hover{border-color:var(--or);color:var(--or)}
.sousTitre{font-family:var(--serif);font-size:22px;margin:48px 0 18px;color:var(--or)}
.ouverture{padding-bottom:0}
.etat.live .pt{background:var(--vert);box-shadow:0 0 8px var(--vert)}
.etat.lance .pt{background:var(--or);box-shadow:0 0 8px var(--or)}
h3 .etat{font-size:11px;vertical-align:middle;margin-left:6px}
.fiche{max-width:820px}
.retour{display:inline-block;color:var(--mut);text-decoration:none;margin-bottom:26px}
.retour:hover{color:var(--or)}
.ficheTitre{font-size:clamp(32px,5vw,48px);margin:10px 0 16px}
.ficheImg{width:100%;max-height:520px;object-fit:contain;border-radius:16px;margin:26px 0;background:#0b1220}
.texteLong{margin:24px 0 34px;font-size:17px;color:var(--txt)}
.texteLong p{margin-bottom:14px}
.fiche .btn{margin:6px 10px 6px 0}
.prods.trio{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}