:root {
  --bg:#050608; --bg2:#0a0d16; --card:#0d1119; --card2:#111726;
  --border:rgba(0,217,255,0.08);
  --cyan:#00d9ff; --cyan2:#00a8cc;
  --gold:#e8b14c; --gold2:#c9962f;
  --live:#ff3b5c;
  --green:#00e08a;
  --white:#eef3fb; --muted:#2c3547; --text:#7d8db0;
  --glow-c:0 0 20px rgba(0,217,255,0.45),0 0 60px rgba(0,217,255,0.12);
  --glow-g:0 0 20px rgba(232,177,76,0.45),0 0 50px rgba(232,177,76,0.12);
  --glow-live:0 0 18px rgba(255,59,92,0.5);
  --glow-green:0 0 16px rgba(0,224,138,0.4);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Exo 2',sans-serif;overflow-x:hidden;cursor:none;padding-bottom:64px}

/* CURSEUR desktop */
#cur,#cur-trail{display:none}
@media(pointer:fine){
  #cur{display:block;width:6px;height:6px;background:var(--cyan);border-radius:50%;position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);box-shadow:var(--glow-c)}
  #cur-trail{display:block;width:28px;height:28px;border:1px solid rgba(0,217,255,0.4);border-radius:50%;position:fixed;z-index:9998;pointer-events:none;transform:translate(-50%,-50%)}
  body{cursor:none}
}
body::before{content:'';position:fixed;inset:0;z-index:1000;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,0.08) 3px,rgba(0,0,0,0.08) 4px)}

/* NAV */
.top-fixed{position:fixed;top:0;left:0;right:0;z-index:500}
nav{position:static;padding:1.1rem 5vw;display:flex;align-items:center;gap:1.5rem;background:rgba(5,6,8,0.98);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,217,255,0.05)}
.nav-logo{font-family:'Orbitron',monospace;font-size:.8rem;font-weight:900;letter-spacing:.3em;color:var(--cyan);text-shadow:var(--glow-c);text-decoration:none;margin-right:auto}
.nav-links{display:flex;gap:2rem;list-style:none;margin-right:1rem;flex-wrap:wrap}
.nav-links a{font-family:'Share Tech Mono',monospace;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .25s,text-shadow .25s}
.nav-links a:hover{color:var(--cyan);text-shadow:var(--glow-c)}
.nav-cta{font-family:'Orbitron',monospace;font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:.65rem 1.4rem;border:1px solid var(--gold);color:var(--gold);text-decoration:none;position:relative;overflow:hidden;transition:all .3s;flex-shrink:0}
.nav-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--gold),var(--gold2));transform:translateX(-100%);transition:transform .3s}
.nav-cta span{position:relative;z-index:1;transition:color .3s}
.nav-cta:hover::before{transform:translateX(0)}
.nav-cta:hover span{color:var(--bg)}
.nav-cta:hover{box-shadow:var(--glow-g)}

.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem;z-index:600;flex-shrink:0;order:-1}
.nav-hamburger span{display:block;width:24px;height:2px;background:var(--cyan);transition:all .3s;border-radius:2px}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-menu{position:fixed;inset:0;z-index:550;background:rgba(5,6,8,0.97);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease}
.mobile-menu.open{opacity:1;pointer-events:all}
.mobile-menu ul{list-style:none;text-align:center;display:flex;flex-direction:column;gap:1.7rem}
.mobile-menu ul li a{font-family:'Orbitron',monospace;font-size:1.1rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--white);text-decoration:none;transition:color .25s}
.mobile-menu ul li a:hover{color:var(--cyan);text-shadow:var(--glow-c)}
.mobile-menu-cta{color:var(--gold)!important;border:1px solid var(--gold);padding:.7rem 2rem;text-shadow:var(--glow-g)!important}
.mobile-menu-close{position:absolute;top:1.5rem;right:5vw;background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer}
.mobile-menu-close:hover{color:var(--live)}

/* PROMO BAR */
.promo-bar{position:static;display:none}
.promo-bar.show{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.55rem 2.5rem;
  background:linear-gradient(90deg,rgba(0,217,255,0.1),rgba(232,177,76,0.08));
  border-bottom:1px solid rgba(0,217,255,0.15);font-family:'Share Tech Mono',monospace;font-size:.68rem;color:var(--white);text-align:center;position:relative}
.promo-bar a{color:var(--gold);text-decoration:underline;font-weight:700;margin-left:.4rem}
.promo-bar button{background:none;border:none;color:var(--muted);font-size:.9rem;cursor:pointer;position:absolute;right:1rem}

/* TABBAR mobile sticky */
.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:400;display:none;justify-content:space-around;
  background:rgba(5,6,8,0.97);backdrop-filter:blur(14px);border-top:1px solid rgba(0,217,255,0.1);padding:.55rem 0}
.tab-item{background:none;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:.2rem;
  font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.05em;cursor:pointer;flex:1;text-decoration:none}
.tab-ic{font-size:1rem}
.tab-item.active{color:var(--cyan)}

/* HERO */
#hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:6rem 5vw 3rem;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 55% 40%,rgba(0,217,255,0.06) 0%,transparent 60%),radial-gradient(ellipse 40% 35% at 15% 70%,rgba(232,177,76,0.05) 0%,transparent 55%),linear-gradient(180deg,#04050a 0%,#050608 100%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,217,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,0.04) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse 100% 100% at 55% 50%,black 10%,transparent 70%);animation:gridMove 20s linear infinite}
@keyframes gridMove{from{background-position:0 0}to{background-position:70px 70px}}
.hud-tl,.hud-tr{position:absolute;pointer-events:none}
.hud-tl{top:6rem;left:5vw}
.hud-tr{top:6rem;right:5vw;text-align:right}
.hud-line{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.2em;color:rgba(0,217,255,0.25);display:block;margin-bottom:.2rem}
.hero-content{position:relative;z-index:2;max-width:55%}
.live-badge-hero{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.2rem;font-family:'Orbitron',monospace;
  font-size:.62rem;font-weight:700;letter-spacing:.15em;color:var(--live);text-decoration:none;
  border:1px solid rgba(255,59,92,0.4);padding:.5rem 1.1rem;border-radius:30px;background:rgba(255,59,92,0.05)}
.dot-live{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:var(--glow-live);animation:blink 1.3s ease-in-out infinite;display:inline-block}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.hero-badge{display:inline-flex;align-items:center;gap:.8rem;margin-bottom:1.4rem;opacity:0;animation:riseUp .7s .2s forwards}
.badge-bracket{font-family:'Share Tech Mono',monospace;font-size:.65rem;color:var(--cyan);opacity:.6}
.badge-text{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;color:var(--cyan)}
.hero-title{font-family:'Bebas Neue',display;font-size:clamp(4rem,12vw,11rem);line-height:.88;letter-spacing:.03em;opacity:0;animation:riseUp .9s .4s forwards}
.hero-title .line1{display:block;color:var(--white);text-shadow:0 0 40px rgba(0,217,255,0.2),0 2px 0 rgba(0,0,0,0.8)}
.hero-title .line2{display:block;color:transparent;-webkit-text-stroke:1px var(--gold);text-shadow:var(--glow-g);letter-spacing:.12em;font-size:.55em}
.hero-slogan{margin-top:1.8rem;font-size:1rem;font-weight:300;color:var(--text);line-height:1.7;max-width:500px;border-left:2px solid var(--cyan);padding-left:1.2rem;opacity:0;animation:riseUp .9s .65s forwards}
.hero-slogan strong{color:var(--white);font-weight:600}
.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.8rem;opacity:0;animation:riseUp .9s .85s forwards}
.htag{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:.35rem .9rem;border:1px solid rgba(0,217,255,0.2);color:rgba(0,217,255,0.75);background:rgba(0,217,255,0.04);position:relative}
.hero-btns{display:flex;gap:1.1rem;align-items:center;margin-top:2.4rem;opacity:0;animation:riseUp .9s 1.05s forwards;flex-wrap:wrap}
.btn-cyber{font-family:'Orbitron',monospace;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:1rem 2.4rem;background:transparent;border:2px solid var(--cyan);color:var(--cyan);text-decoration:none;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;transition:all .3s;cursor:pointer}
.btn-cyber::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--cyan),var(--cyan2));transform:translateX(-100%);transition:transform .35s}
.btn-cyber span{position:relative;z-index:1;transition:color .35s}
.btn-cyber:hover::before{transform:translateX(0)}
.btn-cyber:hover span{color:var(--bg)}
.btn-cyber:hover{box-shadow:var(--glow-c)}
.btn-gold{font-family:'Orbitron',monospace;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:1rem 2.4rem;background:transparent;border:2px solid var(--gold);color:var(--gold);text-decoration:none;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;transition:all .3s;cursor:pointer}
.btn-gold::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--gold),var(--gold2));transform:translateX(-100%);transition:transform .35s}
.btn-gold span{position:relative;z-index:1;transition:color .35s}
.btn-gold:hover::before{transform:translateX(0)}
.btn-gold:hover span{color:var(--bg)}
.btn-gold:hover{box-shadow:var(--glow-g)}
.btn-ghost{font-family:'Share Tech Mono',monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .25s;cursor:pointer;background:none;border:none}
.btn-ghost:hover{color:var(--cyan)}

/* HEXAGON PROFIL */
.hero-vinyl{position:absolute;right:5vw;top:50%;transform:translateY(-50%);z-index:1;opacity:0;animation:fadeIn 1s 1.2s forwards;text-align:center}
.hero-logo-wrap{position:relative;width:280px;height:280px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.hero-logo-ring{position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(circle,rgba(0,217,255,0.08) 0%,transparent 65%);animation:pulseRing 3s ease-in-out infinite}
.hero-logo-ring2{position:absolute;inset:-48px;border-radius:50%;background:radial-gradient(circle,rgba(232,177,76,0.05) 0%,transparent 65%);animation:pulseRing 3s ease-in-out infinite .8s}
.hero-logo-cercle{width:240px;height:240px;border-radius:50%;overflow:hidden;border:2px solid rgba(0,217,255,0.4);
  box-shadow:0 0 30px rgba(0,217,255,0.3),0 0 80px rgba(0,217,255,0.1);animation:spinLogo 14s linear infinite}
.hero-logo-img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes spinLogo{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes pulseRing{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
.hex-check{position:absolute;bottom:8px;right:8px;width:36px;height:36px;border-radius:50%;background:var(--cyan);color:var(--bg);
  display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;box-shadow:var(--glow-c);z-index:2}
.hex-status{margin-top:1.4rem;display:inline-flex;align-items:center;gap:.5rem;font-family:'Share Tech Mono',monospace;font-size:.6rem;
  letter-spacing:.15em;text-transform:uppercase;color:var(--green);border:1px solid rgba(0,224,138,0.3);background:rgba(0,224,138,0.06);
  padding:.45rem 1rem;border-radius:20px}
.dot-green{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:var(--glow-green);display:inline-block}

@keyframes riseUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

.scroll-hint{position:absolute;bottom:2.2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;opacity:0;animation:fadeIn 1s 2s forwards}
.scroll-hint span{font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.5em;color:var(--muted)}
.scroll-bar{width:1px;height:44px;background:linear-gradient(to bottom,var(--cyan),transparent);animation:scrollDrop 2s ease-in-out infinite}
@keyframes scrollDrop{0%,100%{opacity:.3;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}

/* RECO + GUIDE (sous le hero) */
.reco-guide-wrap{max-width:1100px;margin:0 auto;padding:0 5vw;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.reco-card{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.6rem;
  background:linear-gradient(135deg,rgba(0,217,255,0.05),rgba(232,177,76,0.03));border:1px solid rgba(0,217,255,0.15);
  border-radius:14px;padding:1.4rem 1.5rem}
.reco-eyebrow{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.badge{font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.15em;text-transform:uppercase;padding:.22rem .65rem;border-radius:20px;display:inline-block}
.badge-outline{border:1px solid rgba(0,217,255,0.3);color:var(--cyan)}
.badge-gold{background:rgba(232,177,76,0.14);color:var(--gold);border:1px solid rgba(232,177,76,0.35)}
.badge-live{background:rgba(255,59,92,0.14);color:var(--live);border:1px solid rgba(255,59,92,0.35)}
.reco-title{font-family:'Orbitron',monospace;font-size:.92rem;font-weight:700;color:var(--white)}
.reco-sub{font-size:.75rem;color:var(--muted)}
.btn-mini{font-family:'Orbitron',monospace;font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:.55rem 1.2rem;
  border-radius:20px;background:var(--cyan);color:var(--bg);text-decoration:none;align-self:flex-start;margin-top:.4rem}

.guide-block{background:var(--card);border:1px solid rgba(0,217,255,0.1);border-radius:14px;padding:1.4rem 1.5rem}
.guide-title{font-family:'Orbitron',monospace;font-size:.85rem;font-weight:700;color:var(--white);margin-bottom:.4rem}
.guide-desc{font-size:.78rem;color:var(--text);line-height:1.6;margin-bottom:.9rem}
.guide-form{display:flex;gap:.5rem}
.guide-form input{flex:1;background:rgba(0,217,255,0.02);border:1px solid rgba(0,217,255,0.15);color:var(--white);
  font-family:'Exo 2',sans-serif;font-size:.85rem;padding:.7rem .9rem;border-radius:8px;outline:none}
.guide-form input:focus{border-color:var(--cyan)}
.guide-form button{font-family:'Orbitron',monospace;font-size:.58rem;font-weight:700;letter-spacing:.1em;padding:.7rem .9rem;
  border:none;border-radius:8px;background:var(--cyan);color:var(--bg);cursor:pointer;flex-shrink:0}
.form-confirm{display:none;margin-top:.6rem;font-family:'Share Tech Mono',monospace;font-size:.65rem;color:var(--green)}
.form-confirm.show{display:block}

/* SECTIONS COMMUNES */
section{padding:6rem 5vw;position:relative}
.s-eyebrow{display:inline-flex;align-items:center;gap:.7rem;margin-bottom:.7rem}
.s-eye-bracket{font-family:'Share Tech Mono',monospace;font-size:.65rem;color:var(--cyan);opacity:.5}
.s-eye-text{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.4em;color:var(--cyan);text-transform:uppercase}
.s-title{font-family:'Bebas Neue',display;font-size:clamp(2.5rem,5.5vw,4.5rem);letter-spacing:.05em;color:var(--white);line-height:1;margin-bottom:.8rem}
.s-sub{font-size:1rem;font-weight:300;color:var(--text);line-height:1.8;max-width:560px}
.divider{height:1px;background:linear-gradient(to right,transparent,rgba(0,217,255,0.3),rgba(232,177,76,0.2),transparent)}

/* BIO */
#bio{background:var(--bg2)}
.bio-grid{display:grid;grid-template-columns:350px 1fr;gap:5rem;align-items:center;margin-top:3rem}
.bio-visual{position:relative}
.bio-frame{width:100%;aspect-ratio:3/4;background:linear-gradient(145deg,#0a0e1a,#0d1424);border:1px solid rgba(0,217,255,0.1);position:relative;overflow:hidden}
.bio-frame::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 40% 30%,rgba(0,217,255,0.07),transparent),radial-gradient(ellipse 50% 40% at 70% 75%,rgba(232,177,76,0.05),transparent)}
.bio-frame-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.bio-corner{position:absolute;width:16px;height:16px;border-color:var(--cyan);border-style:solid}
.bio-corner.tl{top:-1px;left:-1px;border-width:2px 0 0 2px}
.bio-corner.tr{top:-1px;right:-1px;border-width:2px 2px 0 0}
.bio-corner.bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}
.bio-corner.br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}
.bio-side-bar{position:absolute;left:-2px;top:10%;bottom:10%;width:2px;background:linear-gradient(to bottom,transparent,var(--cyan),var(--gold),transparent)}
.bio-logo-cercle{width:220px;height:220px;border-radius:50%;overflow:hidden;border:2px solid rgba(0,217,255,0.4);box-shadow:0 0 25px rgba(0,217,255,0.3);flex-shrink:0}
.bio-logo-img{width:100%;height:100%;object-fit:cover;display:block}
.bio-text p{line-height:2;color:var(--text);font-weight:300;font-size:1rem;margin-bottom:1.3rem}
.bio-text p strong{color:var(--white);font-weight:600}
.bio-genres{margin:1.5rem 0}
.bio-genre-label{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;color:var(--cyan);margin-bottom:.8rem}
.genre-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.gchip{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem 1rem;border:1px solid rgba(0,217,255,0.2);color:rgba(0,217,255,0.85);background:rgba(0,217,255,0.04);clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);transition:all .3s}
.gchip:hover{background:rgba(0,217,255,0.1);border-color:var(--cyan);box-shadow:var(--glow-c)}
.bio-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,217,255,0.06);border:1px solid rgba(0,217,255,0.08);margin-top:2.5rem}
.bstat{background:var(--card);padding:1.5rem;text-align:center;transition:background .3s}
.bstat:hover{background:#101627}
.bstat-n{font-family:'Orbitron',monospace;font-size:2rem;font-weight:900;color:var(--gold);text-shadow:var(--glow-g);display:block;line-height:1}
.bstat-l{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.4rem;display:block}

/* SERVICES */
#services{background:var(--bg)}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(0,217,255,0.05);border:1px solid rgba(0,217,255,0.07);margin-top:3rem}
.svc{background:var(--card);padding:2.5rem 2rem;position:relative;overflow:hidden;transition:background .3s}
.svc::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--cyan),transparent);transform:scaleX(0);transition:transform .4s}
.svc:hover{background:#10192c}
.svc:hover::after{transform:scaleX(1)}
.svc-num{font-family:'Orbitron',monospace;font-size:.6rem;font-weight:900;letter-spacing:.2em;color:rgba(0,217,255,0.2);margin-bottom:1.5rem}
.svc-icon{font-size:2.2rem;margin-bottom:1rem;display:block}
.svc-name{font-family:'Orbitron',monospace;font-size:.85rem;font-weight:700;letter-spacing:.1em;color:var(--white);margin-bottom:.8rem}
.svc-desc{font-size:.85rem;line-height:1.7;color:var(--muted);font-weight:300}

/* LINK CARDS (styles/formules/casting/booking) */
.link-cards-wrap{margin-top:2.2rem;display:flex;flex-direction:column;gap:.8rem}
.link-card{display:flex;align-items:center;gap:1rem;background:var(--card);border:1px solid rgba(0,217,255,0.08);
  border-radius:12px;padding:1.1rem 1.3rem;cursor:pointer;transition:all .25s;text-decoration:none}
.link-card:hover{border-color:rgba(0,217,255,0.3);background:#10182a}
.link-card-gold{border-color:rgba(232,177,76,0.3)}
.link-card-gold:hover{border-color:var(--gold);box-shadow:var(--glow-g)}
.lc-icon{font-size:1.5rem;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(0,217,255,0.05);border-radius:10px}
.lc-body{flex:1;min-width:0}
.lc-title{font-family:'Orbitron',monospace;font-size:.8rem;font-weight:700;color:var(--white);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.lc-desc{font-size:.78rem;color:var(--muted);margin-top:.35rem;line-height:1.55}
.lc-arrow{font-size:1.3rem;color:var(--muted);flex-shrink:0}

/* BIG NUMBER STYLES */
.big-number-block{text-align:center;padding:2.5rem 0 1rem}
.big-number{font-family:'Orbitron',monospace;font-size:6rem;font-weight:900;color:rgba(0,217,255,0.1);line-height:1}
.big-number-label{font-family:'Share Tech Mono',monospace;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:-1.2rem}
.genre-chips-wrap{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.5rem}
.gchip2{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:.4rem .9rem;border:1px solid rgba(0,217,255,0.2);color:rgba(0,217,255,0.85);background:rgba(0,217,255,0.03);border-radius:20px}

/* MIX */
#mix{background:var(--bg2)}
.mix-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}
.mix-link{font-family:'Share Tech Mono',monospace;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);text-decoration:none;display:flex;align-items:center;gap:.4rem;transition:gap .2s,text-shadow .2s}
.mix-link:hover{gap:.9rem;text-shadow:var(--glow-c)}
.sc-player-wrap{margin-bottom:1.5rem;border:1px solid rgba(0,217,255,0.15);background:rgba(0,217,255,0.02);box-shadow:0 0 40px rgba(0,217,255,0.06)}
.sc-player-label{display:flex;align-items:center;gap:.8rem;padding:.7rem 1.2rem;border-bottom:1px solid rgba(0,217,255,0.08);background:rgba(0,217,255,0.03)}
.sc-label-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:var(--glow-c);animation:pulseDot 1.4s ease-in-out infinite;flex-shrink:0}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.sc-label-text{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-player-wrap iframe{display:block;filter:brightness(.95)}
.tracklist{display:flex;flex-direction:column;gap:2px}
.track{display:grid;grid-template-columns:3rem 1fr 110px 4.5rem 2.8rem;align-items:center;gap:1.5rem;padding:1.2rem 1.5rem;background:var(--card);border:1px solid transparent;transition:all .3s;position:relative;overflow:hidden}
.track::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--cyan),var(--gold));transform:scaleY(0);transition:transform .35s}
.track:hover{background:#10192c;border-color:rgba(0,217,255,0.1)}
.track:hover::before{transform:scaleY(1)}
.track.active-track{background:#10192c;border-color:rgba(0,217,255,0.2)}
.track.active-track::before{transform:scaleY(1)}
.t-idx{font-family:'Share Tech Mono',monospace;font-size:.6rem;color:var(--muted);text-align:center}
.t-info{min-width:0}
.t-name{font-family:'Orbitron',monospace;font-size:.82rem;font-weight:700;letter-spacing:.05em;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-genre{font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.15em;color:var(--cyan);margin-top:.2rem;opacity:.7}
.t-wave{display:flex;align-items:center;gap:2px;height:22px}
.wb{width:2px;border-radius:2px;background:var(--muted);animation:wv 1.2s ease-in-out infinite;transition:background .3s}
.track:hover .wb,.track.active-track .wb{background:var(--cyan)}
.wb:nth-child(1){height:5px;animation-delay:0s}.wb:nth-child(2){height:13px;animation-delay:.1s}.wb:nth-child(3){height:8px;animation-delay:.2s}.wb:nth-child(4){height:19px;animation-delay:.3s}.wb:nth-child(5){height:6px;animation-delay:.4s}.wb:nth-child(6){height:22px;animation-delay:.5s}.wb:nth-child(7){height:10px;animation-delay:.6s}.wb:nth-child(8){height:16px;animation-delay:.7s}.wb:nth-child(9){height:7px;animation-delay:.8s}.wb:nth-child(10){height:12px;animation-delay:.9s}
@keyframes wv{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.t-time{font-family:'Share Tech Mono',monospace;font-size:.62rem;color:var(--muted);text-align:right}
.t-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,217,255,0.25);background:rgba(0,217,255,0.04);color:var(--cyan);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;transition:all .3s;text-decoration:none;font-family:inherit}
.t-btn:hover{background:var(--cyan);color:var(--bg);box-shadow:var(--glow-c)}

/* CAROUSEL DERNIERES VIDEOS */
.carousel-label{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin:2.5rem 0 .8rem}
.carousel-wrap{display:flex;align-items:center;gap:.5rem}
.carousel{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;padding-bottom:.3rem}
.carousel::-webkit-scrollbar{display:none}
.car-card{flex:0 0 170px;aspect-ratio:9/13;border-radius:10px;background:linear-gradient(160deg,#0d1424,#1a1220);
  border:1px solid rgba(0,217,255,0.1);display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.7rem;scroll-snap-align:start;padding:1rem;text-align:center}
.car-play{width:42px;height:42px;border-radius:50%;background:rgba(0,217,255,0.12);border:1px solid var(--cyan);display:flex;align-items:center;justify-content:center;color:var(--cyan);font-size:.85rem}
.car-title{font-size:.65rem;color:var(--text);line-height:1.4}
.car-arrow{width:32px;height:32px;border-radius:50%;background:var(--card);border:1px solid rgba(0,217,255,0.2);color:var(--cyan);cursor:pointer;flex-shrink:0;font-size:1rem}

/* GALLERY */
#gallery{background:var(--bg)}
.gal-filters{display:flex;gap:.5rem;margin:2rem 0 1rem;flex-wrap:wrap}
.gf-btn{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;padding:.5rem 1.2rem;background:transparent;border:1px solid rgba(0,217,255,0.15);color:var(--muted);cursor:pointer;transition:all .25s}
.gf-btn:hover{border-color:var(--cyan);color:var(--cyan)}
.gf-btn.active{border-color:var(--cyan);color:var(--cyan);background:rgba(0,217,255,0.07);box-shadow:var(--glow-c)}
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:1rem}
.gi{position:relative;overflow:hidden;background:var(--card);cursor:pointer;aspect-ratio:4/3;border:1px solid rgba(0,217,255,0.05);transition:border-color .3s,transform .2s}
.gi:hover{border-color:rgba(0,217,255,0.3);transform:scale(1.02)}
.gi-bg{position:absolute;inset:0;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;transition:transform .5s}
.gi:hover .gi-bg{transform:scale(1.07)}
.gi-uploaded{position:absolute;inset:0}
.gi-uploaded img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.gi:hover .gi-uploaded img{transform:scale(1.07)}
.gi-video-local{cursor:pointer}
.gi-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gi-yt-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gi:hover .gi-yt-thumb{transform:scale(1.07)}
.gi-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.7);border:2px solid var(--cyan);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--cyan);box-shadow:var(--glow-c);transition:all .3s;z-index:3}
.gi:hover .gi-play-btn{background:var(--cyan);color:var(--bg);transform:translate(-50%,-50%) scale(1.1)}
.gi-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 55%);display:flex;flex-direction:column;justify-content:flex-end;padding:1rem 1.2rem;opacity:0;transition:opacity .3s;z-index:2}
.gi:hover .gi-overlay{opacity:1}
.gi-title{font-family:'Orbitron',monospace;font-size:.75rem;font-weight:700;color:var(--white)}
.gi-sub{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-top:.3rem}

/* LIGHTBOX */
.lightbox{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.95);display:none;align-items:center;justify-content:center;padding:1rem}
.lightbox.open{display:flex}
.lb-inner{position:relative;max-width:92vw;width:100%;background:var(--card);border:1px solid rgba(0,217,255,0.15);box-shadow:0 0 60px rgba(0,0,0,.8)}
.lb-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;background:var(--bg);border:1px solid rgba(255,59,92,0.5);color:var(--live);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;z-index:5;transition:all .2s;border-radius:50%}
.lb-close:hover{background:var(--live);color:#fff}
#lb-content img{width:100%;display:block;max-height:82vh;object-fit:contain}
#lb-content iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
#lb-content video{width:100%;display:block;max-height:82vh}
.lb-info{padding:.8rem 1.2rem;border-top:1px solid rgba(0,217,255,0.08)}
.lb-title{font-family:'Orbitron',monospace;font-size:.85rem;font-weight:700;color:var(--white)}
.lb-sub{font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.2em;color:var(--cyan);margin-top:.3rem}

/* UPLOAD/ADMIN */
.file-upload-zone{border:2px dashed rgba(0,217,255,0.25);padding:2rem;text-align:center;cursor:pointer;transition:all .3s;background:rgba(0,217,255,0.02)}
.file-upload-zone:hover{border-color:var(--cyan);background:rgba(0,217,255,0.05);box-shadow:var(--glow-c)}
.fuz-icon{font-size:2rem;margin-bottom:.5rem}
.fuz-text{font-family:'Orbitron',monospace;font-size:.7rem;font-weight:700;letter-spacing:.15em;color:var(--cyan)}
.fuz-sub{font-size:.75rem;color:var(--muted);margin-top:.3rem}
.file-preview{position:relative;margin-top:.8rem}
.file-preview img{width:100%;max-height:180px;object-fit:cover;border:1px solid rgba(0,217,255,0.2);display:block}
.preview-remove{position:absolute;top:.4rem;right:.4rem;background:var(--live);border:none;color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center}
.gal-admin-wrap{margin-top:3rem}
.gal-admin-toggle{font-family:'Orbitron',monospace;font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:.85rem 2rem;background:transparent;border:1px solid rgba(0,217,255,0.2);color:var(--muted);cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.7rem}
.gal-admin-toggle:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:var(--glow-c)}
.gal-admin-toggle.on{border-color:var(--cyan);color:var(--cyan);background:rgba(0,217,255,0.05)}
.gal-admin{margin-top:1px;border:1px solid rgba(0,217,255,0.1);background:rgba(0,0,0,.4);padding:1.5rem}
.ma-tabs{display:flex;gap:2px;margin-bottom:1.5rem;flex-wrap:wrap}
.ma-tab{font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;padding:.5rem 1rem;background:transparent;border:1px solid rgba(0,217,255,0.1);color:var(--muted);cursor:pointer;transition:all .2s}
.ma-tab:hover{color:var(--cyan);border-color:rgba(0,217,255,0.3)}
.ma-tab.active{background:rgba(0,217,255,0.08);border-color:var(--cyan);color:var(--cyan)}
.ma-tab-content{display:none}
.ma-tab-content.active{display:block}
.ma-form{display:flex;flex-direction:column;gap:.8rem}
.ma-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.ma-field{display:flex;flex-direction:column;gap:.35rem}
.ma-label{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.ma-input{background:rgba(0,217,255,0.02);border:1px solid rgba(0,217,255,0.08);color:var(--white);font-family:'Exo 2',sans-serif;font-size:.88rem;padding:.75rem 1rem;outline:none;transition:border-color .3s;width:100%}
.ma-input:focus{border-color:rgba(0,217,255,0.4)}
.ma-hint{font-size:.75rem;color:var(--muted);line-height:1.5}
.ma-btn{font-family:'Orbitron',monospace;font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:.85rem 1.5rem;margin-top:.3rem;background:rgba(0,217,255,0.06);border:1px solid var(--cyan);color:var(--cyan);cursor:pointer;transition:all .25s;align-self:flex-start}
.ma-btn:hover{background:var(--cyan);color:var(--bg);box-shadow:var(--glow-c)}
.ma-liste{display:flex;flex-direction:column;gap:.4rem}
.ma-item{display:flex;align-items:center;gap:1rem;padding:.65rem 1rem;background:rgba(255,255,255,.02);border:1px solid rgba(0,217,255,0.06)}
.ma-item-thumb{width:60px;height:40px;object-fit:cover;border:1px solid rgba(0,217,255,0.1);flex-shrink:0;background:var(--card)}
.ma-item-info{flex:1;min-width:0}
.ma-item-name{font-size:.82rem;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ma-item-type{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.15em;color:var(--cyan);margin-top:.15rem}
.ma-del{background:none;border:1px solid rgba(255,59,92,0.2);color:rgba(255,59,92,0.7);width:30px;height:30px;cursor:pointer;font-size:.85rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}
.ma-del:hover{background:var(--live);color:#fff;border-color:var(--live)}

/* MARQUES / PARTENARIATS */
#marques{background:var(--bg2)}
.process-steps{display:flex;flex-direction:column;gap:0;margin-top:2.5rem;position:relative;padding-left:2.2rem}
.process-steps::before{content:'';position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--cyan),var(--gold))}
.p-step{position:relative;padding-bottom:2.2rem}
.p-step:last-child{padding-bottom:0}
.p-step::before{content:'';position:absolute;left:-2.2rem;top:4px;width:20px;height:20px;border-radius:50%;background:var(--card);border:2px solid var(--cyan);box-shadow:var(--glow-c)}
.p-step-num{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.2em;color:var(--cyan);text-transform:uppercase}
.p-step-title{font-family:'Orbitron',monospace;font-size:1rem;font-weight:700;color:var(--white);margin:.3rem 0 .4rem}
.p-step-desc{font-size:.85rem;color:var(--text);line-height:1.6;max-width:480px}

.collab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,217,255,0.05);border:1px solid rgba(0,217,255,0.07);margin-top:3rem}
.collab-card{background:var(--card);padding:2rem 1.7rem;transition:background .3s}
.collab-card:hover{background:#10192c}
.collab-num{font-family:'Orbitron',monospace;font-size:1.8rem;font-weight:900;color:rgba(232,177,76,0.25);margin-bottom:1rem}
.collab-title{font-family:'Orbitron',monospace;font-size:.82rem;font-weight:700;color:var(--white);margin-bottom:.7rem}
.collab-desc{font-size:.8rem;line-height:1.7;color:var(--muted)}

/* ESTIMATEUR */


/* CONTACT */
#contact{background:var(--bg2)}
.contact-header{margin-bottom:3rem}
.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:5rem;align-items:start}
.contact-form-col{order:1;min-width:0}
.c-left{order:2}
.c-form{display:flex;flex-direction:column;gap:.9rem}
.c-intro{font-size:1rem;line-height:1.9;color:var(--text);font-weight:300;margin-bottom:2.5rem;border-left:2px solid var(--gold);padding-left:1.2rem}
.c-intro strong{color:var(--white);font-weight:600}
.c-cards{display:flex;flex-direction:column;gap:.8rem}
.c-card{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;background:var(--card);border:1px solid var(--border);transition:border-color .3s,background .3s}
.c-card:hover{border-color:rgba(0,217,255,0.2);background:#10182a}
.c-icon{width:36px;height:36px;flex-shrink:0;background:rgba(0,217,255,0.06);border:1px solid rgba(0,217,255,0.15);display:flex;align-items:center;justify-content:center;font-size:.9rem}
.c-label{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem}
.c-val{font-size:.9rem;font-weight:500;color:var(--white)}

/* SUPPORT / TIP */
.support-card{display:flex;align-items:center;gap:1rem;background:var(--card);border:1px solid rgba(232,177,76,0.2);border-radius:12px;padding:1.1rem 1.3rem;margin-top:1.4rem;text-decoration:none}
.support-card:hover{border-color:var(--gold);box-shadow:var(--glow-g)}

/* RESEAUX */
.socials{display:flex;gap:.8rem;margin-top:2rem;flex-wrap:wrap;justify-content:center;align-items:center}
.soc{width:56px;height:56px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);position:relative;overflow:hidden}
.soc svg{width:26px;height:26px;transition:transform .3s;position:relative;z-index:1}
.soc::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .3s}
.soc-instagram{border-color:rgba(225,48,108,0.3)}.soc-instagram svg{fill:#E1306C}.soc-instagram::before{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}.soc-instagram:hover{border-color:#E1306C;box-shadow:0 0 20px rgba(225,48,108,0.4)}.soc-instagram:hover::before{opacity:1}.soc-instagram:hover svg{fill:#fff}
.soc-facebook{border-color:rgba(24,119,242,0.3)}.soc-facebook svg{fill:#1877F2}.soc-facebook::before{background:#1877F2}.soc-facebook:hover{border-color:#1877F2;box-shadow:0 0 20px rgba(24,119,242,0.4)}.soc-facebook:hover::before{opacity:1}.soc-facebook:hover svg{fill:#fff}
.soc-tiktok{border-color:rgba(0,217,255,0.3)}.soc-tiktok svg{fill:#fff}.soc-tiktok::before{background:#010101}.soc-tiktok:hover{border-color:var(--cyan);box-shadow:var(--glow-c)}.soc-tiktok:hover::before{opacity:1}
.soc-snapchat{border-color:rgba(255,252,0,0.3)}.soc-snapchat svg{fill:#FFFC00}.soc-snapchat::before{background:#FFFC00}.soc-snapchat:hover{border-color:#FFFC00;box-shadow:0 0 20px rgba(255,252,0,0.35)}.soc-snapchat:hover::before{opacity:1}.soc-snapchat:hover svg{fill:#000}
.soc-soundcloud{border-color:rgba(232,177,76,0.3)}.soc-soundcloud svg{fill:var(--gold)}.soc-soundcloud::before{background:var(--gold)}.soc-soundcloud:hover{border-color:var(--gold);box-shadow:var(--glow-g)}.soc-soundcloud:hover::before{opacity:1}.soc-soundcloud:hover svg{fill:#0a0d16}
.soc-youtube{border-color:rgba(255,59,92,0.3)}.soc-youtube svg{fill:var(--live)}.soc-youtube::before{background:var(--live)}.soc-youtube:hover{border-color:var(--live);box-shadow:var(--glow-live)}.soc-youtube:hover::before{opacity:1}.soc-youtube:hover svg{fill:#fff}
.soc-twitch{border-color:rgba(145,70,255,0.3)}.soc-twitch svg{fill:#9146ff}.soc-twitch::before{background:#9146ff}.soc-twitch:hover{border-color:#9146ff;box-shadow:0 0 20px rgba(145,70,255,0.5)}.soc-twitch:hover::before{opacity:1}.soc-twitch:hover svg{fill:#fff}

/* FORMULAIRE */
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.f-grp{display:flex;flex-direction:column;gap:.35rem}
.f-lbl{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.35em;text-transform:uppercase;color:var(--muted)}
.f-in,.f-sel,.f-ta{background:rgba(0,217,255,0.02);border:1px solid rgba(0,217,255,0.08);color:var(--white);font-family:'Exo 2',sans-serif;font-size:.9rem;padding:.85rem 1rem;outline:none;transition:border-color .3s,box-shadow .3s;-webkit-appearance:none;appearance:none;width:100%}
.f-in:focus,.f-sel:focus,.f-ta:focus{border-color:rgba(0,217,255,0.4);box-shadow:0 0 0 1px rgba(0,217,255,0.1)}
.f-in.error,.f-sel.error{border-color:rgba(255,59,92,0.6);box-shadow:0 0 0 1px rgba(255,59,92,0.2)}
.f-err{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.1em;color:var(--live);min-height:1rem;display:block}
.f-ta{resize:vertical;min-height:110px}
.f-sel{cursor:pointer}
.f-sel option{background:#0a0d16}
.f-submit{font-family:'Orbitron',monospace;font-size:.6rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;padding:1rem 2rem;background:transparent;border:1px solid var(--cyan);color:var(--cyan);cursor:pointer;position:relative;overflow:hidden;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:all .3s;margin-top:.5rem;width:100%}
.f-submit::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--cyan),var(--cyan2));transform:translateX(-100%);transition:transform .35s}
.f-submit .txt{position:relative;z-index:1;transition:color .35s}
.f-submit:hover::before{transform:translateX(0)}
.f-submit:hover .txt{color:var(--bg)}
.f-submit:hover{box-shadow:var(--glow-c)}
.f-submit-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.5rem}
.f-submit-email{border-color:var(--cyan);color:var(--cyan)}
.f-submit-email::before{background:linear-gradient(135deg,var(--cyan),var(--cyan2))}
.f-submit-wa{border-color:#25D366;color:#25D366}
.f-submit-wa::before{background:linear-gradient(135deg,#25D366,#128C7E)}
.f-submit-wa:hover .txt{color:var(--bg)}
.f-submit-wa:hover{box-shadow:0 0 20px rgba(37,211,102,0.4)}
.f-confirm{margin-top:1rem;padding:2rem;border:1px solid rgba(0,224,138,0.3);background:rgba(0,224,138,0.04);text-align:center;animation:confirmAppear .5s cubic-bezier(0.22,1,0.36,1) forwards}
@keyframes confirmAppear{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
.f-confirm-icon{font-size:2.5rem;color:var(--green);text-shadow:var(--glow-green);margin-bottom:.8rem}
.f-confirm-title{font-family:'Orbitron',monospace;font-size:.85rem;font-weight:900;letter-spacing:.2em;color:var(--green);margin-bottom:.6rem}
.f-confirm-txt{font-size:.9rem;color:var(--text);line-height:1.7}

/* AVIS */
.avis-wrap{padding-right:.5rem}
.star-wrap{display:flex;gap:.3rem;margin-bottom:.4rem}
.star{font-size:1.8rem;color:var(--muted);cursor:pointer;transition:color .15s,transform .15s;line-height:1}
.star:hover,.star.active{color:var(--gold);transform:scale(1.15)}
.star-label{font-family:'Share Tech Mono',monospace;font-size:.58rem;letter-spacing:.2em;color:var(--muted);margin-bottom:1rem;text-transform:uppercase}
.avis-form{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem}
.avis-btn{font-family:'Orbitron',monospace;font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:.95rem 1.5rem;background:transparent;border:1px solid var(--cyan);color:var(--cyan);cursor:pointer;position:relative;overflow:hidden;transition:all .3s;width:100%;margin-top:.3rem}
.avis-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--cyan),var(--cyan2));transform:translateX(-100%);transition:transform .35s}
.avis-btn span{position:relative;z-index:1;transition:color .35s}
.avis-btn:hover::before{transform:translateX(0)}
.avis-btn:hover span{color:var(--bg)}
.avis-btn:hover{box-shadow:var(--glow-c)}
.avis-confirm{padding:.8rem 1rem;background:rgba(0,224,138,0.07);border:1px solid rgba(0,224,138,0.3);color:var(--green);font-family:'Share Tech Mono',monospace;font-size:.62rem;letter-spacing:.1em;margin-top:.5rem;text-align:center}
.avis-list{display:flex;flex-direction:column;gap:.6rem;margin-top:1.5rem;max-height:280px;overflow-y:auto}
.avis-card{background:rgba(0,217,255,0.03);border:1px solid rgba(0,217,255,0.1);padding:.9rem 1rem;position:relative}
.avis-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--cyan)}
.avis-stars{color:var(--gold);font-size:.9rem;margin-bottom:.3rem}
.avis-nom{font-family:'Orbitron',monospace;font-size:.65rem;font-weight:700;color:var(--white);margin-bottom:.2rem}
.avis-type{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.15em;color:var(--cyan);margin-bottom:.4rem}
.avis-text{font-size:.82rem;color:var(--text);line-height:1.6;font-weight:300}
.avis-date{font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.1em;color:var(--muted);margin-top:.4rem}

/* MATERIEL */
.gear-note{font-size:.78rem;color:var(--muted);margin-bottom:1.2rem;font-style:italic}

/* FOOTER */
footer{background:var(--bg);border-top:1px solid rgba(0,217,255,0.07);padding:3.5rem 5vw 2rem}
.lf-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(0,217,255,0.06)}
.f-logo{font-family:'Orbitron',monospace;font-size:.85rem;font-weight:900;letter-spacing:.2em;color:var(--cyan);text-shadow:var(--glow-c)}
.f-tagline{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-top:.5rem}
.lf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.lf-col-title{font-family:'Orbitron',monospace;font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem}
.lf-grid a{display:block;font-size:.8rem;color:var(--text);text-decoration:none;margin-bottom:.6rem;transition:color .2s}
.lf-grid a:hover{color:var(--cyan)}
.f-copy{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.15em;color:var(--muted);margin-top:2.5rem;text-align:center}

/* SCROLL REVEAL */
.rv{opacity:0;transform:translateY(36px);transition:opacity .75s cubic-bezier(0.22,1,0.36,1),transform .75s cubic-bezier(0.22,1,0.36,1)}
.rv.on{opacity:1;transform:translateY(0)}

/* TABLETTE */
@media(max-width:1100px){
  .hero-content{max-width:55%}
  .bio-grid{grid-template-columns:1fr;gap:3rem}
  .bio-visual{max-width:240px;margin:0 auto}
  .services-grid{grid-template-columns:1fr 1fr}
  .collab-grid{grid-template-columns:1fr}
  .contact-layout{grid-template-columns:1fr;gap:3rem}
  .reco-guide-wrap{grid-template-columns:1fr}
  .lf-grid{grid-template-columns:1fr 1fr}
}

/* MOBILE */
@media(max-width:768px){
  body{padding-bottom:60px}
  .tabbar{display:flex}
  nav{padding:.9rem 4vw;gap:.8rem}
  .nav-links{display:none}
  .nav-hamburger{display:flex}
  .nav-logo{font-size:.7rem;letter-spacing:.2em}
  #hero{min-height:100svh;padding:5.5rem 6vw 3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0}
  .hero-vinyl{position:relative;top:auto;right:auto;transform:none;display:flex;flex-direction:column;align-items:center;opacity:0;animation:fadeIn .8s .1s forwards;margin-bottom:1.5rem;order:-1}
  .hero-logo-wrap{width:150px;height:150px}
  .hero-logo-ring{inset:-12px}
  .hero-logo-ring2{inset:-26px}
  .hero-logo-cercle{width:130px;height:130px;box-shadow:0 0 20px rgba(0,217,255,0.4)}
  .hero-content{max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2}
  .live-badge-hero{margin-bottom:1rem}
  .hero-badge{margin-bottom:1rem;justify-content:center}
  .hero-title{font-size:clamp(3.2rem,16vw,6rem);text-align:center;line-height:.85}
  .hero-title .line2{font-size:.52em;letter-spacing:.1em}
  .hero-slogan{font-size:.88rem;text-align:center;border-left:none;border-top:1px solid rgba(0,217,255,0.3);padding-left:0;padding-top:1rem;margin-top:1.2rem;max-width:90%;line-height:1.6}
  .hero-tags{display:none}
  .hero-btns{flex-direction:column;align-items:center;gap:.8rem;margin-top:1.8rem;width:100%}
  .btn-cyber,.btn-gold{width:100%;max-width:280px;text-align:center;padding:.9rem 1.5rem;font-size:.65rem;clip-path:none;border-radius:2px}
  .hud-tl,.hud-tr{display:none}
  .scroll-hint{bottom:1.5rem}
  section{padding:4rem 5vw}
  #bio{padding:4rem 5vw}
  .bio-grid{grid-template-columns:1fr;gap:2rem;margin-top:2rem}
  .bio-visual{max-width:160px;margin:0 auto}
  .bio-frame{aspect-ratio:1/1}
  .bio-logo-cercle{width:130px;height:130px}
  .s-title{font-size:clamp(2rem,10vw,3.5rem)}
  .bio-text p{font-size:.92rem;line-height:1.8;margin-bottom:1rem}
  .bio-stats{grid-template-columns:repeat(3,1fr);margin-top:1.5rem}
  .bstat-n{font-size:1.5rem}
  .bstat-l{font-size:.5rem}
  .services-grid{grid-template-columns:1fr;gap:1px;margin-top:2rem}
  .svc{padding:1.8rem 1.4rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:1rem;row-gap:.3rem;align-items:center}
  .svc-icon{font-size:1.8rem;grid-row:1/3;margin-bottom:0}
  .svc-num{margin-bottom:0;grid-column:2}
  .svc-name{font-size:.8rem;grid-column:2}
  .svc-desc{font-size:.82rem;grid-column:1/3;margin-top:.6rem;line-height:1.6}
  .mix-top{flex-direction:column;align-items:flex-start;gap:.8rem;margin-bottom:1.5rem}
  .sc-player-wrap{margin-bottom:1rem}
  .track{grid-template-columns:2.2rem 1fr 2.5rem;gap:.8rem;padding:1rem 1rem}
  .t-wave,.t-time{display:none}
  .t-name{font-size:.75rem}
  .t-genre{font-size:.52rem}
  .t-btn{width:32px;height:32px;font-size:.75rem}
  .gal-grid{grid-template-columns:repeat(2,1fr);gap:4px;margin-top:.8rem}
  .gi{aspect-ratio:1/1}
  .gi-title{font-size:.68rem}
  .gi-sub{font-size:.5rem}
  .gi-play-btn{width:40px;height:40px;font-size:1rem}
  .gal-filters{gap:.4rem;margin:1.2rem 0 .6rem}
  .gf-btn{font-size:.55rem;padding:.4rem .9rem}
  .ma-row{grid-template-columns:1fr}
  .ma-tabs{gap:1px}
  .ma-tab{font-size:.52rem;padding:.45rem .8rem}
  .collab-grid{grid-template-columns:1fr}
  .process-steps{padding-left:1.8rem}
  #contact{padding:4rem 5vw}
  .contact-header{margin-bottom:2rem;text-align:center}
  .contact-layout{display:flex;flex-direction:column;gap:0}
  .contact-form-col{order:1;width:100%;margin-bottom:2rem}
  .f-submit-row{grid-template-columns:1fr;gap:.7rem;margin-top:1rem}
  .f-submit{font-size:.58rem;padding:.95rem 1rem;letter-spacing:.15em}
  .f-submit-email{background:rgba(0,217,255,0.06);border-color:var(--cyan)}
  .f-submit-wa{background:rgba(37,211,102,0.06)}
  #contact-info{order:2;width:100%;padding-top:2.5rem;border-top:1px solid rgba(0,217,255,0.08)}
  .c-intro{font-size:.9rem;line-height:1.7;margin-bottom:1.5rem;padding-left:.9rem}
  .c-cards{gap:.6rem}
  .c-card{padding:.75rem .9rem;gap:.8rem}
  .c-icon{width:32px;height:32px;font-size:.8rem;flex-shrink:0}
  .c-label{font-size:.48rem;letter-spacing:.2em}
  .c-val{font-size:.85rem}
  .socials{margin-top:1.5rem;gap:.3rem;justify-content:center;flex-wrap:nowrap;padding:0 2vw}
  .soc{width:44px;height:44px;flex-shrink:0}
  .soc svg{width:18px;height:18px}
  .f-row{grid-template-columns:1fr;gap:.7rem}
  .f-in,.f-sel,.f-ta{font-size:.9rem;padding:.75rem .9rem}
  .f-lbl{font-size:.5rem;letter-spacing:.25em}
  .f-ta{min-height:90px}
  .f-grp{gap:.25rem}
  .f-err{font-size:.5rem}
  .lf-grid{grid-template-columns:1fr 1fr;gap:1.6rem}
  .lf-top{flex-direction:column;align-items:flex-start;text-align:left}
  .car-card{flex:0 0 140px}
  .reco-guide-wrap{padding:0 6vw}
}

@media(max-width:400px){
  .gal-grid{grid-template-columns:repeat(2,1fr);gap:3px}
  .hero-title{font-size:clamp(2.8rem,17vw,5rem)}
  .hero-logo-wrap{width:120px;height:120px}
  .hero-logo-cercle{width:104px;height:104px}
  .btn-cyber,.btn-gold{max-width:260px;font-size:.6rem}
  section{padding:3.5rem 4vw}
  .bstat-n{font-size:1.3rem}
  .soc{width:36px;height:36px}
  .soc svg{width:14px;height:14px}
}
@media(max-width:768px){
  .contact-layout{grid-template-columns:1fr!important}
  .avis-wrap{padding-top:2rem}
  .avis-list{max-height:200px}
}