/* Layout: salle de contrôle — fonds encre nuit, accent « ambre signal », affiches et grilles de programmes comme vocabulaire visuel. Look sombre unique, assumé. */
:root{
  --bg:#080B17; --surface:#0F1429; --surface-2:#161C37; --surface-3:#1E2546;
  --line:rgba(160,172,255,.13); --line-2:rgba(160,172,255,.24);
  --fg:#EEF0FA; --muted:#A0A7C8; --dim:#6F7699;
  --amber:#FFB547; --amber-ink:#2A1A00; --cyan:#6FE3E1; --live:#FF5A4E; --ok:#4ADE9B;
  --f-display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --f-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:14px; --r-lg:22px;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
a{color:inherit}
h1,h2,h3,h4{text-wrap:balance;margin:0}
p{margin:0}
figure{margin:0}
button{font:inherit;color:inherit;cursor:pointer}
input,select,textarea{font:inherit;color:var(--fg)}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}
.wrap{max-width:1200px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.h2{font-family:var(--f-display);font-weight:800;font-size:clamp(40px,6vw,68px);line-height:.95;text-transform:uppercase}
.lead{color:var(--muted);font-size:clamp(16px,1.6vw,18px);max-width:62ch}
.section{padding-block:clamp(64px,9vw,120px)}
.sec-head{display:grid;gap:14px;margin-bottom:40px}
.band{background:var(--surface);border-block:1px solid var(--line)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 24px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}
.btn-primary{background:var(--amber);color:var(--amber-ink);box-shadow:0 10px 30px -10px rgba(255,181,71,.6)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px rgba(255,181,71,.75)}
.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--line-2)}
.btn-ghost:hover{background:var(--surface-2)}
.btn-sm{padding:9px 16px;font-size:14px}

/* Bandeau + header */
.strip{background:var(--surface-2);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.strip .wrap{display:flex;gap:10px;align-items:center;justify-content:center;padding-block:8px;text-align:center}
.strip b{color:var(--amber);font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(8,11,23,.84);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:20px;padding-block:14px;position:relative}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-display);font-weight:900;font-size:24px;letter-spacing:.04em;text-transform:uppercase;line-height:1}
.logo-mark{width:30px;height:30px;border-radius:8px;background:var(--amber);display:grid;place-items:center}
.logo-mark::after{content:"";width:18px;height:13px;background:var(--amber-ink);clip-path:polygon(0 100%,0 18%,26% 52%,50% 0,74% 52%,100% 18%,100% 100%)}
.logo em{font-style:normal;color:var(--amber)}
nav.links{display:flex;gap:2px;margin-left:auto}
nav.links a{white-space:nowrap;text-decoration:none;color:var(--muted);font-weight:600;font-size:14px;padding:8px 11px;border-radius:999px;transition:color .2s,background .2s}
nav.links a:hover,nav.links a[aria-current]{color:var(--fg);background:var(--surface-2)}
.menu-btn{display:none;margin-left:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;width:42px;height:42px}
.menu-btn span{display:block;width:18px;height:2px;background:var(--fg);margin:4px auto;border-radius:2px}
@media (max-width:1280px){
  nav.links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--line);padding:10px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}
  nav.links.open{display:flex}
  .menu-btn{display:block}
  header.top .btn-buy{display:none}
}

/* ===== Affiches d'exemple ===== */
.poster{position:relative;aspect-ratio:2/3;border-radius:.5em;overflow:hidden;container-type:inline-size;background:linear-gradient(170deg,var(--c2),var(--c1) 70%);box-shadow:0 .6em 1.4em -.6em rgba(0,0,0,.7);max-width:100%}
.poster::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.78));z-index:2}
.poster.has-img{background-size:cover;background-position:center}
.poster.has-img .mo{display:none}
.mo{position:absolute;z-index:1}
.mo[data-m="sun"]{width:64%;aspect-ratio:1;left:18%;top:12%;border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.7),var(--c3) 38%,transparent 71%)}
.mo[data-m="mount"]{inset:auto 0 0 0;height:62%;background:linear-gradient(var(--c3),var(--c1) 85%);clip-path:polygon(0 100%,0 58%,16% 32%,30% 50%,50% 8%,68% 44%,83% 26%,100% 52%,100% 100%)}
.mo[data-m="ring"]{width:70%;aspect-ratio:1;left:15%;top:10%;border-radius:50%;border:4cqw solid var(--c3);box-shadow:0 0 12cqw var(--c3),inset 0 0 10cqw var(--c3)}
.mo[data-m="stripe"]{inset:0;background:repeating-linear-gradient(118deg,transparent 0 17%,var(--c3) 17% 20%);opacity:.85}
.mo[data-m="grid"]{inset:48% -40% -10%;background:repeating-linear-gradient(0deg,var(--c3) 0 1px,transparent 1px 11%),repeating-linear-gradient(90deg,var(--c3) 0 1px,transparent 1px 9%);transform:perspective(80px) rotateX(42deg);opacity:.7}
.mo[data-m="grid"]::before{content:"";position:absolute;left:50%;top:-70%;width:40%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:var(--c3);filter:blur(1px)}
.mo[data-m="figure"]{left:24%;right:24%;bottom:0;height:58%;background:#05050a;border-radius:46% 46% 0 0/26% 26% 0 0;box-shadow:0 0 0 1.4cqw var(--c3),0 0 14cqw var(--c3)}
.mo[data-m="figure"]::before{content:"";position:absolute;left:30%;right:30%;top:-46%;aspect-ratio:1;border-radius:50%;background:#05050a;box-shadow:0 0 0 1.4cqw var(--c3)}
.mo[data-m="planet"]{width:56%;aspect-ratio:1;left:22%;top:16%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--c3) 30%,var(--c2) 75%)}
.mo[data-m="planet"]::after{content:"";position:absolute;inset:38% -32%;border-radius:50%;border:2.4cqw solid var(--c3);transform:rotate(-16deg);opacity:.8}
.pt{position:absolute;z-index:3;left:8%;right:8%;bottom:7%;font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:15cqw;line-height:.86;overflow-wrap:anywhere;color:#fff;letter-spacing:.01em;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.pt small{display:block;font-family:var(--f-mono);font-weight:500;font-size:5.6cqw;letter-spacing:.14em;margin-top:4cqw;color:rgba(255,255,255,.75)}
.pp{position:absolute;z-index:3;top:5%;left:6%;font-family:var(--f-mono);font-size:6cqw;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.55);padding:1.5cqw 3.5cqw;border-radius:2cqw}
.pr{position:absolute;z-index:3;top:5%;right:6%;font-family:var(--f-mono);font-size:6cqw;font-weight:600;color:var(--amber-ink);background:var(--amber);padding:1.5cqw 3cqw;border-radius:2cqw}
.pc{display:grid;gap:.35em;min-width:0}
.cap{font-size:.82em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.35em}
.cap::before{content:"";width:.7em;height:.7em;border-radius:50%;flex:none}
.cap.in{color:var(--ok)}.cap.in::before{background:var(--ok)}
.cap.out{color:var(--dim)}.cap.out::before{border:1.5px solid var(--dim)}
.cap.ep{color:var(--amber)}.cap.ep::before{background:var(--amber)}

/* ===== Hero ===== */
.hero{position:relative;overflow:hidden;padding-block:clamp(44px,6vw,88px) clamp(56px,8vw,110px)}
.hero::before{content:"";position:absolute;inset:-20% -10% auto 30%;height:900px;background:radial-gradient(closest-side,rgba(255,181,71,.15),transparent 70%),radial-gradient(closest-side at 30% 60%,rgba(111,227,225,.09),transparent 70%);pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,5vw,64px);align-items:center;position:relative}
.hero-copy{display:grid;gap:22px;min-width:0}
.onair{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:6px 14px 6px 10px;width:max-content;max-width:100%}
.dot{width:8px;height:8px;border-radius:50%;background:var(--live);flex:none;animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,90,78,.55)}70%{box-shadow:0 0 0 10px rgba(255,90,78,0)}100%{box-shadow:0 0 0 0 rgba(255,90,78,0)}}
.hero h1{font-family:var(--f-display);font-weight:900;text-transform:uppercase;font-size:clamp(50px,7.4vw,104px);line-height:.86}
.hero h1 .amber{color:var(--amber)}
.hero h1 .outline{-webkit-text-stroke:1.5px var(--fg);color:transparent}
.plats{display:flex;flex-wrap:wrap;gap:6px}
.plats span{font-family:var(--f-mono);font-size:12px;padding:5px 10px;border-radius:6px;border:1px solid var(--line-2);color:var(--muted)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.spec{background:var(--bg);padding:14px 12px;display:grid;gap:2px;align-content:start}
.spec .v{font-family:var(--f-display);font-weight:800;font-size:28px;line-height:1}
.spec .k{font-size:12px;color:var(--muted);line-height:1.3}
.hero-visual{position:relative;min-width:0;padding-bottom:9%;padding-right:10%}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}.hero-visual{max-width:660px;width:100%;margin-inline:auto}.specs{grid-template-columns:repeat(2,1fr)}}
.hero-visual .tv{animation:rise 1s cubic-bezier(.2,.8,.2,1) both}
.hero-visual .phone{animation:rise 1s .25s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise{from{transform:translateY(18px)}to{transform:none}}

/* TV + téléphone */
.tv{position:relative;background:#05070F;border:1px solid var(--line-2);border-radius:18px;padding:10px;box-shadow:0 50px 100px -30px rgba(0,0,0,.8)}
.tv::after{content:"";position:absolute;left:50%;bottom:-22px;width:28%;height:14px;transform:translateX(-50%);background:linear-gradient(var(--surface-3),var(--surface));border-radius:0 0 10px 10px}
.screen{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:var(--surface);font-size:clamp(6.5px,.95vw,11px);max-width:100%}
.phone{position:absolute;right:0;bottom:0;width:22%;background:#05070F;border:1px solid var(--line-2);border-radius:24px;padding:5px;box-shadow:0 30px 60px -20px rgba(0,0,0,.9);z-index:3}
.pscreen{aspect-ratio:9/19;border-radius:19px;overflow:hidden;background:var(--surface);font-size:clamp(5.5px,.75vw,9px);display:flex;flex-direction:column;align-items:center;gap:1.4em;padding:2.2em 1.2em}

/* UI dans l'écran */
.ui-top{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:1.5em 2em .9em}
.ui-logo{font-family:var(--f-display);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:1.5em;white-space:nowrap}
.ui-logo em{font-style:normal;color:var(--amber)}
.ui-tabs{display:flex;gap:1.5em;color:var(--muted);font-weight:600;white-space:nowrap}
.ui-tabs .on{color:var(--fg);border-bottom:2px solid var(--amber);padding-bottom:.15em}
.ui-time{font-family:var(--f-mono);color:var(--muted);white-space:nowrap}
.ui-sec{display:flex;justify-content:space-between;align-items:center;margin:.9em 2em .6em;font-weight:800;font-size:1.15em}
.ui-sec small{font-weight:600;color:var(--muted);font-size:.75em}
.ui-chips{display:flex;gap:.5em;margin:0 2em}
.ui-chips span{padding:.35em .9em;border-radius:1em;background:var(--surface-2);color:var(--muted);font-weight:600;font-size:.9em;white-space:nowrap}
.ui-chips span.on{background:var(--fg);color:var(--bg)}
.ui-row{display:grid;grid-template-columns:repeat(7,1fr);gap:.8em;margin:0 2em}
.ui-row .poster{border-radius:.45em}
.focus .poster{outline:2px solid var(--amber);outline-offset:2px}

/* Télécommande (téléphone) */
.r-head{display:grid;justify-items:center;gap:.2em;text-align:center}
.r-head b{font-size:1.25em}
.r-head small{color:var(--ok);font-weight:700;display:flex;align-items:center;gap:.4em}
.r-head small::before{content:"";width:.6em;height:.6em;border-radius:50%;background:var(--ok)}
.r-search{width:100%;background:var(--surface-2);border-radius:1em;padding:.8em 1em;color:var(--muted)}
.dpad{width:78%;aspect-ratio:1;border-radius:50%;background:var(--surface-2);position:relative;border:1px solid var(--line-2)}
.dpad::before{content:"OK";position:absolute;inset:30%;border-radius:50%;background:var(--amber);color:var(--amber-ink);display:grid;place-items:center;font-weight:800;font-size:1.3em}
.dpad i{position:absolute;width:0;height:0;border:.55em solid transparent}
.dpad .u{top:9%;left:50%;transform:translateX(-50%);border-bottom-color:var(--muted)}
.dpad .d{bottom:9%;left:50%;transform:translateX(-50%);border-top-color:var(--muted)}
.dpad .l{left:9%;top:50%;transform:translateY(-50%);border-right-color:var(--muted)}
.dpad .r{right:9%;top:50%;transform:translateY(-50%);border-left-color:var(--muted)}
.r-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:.7em;width:100%}
.r-keys span{aspect-ratio:1;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);font-size:1.3em}
.r-vol{display:flex;gap:.7em;width:100%}
.r-vol span{flex:1;border-radius:1.4em;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;gap:1.2em;padding:.7em 0;color:var(--muted);font-weight:800}

/* Écran fidèle à l'app */
.app-scr{position:absolute;inset:0;display:flex;flex-direction:column}
.app-bd{position:absolute;inset:0;background:radial-gradient(60% 80% at 80% 20%,rgba(242,170,76,.35),transparent 70%),linear-gradient(120deg,#141B33 30%,#2D3E50 70%,#3A2410)}
.app-bd span{position:absolute;right:-2%;top:6%;font-family:var(--f-display);font-weight:900;font-size:9em;line-height:.8;text-transform:uppercase;color:rgba(255,255,255,.08);letter-spacing:-.01em;white-space:nowrap}
.app-bd::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,23,.85),transparent 65%),linear-gradient(transparent 35%,rgba(8,11,23,.92) 62%)}
.app-scr > *:not(.app-bd){position:relative}
.a-top{display:flex;align-items:center;gap:1.2em;padding:1.4em 2em .6em}
.a-logo{display:grid;line-height:1}
.a-logo b{white-space:nowrap;font-family:var(--f-display);font-weight:900;font-size:1.5em;color:var(--amber);letter-spacing:.02em}
.a-logo small{font-family:var(--f-mono);font-size:.6em;letter-spacing:.35em;color:var(--amber)}
.a-nav{display:flex;gap:.2em;border:1px solid rgba(255,181,71,.45);border-radius:2em;padding:.25em;white-space:nowrap;min-width:0;overflow:hidden}
.a-nav span{padding:.3em .8em;border-radius:2em;color:#D7DBF0;font-weight:600}
.a-nav span.on{background:var(--amber);color:var(--amber-ink)}
.a-right{margin-left:auto;display:flex;align-items:center;gap:.6em;white-space:nowrap}
.a-ic{width:2.2em;height:2.2em;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:#D7DBF0}
.a-prof{display:flex;align-items:center;gap:.4em;border:1px solid var(--line-2);border-radius:2em;padding:.25em .8em .25em .3em;font-weight:700}
.a-prof i{width:1.6em;height:1.6em;border-radius:50%;background:var(--cyan);color:var(--bg);display:grid;place-items:center;font-style:normal;font-size:.85em}
.a-feat{padding:.6em 2em 0;display:grid;gap:.5em;justify-items:start}
.a-eye{font-family:var(--f-mono);font-weight:600;font-size:.8em;letter-spacing:.12em;color:var(--amber);border:1px solid rgba(255,181,71,.5);border-radius:2em;padding:.2em .8em}
.a-title{font-weight:800;font-size:2em;line-height:1}
.a-meta{display:flex;gap:.5em;align-items:center;color:#C8CCE4}
.a-meta .n{background:var(--amber);color:var(--amber-ink);font-weight:700;padding:.1em .6em;border-radius:.3em}
.a-meta .s{border:1px solid var(--line-2);padding:.05em .5em;border-radius:.3em}
.a-btns{display:flex;gap:.5em;flex-wrap:wrap;margin-top:.3em}
.a-btns span{border:1px solid var(--line-2);border-radius:2em;padding:.45em 1em;font-weight:700;white-space:nowrap}
.a-btns span.main{background:var(--amber);color:var(--amber-ink);border-color:var(--amber)}
.a-lbl{margin:1.1em 2em .5em;font-weight:800;font-size:1.1em;display:flex;align-items:center;gap:.5em}
.a-lbl.gold{color:var(--amber);text-transform:uppercase;letter-spacing:.02em}
.a-sub{margin:-.3em 2em .5em;color:var(--muted);font-size:.85em}
.apps{display:grid;grid-template-columns:repeat(9,1fr);gap:.6em;margin:0 2em}
.app{display:grid;justify-items:center;gap:.35em;font-size:.8em;font-weight:700;color:#D7DBF0;text-align:center;min-width:0}
.app i{width:100%;max-width:4.6em;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:1.5em;color:#fff;border:2px solid rgba(255,255,255,.18);box-shadow:0 .3em .8em rgba(0,0,0,.4)}
.app span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.app.focus i{outline:2px solid var(--amber);outline-offset:2px}
.a-chips{display:flex;gap:.45em;margin:0 2em .6em;flex-wrap:nowrap;overflow:hidden}
.a-chips span{border:1px solid var(--line-2);border-radius:2em;padding:.25em .9em;font-weight:700;white-space:nowrap;font-size:.9em}
.a-chips span.on{background:var(--amber);color:var(--amber-ink);border-color:var(--amber)}
.a-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:.7em;margin:0 2em}
.poster.land{aspect-ratio:16/9}
.poster.land .pt{font-size:9cqw;bottom:9%}
.poster.land .pt small{font-size:3.6cqw;margin-top:2cqw}
.poster.land .pp,.poster.land .pr{font-size:3.6cqw}
.poster.land .mo[data-m="sun"],.poster.land .mo[data-m="ring"],.poster.land .mo[data-m="planet"]{width:34%;left:56%;top:8%}
.poster.land .mo[data-m="figure"]{left:58%;right:12%;height:70%}
.dtl{position:absolute;z-index:4;top:6%;left:5%;background:var(--amber);color:var(--amber-ink);font-family:var(--f-mono);font-weight:600;font-size:3.4cqw;padding:1cqw 2.4cqw;border-radius:1.2cqw;letter-spacing:.06em}
.poster .dtl ~ .pp{display:none}

/* Section écran d'accueil Google TV */
.launcher{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,5vw,64px);align-items:center}
.launcher-copy{display:grid;gap:22px;min-width:0}
.badge-only{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;background:var(--amber);color:var(--amber-ink);font-weight:800;font-size:14px;padding:8px 16px;border-radius:999px}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.checks li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.checks li::before{content:"";width:22px;height:22px;margin-top:2px;border-radius:50%;background:rgba(255,181,71,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23FFB547' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat}
.checks b{display:block;font-size:17px}
.checks span{color:var(--muted);font-size:15px}
.boot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-family:var(--f-mono);font-size:13px;color:var(--muted)}
.boot span{padding:8px 12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line)}
.boot span.on{border-color:var(--amber);color:var(--amber)}
.launch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.9em;margin:0 2em}
.lt{aspect-ratio:16/10;border-radius:.7em;display:grid;place-content:center;justify-items:center;gap:.3em;font-weight:700;font-size:.95em;color:#fff;text-align:center;border:1px solid rgba(255,255,255,.12)}
.lt i{font-style:normal;font-size:1.8em;line-height:1}
.lt{background:var(--surface-2)!important}
.lt i.ico-img{width:1.7em;height:1.7em;border-radius:.4em;box-shadow:0 .2em .5em rgba(0,0,0,.45)}

/* Installation par code Downloader */
.dl-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,64px);align-items:center}
@media (max-width:900px){.dl-wrap{grid-template-columns:1fr}}
.code{display:flex;gap:8px;flex-wrap:wrap}
.code span{font-family:var(--f-display);font-weight:900;font-size:clamp(40px,6vw,64px);line-height:1;width:1.05em;padding-block:.12em;text-align:center;background:var(--surface-2);border:1px solid var(--line-2);border-radius:12px;color:var(--amber);font-variant-numeric:tabular-nums}
.code.sm span{font-size:clamp(32px,4.5vw,46px)}
.dl-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:d}
.dl-steps li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;counter-increment:d;font-size:15px}
.dl-steps li::before{content:counter(d);width:32px;height:32px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-family:var(--f-mono);font-weight:600;color:var(--amber);font-size:14px}
.dl-steps b{color:var(--fg)}
.dl-steps span{color:var(--muted)}
.alt-link{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px;color:var(--muted)}
.alt-link code{font-family:var(--f-mono);color:var(--fg);background:var(--bg);border:1px solid var(--line);padding:6px 10px;border-radius:8px;user-select:all}
.kp-scr{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:2em;padding:2.6em 3em;align-items:center;background:radial-gradient(70% 90% at 80% 20%,rgba(255,181,71,.12),transparent 70%),var(--surface)}
.kp-scr h4{font-size:1.9em;font-weight:800;line-height:1.1}
.kp-scr p{color:var(--muted);margin-top:.6em;font-size:1.05em}
.kp-in{display:flex;gap:.4em;margin-top:1.2em}
.kp-in span{width:2.4em;height:3em;border-radius:.5em;background:var(--surface-2);border:2px solid var(--line-2);display:grid;place-items:center;font-family:var(--f-display);font-weight:900;font-size:1.6em;color:var(--fg)}
.kp-in span.cur{border-color:var(--amber)}
.kp-in span.cur::after{content:"";width:2px;height:1.1em;background:var(--amber);animation:blink 1s steps(2) infinite}
.kp-go{margin-top:1.2em;display:inline-flex;background:var(--amber);color:var(--amber-ink);font-weight:800;padding:.6em 1.6em;border-radius:2em;font-size:1.1em}
.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em}
.kp span{aspect-ratio:1.6;border-radius:.6em;background:var(--surface-2);display:grid;place-items:center;font-weight:800;font-size:1.5em;color:#D7DBF0}
.kp span.focus{outline:2px solid var(--amber);outline-offset:2px;background:var(--surface-3);color:var(--fg)}
.lt.focus{outline:2px solid var(--amber);outline-offset:2px}
.app-scr > .default-chip{position:absolute;right:2em;bottom:1.6em;z-index:3;display:flex;align-items:center;gap:.6em;background:rgba(8,11,23,.9);border:1px solid var(--amber);border-radius:2em;padding:.5em 1em;font-weight:700}
.default-chip .tg{font-size:.8em}
@media (max-width:900px){.launcher{grid-template-columns:1fr}}

/* Hub */
.a-wx{border:1px solid var(--line-2);border-radius:2em;padding:.25em .8em;font-weight:700;color:#D7DBF0}
.sub-h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:56px 0 18px}
.sub-h h3{font-family:var(--f-display);font-weight:800;font-size:clamp(28px,3.6vw,40px);text-transform:uppercase;line-height:1}
.sub-h span{color:var(--muted);font-size:15px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1000px){.grid4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.grid4{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}
.chips span{font-family:var(--f-mono);font-size:12px;padding:5px 10px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);color:var(--fg)}
.wizard{display:grid;gap:6px;margin-top:auto;padding-top:6px;list-style:none;padding-left:0;counter-reset:w}
.wizard li{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--fg);counter-increment:w}
.wizard li::before{content:counter(w);width:22px;height:22px;flex:none;border-radius:50%;background:var(--amber);color:var(--amber-ink);display:grid;place-items:center;font-family:var(--f-mono);font-weight:600;font-size:11px}
.wx-card{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#1D4ED8,#0E1A3D);color:#fff}
.wx-card b{font-family:var(--f-display);font-size:34px;line-height:1}
.wx-card span{font-size:13px;opacity:.85}
.ambi{margin-top:auto;height:70px;border-radius:12px;background:linear-gradient(120deg,rgba(8,11,23,.2),rgba(8,11,23,.7)),radial-gradient(80% 120% at 20% 30%,#F2AA4C,transparent 60%),radial-gradient(80% 120% at 85% 70%,#6366F1,transparent 60%),#1E2546;display:flex;align-items:flex-end;justify-content:space-between;padding:10px 12px;font-size:12px;color:#fff;font-weight:700}
.wave{margin-top:auto;display:flex;align-items:flex-end;gap:3px;height:40px}
.wave i{flex:1;background:var(--amber);border-radius:2px;opacity:.85;animation:eq 1.2s ease-in-out infinite alternate}
@keyframes eq{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
.wave i{transform-origin:bottom}

/* Direct, multi-écran, sports */
.sp-foot{background:linear-gradient(90deg,transparent 49.6%,rgba(255,255,255,.75) 49.6% 50.4%,transparent 50.4%),radial-gradient(circle at 50% 50%,transparent 0 2.4em,rgba(255,255,255,.75) 2.4em 2.6em,transparent 2.6em),repeating-linear-gradient(90deg,#1f7a3a 0 8%,#26893f 8% 16%)}
.sp-tennis{background:linear-gradient(90deg,transparent 14%,#fff 14% 14.6%,transparent 14.6% 85.4%,#fff 85.4% 86%,transparent 86%),linear-gradient(transparent 49.4%,rgba(255,255,255,.9) 49.4% 50.6%,transparent 50.6%),linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.7) 49.7% 50.3%,transparent 50.3%),linear-gradient(#2B5FA8,#1F4C8C)}
.sp-basket{background:radial-gradient(circle at 50% 50%,transparent 0 2.2em,rgba(255,255,255,.8) 2.2em 2.4em,transparent 2.4em),linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.8) 49.7% 50.3%,transparent 50.3%),repeating-linear-gradient(90deg,#C8873F 0 6%,#BA7A35 6% 12%)}
.sp-rugby{background:repeating-linear-gradient(90deg,transparent 0 19.6%,rgba(255,255,255,.6) 19.6% 20%),repeating-linear-gradient(90deg,#2f7d3b 0 10%,#358a41 10% 20%)}
.sp-auto{background:linear-gradient(170deg,transparent 46%,#fff 46% 47%,transparent 47% 53%,#fff 53% 54%,transparent 54%),repeating-linear-gradient(170deg,transparent 0 48.5%,#FFB547 48.5% 51.5%,transparent 51.5%),linear-gradient(#3b3f48,#23262d)}
.sp-news{background:radial-gradient(60% 80% at 70% 30%,rgba(111,227,225,.35),transparent 70%),linear-gradient(135deg,#0E2A5A,#081430)}
.mv{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.35em;padding:.35em;background:#000}
.mv-t{position:relative;border-radius:.4em;overflow:hidden}
.mv-t.on{outline:3px solid var(--amber);outline-offset:-3px}
.mv-lab{position:absolute;left:.7em;top:.6em;display:flex;gap:.4em;align-items:center;font-weight:800;font-size:1.05em;text-shadow:0 1px 4px #000}
.mv-lab i{font-style:normal;background:var(--live);color:#fff;font-size:.7em;padding:.1em .45em;border-radius:.25em}
.mv-snd{position:absolute;right:.6em;top:.5em;background:var(--amber);color:var(--amber-ink);border-radius:50%;width:1.9em;height:1.9em;display:grid;place-items:center;font-size:.95em}
.mv-q{position:absolute;right:.6em;bottom:.5em;font-family:var(--f-mono);font-size:.75em;background:rgba(0,0,0,.6);padding:.15em .45em;border-radius:.3em}
.mv-score{position:absolute;left:.7em;bottom:.6em;display:flex;font-weight:800;font-size:.95em;border-radius:.3em;overflow:hidden}
.mv-score span{background:rgba(0,0,0,.75);padding:.2em .5em}
.mv-score b{background:var(--amber);color:var(--amber-ink);padding:.2em .5em}
.mv-news{position:absolute;left:0;right:0;bottom:12%;background:rgba(8,11,23,.85);border-left:.35em solid var(--cyan);padding:.4em .7em;font-weight:800}
.mv-hint{position:absolute;left:50%;bottom:.8em;transform:translateX(-50%);background:rgba(8,11,23,.9);border:1px solid var(--line-2);border-radius:2em;padding:.35em 1em;font-size:.85em;white-space:nowrap;z-index:2}
.sp-list{display:grid;gap:.55em;margin:0 2em}
.mt{display:grid;grid-template-columns:8em 1fr auto;gap:1em;align-items:center;background:var(--surface-2);border-radius:.7em;padding:.5em .8em .5em .5em}
.mt-v{aspect-ratio:16/9;border-radius:.45em;display:grid;place-items:center;font-size:2em;position:relative;overflow:hidden}
.mt b{display:block;font-size:1.1em}
.mt small{color:var(--muted)}
.mt .lv{color:var(--live);font-weight:800;font-family:var(--f-mono);font-size:.85em}
.mt .up{color:var(--cyan);font-weight:800;font-family:var(--f-mono);font-size:.85em}
.mt-ch{display:flex;gap:.4em}
.mt-ch span{border:1px solid var(--line-2);border-radius:2em;padding:.3em .8em;font-weight:700;font-size:.9em;white-space:nowrap}
.mt-ch span.main{background:var(--amber);color:var(--amber-ink);border-color:var(--amber)}
.mini-mv{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;aspect-ratio:16/9;font-size:9px;border-radius:10px;overflow:hidden;background:#000;padding:4px}
.mini-mv div{border-radius:5px;position:relative}
.mini-mv div.on{outline:2px solid var(--amber);outline-offset:-2px}
.mini-mv div.on::after{content:"🔊";position:absolute;right:4px;top:3px;font-size:11px}
.pip{margin-top:auto;aspect-ratio:16/9;border-radius:10px;background:var(--surface-2);position:relative;overflow:hidden;font-size:9px;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-content:start}
.pip > span{aspect-ratio:2/3;border-radius:4px;background:var(--surface-3)}
.pip .win{position:absolute;right:8px;bottom:8px;width:42%;aspect-ratio:16/9;border-radius:6px;outline:2px solid var(--amber);box-shadow:0 6px 16px rgba(0,0,0,.6)}
.modal-mini{margin-top:auto;border-radius:14px;background:linear-gradient(160deg,var(--surface-3),var(--surface-2));border:1px solid rgba(255,181,71,.4);padding:14px;display:grid;gap:8px}
.modal-mini b{font-size:15px}
.modal-mini p{font-size:13px;color:var(--muted)}
.modal-mini div{display:flex;gap:6px;flex-wrap:wrap}
.modal-mini div span{font-size:12px;font-weight:700;border-radius:999px;padding:6px 12px;border:1px solid var(--line-2)}
.modal-mini div span:first-child{background:var(--amber);color:var(--amber-ink);border-color:var(--amber)}

/* Formule mises à jour à vie */
.alt-plan{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px dashed var(--line-2);background:rgba(8,11,23,.35)}
.alt-plan div{display:grid;gap:2px}
.alt-plan span{color:var(--muted);font-size:13px}
.alt-plan > b{font-size:20px;color:var(--amber)}
.sp-bar{display:flex;flex-wrap:wrap;gap:.45em;margin:0 2em .7em;align-items:center}
.sp-bar span{border:1px solid var(--line-2);border-radius:2em;padding:.25em .9em;font-weight:700;white-space:nowrap;font-size:.9em}
.sp-bar span.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.sp-bar .cmp-btn{margin-left:auto;border-color:var(--amber);color:var(--amber)}
.sp-day{margin:.5em 0 .1em;font-weight:800;font-size:.95em;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}

/* Essai gratuit */
.trial{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);font-size:14px}

/* Mention TMDB */
.tmdb{display:inline-flex;align-items:center;gap:5px;color:var(--cyan);font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.tmdb::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.tmdb-note{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--r);background:rgba(111,227,225,.07);border:1px solid rgba(111,227,225,.25);font-size:15px;color:var(--muted);max-width:820px}
.tmdb-note b{color:var(--fg)}
.tmdb-note .k{flex:none;font-family:var(--f-mono);font-weight:600;font-size:12px;color:var(--bg);background:var(--cyan);border-radius:6px;padding:4px 8px;margin-top:1px}

/* Marquee */
.marquee{border-block:1px solid var(--line);background:var(--surface);overflow:hidden}
.marquee-track{display:flex;gap:48px;width:max-content;padding-block:18px;animation:scroll 40s linear infinite}
.marquee-track span{font-family:var(--f-display);font-weight:800;font-size:24px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;display:flex;align-items:center;gap:48px;color:var(--muted)}
.marquee-track span::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber)}
@keyframes scroll{to{transform:translateX(-50%)}}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cell{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column;gap:12px;min-width:0;overflow:hidden;transition:border-color .25s,transform .25s}
.cell:hover{border-color:var(--line-2);transform:translateY(-3px)}
.cell.span2{grid-column:span 2}
.cell h3{font-size:21px;font-weight:800;line-height:1.2}
.cell p{color:var(--muted);font-size:15px}
.tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.cell-vis{margin-top:auto;padding-top:8px}
.mini-posters{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;font-size:13px}
.mini-list{display:grid;gap:8px}
.mini-item{display:flex;gap:12px;align-items:center;background:var(--surface-2);border-radius:12px;padding:8px 12px 8px 8px;font-size:13px;min-width:0}
.mini-item .poster{width:34px;flex:none;border-radius:5px}
.mini-item .poster .pt,.mini-item .poster .pp{display:none}
.mini-item div{min-width:0}
.mini-item b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-item small{color:var(--muted)}
.mini-item .rk{font-family:var(--f-display);font-weight:900;font-size:30px;color:var(--amber);width:22px;text-align:center;flex:none;line-height:1}
.mini-item .sc{margin-left:auto;font-family:var(--f-mono);font-weight:600;color:var(--amber);flex:none}
.cast{display:flex;gap:10px;flex-wrap:wrap}
.av{display:grid;justify-items:center;gap:4px;font-size:11px;color:var(--muted);text-align:center;width:58px}
.av i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;font-size:14px}
.tagrow{display:flex;flex-wrap:wrap;gap:8px}
.tagrow span{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--surface-2);font-weight:700;font-size:14px}
.tagrow span b{font-family:var(--f-mono);color:var(--amber);font-weight:600}
.profiles-mini{display:flex;gap:16px;flex-wrap:wrap}
.profiles-mini div{display:grid;gap:6px;justify-items:center;font-size:13px;font-weight:700}
.profiles-mini i{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:20px;position:relative}
.profiles-mini i em{position:absolute;right:-6px;bottom:-6px;font-style:normal;font-size:11px;background:var(--surface-3);border:1px solid var(--line-2);border-radius:6px;padding:1px 5px;font-family:var(--f-mono);color:var(--amber)}
.profiles-mini small{color:var(--muted);font-weight:500}
.dpad-mini{display:flex;align-items:center;gap:18px}
.dpad-mini .dpad{width:110px;font-size:12px}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr}.cell.span2{grid-column:span 2}}
@media (max-width:620px){.bento{grid-template-columns:1fr}.cell.span2{grid-column:auto}.mini-posters{grid-template-columns:repeat(3,1fr)}.mini-posters .pc:nth-child(n+4){display:none}}

/* Galerie */
.gallery{display:grid;grid-template-columns:280px 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.g-tabs{display:grid;gap:8px}
.g-tab{text-align:left;background:transparent;border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;display:grid;gap:3px;transition:background .2s,border-color .2s}
.g-tab b{font-size:16px}
.g-tab span{color:var(--muted);font-size:14px;line-height:1.45}
.g-tab .mono{font-size:11px;color:var(--dim);letter-spacing:.1em}
.g-tab[aria-selected="true"]{background:var(--surface-2);border-color:var(--amber)}
.g-tab[aria-selected="true"] .mono{color:var(--amber)}
.g-stage{min-width:0}
.shot{display:none;position:absolute;inset:0}
.shot.active{display:block;animation:fade .45s ease}
@keyframes fade{from{opacity:.4}to{opacity:1}}
@media (max-width:900px){.gallery{grid-template-columns:1fr}.g-tabs{grid-template-columns:repeat(2,1fr)}.g-tab span:not(.mono){display:none}}

/* Fiche détaillée */
.det{position:absolute;inset:0;display:grid;grid-template-columns:24% 1fr;gap:2em;padding:2em 2.2em;align-content:start}
.det-bg{position:absolute;inset:0;background:radial-gradient(70% 90% at 15% 30%,rgba(242,170,76,.22),transparent 70%)}
.det > *{position:relative}
.det-info{display:grid;gap:.8em;align-content:start;min-width:0}
.det-info h4{font-family:var(--f-display);font-weight:900;font-size:3.4em;line-height:.9;text-transform:uppercase}
.meta{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;color:var(--muted)}
.meta .star{background:var(--amber);color:var(--amber-ink);font-weight:800;padding:.15em .6em;border-radius:.3em}
.meta .box{border:1px solid var(--line-2);padding:.1em .5em;border-radius:.3em;font-family:var(--f-mono);font-size:.9em}
.det-info p{color:#C8CCE4;max-width:52em;line-height:1.5}
.avail{display:inline-flex;align-items:center;gap:.5em;color:var(--ok);font-weight:700;background:rgba(74,222,155,.1);padding:.4em .8em;border-radius:.4em;width:max-content}
.acts{display:flex;gap:.6em;flex-wrap:wrap}
.acts span{padding:.6em 1.2em;border-radius:2em;background:var(--surface-3);font-weight:700}
.acts span.main{background:var(--fg);color:var(--bg)}
.det-row{display:flex;gap:1em;align-items:flex-start}
.det-row .av{width:5.4em;font-size:.85em}
.det-row .av i{width:3.8em;height:3.8em;font-size:1.1em}
.sim{display:grid;grid-template-columns:repeat(6,1fr);gap:.7em}
.lbl{font-weight:800;font-size:1.05em}

/* Mes séries */
.ser-list{display:grid;gap:.6em;margin:0 2em}
.ser{display:grid;grid-template-columns:3.6em 1fr auto;gap:1em;align-items:center;background:var(--surface-2);border-radius:.7em;padding:.6em .9em .6em .6em}
.ser .poster .pt,.ser .poster .pp{display:none}
.ser b{display:block;font-size:1.15em}
.ser small{color:var(--muted)}
.ser .new{font-family:var(--f-mono);font-weight:600;background:var(--amber);color:var(--amber-ink);padding:.2em .6em;border-radius:.3em;font-size:.9em;margin-right:.4em}
.ser .bar{height:.3em;border-radius:1em;background:var(--surface-3);margin-top:.5em;overflow:hidden;max-width:20em}
.ser .bar i{display:block;height:100%;background:var(--amber)}
.ser .st{font-weight:700;font-size:.9em;white-space:nowrap}

/* Top */
.top-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2em;margin:.6em 2em 0}
.top-it{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0}
.top-it .num{font-family:var(--f-display);font-weight:900;font-size:7em;line-height:.75;color:var(--bg);-webkit-text-stroke:2px var(--line-2);margin-right:-.15em;position:relative;z-index:1}
.top-it:first-child .num{-webkit-text-stroke-color:var(--amber)}
.top-it .pc{grid-column:2}
.top-it .cap{color:var(--muted)}

/* Parental */
.par{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.2fr;gap:2.4em;padding:3em;align-items:center}
.par h4{font-size:2.2em;font-weight:800}
.pf-row{display:flex;gap:1.6em;margin-top:1.4em}
.pf{display:grid;gap:.6em;justify-items:center;font-weight:700}
.pf i{width:5.4em;height:5.4em;border-radius:1em;display:grid;place-items:center;font-style:normal;font-size:1.8em;position:relative}
.pf.focus i{outline:3px solid var(--amber);outline-offset:4px}
.pf small{color:var(--muted);font-weight:500}
.set{background:var(--surface-2);border-radius:1em;padding:1.4em;display:grid;gap:1em}
.set-row{display:flex;justify-content:space-between;align-items:center;gap:1em;padding-bottom:.9em;border-bottom:1px solid var(--line)}
.set-row:last-child{border:0;padding:0}
.set-row span:last-child{color:var(--muted);font-weight:600;text-align:right}
.tg{width:2.6em;height:1.5em;border-radius:1em;background:var(--ok);position:relative;flex:none}
.tg::after{content:"";position:absolute;right:.2em;top:.2em;width:1.1em;height:1.1em;border-radius:50%;background:#fff}

/* Recherche depuis le téléphone */
.srch{margin:.4em 2em 1em;display:flex;align-items:center;gap:1em;background:var(--surface-2);border:2px solid var(--amber);border-radius:.8em;padding:.9em 1.2em;font-size:1.4em;font-weight:700}
.srch .caret{display:inline-block;width:2px;height:1em;background:var(--amber);vertical-align:-.15em;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.srch small{margin-left:auto;font-size:.55em;color:var(--cyan);font-weight:700;font-family:var(--f-mono);white-space:nowrap}

/* Comparatif */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
table.cmp{width:100%;border-collapse:collapse;min-width:680px}
.cmp th,.cmp td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line);font-size:15px}
.cmp tr:last-child td{border-bottom:0}
.cmp thead th{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}
.cmp .us{background:rgba(255,181,71,.06)}
.cmp thead th.us{color:var(--amber)}
.cmp td{color:var(--muted)}
.cmp td.us{font-weight:700;color:var(--fg)}
.cmp td:first-child{color:var(--fg);font-weight:600}
.yes,.no,.mid{display:inline-flex;align-items:center;gap:8px}
.yes::before,.no::before,.mid::before{content:"";width:18px;height:18px;border-radius:50%;flex:none;background-repeat:no-repeat;background-position:center}
.yes::before{background-color:rgba(74,222,155,.16);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%234ADE9B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.no::before{background-color:rgba(255,90,78,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' fill='none' stroke='%23FF5A4E' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.mid::before{background-color:rgba(160,167,200,.16);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 8h6' fill='none' stroke='%23A0A7C8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}

/* Étapes */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step{padding:28px;border-top:2px solid var(--line-2);display:grid;gap:10px;align-content:start}
.step:first-child{border-top-color:var(--amber)}
.step .n{font-family:var(--f-display);font-weight:900;font-size:56px;line-height:1;color:var(--surface-3);-webkit-text-stroke:1px var(--line-2)}
.step:first-child .n{color:var(--amber);-webkit-text-stroke:0}
.step h3{font-size:20px;font-weight:800}
.step p{color:var(--muted);font-size:15px}
@media (max-width:760px){.steps{grid-template-columns:1fr}}

/* Tarif */
.pricing{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.ticket{position:relative;background:linear-gradient(160deg,var(--surface-3),var(--surface));border:1px solid var(--line-2);border-radius:28px;padding:clamp(26px,4vw,44px);display:grid;gap:20px;overflow:hidden}
.ticket::before{content:"";position:absolute;inset:-40% -30% auto auto;width:420px;height:420px;background:radial-gradient(closest-side,rgba(255,181,71,.25),transparent);pointer-events:none}
.ticket > *{position:relative}
.ticket-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.badge{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:6px;background:var(--amber);color:var(--amber-ink);font-weight:600}
.price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.price .amt{font-family:var(--f-display);font-weight:900;font-size:clamp(90px,12vw,136px);line-height:.85}
.price .per{color:var(--muted);font-weight:600}
.perday{font-family:var(--f-mono);font-size:13px;color:var(--cyan)}
.incl{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.incl li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.incl li::before{content:"";flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;background:rgba(255,181,71,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23FFB547' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat}
.ticket .btn{width:100%;padding-block:18px;font-size:16px}
.trust{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:13px}
.punch{display:grid;gap:22px}
.punch blockquote{margin:0;font-family:var(--f-display);font-weight:800;font-size:clamp(36px,5vw,58px);line-height:.95;text-transform:uppercase}
.punch blockquote span{color:var(--amber)}
@media (max-width:900px){.pricing{grid-template-columns:1fr}}

/* FAQ */
.faq{display:grid;gap:10px;max-width:860px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:4px 22px}
.faq summary{cursor:pointer;list-style:none;padding-block:16px;font-weight:700;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--f-mono);color:var(--amber);font-size:20px;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);padding-bottom:18px;font-size:15px;max-width:68ch}

.final{text-align:center;display:grid;gap:22px;justify-items:center}
.final .h2{font-size:clamp(48px,8vw,104px)}
footer{border-top:1px solid var(--line);padding-block:36px;color:var(--dim);font-size:14px}
footer .wrap{display:grid;gap:18px}
footer .frow{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
footer nav{display:flex;flex-wrap:wrap;gap:20px}
footer a{text-decoration:none;color:var(--muted)}
footer a:hover{color:var(--fg)}
footer .legal{font-size:12px;max-width:90ch;line-height:1.5}

/* ===== Espace membre ===== */
.member-hero{padding-block:40px 8px}
.member-hero .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}
.member-hero h1{font-family:var(--f-display);font-weight:900;font-size:clamp(44px,6vw,72px);line-height:.9;text-transform:uppercase}
.subnav{position:sticky;top:calc(env(safe-area-inset-top,0px) + 71px);z-index:40;background:rgba(8,11,23,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:6px;overflow-x:auto;padding-block:12px;scrollbar-width:none}
.subnav a{flex:none;text-decoration:none;padding:9px 16px;border-radius:999px;font-weight:700;font-size:14px;color:var(--muted);border:1px solid transparent}
.subnav a[aria-current]{background:var(--surface-2);color:var(--fg);border-color:var(--line-2)}
.subnav .count{font-family:var(--f-mono);font-size:11px;background:var(--amber);color:var(--amber-ink);border-radius:999px;padding:1px 7px;margin-left:6px}
.m-body{padding-block:32px 96px}
.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}
@media (max-width:900px){.grid-2{grid-template-columns:1fr}}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,28px);display:grid;gap:16px;align-content:start;min-width:0}
.panel h2{font-size:19px;font-weight:800}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.muted{color:var(--muted)}
.small{font-size:13px}
.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;font-weight:600;white-space:nowrap}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.p-ok{background:rgba(74,222,155,.12);color:var(--ok)}
.p-amber{background:rgba(255,181,71,.13);color:var(--amber)}
.p-cyan{background:rgba(111,227,225,.12);color:var(--cyan)}
.p-dim{background:rgba(160,167,200,.12);color:var(--muted)}
.p-live{background:rgba(255,90,78,.13);color:var(--live)}
.license{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
.ring{width:132px;height:132px;position:relative}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring .center{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.ring .center b{font-family:var(--f-display);font-size:42px;line-height:.9;font-weight:900}
.ring .center small{color:var(--muted);font-size:12px}
.keybox{display:flex;gap:8px;align-items:center;background:var(--bg);border:1px dashed var(--line-2);border-radius:12px;padding:10px 10px 10px 14px;min-width:0}
.keybox code{font-family:var(--f-mono);font-size:15px;letter-spacing:.06em;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:all}
.kv{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.kv div{display:grid;gap:2px}
.kv span{font-size:12px;color:var(--muted)}
.kv b{font-family:var(--f-mono);font-weight:600;font-size:14px}
@media (max-width:520px){.license{grid-template-columns:1fr;justify-items:start}}
.upd{display:flex;gap:14px;align-items:center;padding:14px;border-radius:14px;background:rgba(255,181,71,.08);border:1px solid rgba(255,181,71,.3)}
.apk-ico{width:52px;height:52px;border-radius:14px;background:var(--amber);display:grid;place-items:center;flex:none;font-family:var(--f-mono);font-weight:600;color:var(--amber-ink);font-size:13px}
.upd b{display:block}
.versions{display:grid;gap:8px}
.ver{display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:center;padding:12px 14px;background:var(--surface-2);border-radius:12px}
.ver .mono{font-weight:600;font-size:14px}
.ver span{color:var(--muted);font-size:13px;min-width:0}
.ver .btn{grid-row:span 2}
.ver small{grid-column:1 / 3;color:var(--dim);font-size:12px;font-family:var(--f-mono)}
.dev-list{display:grid;gap:8px}
.dev{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface-2);border-radius:12px}
.dev svg{width:22px;height:22px;color:var(--muted);flex:none}
.dev b{display:block;font-size:14px}
.dev small{color:var(--muted);font-size:12px}
.dev .pill{margin-left:auto}
.example-note{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}

/* Support */
.status-bar{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;padding:16px 20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.svc{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.svc i{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.search{position:relative;display:block}
.search input{width:100%;background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:16px 16px 16px 48px;font-size:16px}
.search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--muted)}
.topics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.topic{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:6px;text-align:left;transition:border-color .2s}
.topic:hover,.topic[aria-pressed="true"]{border-color:var(--amber)}
.topic b{font-size:15px}
.topic span{font-size:13px;color:var(--muted)}
@media (max-width:900px){.topics{grid-template-columns:repeat(2,1fr)}}
.articles{display:grid;gap:4px}
.article{display:flex;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line);font-size:15px;text-decoration:none}
.article span:last-child{color:var(--dim);font-family:var(--f-mono);font-size:12px;white-space:nowrap}
.empty{color:var(--muted);font-size:14px;padding:12px 4px}
form.stack{display:grid;gap:14px}
.field{display:grid;gap:6px;min-width:0}
.field label{font-size:13px;font-weight:700;color:var(--muted)}
.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;font-size:15px;width:100%}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--amber)}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.row-2{grid-template-columns:1fr}}
.tickets{display:grid;gap:8px}
.tk{display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;align-items:center;padding:14px;background:var(--surface-2);border-radius:12px}
.tk .mono{color:var(--dim);font-size:12px}
.tk b{font-size:14px;min-width:0}
.tk small{grid-column:2;color:var(--muted);font-size:12px}
.tk .pill{grid-row:1 / span 2;grid-column:3}
.contact{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.contact code{font-family:var(--f-mono);background:var(--bg);border:1px solid var(--line);padding:8px 12px;border-radius:8px;user-select:all}

/* Idées */
.ideas-top{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
@media (max-width:900px){.ideas-top{grid-template-columns:1fr}}
.rule-flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rule-flow .arrow{color:var(--dim);font-family:var(--f-mono)}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-block:24px 14px}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--line-2);background:transparent;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--muted)}
.chip[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.sort select{background:var(--surface);border:1px solid var(--line-2);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}
.idea-list{display:grid;gap:10px}
.idea{display:grid;grid-template-columns:76px 1fr;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;align-items:start}
.idea.voted{border-color:rgba(255,181,71,.45)}
.vote{display:grid;justify-items:center;gap:2px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:14px;padding:10px 6px;transition:background .2s,border-color .2s,transform .15s}
.vote:hover{border-color:var(--amber)}
.vote:active{transform:scale(.96)}
.vote svg{width:18px;height:18px}
.vote b{font-family:var(--f-display);font-size:26px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}
.vote small{font-size:10px;font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.vote[aria-pressed="true"]{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}
.vote[aria-pressed="true"] small{color:var(--amber-ink)}
.vote[disabled]{cursor:default;opacity:.7}
.idea-main{display:grid;gap:8px;min-width:0}
.idea-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.idea-head h3{font-size:17px;font-weight:800;margin-right:4px}
.idea p{color:var(--muted);font-size:14px}
.thresh{display:grid;gap:6px;margin-top:4px}
.thresh-bar{height:6px;border-radius:6px;background:var(--surface-3);overflow:hidden}
.thresh-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),#FFD48A);border-radius:6px;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.thresh-txt{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);font-family:var(--f-mono)}
.idea-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--dim)}
@media (max-width:520px){.idea{grid-template-columns:60px 1fr;gap:12px;padding:14px}.vote b{font-size:22px}}

/* Modale */
.overlay{position:fixed;inset:0;z-index:100;background:rgba(3,4,10,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));overflow-y:auto}
.modal{width:min(520px,100%);background:var(--surface);border:1px solid var(--line-2);border-radius:24px;padding:clamp(22px,4vw,32px);display:grid;gap:18px;position:relative;animation:pop .3s cubic-bezier(.2,.8,.2,1)}
@keyframes pop{from{transform:translateY(12px) scale(.98)}to{transform:none}}
.close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);background:transparent;font-size:18px;line-height:1}
.order{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:var(--surface-2);border-radius:12px}
.order b{font-family:var(--f-mono)}
.paytabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.paytab{border:1px solid var(--line-2);background:transparent;border-radius:10px;padding:10px;font-weight:700;font-size:14px}
.paytab[aria-pressed="true"]{border-color:var(--amber);background:rgba(255,181,71,.08)}
.spinner{width:42px;height:42px;border-radius:50%;border:3px solid var(--surface-3);border-top-color:var(--amber);animation:spin .8s linear infinite;margin:20px auto}
@keyframes spin{to{transform:rotate(360deg)}}
.success-ico{width:64px;height:64px;border-radius:50%;background:rgba(74,222,155,.14);display:grid;place-items:center;color:var(--ok)}
.success-ico svg{width:30px;height:30px}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--fg);color:var(--bg);padding:12px 20px;border-radius:999px;font-weight:700;font-size:14px;z-index:120;box-shadow:0 20px 40px -10px rgba(0,0,0,.6);max-width:calc(100% - 32px);text-align:center}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* =========================================================
   TOS · TV on Steroids — composants du site dynamique
   ========================================================= */
:root{--blue:#3B82F6;--blue-glow:rgba(59,130,246,.22);--danger:#FF5A4E;--f-brand:"Exo 2","Arial Black",system-ui,sans-serif}
.hero::before{background:radial-gradient(closest-side,rgba(255,181,71,.16),transparent 70%),radial-gradient(closest-side at 30% 60%,var(--blue-glow),transparent 70%)}
.logo{gap:10px}
.logo img{height:34px;width:auto;mix-blend-mode:screen;display:block}
.logo .logo-sub{font-family:var(--f-mono);font-size:9px;letter-spacing:.32em;color:var(--muted);line-height:1.2;text-transform:uppercase}
.brand-hero{max-width:440px;width:100%;mix-blend-mode:screen;margin:-18px 0 -10px -14px}
.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}

/* Messages flash */
.flashes{position:relative;z-index:30;display:grid;gap:8px;padding-block:14px 0}
.flash{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface-2);font-size:15px;transition:opacity .4s}
.flash::before{content:"";width:8px;height:8px;border-radius:50%;margin-top:8px;flex:none;background:var(--muted)}
.flash.success{border-color:rgba(74,222,155,.4)} .flash.success::before{background:var(--ok)}
.flash.error{border-color:rgba(255,90,78,.45)} .flash.error::before{background:var(--danger)}
.flash.info{border-color:rgba(111,227,225,.35)} .flash.info::before{background:var(--cyan)}
.flash.fade{opacity:.55}

/* Formulaires génériques */
.form-card{max-width:460px;margin:clamp(40px,8vw,90px) auto;display:grid;gap:22px}
.form-card .panel{gap:18px}
.form-card h1{font-family:var(--f-display);font-weight:900;font-size:clamp(40px,6vw,56px);line-height:.92;text-transform:uppercase}
.field .hint{font-size:12px;color:var(--dim)}
.check{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--fg)}
.check input{width:18px;height:18px;accent-color:var(--amber)}
.links-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}
.links-row a{color:var(--muted)}
.btn-danger{background:transparent;border:1px solid rgba(255,90,78,.5);color:var(--danger)}
.btn-danger:hover{background:rgba(255,90,78,.08)}
.btn-block{width:100%}
.inline-form{display:inline}
.page-head{padding-block:40px 8px}
.page-head .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}
.page-head h1{font-family:var(--f-display);font-weight:900;font-size:clamp(44px,6vw,72px);line-height:.9;text-transform:uppercase}
.empty-state{text-align:center;padding:36px 20px;color:var(--muted);display:grid;gap:12px;justify-items:center}
.empty-state b{color:var(--fg);font-size:17px}

/* Centre d'aide */
.help-hero{padding-block:48px 24px;display:grid;gap:18px}
.help-hero h1{font-family:var(--f-display);font-weight:900;font-size:clamp(44px,7vw,80px);line-height:.9;text-transform:uppercase}
.topics a.topic{text-decoration:none}
.topic.on{border-color:var(--amber)}
.art-list{display:grid;gap:10px}
.art-item{display:grid;grid-template-columns:1fr auto;gap:6px 16px;padding:16px 18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-decoration:none;transition:border-color .2s}
.art-item:hover{border-color:var(--amber)}
.art-item b{font-size:16px}
.art-item span{color:var(--muted);font-size:14px}
.art-item small{grid-row:1/span 2;grid-column:2;align-self:center;font-family:var(--f-mono);color:var(--dim);font-size:12px;white-space:nowrap}
.prose{max-width:72ch;font-size:16px;line-height:1.75;color:#D5D9EE}
.prose h2{font-size:22px;margin:32px 0 10px;color:var(--fg)}
.prose h3{font-size:18px;margin:24px 0 8px;color:var(--fg)}
.prose p{margin:0 0 14px}
.prose ul,.prose ol{padding-left:22px;margin:0 0 16px;display:grid;gap:6px}
.prose a{color:var(--amber)}
.prose strong{color:var(--fg)}
.prose code{font-family:var(--f-mono);background:var(--surface-2);padding:2px 6px;border-radius:6px;font-size:.9em}
.prose blockquote{margin:18px 0;padding:14px 18px;border-left:3px solid var(--amber);background:var(--surface);border-radius:0 10px 10px 0;color:var(--muted)}
.breadcrumb{font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.breadcrumb a{color:var(--muted)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
@media (max-width:900px){.article-layout{grid-template-columns:1fr}}
.feedback{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:16px 18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);margin-top:28px}

/* Fil de discussion support */
.thread{display:grid;gap:14px}
.msg{padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);max-width:760px}
.msg.staff{background:linear-gradient(160deg,rgba(255,181,71,.08),var(--surface));border-color:rgba(255,181,71,.35);margin-left:auto}
.msg-head{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);margin-bottom:8px;flex-wrap:wrap}
.msg-head b{color:var(--fg)}
.msg-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.6}
a.tk{text-decoration:none;transition:background .2s}
a.tk:hover{background:var(--surface-3)}

/* Idées */
.vote-form{display:contents}
.vote[disabled]{opacity:.6}
.idea-login{font-size:12px;color:var(--muted);text-align:center}
.roadmap{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rm-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:grid;gap:8px;align-content:start}
.rm-col h3{font-size:14px;font-weight:800;display:flex;justify-content:space-between;gap:8px}
.rm-item{background:var(--surface-2);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600}
@media (max-width:620px){.roadmap{grid-template-columns:1fr}}

/* Tarif : offre de lancement */
.launch-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.launch-line s{font-family:var(--f-mono);color:var(--dim)}
.badge.blue{background:var(--blue);color:#fff}

/* Paiement réussi */
.success-wrap{max-width:720px;margin:clamp(40px,7vw,80px) auto;display:grid;gap:22px}
.success-wrap h1{font-family:var(--f-display);font-weight:900;font-size:clamp(42px,6vw,64px);line-height:.92;text-transform:uppercase}

/* Administration */
.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding-block:28px 80px;align-items:start}
.admin-side{position:sticky;top:calc(env(safe-area-inset-top,0px) + 90px);display:grid;gap:4px}
.admin-side a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--muted);font-weight:600;font-size:14px}
.admin-side a:hover{background:var(--surface-2);color:var(--fg)}
.admin-side a[aria-current]{background:var(--surface-2);color:var(--fg);box-shadow:inset 3px 0 0 var(--amber)}
.admin-side .count{font-family:var(--f-mono);font-size:11px;background:var(--amber);color:var(--amber-ink);border-radius:999px;padding:1px 7px}
@media (max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-side{position:static;display:flex;overflow-x:auto}.admin-side a{flex:none}}
.admin-h{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.admin-h h1{font-size:28px;font-weight:800}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
@media (max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:grid;gap:4px}
.kpi span{font-size:12px;color:var(--muted)}
.kpi b{font-family:var(--f-display);font-size:34px;line-height:1;font-variant-numeric:tabular-nums}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
table.data{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.data th,.data td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.data th{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
.data tr:last-child td{border-bottom:0}
.data td.num{font-variant-numeric:tabular-nums;font-family:var(--f-mono)}
.data a{color:var(--fg)}
.actions{display:flex;gap:6px;flex-wrap:wrap}
.filters a.chip{text-decoration:none}
textarea.code{font-family:var(--f-mono);font-size:13px;min-height:420px;line-height:1.55}
.idea-admin{display:grid;gap:10px}
.idea-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:grid;gap:10px}
.idea-row form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end}
@media (max-width:900px){.idea-row form{grid-template-columns:1fr}}
.brand-hero{-webkit-mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 62% 58% at 50% 50%,#000 55%,transparent 100%)}
.logo img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hero h1{font-size:clamp(44px,6.2vw,92px);overflow-wrap:anywhere}
.hero-copy{position:relative;z-index:2}
.price .amt{white-space:nowrap;font-size:clamp(72px,9vw,120px)}
.btn-xl{padding:18px 30px;font-size:17px}
@media (max-width:900px){.hero .wrap{grid-template-columns:minmax(0,1fr)}}
.onair{white-space:normal;line-height:1.4}
.hero-cta .btn{max-width:100%}
.hero-copy{grid-template-columns:minmax(0,1fr)}
.btn-xl{white-space:normal;text-align:center}
.final > *{max-width:100%}