/* Couche HALO — vitrine TikLive : surfaces souples, relief lumineux, aucun angle coupé. */
:root{
  --hm-surface:rgba(255,255,255,.045);
  --hm-surface-hi:rgba(255,255,255,.075);
  --hm-relief:0 18px 44px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1);
  --hm-rayon:20px;
  --bg:#090a10;--bg-2:#10111a;--card:var(--hm-surface);--card-2:var(--hm-surface-hi);
  --line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.12);--line-3:rgba(255,255,255,.18);
  --r-btn:999px;--r-card:var(--hm-rayon);--r-chip:999px;--chamfer:0px;--chamfer-s:0px;
}
body{background:var(--bg);letter-spacing:-.01em}
#tlx-space-css{background:radial-gradient(62vw 55vh at 86% 0,rgba(255,0,122,.16),transparent 67%),radial-gradient(48vw 45vh at 3% 68%,rgba(0,240,255,.10),transparent 70%),linear-gradient(145deg,#10101a 0%,#090a10 48%,#0b0c13 100%)}
#tlx-space-css .tlx-floor{display:none}
.tag{gap:8px;padding:7px 11px;margin-bottom:18px;border-radius:999px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);letter-spacing:.07em;text-transform:none}
.tag::before{display:none}.tag--rose{color:#ff86aa}.tag--cyan{color:#80fffa}
.btn-p,.btn-g{border:0;box-shadow:var(--hm-relief);font-weight:700}.btn-p{background:linear-gradient(135deg,#ff1f86,#e0006c);color:#fff}.btn-p:hover{background:linear-gradient(135deg,#ff4d9c,#ff007a);box-shadow:0 14px 35px rgba(255,0,122,.32),inset 0 1px 0 rgba(255,255,255,.24)}.btn-g{background:var(--hm-surface)}.btn-g:hover{background:var(--hm-surface-hi);border:0}
.chip{border:0;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
.nav{background:rgba(9,10,16,.84);border:0;box-shadow:0 1px 0 rgba(255,255,255,.06)}
@media (min-width:1024px) and (prefers-reduced-motion:no-preference){html:not([data-motion="soft"]) .nav{background:rgba(9,10,16,.7)}}
.nav::after,.progress{display:none}.nav .links>a::after{height:4px;bottom:5px;border-radius:999px;background:var(--rose)}
.sec{padding:clamp(82px,10vw,148px) 0}.sep{height:1px;margin:0 8%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.sep .glow-line{display:none}
.gcard,.rcard,.screen,.how-panel,.sheet-panel,.modal-panel{clip-path:none;border:0;border-radius:var(--hm-rayon);box-shadow:var(--hm-relief)}
.gcard{background:var(--hm-surface)}.gcard::after{background:linear-gradient(180deg,transparent 28%,rgba(9,10,16,.96) 100%)}.rcard{background:var(--hm-surface)}.rcard::before{top:0;left:20px;width:40px;border-radius:0 0 99px 99px}
.screen{border-radius:24px}.console{border:0;background:rgba(0,0,0,.2)}
.sec-hero{padding-top:clamp(86px,12vw,170px);overflow:hidden}.sec-hero .wrap{position:relative}.sec-hero h1{max-width:850px;font-size:clamp(48px,7vw,94px);letter-spacing:-.055em}.sec-hero .ac{background:linear-gradient(100deg,#ff91b1,#ff007a 58%,#8cfdf8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-product{position:relative;width:min(920px,100%);margin:clamp(48px,7vw,88px) auto 0;padding:10px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.03));box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 70px rgba(255,0,122,.12),inset 0 1px 0 rgba(255,255,255,.26);transform:perspective(1400px) rotateX(4deg)}
.hero-product__glow{position:absolute;inset:16% -16% -22%;z-index:-1;background:radial-gradient(ellipse,rgba(255,0,122,.24),transparent 65%);filter:blur(24px)}.hero-product img{width:100%;border-radius:19px}.hero-product__bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#c5c8d2;font:600 11px/1 var(--mono)}.hero-product__bar span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.24)}.hero-product__bar span:first-child{background:#ff5c7a}.hero-product__bar b{margin-left:6px;font-weight:600}.hero-product__bar i{font-style:normal;color:#80fffa}.hero-product__live{position:absolute;right:24px;bottom:24px;display:grid;grid-template-columns:auto 1fr;gap:1px 9px;align-items:center;padding:11px 15px;border-radius:15px;background:rgba(12,13,21,.86);box-shadow:var(--hm-relief);backdrop-filter:blur(8px);font-size:12px}.hero-product__live .dot{grid-row:span 2;width:7px;height:7px}.hero-product__live strong{font-size:12px}.hero-product__live small{color:var(--dim-2)}
.sec-app{overflow:hidden}.sec-app h2{max-width:760px}.app-lead{margin-top:22px}.app-showcase{position:relative;min-height:clamp(330px,50vw,590px);margin-top:52px}.app-shot{position:absolute;margin:0;padding:9px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.035));box-shadow:var(--hm-relief)}.app-shot img{border-radius:16px}.app-shot--main{left:0;width:min(76%,800px);top:0}.app-shot--side{right:0;bottom:0;width:min(47%,490px);transform:rotate(3deg)}.app-proof{position:absolute;left:clamp(12px,8%,100px);bottom:4%;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(9,10,16,.88);box-shadow:var(--hm-relief);font:600 12px/1.2 var(--body)}.app-proof .dot{width:7px;height:7px}
.how-tl{border:0}.how-tl::before{background:linear-gradient(var(--rose-line),rgba(255,255,255,.06))}.how-step{border:0}.how-num{border:0;background:#171821;box-shadow:var(--hm-relief)}.how-panel{background:var(--hm-surface)}
/* Les sections historiques reçoivent le même langage de surface sans perdre leur contenu. */
.sec-rail{padding:22px 0;background:rgba(255,255,255,.018);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(255,255,255,.04)}
.rail{background:transparent;border:0}.rail::before,.rail::after{display:none}.rail-cell{border-radius:14px}.rail-cell:hover{background:rgba(255,255,255,.055)}.rail-cell+.rail-cell::before{background:linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)) 50% 50%/1px 28px no-repeat}.rail-live{border-radius:14px}.rail-cell--live::after{border-radius:14px}
.sec-games{background:radial-gradient(55% 50% at 100% 30%,rgba(255,0,122,.09),transparent 70%)}.gnav{padding:8px 10px;border-radius:999px;background:var(--hm-surface);box-shadow:var(--hm-relief)}.gm-prog{background:rgba(255,255,255,.09);border-radius:99px}.gm-prog-bar{border-radius:99px;background:linear-gradient(90deg,var(--rose),#ff91b1)}.gm-arrow{width:40px;height:40px;padding:0;background:rgba(255,255,255,.06)}.gcard{border-radius:24px;box-shadow:var(--hm-relief)}.gcard:hover{transform:translateY(-6px)}.gcard:hover img{transform:scale(1.055)}.gcard .tag{top:14px;left:14px}.gm-idx{right:18px;top:18px;padding:6px 9px;border-radius:99px;background:rgba(6,7,12,.5);backdrop-filter:blur(5px)}
.sec-pricing{position:relative}.sec-pricing::before{content:'';position:absolute;inset:10% 0 auto;height:60%;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(255,0,122,.08),transparent 66%)}.sec-pricing .wrap{position:relative}.pr-cmp{overflow:hidden;border-radius:28px;background:rgba(255,255,255,.025);box-shadow:var(--hm-relief)}.cmp th,.cmp td{border-color:rgba(255,255,255,.07)}.cmp .premium{background:rgba(255,0,122,.045);border-left:0;border-right:0}.cmp thead .premium{border-top:0}.cmp tbody tr:last-child .premium{border-bottom:0}.pr-cmp .pr-head .premium::before{left:18px;right:18px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--rose),transparent)}.pr-seg{border:0;background:rgba(0,0,0,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.pr-seg-ind{border:0;background:rgba(255,0,122,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 4px 14px rgba(0,0,0,.2)}.pr-ref{border:0;border-radius:24px;clip-path:none;background:linear-gradient(135deg,rgba(0,240,255,.09),rgba(255,255,255,.04));box-shadow:var(--hm-relief)}.pr-ref::before{left:22px;width:44px;border-radius:0 0 99px 99px}
.sec-proof{background:linear-gradient(180deg,transparent,rgba(255,255,255,.018),transparent)}.sec-proof .pf-score{padding:26px;border:0;border-radius:24px;background:var(--hm-surface);box-shadow:var(--hm-relief)}.sec-proof .pf-discord,.sec-proof .pf-live{border:0;border-radius:20px;clip-path:none;box-shadow:var(--hm-relief)}.sec-proof .pf-discord{background:var(--hm-surface)}.sec-proof .pf-live{background:linear-gradient(135deg,rgba(0,240,255,.13),rgba(255,255,255,.035))}.sec-proof .rcard{border:0;border-radius:20px;background:var(--hm-surface);box-shadow:var(--hm-relief)}.sec-proof .rcard:hover{background:var(--hm-surface-hi);border:0;transform:translateY(-3px)}
.sec-faq .faq-q,.sec-faq details{border:0!important;border-radius:17px;background:var(--hm-surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.18)}.sec-faq .faq-q:hover,.sec-faq details:hover{background:var(--hm-surface-hi)}
.sec-cta-final{margin:0 var(--gut) clamp(48px,7vw,96px);padding:clamp(48px,7vw,88px) 0;border-radius:32px;background:radial-gradient(55% 100% at 0 0,rgba(255,0,122,.24),transparent 70%),radial-gradient(45% 80% at 100% 100%,rgba(0,240,255,.11),transparent 72%),var(--hm-surface);box-shadow:var(--hm-relief);overflow:hidden}.sec-cta-final .wrap{max-width:calc(var(--wrap) + 2 * var(--gut))}.sec-cta-final .cta-line{display:none}.cta-nodo{border:0;padding:24px;border-radius:22px;background:rgba(0,0,0,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.cta-nodo::before{display:none}.cta-rules li{border-color:rgba(255,255,255,.08)}
.footer{border:0!important;background:rgba(0,0,0,.22)!important}.footer::before{display:none!important}.footer a:hover{color:#fff}.tl-lang>summary{border-radius:999px}.tl-lang-pop a[aria-current]{box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
@media (max-width:640px){.hero-product{padding:6px;border-radius:18px;transform:none}.hero-product img{border-radius:13px}.hero-product__bar{height:27px}.hero-product__live{right:12px;bottom:12px;padding:8px 10px}.hero-product__live small{display:none}.app-showcase{min-height:300px;margin-top:36px}.app-shot{padding:5px;border-radius:15px}.app-shot img{border-radius:11px}.app-shot--main{width:92%}.app-shot--side{width:58%}.app-proof{left:8px;right:8px;bottom:0;justify-content:center;font-size:11px}.sec-hero .sec-cta{margin-top:40px}}

/* Fond spatial : decor, pas sujet. A pleine intensite les deux couches (etoiles CSS
   + canvas three.js) mangeaient tout l'ecran d'accueil et passaient devant le titre. */
#tlx-space{opacity:.58}
#tlx-space-css{opacity:.72}
@media (max-width:640px){#tlx-space{opacity:.48}#tlx-space-css{opacity:.66}}