/* =====================================================================================================================
   v7 (2026-10-10) — owner: "les mêmes couleurs que le truc" (the "WANT 0 DELAY?" overlay, Logo/watermark/hktweaks-0delay.png):
   NAVY / BLUE + HKTweaks YELLOW #8d8d8d + WHITE. Loaded AFTER v6.css: only re-points the dark tokens to the overlay blues and
   repaints the few surfaces v6 wrote in plain black. Layout, fonts (Anton / Space Mono / Inter) and the yellow accent stay.
   Overlay blues: banner #6c6c6c → #525252 → #414141 → #242034, badge #5d5d5d → #1F1C2E, ring #6b6b6b.
   ===================================================================================================================== */
:root{
  --k:#0E0C14;--k2:#110f19;--s:#171523;--s2:#1d1a2b;--ln:#242035;--ln2:#4d4d4d;
  --tx:#ffffff;--mu:#c7c7c7;--fa:#9a9a9a;
  --b1:#6c6c6c;--b2:#525252;--b3:#414141;--b4:#242034;--b5:#1c1929;
  --banner:linear-gradient(172deg,#6c6c6c 0%,#525252 38%,#414141 70%,#242034 100%);
  --card:linear-gradient(170deg,#1f1c2e 0%,#181623 100%);
}
body.v6{--panel3:#211e31;
  background:
    radial-gradient(1200px 620px at 50% -180px,rgba(108,108,108,.38),transparent 70%),
    radial-gradient(900px 500px at 100% 40%,rgba(82,82,82,.16),transparent 70%),
    linear-gradient(180deg,#110f19 0%,#0E0C14 40%,#0c0b11 100%);
  background-attachment:fixed}
.v6 ::selection{background:rgba(141,141,141,.4);color:#fff}

/* header / mobile menu / dock / pop-ups: navy glass instead of black */
.v6 .nav{background:rgba(14,12,20,.82);border-bottom-color:var(--ln)}
@media (max-width:980px){.v6 .t-pill{background:rgba(14,12,20,.98)!important}}
@media (max-width:760px){.v6-dock{background:rgba(14,12,20,.96)!important}}
.dcpop{background:rgba(7,7,11,.74)!important}
.v6 .foot{background:linear-gradient(180deg,rgba(14,12,20,0),#0a090e 60%);border-top-color:var(--ln)}

/* the logo tile — 2026-10-15 violet: heiko-logo.png IS the whole badge (black disc, violet ring + mark), shown as is */
.v6 .brand::before{background:none;border-radius:50%;box-shadow:none}
.v6 .brand img{filter:none;padding:0;border-radius:50%}

/* cards: deep blue with a soft top light, like the overlay banner but darker so text stays readable */
.v6 .t-plan,.v6 .t-extra,.v6 .t-why-card,.v6 .t-barbox,.v6 .rv,.v6 .t-rv-score,.v6 .t-rv-filters,.v6 .t-order,.v6 .panel,.v6 .lic,.v6 .kpi,.v6 .step,.v6 .fix,.v6 .tw,
.v6 .gd-card,.v6 .tl-tile,.v6 .gd-toc,.v6 .t-pay-strip,.v6 .svc-row,.v6 .note,.v6 .login,.v6 .t-ben{
  background:var(--card);border-color:var(--ln2);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.v6 .t-plan.best{background:linear-gradient(180deg,rgba(141,141,141,.16),rgba(31,28,46,.9) 40%,#181623);border-color:var(--ac-line)}
.v6-win{background:#110f19!important;border-color:var(--ln2)!important;box-shadow:0 40px 120px -50px rgba(108,108,108,.55)!important}
.v6 .dm-up{background:#1c1929!important;box-shadow:0 20px 50px -12px rgba(6,5,9,.9)!important}

/* outline buttons: blue glass, yellow on hover (the yellow cut-corner buttons stay) */
.v6-btn-line,.v6 .btn-glass,.v6 .btn-ghost{background:rgba(82,82,82,.18);border-color:var(--b2)}
.v6-btn-line:hover,.v6 .btn-glass:hover,.v6 .btn-ghost:hover{background:rgba(82,82,82,.3)}
.v6 .v6-dc,.v6 .t-acc,.v6 .me{background:rgba(82,82,82,.2);border-color:var(--b2)}
.v6 .t-more-menu{background:#171523}

/* inputs */
.v6 input:not([type=checkbox]):not([type=radio]),.v6 select,.v6 textarea{background:#110f19;border-color:var(--ln2);color:var(--tx)}

/* scrollbars */
.v6 ::-webkit-scrollbar-thumb{background:#404040;border-color:#0E0C14}
.v6 ::-webkit-scrollbar-track{background:#0E0C14}

/* "kicker" line next to the small mono labels: a yellow tick */
.v6 .x-kick::before,.v6 .kicker::before,.v6 .eb::before{background:var(--ac)}

/* ---------- home: overlay-style highlights ---------- */
/* stats band + examples ticker = the overlay banner (bright blue, yellow label) */
.v6-stats{background:var(--banner);border-color:#6b6b6b;box-shadow:0 22px 44px -18px rgba(6,5,9,.8),inset 0 2px 0 rgba(255,255,255,.14)}
.v6-stats>div{border-right-color:rgba(255,255,255,.14)}
.v6-stats span{color:#e7e7e7}
.v6-tk,.v6-tk-k{background:linear-gradient(180deg,#464646,#252237)}
.v6-tk{border-color:#6b6b6b}
.v6-tk-k{border-right-color:rgba(255,255,255,.16)}
/* plans: blue cards; the best one = the overlay banner + its two yellow stripes */
.v6-free{background:var(--card);border-color:var(--ln2)}
.v6-tier-c{background:var(--card)}
.v6-tiers{border-color:var(--ln2)}.v6-tier-c{border-color:var(--ln2)}
.v6-tier-c.best{background:var(--banner);box-shadow:inset 0 0 0 2px var(--ac),0 30px 60px -30px rgba(108,108,108,.7);overflow:hidden}
.v6-tier-c.best p,.v6-tier-c.best .eb{color:#eee7fe}
.v6-tier-c.best::after{content:"";position:absolute;right:-10px;top:28px;width:80px;height:118px;pointer-events:none;
  background:linear-gradient(105deg,transparent 0 30%,#8d8d8d 30% 50%,transparent 50% 64%,#8d8d8d 64% 74%,transparent 74%);opacity:.95}
.v6-tier-c.best>*:not(.v6-best){position:relative;z-index:1}.v6-tier-c.best .v6-best{z-index:2}
/* demo window title bar in banner blue */
.v6-win{background:#110f19!important}

.v6 .alert,.v6 .tl-bar,.v6 .tl-search{background:#15131f;border-color:var(--ln2)}

/* text / icons ON yellow: deep overlay navy instead of black (owner 2026-10-10: "les trucs noirs dans le jaune c'est moche") */
:root{--on-ac:#ffffff}
.v6 .v6-btn,.v6 .btn-accent,.v6 .btn-primary,.v6 .btn-light,.v6 .btn-discord,.v6 .t-badge,.v6 .pp-tag,.v6 .v6-best{color:#ffffff}

/* 2 ranks since 2026-10-12 (Free Tweaks · Paid Tweaks): the pricing grid holds 2 cards, centred (was 3 columns) */
@media (min-width:1061px){.t-plans{grid-template-columns:repeat(2,minmax(0,440px));justify-content:center}}
/* home store: Paid Tweaks · OS Custom · Pack = 3 cards (2026-10-12) */
@media (min-width:1001px){.v6-tiers{grid-template-columns:repeat(3,1fr)}}

/* ---------- 2026-10-17 home: key numbers + examples ticker, redesigned (owner: "c'est horrible, refonte totale") ----------
   no more heavy purple banner: 4 quiet glass tiles with a line icon, and the examples as chips on 2 rows sliding opposite ways */
.v8-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1040px;margin:64px auto 0}
.v8-stat{display:flex;align-items:center;gap:16px;padding:20px 22px;text-align:left;position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border:1px solid var(--ln);border-radius:14px;
  transition:border-color .25s,transform .25s,background .25s}
.v8-stat::before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(141,141,141,.7),transparent);opacity:0;transition:opacity .25s}
.v8-stat:hover{border-color:rgba(141,141,141,.45);transform:translateY(-2px);background:linear-gradient(180deg,rgba(141,141,141,.08),rgba(255,255,255,.01))}
.v8-stat:hover::before{opacity:1}
.v8-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#aeaeae;
  background:rgba(141,141,141,.1);border:1px solid rgba(141,141,141,.28)}
.v8-ic svg{width:21px;height:21px}
.v8-stat>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.v8-stat b{font:400 34px/1 var(--D);color:#fff;letter-spacing:.01em}
.v8-stat span:not(.v8-ic){font:500 13px/1.3 var(--B,Inter,sans-serif);color:var(--fa)}

.v8-tk{padding:8px 0 30px}
.v8-tk-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.v8-tk-k{font:700 11px var(--M);letter-spacing:.16em;text-transform:uppercase;color:var(--fa)}
.v8-tk-head a{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#aeaeae}
.v8-tk-head a svg{width:14px;height:14px;transition:transform .2s}
.v8-tk-head a:hover{color:#fff}.v8-tk-head a:hover svg{transform:translateX(3px)}
.v8-row{overflow:hidden;padding:5px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.v8-track{display:flex;gap:10px;width:max-content;animation:v8tk 70s linear infinite}
.v8-row.rev .v8-track{animation-direction:reverse;animation-duration:80s}
.v8-tk:hover .v8-track{animation-play-state:paused}
.v8-chip{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:9px 16px 9px 10px;border-radius:999px;
  font-size:14px;color:var(--tx);background:rgba(255,255,255,.03);border:1px solid var(--ln);transition:border-color .2s,background .2s,color .2s}
.v8-chip span{font:700 10px var(--M);letter-spacing:.08em;text-transform:uppercase;color:#cbcbcb;padding:4px 8px;border-radius:999px;background:rgba(141,141,141,.14)}
.v8-chip:hover{border-color:rgba(141,141,141,.55);background:rgba(141,141,141,.1);color:#fff}
@keyframes v8tk{to{transform:translateX(-50%)}}

@media (max-width:900px){.v8-stats{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .v8-stats{gap:10px;margin-top:44px}
  .v8-stat{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}
  .v8-stat b{font-size:28px}
  .v8-chip{font-size:13px}
}

/* 2026-10-17 checklist: one clear call to action in the hero (the demo is a quiet text link now) + phone header that never overlaps */
.v6-cta{align-items:center}
.v8-link{font-size:14px;color:var(--mu);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(141,141,141,.5);padding:8px 4px}
.v8-link:hover{color:#fff;text-decoration-color:#8d8d8d}
@media (max-width:640px){.v6-cta .v8-link{width:100%;text-align:center}}
@media (max-width:560px){
  .v6 .nav .v6-dc{display:none!important}
  .v6 .nav .brand span{display:none}
  .v6 .nav .btn-dl{white-space:nowrap}
}