.buildpress-gjc-front-universe {
  --ai-ink: var(--e-global-color-primary, #050505);
  --ai-text: var(--e-global-color-text, #333333);
  --ai-accent: var(--e-global-color-accent, #e3185c);
  --ai-accent-dk: var(--e-global-color-tonepinkdk, #c10b45);
  --ai-paper: var(--e-global-color-900224d, #ffffff);
  --ai-soft: color-mix(in srgb, var(--ai-paper) 95%, var(--ai-ink));
  --ai-line: color-mix(in srgb, var(--ai-ink) 12%, transparent);
  --ai-muted: color-mix(in srgb, var(--ai-text) 72%, var(--ai-paper));
  --ai-green: var(--e-global-color-tonegreen, #1fae9c);
  --ai-green-dk: var(--e-global-color-tonegreendk, #0f766e);
  --ai-gold: var(--e-global-color-tonegold, #e69a2e);
  --ai-gold-dk: var(--e-global-color-tonegolddk, #b45309);
  --ai-coral: var(--e-global-color-tonecoral, #f0456e);
  --ai-coral-dk: var(--e-global-color-tonecoraldk, #be123c);
  --ai-cyan: var(--e-global-color-tonecyan, #2bb7d0);
  --ai-violet: var(--e-global-color-toneviolet, #a07bff);
  --ai-fs: var(--e-global-typography-text-font-size, 1rem);
  --ai-fs-sm: calc(var(--ai-fs) * 0.875);
  --ai-fs-xs: calc(var(--ai-fs) * 0.75);
  --ai-fs-title: var(--gjc-home-type-section, 3.125rem);
  --ai-font: var(--e-global-typography-text-font-family, sans-serif);
  --ai-font-ui: var(--e-global-typography-accent-font-family, sans-serif);
  --ai-font-display: var(--e-global-typography-primary-font-family, serif);
  position: relative;
  padding: 6.5rem 1.5rem;
  color: var(--ai-ink);
  background: var(--ai-paper);
  font-family: var(--ai-font);
}
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__inner { position: relative; width: min(100%, 75rem); margin-inline: auto; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__eyebrow {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  margin: 0 0 1rem;
  padding: 0.4rem 0.8rem;
  color: var(--ai-accent-dk);
  background: color-mix(in srgb, var(--ai-accent) 9%, var(--ai-paper));
  border-radius: 999px;
  font-family: var(--ai-font-ui);
  font-size: var(--ai-fs-xs);
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1.3;
}
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__eyebrow::before { width: 0.4rem; height: 0.4rem; content: ""; background: currentColor; border-radius: 50%; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__title {
  max-width: 20ch;
  margin: 0;
  color: var(--ai-ink);
  font-family: var(--ai-font-display);
  font-size: var(--ai-fs-title);
  font-weight: var(--e-global-typography-primary-font-weight, 700);
  line-height: 1.08;
  text-wrap: balance;
}
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__lead {
  max-width: 56ch;
  margin: 1.25rem 0 0;
  color: var(--ai-text);
  font-size: calc(var(--ai-fs) * 1.0625);
  line-height: 1.65;
}
@media (max-width: 767px) {
  .buildpress-gjc-front-universe { padding: 4.5rem 1rem; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__title { font-size: calc(var(--ai-fs-title) * 0.7); }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__lead { font-size: var(--ai-fs); }
}

.buildpress-gjc-front-universe { padding: 0.5rem 15px 0; background: transparent; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__panel {
  position: relative; overflow: hidden; padding: 5rem 1.5rem 4rem; border-radius: 20px; isolation: isolate;
  background:
    radial-gradient(36rem 26rem at 78% 45%, color-mix(in srgb, var(--ai-violet) 16%, transparent), transparent 70%),
    radial-gradient(28rem 22rem at 100% 100%, color-mix(in srgb, var(--ai-cyan) 14%, transparent), transparent 70%),
    radial-gradient(26rem 18rem at 0% 0%, color-mix(in srgb, var(--ai-coral) 10%, transparent), transparent 70%),
    var(--ai-soft);
}
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__inner { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__eyebrow { color: var(--ai-ink); background: var(--ai-paper); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__eyebrow::before { background: var(--ai-accent); box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--ai-accent) 30%, transparent); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__title { max-width: 13ch; font-size: calc(var(--ai-fs-title) * 1.3); line-height: 1.04; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__lead { max-width: 42ch; text-wrap: pretty; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__actions { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; align-items: center; margin-top: 2.25rem; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__primary { display: inline-flex; gap: 0.625rem; align-items: center; min-height: 3.25rem; padding: 0 1.4rem; color: var(--ai-paper); text-decoration: none; background: var(--ai-ink); border-radius: 8px; font-family: var(--ai-font-ui); font-size: var(--ai-fs); font-weight: 800; transition: background-color 180ms ease; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__primary svg, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__secondary svg, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__card-link svg { width: 1.125rem; height: 1.125rem; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__primary:hover, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__primary:focus-visible { color: var(--ai-paper); background: var(--ai-accent); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__secondary { display: inline-flex; gap: 0.5rem; align-items: center; padding-bottom: 0.2rem; color: var(--ai-ink); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--ai-ink) 30%, transparent); font-family: var(--ai-font-ui); font-size: var(--ai-fs-sm); font-weight: 700; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__secondary:hover, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__secondary:focus-visible { color: var(--ai-accent-dk); border-color: var(--ai-accent); }

/* ---- homepage backdrop (owner round 18: the homepage hero is more special than the other pages) ----
   `cosmos`: the universe reaches past its own space: faint orbit rings continue across the panel from the universe
   centre, a light star field (ink, violet and pink specks) fades out towards the copy, and a pink glow sits behind the
   GUDJOB symbol on top of violet / cyan / coral glows. Static: the orbit is the only motion. */
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--cosmos .buildpress-gjc-front-universe__panel {
  --cx: 72%; --cy: 50%; --ring: 6.5rem; --hole: 17rem;
  background:
    radial-gradient(24rem 20rem at var(--cx) var(--cy), color-mix(in srgb, var(--ai-accent) 12%, transparent), transparent 70%),
    radial-gradient(34rem 24rem at 92% 8%, color-mix(in srgb, var(--ai-violet) 24%, transparent), transparent 70%),
    radial-gradient(30rem 22rem at 100% 100%, color-mix(in srgb, var(--ai-cyan) 18%, transparent), transparent 70%),
    radial-gradient(30rem 20rem at 0% 0%, color-mix(in srgb, var(--ai-coral) 12%, transparent), transparent 70%),
    linear-gradient(180deg, var(--ai-soft), color-mix(in srgb, var(--ai-violet) 6%, var(--ai-soft)));
}
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--cosmos .buildpress-gjc-front-universe__panel::before, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--cosmos .buildpress-gjc-front-universe__panel::after { position: absolute; inset: 0; z-index: -1; content: ""; pointer-events: none; }
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--cosmos .buildpress-gjc-front-universe__panel::before {
  background:
    radial-gradient(circle at 22% 30%, color-mix(in srgb, var(--ai-ink) 24%, transparent) 0 1px, transparent 1.6px) 0 0 / 160px 160px,
    radial-gradient(circle at 70% 78%, color-mix(in srgb, var(--ai-violet) 60%, transparent) 0 1.3px, transparent 2px) 0 0 / 230px 230px,
    radial-gradient(circle at 40% 62%, color-mix(in srgb, var(--ai-accent) 45%, transparent) 0 1.1px, transparent 1.8px) 0 0 / 310px 310px,
    radial-gradient(circle at 86% 14%, color-mix(in srgb, var(--ai-ink) 16%, transparent) 0 0.8px, transparent 1.4px) 0 0 / 120px 120px;
  -webkit-mask-image: radial-gradient(70% 90% at var(--cx) var(--cy), var(--ai-ink), transparent 80%);
  mask-image: radial-gradient(70% 90% at var(--cx) var(--cy), var(--ai-ink), transparent 80%);
}
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--cosmos .buildpress-gjc-front-universe__panel::after {
  background: repeating-radial-gradient(circle at var(--cx) var(--cy), transparent 0 calc(var(--ring) - 1px), color-mix(in srgb, var(--ai-ink) 8%, transparent) calc(var(--ring) - 1px) var(--ring));
  -webkit-mask-image: radial-gradient(circle at var(--cx) var(--cy), transparent 0 var(--hole), var(--ai-ink) calc(var(--hole) + 4rem), transparent calc(var(--hole) + 27rem));
  mask-image: radial-gradient(circle at var(--cx) var(--cy), transparent 0 var(--hole), var(--ai-ink) calc(var(--hole) + 4rem), transparent calc(var(--hole) + 27rem));
}

/* ---- social proof ---- */
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof { display: grid; grid-template-columns: repeat(2, max-content); gap: 1.25rem 0; align-items: start; margin: 2.5rem 0 0; padding: 1.5rem 0 0; list-style: none; border-top: 1px solid color-mix(in srgb, var(--ai-ink) 10%, transparent); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-item { display: flex; gap: 0.875rem; align-items: center; margin: 0; padding: 0; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-item:first-child { grid-column: 1 / -1; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-item:nth-child(2) { padding-right: 1.75rem; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-item:nth-child(3) { padding-left: 1.75rem; border-left: 1px solid color-mix(in srgb, var(--ai-ink) 12%, transparent); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__faces { display: flex; flex: 0 0 auto; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__faces img { width: 2.5rem; height: 2.5rem; margin-left: -0.7rem; object-fit: cover; background: var(--ai-paper); border-radius: 50%; box-shadow: 0 0 0 2px var(--ai-paper); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__faces img:first-child { margin-left: 0; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-text { display: grid; gap: 0.1rem; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-line { display: grid; gap: 0.1rem; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-item:first-child .buildpress-gjc-front-universe__proof-line { display: flex; flex-wrap: wrap; gap: 0 0.5rem; align-items: baseline; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-text strong { color: var(--ai-ink); font-family: var(--ai-font-display); font-size: calc(var(--ai-fs) * 1.35); font-weight: 700; line-height: 1.15; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-text span { color: var(--ai-text); font-family: var(--ai-font-ui); font-size: var(--ai-fs-xs); font-weight: 600; line-height: 1.35; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-item:first-child .buildpress-gjc-front-universe__proof-text span { font-size: var(--ai-fs-sm); }

.buildpress-gjc-front-universe .buildpress-gjc-front-universe__heart { display: none; }

/* ---- pill / quote proof (owner round 20: friendlier, a social "loved by" feel, smaller) ---- */
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-pill .buildpress-gjc-front-universe__proof, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-quote .buildpress-gjc-front-universe__proof { display: flex; width: fit-content; max-width: 100%; margin-top: 2rem; padding: 0.375rem 1rem 0.375rem 0.375rem; background: var(--ai-paper); border: 0; border-radius: 999px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ai-ink) 8%, transparent), 0 0.75rem 1.5rem -1rem color-mix(in srgb, var(--ai-ink) 35%, transparent); }
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-quote .buildpress-gjc-front-universe__proof { padding-right: 1.25rem; border-radius: 20px; }
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-pill .buildpress-gjc-front-universe__proof-item, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-quote .buildpress-gjc-front-universe__proof-item { gap: 0.625rem; padding: 0; border: 0; }
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-pill .buildpress-gjc-front-universe__faces img, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-quote .buildpress-gjc-front-universe__faces img { width: 1.875rem; height: 1.875rem; margin-left: -0.5rem; }
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-pill .buildpress-gjc-front-universe__faces img:first-child, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-quote .buildpress-gjc-front-universe__faces img:first-child { margin-left: 0; }
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-pill .buildpress-gjc-front-universe__heart, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-quote .buildpress-gjc-front-universe__heart { display: grid; place-items: center; width: 1.875rem; height: 1.875rem; margin-left: -0.5rem; color: var(--ai-paper); background: var(--ai-accent); border-radius: 50%; box-shadow: 0 0 0 2px var(--ai-paper); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__heart svg { width: 0.95rem; height: 0.95rem; }
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-pill .buildpress-gjc-front-universe__proof-text strong, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-quote .buildpress-gjc-front-universe__proof-text strong { font-family: var(--ai-font-ui); font-size: var(--ai-fs-sm); font-weight: 800; }
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-pill .buildpress-gjc-front-universe__proof-item:first-child .buildpress-gjc-front-universe__proof-line, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-quote .buildpress-gjc-front-universe__proof-item:first-child .buildpress-gjc-front-universe__proof-line { gap: 0 0.3rem; }
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-pill .buildpress-gjc-front-universe__proof-item:first-child .buildpress-gjc-front-universe__proof-text span, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-quote .buildpress-gjc-front-universe__proof-item:first-child .buildpress-gjc-front-universe__proof-line span { font-size: var(--ai-fs-sm); font-weight: 600; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__quote { display: block; margin-top: 0.1rem; color: color-mix(in srgb, var(--ai-text) 85%, transparent); font-family: var(--ai-font-ui); font-size: var(--ai-fs-xs); font-weight: 500; line-height: 1.4; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__quote b { color: var(--ai-ink); font-weight: 700; white-space: nowrap; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__quote b::before { content: "— "; font-weight: 500; }

/* ---- clean backdrops (owner round 20: SaaS-clean, white and neutral — the homepage hero is white while every service
   hero sits on soft grey with colour glows). One faint texture centred on the universe, a small pink glow behind the
   symbol, a hairline frame. ---- */
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--grid .buildpress-gjc-front-universe__panel, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--dots .buildpress-gjc-front-universe__panel, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--rings .buildpress-gjc-front-universe__panel {
  --cx: 72%; --cy: 50%; --ring: 6.5rem; --hole: 17rem;
  background: radial-gradient(18rem 16rem at var(--cx) var(--cy), color-mix(in srgb, var(--ai-accent) 9%, transparent), transparent 70%), linear-gradient(180deg, var(--ai-paper) 55%, color-mix(in srgb, var(--ai-soft) 70%, var(--ai-paper)));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ai-ink) 7%, transparent);
}
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--grid .buildpress-gjc-front-universe__panel::after, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--dots .buildpress-gjc-front-universe__panel::after, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--rings .buildpress-gjc-front-universe__panel::after { position: absolute; inset: 0; z-index: -1; content: ""; pointer-events: none; }
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--grid .buildpress-gjc-front-universe__panel::after {
  background: linear-gradient(color-mix(in srgb, var(--ai-ink) 6%, transparent) 1px, transparent 1px) 0 0 / 3rem 3rem, linear-gradient(90deg, color-mix(in srgb, var(--ai-ink) 6%, transparent) 1px, transparent 1px) 0 0 / 3rem 3rem;
  -webkit-mask-image: radial-gradient(60% 75% at var(--cx) var(--cy), var(--ai-ink), transparent 80%);
  mask-image: radial-gradient(60% 75% at var(--cx) var(--cy), var(--ai-ink), transparent 80%);
}
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--dots .buildpress-gjc-front-universe__panel::after {
  background: radial-gradient(circle, color-mix(in srgb, var(--ai-ink) 16%, transparent) 1px, transparent 1.5px) 0 0 / 1.25rem 1.25rem;
  -webkit-mask-image: radial-gradient(55% 75% at var(--cx) var(--cy), var(--ai-ink), transparent 80%);
  mask-image: radial-gradient(55% 75% at var(--cx) var(--cy), var(--ai-ink), transparent 80%);
}
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--rings .buildpress-gjc-front-universe__panel::after {
  background: repeating-radial-gradient(circle at var(--cx) var(--cy), transparent 0 calc(var(--ring) - 1px), color-mix(in srgb, var(--ai-ink) 7%, transparent) calc(var(--ring) - 1px) var(--ring));
  -webkit-mask-image: radial-gradient(circle at var(--cx) var(--cy), transparent 0 var(--hole), var(--ai-ink) calc(var(--hole) + 4rem), transparent calc(var(--hole) + 27rem));
  mask-image: radial-gradient(circle at var(--cx) var(--cy), transparent 0 var(--hole), var(--ai-ink) calc(var(--hole) + 4rem), transparent calc(var(--hole) + 27rem));
}
/* owner, 2026-09-30: the same eyebrow pill as the SMM / AI heroes (white, ink text, ringed pink dot); on the white panel
   it carries the proof pill's hairline + soft shadow so it stays visible */
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--grid .buildpress-gjc-front-universe__eyebrow, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--dots .buildpress-gjc-front-universe__eyebrow, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--rings .buildpress-gjc-front-universe__eyebrow { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ai-ink) 8%, transparent), 0 0.75rem 1.5rem -1rem color-mix(in srgb, var(--ai-ink) 35%, transparent); }
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--grid .buildpress-gjc-front-universe__moon::before, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--dots .buildpress-gjc-front-universe__moon::before, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--rings .buildpress-gjc-front-universe__moon::before { box-shadow: 0 0 0 0.5cqw var(--ai-paper); }
.buildpress-gjc-front-universe.buildpress-gjc-front-universe--grid .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--dots .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--rings .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ai-ink) 8%, transparent), 0 1rem 2rem -1.25rem color-mix(in srgb, var(--ai-ink) 45%, transparent); }

/* ---- universe ---- */
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbit--0, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__card[data-group="0"] { --tone: var(--ai-violet); --tone-dk: var(--e-global-color-tonevioletdk, #7c3aed); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbit--1, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__card[data-group="1"] { --tone: var(--ai-coral); --tone-dk: var(--ai-coral-dk); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbit--2, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__card[data-group="2"] { --tone: var(--ai-cyan); --tone-dk: var(--e-global-color-tonecyandk, #0e7c9b); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbit--0 { --size: 54%; --start: 0deg; --period: 110s; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbit--1 { --size: 74%; --start: 120deg; --period: 110s; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbit--2 { --size: 94%; --start: 240deg; --period: 110s; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__universe { display: grid; justify-items: center; gap: 1.25rem; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__space { position: relative; width: min(100%, 36rem); aspect-ratio: 1; container-type: inline-size; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__core { position: absolute; top: 50%; left: 50%; z-index: 2; width: 18cqw; height: 18cqw; transform: translate(-50%, -50%); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__core .buildpress-gjc-front-universe__mark { position: relative; display: block; width: 100%; height: 100%; filter: drop-shadow(0 1rem 1.5rem color-mix(in srgb, var(--ai-accent) 35%, transparent)); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__mark-bg { fill: var(--ai-accent); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__mark-g { fill: var(--ai-paper); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__halo { position: absolute; inset: -30%; background: radial-gradient(closest-side, color-mix(in srgb, var(--ai-accent) 18%, transparent), transparent); border-radius: 50%; animation: gjc-universe-breathe 5s ease-in-out infinite; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbit { --on: 0; position: absolute; top: 50%; left: 50%; width: var(--size); aspect-ratio: 1; border: 1px dashed color-mix(in srgb, var(--ai-ink) calc(14% + var(--on) * 30%), transparent); border-radius: 50%; transform: translate(-50%, -50%) rotate(var(--start)); animation: gjc-universe-spin var(--period) linear infinite; pointer-events: none; will-change: transform; backface-visibility: hidden; transition: border-color 400ms ease; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__moon { position: absolute; inset: 0; transform: rotate(var(--a)); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__moon::before { position: absolute; top: 0; left: 50%; width: 2.2cqw; height: 2.2cqw; margin: -1.1cqw 0 0 -1.1cqw; content: ""; background: color-mix(in srgb, var(--tone) calc(45% + var(--on) * 55%), var(--ai-paper)); border-radius: 50%; box-shadow: 0 0 0 0.5cqw var(--ai-soft); transition: background-color 400ms ease; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__carrier { position: absolute; top: 0; left: 50%; width: 0; height: 0; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet {
  position: absolute; top: 0; left: 0; display: inline-flex; gap: 0.5rem; align-items: center; margin: 0; padding: 0.45rem 0.9rem 0.45rem 0.45rem;
  color: var(--ai-ink); white-space: nowrap; cursor: pointer; pointer-events: auto; background: var(--ai-paper); border: 0; border-radius: 999px;
  font-family: var(--ai-font-ui); font-size: var(--ai-fs-sm); font-weight: 800; line-height: 1.2; text-transform: none; letter-spacing: 0;
  box-shadow: 0 1rem 2rem -1.25rem color-mix(in srgb, var(--ai-ink) 50%, transparent);
  transform: translate(-50%, -50%) rotate(calc(-1 * var(--start))); animation: gjc-universe-counter var(--period) linear infinite; will-change: transform; backface-visibility: hidden;
  transition: color 250ms ease, background-color 250ms ease, box-shadow 250ms ease;
}
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet i { display: block; width: 1.6rem; height: 1.6rem; background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--tone) 55%, var(--ai-paper)), var(--tone-dk)); border-radius: 50%; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet:hover, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet:focus { color: var(--ai-ink); background: var(--ai-paper); border: 0; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet:focus-visible { outline: 2px solid var(--tone-dk); outline-offset: 3px; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet[aria-selected="true"] { color: var(--ai-paper); background: var(--ai-ink); box-shadow: 0 0 0 0.4rem color-mix(in srgb, var(--tone) 35%, transparent), 0 1rem 2rem -1rem color-mix(in srgb, var(--ai-ink) 60%, transparent); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__universe[data-active="0"] .buildpress-gjc-front-universe__orbit--0 { --on: 1; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__universe[data-active="1"] .buildpress-gjc-front-universe__orbit--1 { --on: 1; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__universe[data-active="2"] .buildpress-gjc-front-universe__orbit--2 { --on: 1; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__universe.is-visual .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet { cursor: default; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__universe.is-visual .buildpress-gjc-front-universe__orbit { --on: 0.6; }
@keyframes gjc-universe-spin { to { transform: translate(-50%, -50%) rotate(calc(var(--start) + 360deg)); } }
@keyframes gjc-universe-counter { to { transform: translate(-50%, -50%) rotate(calc(-1 * var(--start) - 360deg)); } }
@keyframes gjc-universe-breathe { 50% { transform: scale(1.12); opacity: 0.6; } }

/* ---- group card ---- */
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__cards { display: grid; width: min(100%, 36rem); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__card { grid-area: 1 / 1; display: grid; gap: 0.75rem; padding: 1.5rem; background: var(--ai-paper); border-radius: 20px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ai-ink) 8%, transparent), 0 1.5rem 3rem -2rem color-mix(in srgb, var(--ai-ink) 45%, transparent); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__universe.is-armed .buildpress-gjc-front-universe__card { opacity: 0; visibility: hidden; transform: translateY(0.5rem); transition: opacity 300ms ease, transform 350ms ease, visibility 0s linear 300ms; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__universe.is-armed .buildpress-gjc-front-universe__card.is-active { opacity: 1; visibility: visible; transform: none; transition: opacity 300ms ease, transform 350ms ease, visibility 0s; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__card-title { display: flex; gap: 0.75rem; align-items: baseline; margin: 0; color: var(--ai-ink); font-family: var(--ai-font-display); font-size: calc(var(--ai-fs) * 1.5); font-weight: 700; line-height: 1.2; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__card-title span { color: var(--tone-dk); font-family: var(--ai-font-ui); font-size: var(--ai-fs-sm); font-weight: 800; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__card-copy { margin: 0; color: var(--ai-text); font-size: var(--ai-fs-sm); line-height: 1.65; text-wrap: pretty; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__chips { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.25rem 0 0; padding: 0; list-style: none; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__chips li { margin: 0; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__chips a, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__chips span { display: inline-block; padding: 0.35rem 0.75rem; color: var(--ai-ink); text-decoration: none; background: color-mix(in srgb, var(--tone) 16%, var(--ai-paper)); border-radius: 999px; font-family: var(--ai-font-ui); font-size: var(--ai-fs-xs); font-weight: 700; transition: background-color 180ms ease; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__chips a:hover, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__chips a:focus-visible { background: color-mix(in srgb, var(--tone) 34%, var(--ai-paper)); }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__card-link { display: inline-flex; gap: 0.5rem; align-items: center; justify-self: start; margin-top: 0.25rem; color: var(--ai-ink); text-decoration: none; font-family: var(--ai-font-ui); font-size: var(--ai-fs-sm); font-weight: 800; }
.buildpress-gjc-front-universe .buildpress-gjc-front-universe__card-link:hover, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__card-link:focus-visible { color: var(--tone-dk); }
@media (max-width: 1024px) {
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__inner { grid-template-columns: minmax(0, 1fr); }
  .buildpress-gjc-front-universe.buildpress-gjc-front-universe--cosmos .buildpress-gjc-front-universe__panel, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--grid .buildpress-gjc-front-universe__panel, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--dots .buildpress-gjc-front-universe__panel, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--rings .buildpress-gjc-front-universe__panel { --cx: 50%; --cy: 72%; }
}
@media (max-width: 767px) {
  .buildpress-gjc-front-universe { padding: 0.25rem 12px 0; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__panel { padding: 4rem 1rem 2.5rem; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__title { max-width: none; font-size: max(calc(var(--ai-fs-title) * 0.9), calc(var(--ai-fs) * 2.75)); line-height: 1.05; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet { padding: 0.3rem; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet i { width: 1.75rem; height: 1.75rem; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__card { padding: 1.25rem; }
  .buildpress-gjc-front-universe.buildpress-gjc-front-universe--cosmos .buildpress-gjc-front-universe__panel, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--grid .buildpress-gjc-front-universe__panel, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--dots .buildpress-gjc-front-universe__panel, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--rings .buildpress-gjc-front-universe__panel { --cy: 76%; --ring: 4.5rem; --hole: 10rem; }
  .buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-pill .buildpress-gjc-front-universe__proof, .buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-quote .buildpress-gjc-front-universe__proof { display: flex; }
  /* owner round 22: the hero copy is centred on mobile */
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__copy { text-align: center; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__eyebrow { margin-inline: auto; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__title, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__lead { margin-inline: auto; text-wrap: balance; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__actions { justify-content: center; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof { margin-inline: auto; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-item, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-item:first-child .buildpress-gjc-front-universe__proof-line { justify-content: center; }
  .buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-pill .buildpress-gjc-front-universe__faces img:nth-child(n+4), .buildpress-gjc-front-universe.buildpress-gjc-front-universe--proof-quote .buildpress-gjc-front-universe__faces img:nth-child(n+4) { display: none; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-item:nth-child(2) { padding-right: 1rem; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__proof-item:nth-child(3) { padding-left: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbit, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__orbits .buildpress-gjc-front-universe__carrier .buildpress-gjc-front-universe__planet, .buildpress-gjc-front-universe .buildpress-gjc-front-universe__halo { animation: none; }
  .buildpress-gjc-front-universe .buildpress-gjc-front-universe__card { transition: none !important; }
}