:root{--ink:#f3f6ff;--muted:#a5afc8;--bg:#080b18;--panel:rgba(20,25,49,.62);--line:rgba(190,205,255,.16);--cyan:#65e7f4;--violet:#a789ff;--orange:#ff9a6b;--lime:#d2f36b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");z-index:5}.ambient{position:fixed;border-radius:50%;filter:blur(80px);opacity:.27;pointer-events:none;z-index:-1;animation:drift 18s ease-in-out infinite alternate}.ambient-one{width:36rem;height:36rem;background:#2636b7;top:-10rem;left:-10rem}.ambient-two{width:28rem;height:28rem;background:#6f27b4;right:-5rem;top:28%;animation-delay:-5s}.ambient-three{width:22rem;height:22rem;background:#0baab5;left:31%;bottom:-10rem;animation-delay:-9s}@keyframes drift{to{transform:translate(5rem,3rem) scale(1.12)}}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Syne,sans-serif;line-height:1.03;letter-spacing:-.045em}h1{font-size:clamp(3.8rem,9vw,8.8rem);margin:1.2rem 0 1.7rem}h1 em,h2 span{font-style:normal;background:linear-gradient(100deg,var(--cyan),var(--violet) 53%,var(--orange));background-size:220% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:gradient 8s ease infinite}@keyframes gradient{to{background-position:220% center}}h2{font-size:clamp(2.8rem,6vw,5.7rem);margin:1.2rem 0}h3{font-size:2.4rem;margin:.35rem 0}.section-shell{max-width:1240px;margin:auto;padding-left:clamp(1.25rem,5vw,4rem);padding-right:clamp(1.25rem,5vw,4rem)}.site-header{height:84px;display:flex;align-items:center;gap:2.2rem;padding:0 clamp(1.25rem,4vw,4rem);position:fixed;top:0;left:0;right:0;z-index:10;background:rgba(8,11,24,.72);backdrop-filter:blur(20px);border-bottom:1px solid rgba(190,205,255,.1)}.brand{display:flex;align-items:center;gap:.75rem;color:var(--ink);font-family:Syne,sans-serif;font-weight:800;letter-spacing:.08em;text-decoration:none;font-size:.9rem;white-space:nowrap}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;overflow:hidden;border:1px solid rgba(101,231,244,.55);box-shadow:0 0 24px rgba(101,231,244,.25)}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-mark.small{width:29px;height:29px;border-radius:9px}.site-header nav{display:flex;gap:1.7rem;margin-left:auto}.site-header nav a,.socials a,.site-footer a{color:var(--muted);font-size:.78rem;font-weight:700;text-decoration:none;transition:.25s}.site-header nav a:hover,.site-header nav a.active,.socials a:hover,.site-footer a:hover{color:var(--ink)}.site-header nav a.active:after{content:"";display:block;height:2px;width:14px;background:var(--cyan);margin-top:4px}.socials{display:flex;gap:.55rem}.socials a{border:1px solid var(--line);border-radius:100px;padding:.25rem .55rem}
/* Twitch désormais actif : le style is-muted n'est plus appliqué automatiquement.
   S'il reste par erreur sur un lien, on l'annule ici pour éviter tout griséissement résiduel. */
.socials .is-muted{opacity:1}
.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;padding-top:6rem;position:relative}.eyebrow,.section-kicker,.card-label,.hero-note,.scroll-cue{font-size:.69rem;letter-spacing:.18em;font-weight:800;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:.65rem}.pulse-dot{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 15px var(--lime)}.hero-lede{max-width:550px;font-size:clamp(1rem,1.7vw,1.2rem);color:#cbd2e4}.hero-actions{display:flex;align-items:center;gap:2rem;margin:2.5rem 0}.button{display:inline-flex;align-items:center;gap:1.8rem;padding:1rem 1.35rem;border-radius:8px;text-decoration:none;font-weight:800;font-size:.85rem;transition:.3s}.button-primary{color:#07101b;background:linear-gradient(100deg,var(--cyan),#9be5ee 40%,var(--orange));box-shadow:0 8px 35px rgba(101,231,244,.22)}.button-primary:hover,.button-light:hover{transform:translateY(-4px);box-shadow:0 12px 35px rgba(101,231,244,.38)}.button-light{color:#101525;background:var(--ink)}.text-link,.outline-link{color:var(--ink);text-decoration:none;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:.35rem}.text-link span{color:var(--cyan);margin-left:.7rem}.hero-note{display:flex;gap:.7rem}.hero-note span{color:var(--orange);font-size:1.1rem}
/* Halo + logo : centrage garanti l'un dans l'autre */
.hero-visual{height:550px;display:grid;place-items:center;position:relative}
.hero-logo{width:min(29vw,345px);height:min(29vw,345px);min-width:220px;min-height:220px;border-radius:32% 68% 55% 45%/48% 39% 61% 52%;overflow:hidden;transform:rotate(-8deg) translateX(-40px);;animation:float 6s ease-in-out infinite;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 70px rgba(101,231,244,.28),0 28px 65px rgba(0,0,0,.4);z-index:2;display:flex;align-items:center;justify-content:center}
.hero-logo img{width:100%;height:100%;object-fit:cover;display:block;margin:auto}
@keyframes float{50%{transform:rotate(-3deg) translateY(-17px)}}
.logo-halo{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(101,231,244,.34),transparent 68%);animation:pulse 4s ease-in-out infinite;top:50%;left:50%;transform:translate(-50%,-50%)}
@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}
.logo-orbit{position:absolute;width:460px;height:220px;border:1px solid rgba(101,231,244,.3);border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg);top:50%;left:50%}
.orbit-b{width:400px;height:280px;border-color:rgba(167,137,255,.27);transform:translate(-50%,-50%) rotate(55deg)}
.floating-tag{position:absolute;z-index:3;background:rgba(16,21,43,.82);backdrop-filter:blur(15px);border:1px solid var(--line);padding:.7rem 1rem;border-radius:7px;font-size:.62rem;letter-spacing:.14em;color:var(--muted);box-shadow:0 15px 35px rgba(0,0,0,.25)}.floating-tag strong{display:block;color:var(--ink);font-size:1rem;letter-spacing:0;margin-top:.1rem}.tag-top{top:25%;right:0}.tag-bottom{bottom:22%;left:6%}.scroll-cue{position:absolute;bottom:2rem;left:clamp(1.25rem,5vw,4rem);display:flex;gap:1rem;align-items:center}.scroll-cue i{font-style:normal;color:var(--cyan);font-size:1.3rem}.curve{height:80px;margin-top:-1px}.curve svg{width:100%;height:100%;display:block}.curve path{fill:var(--bg)}.curve-light path{fill:#10152a}.about{padding-top:4rem;padding-bottom:8rem}.section-kicker{display:flex;gap:1.5rem;color:var(--muted)}.section-kicker span:first-child{color:var(--cyan)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:3.5rem 0}.about-heading h2{margin-top:0}.accent-line{width:80px;height:5px;background:var(--orange);border-radius:10px}.about-copy{padding-top:1rem;max-width:500px}.large-copy{font-size:1.35rem;color:#eef1f8}.about-copy>p:nth-child(2){color:var(--muted);margin-bottom:2rem}.outline-link{display:inline-block}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{background:var(--panel);border:1px solid var(--line);padding:1.6rem;border-radius:12px;display:flex;flex-direction:column}.stat-card strong{font:800 clamp(2.7rem,5vw,4.4rem)/1 Syne;color:var(--cyan)}.stat-card span{font-weight:700}.stat-card small{font-size:.58rem;color:#74809f;letter-spacing:.12em;margin-top:.5rem}.capgame{padding-top:3rem;padding-bottom:9rem}.capgame-card{background:linear-gradient(120deg,rgba(52,65,137,.72),rgba(19,24,55,.7));border:1px solid rgba(167,137,255,.34);border-radius:16px;padding:3rem;display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:2rem;overflow:hidden;position:relative}.capgame-card:after{content:"";position:absolute;width:300px;height:300px;background:var(--violet);filter:blur(110px);opacity:.18;right:-50px;top:-100px}.capgame-index{font-size:.69rem;letter-spacing:.18em;color:var(--cyan)}.capgame-content{max-width:550px}.capgame-content h2{font-size:clamp(2.7rem,4vw,4.5rem);margin:0 0 1.5rem}.capgame-content p{color:#c2c9dd}.capgame-content strong{color:var(--ink)}.capgame-symbol{color:var(--orange);font-size:2rem}.capgame-aside{align-self:center;padding:1rem 0 1rem 2rem;border-left:1px solid rgba(255,255,255,.2);z-index:1}.quote-mark{font:800 4rem/0 Syne;color:var(--cyan)}blockquote{font:600 1.2rem/1.45 Syne;margin:1rem 0}cite{color:var(--muted);font-size:.75rem}.content-section{background:#10152a;padding-top:1rem;padding-bottom:8rem}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:3rem;padding:3rem 0}.section-intro h2{margin:0}.section-intro p{max-width:300px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.content-card{min-height:270px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:rgba(21,28,57,.7);transition:transform .15s ease,box-shadow .3s,border-color .3s;transform-style:preserve-3d}.content-card:hover{border-color:var(--cyan);box-shadow:0 20px 50px rgba(0,0,0,.25)}.youtube{background:linear-gradient(145deg,rgba(76,28,61,.8),rgba(22,24,52,.8))}.x-card{background:linear-gradient(145deg,rgba(33,55,79,.8),rgba(22,24,52,.8))}.twitch{background:linear-gradient(145deg,rgba(56,38,96,.8),rgba(22,24,52,.8))}.card-top{display:flex;justify-content:space-between}.platform-icon{font-size:1.5rem;color:var(--orange)}.x-card .platform-icon{color:var(--cyan)}.twitch .platform-icon{color:var(--violet)}.card-arrow{font-size:1.4rem;color:var(--muted)}.card-label{font-size:.6rem}.content-card p{color:var(--muted);margin:0}.contact{padding-top:9rem;padding-bottom:9rem}.contact-inner{display:flex;justify-content:space-between;align-items:end;gap:3rem}.contact h2{font-size:clamp(3rem,7vw,6rem);margin-bottom:0}.contact-right{max-width:400px}.contact-right p{color:var(--muted)}.email-link{font:700 clamp(1.15rem,2vw,1.6rem) Syne;color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(101,231,244,.4);padding-bottom:.5rem}.email-link span{font-family:DM Sans;margin-left:.7rem}.site-footer{border-top:1px solid var(--line);padding:1.5rem clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-footer p{font-size:.72rem;color:var(--muted);margin:0}.skip-link{position:fixed;z-index:99;left:1rem;top:-100px;background:var(--cyan);color:#06101c;padding:.7rem 1rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.reveal{opacity:0;filter:blur(9px);transform:translateY(28px) scale(.96);transition:opacity .8s ease,filter .8s ease,transform .8s ease}.reveal.visible{opacity:1;filter:blur(0);transform:none}.reveal-delay{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}.menu-toggle{display:none}
@media(max-width:850px){.site-header{gap:1rem}.site-header nav{position:absolute;top:84px;left:0;right:0;display:none;flex-direction:column;background:rgba(8,11,24,.96);padding:1.5rem 1.25rem;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-toggle{display:flex;margin-left:auto;flex-direction:column;gap:4px;background:none;border:0;padding:.5rem}.menu-toggle span{width:23px;height:2px;background:var(--ink)}.socials{display:none}.hero{grid-template-columns:1fr;padding-top:8rem}.hero-visual{height:400px;grid-row:1}.hero-copy{grid-row:2}.hero-logo{width:250px;height:250px}.logo-orbit{width:330px}.tag-top{right:6%}.tag-bottom{left:8%}.about-grid,.capgame-card,.contact-inner{grid-template-columns:1fr;display:grid}.capgame-aside{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:2rem 0 0}.content-grid{grid-template-columns:1fr}.section-intro{display:block}.stats-grid{gap:.5rem}.stat-card{padding:1rem}.stat-card small{font-size:.46rem}.site-footer{flex-wrap:wrap}.site-footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient,.hero-logo,.logo-halo,h1 em,h2 span{animation:none}.reveal{opacity:1;filter:none;transform:none;transition:none}.tilt{transform:none!important;transition:none}.button,.content-card{transition:none}}
/* Platform marks: crisp monochrome PNGs on the dark glass cards. */
.platform-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:0}
.platform-icon img{display:block;width:100%;height:100%;object-fit:contain}
.socials a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;padding:.25rem .55rem}
.socials a img{display:block;width:21px;height:21px;object-fit:contain}