/* GreyTeam: merk naast het stippen-symbool */
.gt-brand { display:inline-flex;align-items:center;gap:10px;text-decoration:none;border:0 }
.gt-brand svg { width:28px;height:auto;fill:currentColor }
.gt-brand span { font-family:var(--sans);font-weight:600;font-size:19px;letter-spacing:-.01em;color:var(--ink) }
.hero .gt-brand span { color:inherit }
.gt-hint { opacity:.55;font-family:var(--mono);font-size:12px }

/* ==== Console-modus: de site als oude fosforterminal ==================================== */
body.console { --ph:#FFB000; --ph2:#C98A00; --ph3:#6B4A00; --glow:rgba(255,176,0,.55); --tintf:sepia(1) saturate(6) hue-rotate(-12deg) brightness(1.05) }
body.console.green { --ph:#39FF6A; --ph2:#22B84A; --ph3:#0E5A24; --glow:rgba(57,255,106,.5); --tintf:sepia(1) saturate(6) hue-rotate(75deg) brightness(1.05) }

body.console { background:#040403 !important;padding-top:34px }
body.console *,body.console *::before { font-family:var(--mono) !important;color:var(--ph) !important;
  border-color:var(--ph3) !important;box-shadow:none !important;letter-spacing:0 !important;text-shadow:0 0 5px var(--glow) }
body.console section,body.console .hero,body.console footer,body.console .nav,body.console .card,
body.console .cta,body.console .tint,body.console .dark { background:transparent !important }
body.console .nav { background:#040403 !important;border-bottom:1px dashed var(--ph3) !important;top:34px !important }
body.console h1,body.console h2,body.console h3 { font-weight:500 !important;text-transform:uppercase }
body.console h1 { font-size:clamp(28px,4.4vw,46px) !important;line-height:1.15 !important }
body.console h1::after { content:"\2588";margin-left:.15em;animation:gt-blink 1.05s steps(1) infinite }
body.console p,body.console li,body.console .card p { color:var(--ph2) !important }
body.console .kick::before { content:"> " }
body.console .card { border:1px dashed var(--ph3) !important }
body.console .num { color:var(--ph) !important }
body.console .btn { background:transparent !important;border:1px solid var(--ph) !important;border-radius:0 !important }
body.console .btn:hover { background:var(--ph) !important;color:#040403 !important;text-shadow:none }
body.console .btn::before { content:"[ " } body.console .btn::after { content:" ]" }
body.console svg,body.console img { filter:var(--tintf) drop-shadow(0 0 4px var(--glow)) }
body.console .sky { opacity:.35 }
body.console main section + section::before,body.console main section + section::after { background:var(--ph3) !important }

/* scanlines en vignet, over alles heen */
body.console::after { content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;
  background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.28) 3px,rgba(0,0,0,0) 4px),
             radial-gradient(ellipse at center,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%) }
body.console main { animation:gt-flicker 4s infinite }

/* terminalbalk met de fosforkeuze */
#gt-term { display:none }
body.console #gt-term { display:flex;position:fixed;top:0;left:0;right:0;z-index:9999;height:34px;align-items:center;gap:14px;
  padding:0 16px;background:#040403;border-bottom:1px solid var(--ph3);font:13px var(--mono);overflow-x:auto;white-space:nowrap }
#gt-term button { background:none;border:1px solid var(--ph3);color:var(--ph);font:inherit;padding:1px 8px;cursor:pointer }
#gt-term button[aria-pressed="true"] { background:var(--ph);color:#040403 !important;text-shadow:none }
#gt-term .sp { flex:1 }

/* opstarttekst */
#gt-boot { position:fixed;inset:0;z-index:10000;background:#040403;padding:48px 24px;white-space:pre-wrap;display:none }
#gt-boot.on { display:block }

@keyframes gt-blink { 50% { opacity:0 } }
@keyframes gt-flicker { 0%,100% { opacity:1 } 47% { opacity:.985 } 48% { opacity:.94 } 49% { opacity:.99 } }
@media (prefers-reduced-motion: reduce) {
  body.console main,body.console h1::after { animation:none }
}