/* Shared page chrome for the front page (/), /resources, /who-we-are and /testimonials:
   the galaxy plate, the veil that keeps it a whisper behind white copy, grain,
   the top bar and the pill buttons. Same tokens and easing as the homepage.
   These pages never pass through the DC bundler, so a real stylesheet is fine. */
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{
  margin:0;background:#07080c;color:#eaeaea;min-height:100dvh;
  font-family:'Space Grotesk',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.6;
}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid rgba(242,199,110,.85);outline-offset:3px;border-radius:999px}

/* --- ground ------------------------------------------------------------ */
.sky{position:fixed;inset:-6%;z-index:0;pointer-events:none;background:url(/assets/galaxy.jpg) center/cover no-repeat;animation:sky 90s cubic-bezier(.45,0,.55,1) infinite alternate;will-change:transform}
@keyframes sky{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.1) translate(-1.2%,.8%)}}
.veil{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 85% 75% at 50% 38%,rgba(7,8,12,.6) 0%,rgba(7,8,12,.84) 58%,rgba(7,8,12,.97) 100%)}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px}

/* --- top bar ----------------------------------------------------------- */
.top{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;pointer-events:none;background:linear-gradient(to bottom,rgba(7,8,12,.85),rgba(7,8,12,0))}
.top>*{pointer-events:auto}
.lockup{display:inline-flex;align-items:center}
.lockup img{height:30px;filter:drop-shadow(0 0 10px rgba(255,255,255,.4)) drop-shadow(0 2px 14px rgba(3,5,12,.8))}
.top .r{display:flex;align-items:center;gap:8px}

/* --- pills ------------------------------------------------------------- */
.pill{
  display:inline-flex;align-items:center;gap:10px;padding:7px 7px 7px 16px;border-radius:999px;
  font-weight:600;font-size:13px;letter-spacing:-.005em;white-space:nowrap;text-decoration:none;cursor:pointer;
  background:rgba(255,255,255,.06);color:#e6e7ec;border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 26px rgba(3,5,12,.35);
  transition:transform .16s cubic-bezier(.23,1,.32,1),background .2s ease,border-color .2s ease,color .2s ease;
}
.pill:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.34);color:#fff}
.pill:active{transform:scale(.97)}
.pill .ic{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1;background:rgba(255,255,255,.1);transition:transform .2s cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){.pill:hover .ic{transform:translate(2px,-2px)}}
.pill.primary{background:#fff;color:#0a0a0b;border-color:#fff;box-shadow:0 10px 26px rgba(3,5,12,.45)}
.pill.primary:hover{background:#f6f6f8;color:#0a0a0b}
.pill.primary .ic{background:rgba(10,10,11,.08);color:#0a0a0b}

/* --- type -------------------------------------------------------------- */
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#f2c76e;margin:0 0 18px}
.wrap{position:relative;z-index:10;max-width:820px;margin:0 auto;padding:128px 24px 120px}
.wrap h1{font-size:clamp(34px,5.6vw,58px);line-height:1.04;letter-spacing:-.025em;margin:0 0 18px;font-weight:600;color:#fff;text-wrap:balance}
.wrap .sub{font-size:clamp(16px,2.1vw,19px);color:#b3b6c0;margin:0;max-width:58ch;text-wrap:pretty}
.rise{opacity:0;transform:translateY(10px);animation:rise .6s cubic-bezier(.23,1,.32,1) forwards}
.rise:nth-child(2){animation-delay:.06s}.rise:nth-child(3){animation-delay:.12s}.rise:nth-child(4){animation-delay:.18s}
@keyframes rise{to{opacity:1;transform:none}}

@media (max-width:640px){
  .top{padding:14px 16px}
  .lockup img{height:26px}
  .wrap{padding:104px 20px 90px}
  .pill{font-size:12px;padding:6px 6px 6px 13px}
}
@media (prefers-reduced-motion:reduce){.sky{animation:none}.rise{animation:none;opacity:1;transform:none}}
@media (prefers-reduced-transparency:reduce){.pill{backdrop-filter:none;background:rgba(20,22,30,.92)}}