/* GAS — version B: black & white (light) */
@import url("style.css");

:root{
  --bg:#FFFFFF; --bg-2:#FAFAF9; --surface:#FFFFFF; --surface-2:#F5F5F4;
  --line:rgba(0,0,0,.14); --text:#111111; --muted:#57534E;
  --violet:#333333; --violet-2:#777777; --cyan:#111111; --magenta:#B91C1C;
  --grad:linear-gradient(100deg,#111 0%,#4B4B4B 100%);
}
body{background:var(--bg)}

/* Space visuals in mono */
.stars{display:none}
.nebula{filter:blur(80px);opacity:1}
.nebula-a{background:radial-gradient(circle,rgba(0,0,0,.09),rgba(0,0,0,0) 65%)}
.nebula-b{background:radial-gradient(circle,rgba(0,0,0,.055),rgba(0,0,0,0) 65%)}
.nebula-c{background:radial-gradient(circle,rgba(0,0,0,.05),rgba(0,0,0,0) 65%)}
.ring{border-color:rgba(0,0,0,.16)}
.ring-2{border-color:rgba(0,0,0,.1)}
.moon::before{background:#111;box-shadow:none}
.ring-1 .moon::before{background:#444;box-shadow:none}
.ring-3 .moon::before{background:#888;box-shadow:none}
.planet{background:radial-gradient(circle at 32% 30%,#E7E5E4 0%,#A8A29E 38%,#57534E 72%,#1C1917 100%);box-shadow:0 24px 60px -20px rgba(0,0,0,.35),inset -18px -22px 40px rgba(0,0,0,.35)}
.horizon{background:radial-gradient(ellipse at 50% 0%,#F5F5F4 0%,#FFFFFF 55%);box-shadow:0 -1px 0 rgba(0,0,0,.18)}
.shooting{background:linear-gradient(90deg,rgba(0,0,0,0),#111)}
.services,.experience,.contact{background:
  radial-gradient(1.5px 1.5px at 12% 18%,rgba(0,0,0,.18),transparent 60%),
  radial-gradient(1.5px 1.5px at 68% 42%,rgba(0,0,0,.14),transparent 60%),
  radial-gradient(2px 2px at 84% 12%,rgba(0,0,0,.16),transparent 60%),
  radial-gradient(1.5px 1.5px at 32% 78%,rgba(0,0,0,.14),transparent 60%),
  radial-gradient(2px 2px at 52% 64%,rgba(0,0,0,.12),transparent 60%),
  var(--bg-2)}
.process::before,.contact::after{background:radial-gradient(circle,rgba(0,0,0,.05),transparent 60%)}

/* Header & nav */
.site-header.is-scrolled{background:rgba(255,255,255,.86)}
.nav-menu{color:var(--text)}
@media (max-width:820px){.nav-menu{background:rgba(255,255,255,.98)}}
.nav-toggle span{background:var(--text)}

/* Buttons */
.btn{background:#111;color:#fff}
.btn:hover{box-shadow:0 14px 34px -14px rgba(0,0,0,.6)}
.btn-ghost{background:transparent;color:#111;border-color:rgba(0,0,0,.25)}
.btn-ghost:hover{border-color:#111;box-shadow:none}
.btn-launch::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}

/* Cards & sections */
.roles li{background:#fff}
.roles li::before{background:#111;box-shadow:none}
.service-card{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.service-card::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(0,0,0,.05),transparent 45%)}
.service-card:hover{border-color:rgba(0,0,0,.4);box-shadow:0 18px 40px -22px rgba(0,0,0,.45)}
.service-no{border-color:#111;color:#111}
.service-card li::before{color:#111}
.steps::before{background:linear-gradient(90deg,#111,#bbb)}
.steps li>span{background:#fff;border-color:#111;color:#111;box-shadow:0 0 0 6px var(--bg-2)}
.steps li:last-child>span{background:#111;border-color:#111;color:#fff;box-shadow:0 0 0 6px var(--bg-2)}
.liftoff svg{color:#111}
.chip.is-active{background:#111;color:#fff;border-color:#111}
.work-card{background:#fff}
.work-card:hover{border-color:rgba(0,0,0,.4);box-shadow:0 18px 40px -22px rgba(0,0,0,.45)}
.work-media{background:var(--surface-2)}
.work-card.is-feature .work-body{background:none}
.gov{background:var(--surface-2)}
.gov-list li{background:#fff}
.logo-tile{background:#fff;border:1px solid var(--line)}
.logo-tile:hover{box-shadow:0 0 0 1px #111,0 12px 26px -14px rgba(0,0,0,.5)}
.logo-tile img{filter:grayscale(1)}

/* Contact */
.wa-float{background:#111}
.wa-float svg{fill:#fff}

/* Version switch */
.ver-switch{position:fixed;left:20px;bottom:20px;z-index:60;display:flex;gap:6px;align-items:center;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:999px;padding:6px 8px;font-size:.78rem;font-weight:700;backdrop-filter:blur(8px)}
.ver-switch a{padding:5px 12px;border-radius:999px;color:var(--muted)}
.ver-switch a.is-on{background:#111;color:#fff}