/* 5K Market — the new look, layered over the real site (theme.css + each page's own styles).
   Content, structure and features stay as they are; only the presentation changes.
   Black & white, Rubik heavy type, hard-edged cards, porcelain spheres, Five & Kay. */

/* ---------- tokens: both of the site's themes, re-pointed to the new palette ---------- */
:root,html[data-theme="light"]{
  --bg:#ffffff;--card:#ffffff;--panel:#ffffff;--panel-2:#f3f3f3;--surface:#ffffff;--surface-soft:#f3f3f3;--surface-raised:#f7f7f7;
  --surface-strong:#0b0b0c;--on-strong:#fff;--stroke:#111;--txt:#111;--text:#111;--muted:#5f5f63;--brand:#111;
  --gold-1:#111;--gold-2:#5f5f63;--heading-gradient:linear-gradient(#111,#111);--glass:rgba(0,0,0,.04);
  --shadow:6px 6px 0 #111;--shadow-soft:4px 4px 0 #111;
  --nl-ink:#0b0b0c;--nl-paper:#fff;--nl-soft:#f3f3f3;--nl-line:#111;--nl-hard:#111;--nl-muted:#5f5f63;
  --nl-porcelain:radial-gradient(circle at 32% 26%,#fff 0 14%,#f1f1f1 46%,#cfcfcf 82%,#b9b9b9 100%);
  --nl-font:Rubik,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
html[data-theme="dark"],html[data-theme="dark"] body[data-page]{
  --bg:#0b0b0c;--card:#141414;--panel:#141414;--panel-2:#1b1b1b;--surface:#141414;--surface-soft:#101010;--surface-raised:#1b1b1b;
  --surface-strong:#fff;--on-strong:#111;--stroke:#f2f2f2;--txt:#f2f2f2;--text:#f2f2f2;--muted:#a3a3a8;--brand:#fff;
  --gold-1:#fff;--gold-2:#a3a3a8;--heading-gradient:linear-gradient(#fff,#fff);--glass:rgba(255,255,255,.05);
  --shadow:6px 6px 0 #f2f2f2;--shadow-soft:4px 4px 0 #f2f2f2;
  --nl-ink:#0b0b0c;--nl-paper:#0b0b0c;--nl-soft:#141414;--nl-line:#f2f2f2;--nl-hard:#f2f2f2;--nl-muted:#a3a3a8;
}
html,body{background:var(--bg)!important;color:var(--txt)}

/* ---------- type: Rubik everywhere, heavy headlines, no gradient text ---------- */
body,body *:not(i):not(svg):not(svg *):not([class*="fa-"]):not(code):not(pre):not(kbd){font-family:var(--nl-font)!important}
h1,h2,h3,.title,.hero-slogan,.hero-main-title,.section-title,.section-headline,.section-h,.tw-title{font-weight:900!important;letter-spacing:-.035em!important;
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;color:var(--txt)}
h1,.title,.hero-slogan,.hero-main-title{line-height:.95!important}
section>h2,section>header h2,section>div>h2:first-child,.live-names__head h2,.faq-header h2,.section-title,.section-headline,.section-h{font-size:clamp(1.9rem,3.8vw,3.1rem)!important;line-height:1!important}
h3{letter-spacing:-.02em!important}
p,li{line-height:1.6}
::selection{background:#111;color:#fff}
html[data-theme="dark"] ::selection{background:#fff;color:#111}
/* the emphasised word in a title becomes an inverted block */
h1 em,.title em,h2 em{font-style:normal!important;background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;padding:0 .14em .02em;border-radius:.14em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline}

/* ---------- buttons, pills, chips ---------- */
.btn,a.btn,button.btn,.hero-cta a,.btn-discover,.tw-btn,.tool-launch-btn,.btn-hero-action,.cta-actions a,.contact-actions a,.telegram-vouches__links a,.viewbtn,.faq-btn{
  border-radius:999px!important;font-weight:800!important;letter-spacing:-.01em;border:2.5px solid var(--nl-line)!important;box-shadow:0 4px 0 var(--nl-hard)!important;
  background:var(--nl-paper)!important;color:var(--txt)!important;transition:transform .15s ease,box-shadow .15s ease,translate .3s cubic-bezier(.16,.84,.24,1)!important}
.btn.primary,.btn-primary,.tw-btn--primary,.btn-discover,.contact-actions a:first-child,.cta-actions a:first-child{background:#111!important;color:#fff!important;border-color:#111!important}
html[data-theme="dark"] .btn.primary,html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .tw-btn--primary,html[data-theme="dark"] .btn-discover{background:#fff!important;color:#111!important;border-color:#fff!important}
.btn:hover,.hero-cta a:hover,.btn-discover:hover,.tw-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--nl-hard)!important}
.btn:active,.hero-cta a:active,.btn-discover:active{transform:translateY(3px);box-shadow:0 1px 0 var(--nl-hard)!important}
.pill,.chip,.badge,.tag,.sf-tag,.compass-pill,.tool-chip,.nlPill,.popular-search{border-radius:999px!important;font-weight:800!important;border:2px solid var(--nl-line)!important;background:var(--nl-paper)!important;color:var(--txt)!important;box-shadow:none!important}

/* ---------- cards: white, hard black edge, offset shadow ---------- */
.card,.service-card,.how-card,.step-card,.post-card,.related-card,.intel-card,.faq-item,.faq-card,.contact-card,.threat-card,.synergy-card,.tool-glow-card,
.telegram-vouches,.channel,.live-name,.shop-type,.type-card,.offer-card,.listing-card,.name-card,.prod-card,.panel,.sidebar,.hub-card,.guide-card,.tile,.stat,.kpi{
  background:var(--card)!important;border:2.5px solid var(--nl-line)!important;border-radius:22px!important;box-shadow:6px 6px 0 var(--nl-hard)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--txt)}
.service-card:hover,.post-card:hover,.related-card:hover,.how-card:hover,.intel-card:hover,.shop-type:hover,.channel:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--nl-hard)!important}
.post-card,.service-card,.related-card,.how-card,.shop-type,.channel{transition:transform .2s ease,box-shadow .2s ease!important}
/* icons in cards sit in porcelain orbs */
.service-card>i:first-child,.how-card>i:first-child,.faq-icon,.contact-icon,.intel-card .ic,.step-card .num{
  background:var(--nl-porcelain)!important;color:#111!important;border-radius:50%!important;border:0!important;
  box-shadow:inset -3px -5px 9px rgba(0,0,0,.22),0 6px 12px rgba(0,0,0,.14)!important}
.faq-icon,.contact-icon{display:inline-grid;place-items:center;width:44px;height:44px}
.faq-icon i,.contact-icon i{color:#111!important}

/* ---------- header ---------- */
.nav{background:var(--nl-paper)!important;border:2.5px solid var(--nl-line)!important;border-radius:999px!important;box-shadow:0 5px 0 var(--nl-hard)!important;backdrop-filter:none!important}
.nav a,.nav button{color:var(--txt)!important}
.nav .logo img,.logo img{filter:none}

.lang-switch__btn,.nav-map-button,.theme-toggle{border-radius:999px!important;border:2px solid var(--nl-line)!important;background:var(--nl-paper)!important;color:var(--txt)!important;box-shadow:none!important}

/* ---------- page heroes become a black stage with a porcelain spotlight for Five & Kay ---------- */
body:not([data-page="market"]):not([data-page="product"]) section.hero,.hub-hero,.blog-hero,.hero-station{
  position:relative!important;isolation:isolate;overflow:hidden;background:#0b0b0c!important;color:#fff!important;border:0!important;
  border-radius:clamp(22px,3vw,36px)!important;padding:clamp(36px,6vw,80px) clamp(22px,5vw,64px)!important;margin:18px auto 40px!important;
  min-height:clamp(380px,46vw,520px);display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start!important;text-align:start!important;
  max-width:min(1240px,calc(100vw - 32px))!important;box-shadow:none!important}
body:not([data-page="market"]):not([data-page="product"]) section.hero *,.hub-hero *,.blog-hero *,.hero-station *{color:#fff}
body:not([data-page="market"]):not([data-page="product"]) section.hero h1,.hub-hero h1,.blog-hero h1,.hero-station h1{color:#fff!important;font-size:clamp(2.6rem,6.2vw,5.6rem)!important;max-width:13ch;margin:14px 0 0!important;text-align:start!important}
body:not([data-page="market"]):not([data-page="product"]) section.hero h1 em,.hub-hero h1 em,.blog-hero h1 em{background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important}
body:not([data-page="market"]):not([data-page="product"]) section.hero .subtitle,.hub-hero p,.blog-hero p,.hero-main-desc{color:rgba(255,255,255,.82)!important;max-width:560px;font-size:1.05rem;margin-top:16px!important;text-align:start!important}
.hub-hero p strong,.hub-hero p a{color:#fff!important}
body:not([data-page="market"]):not([data-page="product"]) section.hero .pill,.blog-hero .chip,.hero-kicker-bar{background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.75)!important}
body:not([data-page="market"]):not([data-page="product"]) section.hero .hero-cta{justify-content:flex-start!important;margin-top:28px}
body:not([data-page="market"]):not([data-page="product"]) section.hero .btn{background:transparent!important;color:#fff!important;border-color:#fff!important;box-shadow:0 4px 0 rgba(255,255,255,.3)!important}
body:not([data-page="market"]):not([data-page="product"]) section.hero .btn.primary{background:#fff!important;color:#111!important}
.nl-hero-dots{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.07) 2.4px,transparent 3px);background-size:34px 34px}
/* the cast, added by newlook.js */
.nl-cast{position:absolute;z-index:1;inset-inline-end:clamp(8px,4vw,64px);bottom:0;width:clamp(200px,26vw,360px);pointer-events:none;isolation:isolate}
.nl-cast::before{content:"";position:absolute;z-index:-1;left:50%;bottom:4%;width:100%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:var(--nl-porcelain)}
.nl-cast img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))}
.nl-cast .nl-say{position:absolute;z-index:3;top:-3%;inset-inline-end:-4%;max-width:190px;padding:10px 14px;border-radius:18px;background:#fff;color:#111!important;font:800 .9rem/1.25 var(--nl-font);
  box-shadow:4px 4px 0 rgba(255,255,255,.25);rotate:-3deg}
.nl-has-cast>*:not(.nl-cast):not(.nl-hero-dots){position:relative;z-index:2;max-width:min(600px,52%)!important}
@media (max-width:860px){
  .nl-cast{position:relative;inset:auto;align-self:flex-end;width:min(240px,62vw);margin:18px -6px -36px auto}
  .nl-cast .nl-say{inset-inline-end:auto;inset-inline-start:-42%;top:8%}
  .nl-has-cast>*:not(.nl-cast):not(.nl-hero-dots){max-width:100%!important}
}

/* ---------- footer: black block ---------- */
.sf{background:#0b0b0c!important;color:#fff!important;border-radius:clamp(22px,3vw,36px) clamp(22px,3vw,36px) 0 0;margin-top:60px;position:relative;overflow:hidden}
.sf *{color:#fff}
.sf a{color:rgba(255,255,255,.82)!important}
.sf a:hover{color:#fff!important}
.sf .sf-tag{background:transparent!important;border-color:rgba(255,255,255,.6)!important;color:#fff!important}
.sf h3,.sf h4,.sf strong{color:#fff!important}
.nl-foot-cast{display:block;width:140px;margin:0 0 10px;position:relative;isolation:isolate}
.nl-foot-cast::before{content:"";position:absolute;z-index:-1;left:50%;bottom:4%;width:100%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:var(--nl-porcelain)}
.nl-foot-cast img{width:100%;display:block}

/* ---------- small things ---------- */
input,select,textarea{border-radius:14px!important;border:2px solid var(--nl-line)!important;background:var(--nl-paper)!important;color:var(--txt)!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:3px solid var(--nl-line)!important;outline-offset:2px}
a:focus-visible,button:focus-visible{outline:3px solid var(--nl-line)!important;outline-offset:3px}
hr{border-color:var(--nl-line)!important}
.badge.b1,.badge.b2{background:#fff!important;color:#111!important;border:2px solid #111!important;box-shadow:3px 3px 0 #111!important}

/* ---------- motion layer (newlook.js) ---------- */
@view-transition{navigation:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.nl-prog{position:fixed;inset:0 0 auto;height:3px;z-index:9999;pointer-events:none;transform-origin:0 50%;transform:scaleX(var(--sp,0));background:#111}
html[data-theme="dark"] .nl-prog{background:#fff}
@media (prefers-reduced-motion:no-preference){
  .nl-rise{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .8s cubic-bezier(.16,.84,.24,1)}
  .nl-rise.in{opacity:1;transform:none}
  .nl-words .nl-w{display:inline-block;opacity:0;transform:translateY(.5em);filter:blur(4px);transition:opacity .7s ease,transform .8s cubic-bezier(.16,.84,.24,1),filter .7s ease;transition-delay:calc(var(--i) * 45ms)}
  .nl-words.in .nl-w{opacity:1;transform:none;filter:none}
  .nl-cast img{animation:nlCast 1s cubic-bezier(.16,.84,.24,1) .2s both}
  @keyframes nlCast{from{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:none}}
}

/* ---------- home: the hero shell becomes a two-column black stage ---------- */
body[data-page="home"] section.shell.nl-home-stage{position:relative;isolation:isolate;overflow:hidden;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  column-gap:clamp(20px,4vw,60px);align-items:center;justify-items:start;text-align:start!important;background:#0b0b0c!important;color:#fff!important;
  border-radius:clamp(22px,3vw,36px);padding:clamp(34px,5vw,70px) clamp(22px,5vw,64px) clamp(30px,4vw,54px)!important;margin:18px auto 50px!important;
  max-width:min(1240px,calc(100vw - 32px))!important;width:auto!important}
.nl-home-stage>*{grid-column:1;position:relative;z-index:2;margin-inline:0!important;text-align:start!important}
.nl-home-stage .hero-logo{width:64px!important;height:64px!important;margin:0 0 8px!important}
.nl-home-stage .hero-logo img{width:100%!important;height:100%!important;filter:none!important}
html[data-theme="light"] .nl-home-stage .hero-logo img{filter:invert(0)!important}
.nl-home-stage .hero-slogan{color:#fff!important;font-size:clamp(2.8rem,5.6vw,5.2rem)!important;margin:6px 0 0!important}
.nl-home-stage .tagline{color:rgba(255,255,255,.84)!important;font-size:1.05rem!important;font-weight:500!important;letter-spacing:0!important;line-height:1.55!important;max-width:540px;margin-top:16px!important}
.nl-home-stage .hero-guide-link,.nl-home-stage .hero-guide-link a{color:rgba(255,255,255,.75)!important}
.nl-home-stage .btn-discover{background:#fff!important;color:#111!important;border-color:#fff!important;box-shadow:0 5px 0 rgba(255,255,255,.3)!important;width:auto!important;padding-inline:28px!important;margin-top:22px}
.nl-home-stage .btn-discover *{color:#111!important}
.nl-home-stage .cta-grid{justify-content:flex-start!important;margin-top:14px}
.nl-home-stage .cta-grid .btn{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.8)!important;box-shadow:none!important}
.nl-home-stage .cta-grid .btn *{color:#fff!important}
.nl-home-stage .shine{display:none!important}
.nl-home-stage .nl-cast--home{grid-column:2;grid-row:1/span 7;position:relative!important;inset:auto!important;width:100%!important;max-width:520px;justify-self:center;align-self:center;margin:0}
.nl-home-stage .nl-cast--home::before{width:92%;bottom:8%}
.nl-label{display:block;margin-top:6px;font:600 .72rem/1.4 var(--nl-font);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55)!important}
.nl-label b{display:block;color:#fff!important;letter-spacing:.01em;text-transform:none;font-size:.86rem}
.nl-home-stage .live-names{grid-column:1/-1!important;width:100%;margin-top:clamp(26px,4vw,44px)!important;background:#fff;color:#111;border-radius:24px;padding:22px!important;border:0}
.nl-home-stage .live-names *{color:#111}
.nl-home-stage .live-names__head h2{color:#111!important;font-size:clamp(1.6rem,2.6vw,2.2rem)!important}
@media (max-width:860px){
  body[data-page="home"] section.shell.nl-home-stage{grid-template-columns:1fr}
  .nl-home-stage .nl-cast--home{grid-column:1;grid-row:auto;max-width:340px;margin:18px auto 0}
}

/* ---------- market + listing pages: a smaller figure beside the title ---------- */
.nl-peek{position:relative;isolation:isolate;float:right;width:clamp(110px,10vw,150px);margin:-6px 0 0 14px;pointer-events:none}
.nl-peek::before{content:"";position:absolute;z-index:-1;left:50%;bottom:4%;width:100%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:var(--nl-porcelain)}
.nl-peek img{width:100%;display:block}
@media (max-width:700px){.nl-peek{width:96px}}

/* ---------- strict black & white: colourful icons, logos and banners ---------- */
.shop-types [class*="icon"],.shop-type [class*="icon"],.shop-types i,.payments-band img,.pay-logo,.pay-chip img,.pay-chip svg,.channel .ic,.channel i,.contact-card i{filter:grayscale(1) contrast(1.1)}
.channel i,.contact-card i{color:#111!important}
.post-card--featured,.post-card[data-topic]{background:var(--card)!important}
.post-card--featured>*:first-child[class*="media"],.post-card [class*="thumb"],.post-card [class*="cover"],.post-card [class*="band"]{background:#111!important;color:#fff!important}
.live-names__dot{background:#111!important;box-shadow:none!important}

/* ---------- footer details ---------- */
.sf .sf-brand img,.sf .logo-mark img{filter:none!important}
html[data-theme="light"] .sf .sf-brand img{filter:none!important}
.sf-inner{position:relative}

/* ---------- pass 3: Intel tool heroes, article covers, legal headings, hero stats ---------- */
.hero-deck{position:relative!important;isolation:isolate;overflow:hidden;background:#0b0b0c!important;color:#fff!important;border:0!important;
  border-radius:clamp(22px,3vw,36px)!important;padding:clamp(34px,5vw,70px) clamp(22px,5vw,64px)!important;margin:18px auto 40px!important;
  max-width:min(1240px,calc(100vw - 32px))!important;text-align:start!important;box-shadow:none!important}
.hero-deck *{color:#fff}
.hero-deck .hero-title{color:#fff!important;font-size:clamp(2.3rem,5vw,4.4rem)!important;text-align:start!important;max-width:14ch;margin-inline:0!important}
.hero-deck .hero-desc{color:rgba(255,255,255,.82)!important;text-align:start!important;margin-inline:0!important}
.hero-deck .hero-desc a{color:#fff!important;text-decoration:underline}
.hero-deck .hero-pill{background:transparent!important;border:2px solid rgba(255,255,255,.75)!important;color:#fff!important;border-radius:999px}
.hero-deck .hero-breadcrumb-bar,.hero-deck .hero-breadcrumb-bar *{color:rgba(255,255,255,.7)!important;justify-content:flex-start!important}
.hero-deck .telemetry-bar{background:#fff!important;border:0!important;border-radius:20px!important;box-shadow:none!important}
.hero-deck .telemetry-bar *{color:#111!important}
.hero-deck.nl-has-cast>.telemetry-bar{max-width:100%!important}
/* every accent colour on the tool pages becomes ink */
body[data-page="intel"] [style*="color:#"],body[data-page="intel"] [style*="color: #"],[style*="#10b981"],[style*="#22c55e"]{color:currentColor!important}
body[data-page="intel"] .tele-value,body[data-page="intel"] [class*="value"],body[data-page="intel"] [class*="accent"],body[data-page="intel"] [class*="green"],body[data-page="intel"] [class*="cyan"]{color:var(--txt)!important}
.hero-deck .tele-value{color:#111!important}
.hub-stats i[style*="color"],.live-dot{color:#111!important;background:#111!important}
.hub-hero .hub-stats i[style*="color"]{color:#fff!important;background:transparent!important}
.hub-hero .hub-stats span{color:rgba(255,255,255,.88)!important;border-color:rgba(255,255,255,.35)!important;background:transparent!important}
.hub-hero .hub-stats strong{color:#fff!important}
/* article covers: black block with a porcelain orb */
.article-cover,.post-card [class*="cover"]{background:#0b0b0c!important;color:#fff!important;border-radius:22px!important;border:0!important}
.article-cover i,.post-card [class*="cover"] i{width:58px;height:58px;display:inline-grid;place-items:center;border-radius:50%;background:var(--nl-porcelain);color:#111!important;font-size:1.3rem!important}
/* legal documents keep readable section headings */
body[data-page="legal"] main h2,body[data-page="legal"] article h2,.doc h2,.legal h2,.policy h2{font-size:clamp(1.35rem,2.2vw,1.8rem)!important;line-height:1.15!important}
body[data-page="legal"] main>section>h2:first-child,body[data-page="legal"] .section-title{font-size:clamp(1.9rem,3.6vw,2.8rem)!important}
@media (max-width:860px){
  body:not([data-page="market"]):not([data-page="product"]) section.hero,.hub-hero,.blog-hero,.hero-station,.hero-deck,body[data-page="home"] section.shell.nl-home-stage{margin-top:78px!important}
  .badge.b1,.badge.b2{display:none!important}
}
section.hero .btn.primary *,.hub-hero .btn.primary *,.blog-hero .btn.primary *,.hero-deck .btn.primary *,.cta-actions .btn.primary *{color:#111!important}