.gh-social {
  --ghs-navy: #003a66;
  --ghs-navy-deep: #002640;
  --ghs-blue: #0375db;
  --ghs-blue-dark: #024f96;
  --ghs-green: #6ec207;
  --ghs-green-soft: #e7f6d8;
  --ghs-sky: #4db8ff;
  --ghs-paper: #f8f7fa;
  --ghs-ink: #0b1f30;
  --ghs-muted: #4a4757;
  --ghs-subtle: #6a7787;
  --ghs-border: rgba(11, 31, 48, .12);
  --ghs-display: var(--font-display, "DM Sans", "Poppins", system-ui, sans-serif);
  --ghs-sans: var(--font-sans, "Inter", system-ui, sans-serif);
  --ghs-num: var(--font-numeric, "Inter", system-ui, sans-serif);
  --ghs-ease: cubic-bezier(.2, 0, 0, 1);
  position: relative;
  isolation: isolate;
  overflow: clip;
  color: var(--ghs-ink);
  font-family: var(--ghs-sans);
  letter-spacing: 0;
}

.gh-social *,
.gh-social *::before,
.gh-social *::after { box-sizing: border-box; }
.gh-social a { text-decoration: none !important; }
.gh-social img,
.gh-social svg { display: block; max-width: 100%; }
.ghs-dark { background: var(--ghs-navy); color: #fff; }
.ghs-light { background: #fff; color: var(--ghs-ink); }
.ghs-soft { background: var(--ghs-paper); color: var(--ghs-ink); }
.ghs-blue { background: var(--ghs-navy); color: #fff; }
.ghs-wrap {
  width: min(1240px, calc(100% - 56px));
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.ghs-section .ghs-wrap { padding-block: clamp(72px, 9vw, 116px); }
.ghs-section-head {
  max-width: 720px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.ghs-section-head h2 {
  margin: 0;
  max-width: 18ch;
  color: var(--ghs-ink);
  font: 800 clamp(1.9rem, 3.4vw, 2.9rem)/1.12 var(--ghs-display);
  letter-spacing: -.045em;
  text-wrap: balance;
}
.ghs-section-head h2 span {
  color: transparent;
  background: linear-gradient(100deg, var(--ghs-blue), var(--ghs-green), var(--ghs-blue));
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  letter-spacing: inherit;
  animation: ghsGradient 7s linear infinite;
}
.ghs-section-head p {
  margin: 0;
  max-width: 60ch;
  color: var(--ghs-muted);
  font: 400 clamp(1.05rem, 1.4vw, 1.28rem)/1.55 var(--ghs-sans);
}
.ghs-section-head-dark h2 { color: #fff; }
.ghs-section-head-dark p { color: #b7c6d6; }
.ghs-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  color: var(--ghs-blue);
  font: 800 .8125rem/1 var(--ghs-sans);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.ghs-kicker span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ghs-green);
}
.ghs-dark .ghs-kicker,
.ghs-blue .ghs-kicker { color: var(--ghs-green); }

.ghs-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 15px 24px;
  border: 1px solid transparent;
  border-radius: 11px;
  font: 800 1rem/1 var(--ghs-sans);
  white-space: nowrap;
  transition: transform 150ms var(--ghs-ease), box-shadow 150ms var(--ghs-ease), background 150ms var(--ghs-ease), border-color 150ms var(--ghs-ease), color 150ms var(--ghs-ease);
  -webkit-tap-highlight-color: rgba(3, 117, 219, .2);
}
.ghs-btn i { color: inherit; font-size: 1.12rem; }
.ghs-btn:hover,
.ghs-btn:focus-visible { transform: translateY(-2px); }
.ghs-btn:active { transform: translateY(0) scale(.99); }
.ghs-btn:focus-visible,
.gh-social summary:focus-visible,
.ghs-tab:focus-visible,
.ghs-link-card:focus-visible,
.ghs-system-node:focus-visible {
  outline: 2px solid var(--ghs-green);
  outline-offset: 3px;
}
.ghs-btn-primary {
  color: #fff !important;
  background: linear-gradient(135deg, #0b84e5, var(--ghs-blue)) !important;
  box-shadow: 0 12px 26px rgba(3, 117, 219, .24);
}
.ghs-btn-primary:hover,
.ghs-btn-primary:focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, #1394f6, #0267bf) !important;
  box-shadow: 0 16px 34px rgba(3, 117, 219, .34);
}
.ghs-btn-light {
  color: var(--ghs-navy) !important;
  background: #fff !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .26);
}
.ghs-btn-light:hover,
.ghs-btn-light:focus-visible {
  color: var(--ghs-navy) !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .34);
}
.ghs-btn-secondary {
  color: #fff !important;
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .3);
  backdrop-filter: blur(6px);
}
.ghs-btn-secondary:hover,
.ghs-btn-secondary:focus-visible {
  color: #fff !important;
  background: rgba(255, 255, 255, .16) !important;
  border-color: rgba(255, 255, 255, .75);
}
.ghs-btn-ghost {
  color: var(--ghs-ink) !important;
  background: #fff !important;
  border-color: rgba(11, 31, 48, .2);
}
.ghs-btn-ghost:hover,
.ghs-btn-ghost:focus-visible {
  color: var(--ghs-blue) !important;
  border-color: var(--ghs-blue);
}
.ghs-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.ghs-hero {
  --ghs-bg-x: 0px;
  --ghs-bg-y: 0px;
  --ghs-grid-x: 0px;
  --ghs-grid-y: 0px;
  --ghs-phone-x: 0px;
  --ghs-phone-y: 0px;
  --ghs-chip-views-x: 0px;
  --ghs-chip-views-y: 0px;
  --ghs-chip-saves-x: 0px;
  --ghs-chip-saves-y: 0px;
  --ghs-chip-creators-x: 0px;
  --ghs-chip-creators-y: 0px;
  min-height: min(960px, 100dvh);
}
.ghs-hero-bg {
  position: absolute;
  inset: -24px;
  pointer-events: none;
  transform: translate3d(var(--ghs-bg-x), var(--ghs-bg-y), 0);
  will-change: transform;
  background:
    radial-gradient(68% 58% at 88% 4%, rgba(3,117,219,.55), rgba(0,58,102,0) 60%),
    radial-gradient(58% 55% at 4% 104%, rgba(110,194,7,.34), rgba(0,58,102,0) 55%),
    var(--ghs-navy);
}
.ghs-hero-bg::before {
  content: "#";
  position: absolute;
  top: -8%;
  left: -2%;
  color: rgba(255,255,255,.035);
  font: 900 32vw/1 var(--ghs-display);
  letter-spacing: -.04em;
  transform: translate3d(var(--ghs-grid-x), var(--ghs-grid-y), 0);
  will-change: transform;
}
.ghs-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .5;
  background-image: radial-gradient(rgba(255,255,255,.16) 1px, transparent 1px);
  background-size: 26px 26px;
  background-position: var(--ghs-grid-x) var(--ghs-grid-y);
  mask-image: radial-gradient(78% 68% at 52% 28%, #000, transparent 74%);
}
.ghs-hero-wrap {
  padding-block: clamp(142px, 10vw, 188px) clamp(56px, 7vw, 96px) !important;
}
.ghs-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 480px);
  gap: clamp(36px, 5vw, 72px);
  align-items: center;
}
.ghs-hero-copy h1 {
  margin: 24px 0 0;
  max-width: 15ch;
  color: #fff;
  font: 900 clamp(2.75rem, 5.8vw, 4.85rem)/1.02 var(--ghs-display);
  letter-spacing: -.045em;
  text-wrap: balance;
}
.ghs-hero-copy h1 span {
  color: transparent;
  background: linear-gradient(100deg, var(--ghs-green), var(--ghs-sky), var(--ghs-green));
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  letter-spacing: inherit;
  animation: ghsGradient 7s linear infinite;
}
.ghs-hero-copy p {
  margin: 24px 0 0;
  max-width: 50ch;
  color: #b9cbdb;
  font: 400 clamp(1.12rem, 1.5vw, 1.35rem)/1.55 var(--ghs-sans);
}
.ghs-pill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 15px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 999px;
  background: rgba(255,255,255,.09);
  color: #dbe8f2;
  font: 800 .8rem/1 var(--ghs-sans);
  letter-spacing: .05em;
  backdrop-filter: blur(6px);
}
.ghs-pill-live span {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ghs-green);
  box-shadow: 0 0 0 0 rgba(110, 194, 7, .55);
  animation: ghsPing 2s ease-out infinite;
}
.ghs-hero-copy .ghs-actions { margin-top: 34px; }
.ghs-audience {
  margin-top: 36px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.ghs-audience span {
  margin-right: 8px;
  color: #7f9ab0;
  font: 800 .76rem/1.4 var(--ghs-sans);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.ghs-audience i {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 11px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 1.28rem;
}
.ghs-hero-visual {
  position: relative;
  width: min(480px, 100%);
  justify-self: center;
  transform-style: preserve-3d;
  transform-origin: 50% 55%;
  transition: transform 220ms var(--ghs-ease);
  will-change: transform;
}
.ghs-phone {
  position: relative;
  width: min(360px, 100%);
  height: clamp(430px, 58vw, 510px);
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 30px;
  background: #001f38;
  box-shadow: 0 30px 70px rgba(0,0,0,.4);
  animation: ghsFloat 6.5s ease-in-out infinite;
  translate: var(--ghs-phone-x) var(--ghs-phone-y);
  transform-style: preserve-3d;
  will-change: transform, translate;
}
.ghs-phone::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,31,56,.4), rgba(0,31,56,0) 28%, rgba(0,31,56,.88));
  pointer-events: none;
}
.ghs-phone-top {
  position: absolute;
  z-index: 2;
  top: 14px;
  left: 14px;
  right: 14px;
  display: flex;
  justify-content: space-between;
  color: #fff;
}
.ghs-phone-top span,
.ghs-phone-top > i {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(0,0,0,.42);
  backdrop-filter: blur(4px);
  font: 800 .72rem/1 var(--ghs-sans);
}
.ghs-phone-canvas {
  position: absolute;
  inset: 0;
  overflow: hidden;
  display: grid;
  place-items: center;
  background:
    radial-gradient(80% 70% at 48% 42%, rgba(3,117,219,.08), transparent 66%),
    linear-gradient(180deg, rgba(3,20,36,.22), rgba(0,31,56,.02) 34%, rgba(0,31,56,.18) 66%, rgba(0,12,23,.35)),
    #001f38;
}
.ghs-hero-video {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  background: #001f38;
  transform: scale(1.01);
}
.ghs-phone-canvas::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  opacity: .56;
  background: linear-gradient(180deg, rgba(0,31,56,.24), transparent 25%, transparent 58%, rgba(0,31,56,.82));
  pointer-events: none;
}
.ghs-phone-canvas::after {
  content: none;
}
.ghs-hero-placeholder {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: min(260px, 74%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  color: rgba(0, 12, 23, .62);
  text-align: center;
  transform: translate(-50%, -45%);
  user-select: none;
}
.ghs-hero-placeholder i {
  color: rgba(0, 12, 23, .46);
  font-size: 1.7rem;
}
.ghs-hero-placeholder strong {
  font: 800 1.02rem/1.24 var(--ghs-sans);
}
.ghs-hero-placeholder em {
  color: rgba(0, 12, 23, .58);
  font: 600 .86rem/1.1 var(--ghs-sans);
  font-style: normal;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ghs-reel-line {
  position: absolute;
  z-index: 2;
  height: 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  overflow: hidden;
}
.ghs-reel-line::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 52%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--ghs-green), var(--ghs-sky));
  animation: ghsPlay 6s linear infinite;
}
.ghs-reel-line-a { left: 18px; right: 46px; top: 42px; }
.ghs-reel-line-b { left: 18px; right: 18px; top: 76px; }
.ghs-reel-line-c { left: 18px; width: 58%; bottom: 48px; }
.ghs-phone-social {
  position: absolute;
  z-index: 3;
  right: 12px;
  bottom: 78px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  color: #fff;
}
.ghs-phone-social span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  font: 800 .72rem/1 var(--ghs-num);
}
.ghs-phone-social i { font-size: 1.5rem; }
.ghs-phone-social .ti-heart-filled {
  transform-origin: center;
  animation: ghsBeat 2.8s var(--ghs-ease) infinite;
}
.ghs-phone-social [data-ghs-hero-likes] {
  display: inline-block;
  transform-origin: center;
}
.ghs-phone-social span:nth-child(3) i { color: var(--ghs-green); }
.ghs-phone p {
  position: absolute;
  z-index: 3;
  left: 16px;
  right: 66px;
  bottom: 22px;
  margin: 0;
  color: #fff;
  font: 700 .88rem/1.35 var(--ghs-sans);
  text-wrap: balance;
}
.ghs-playbar {
  position: absolute;
  z-index: 3;
  left: 16px;
  right: 16px;
  bottom: 12px;
  height: 3px;
  overflow: hidden;
  border-radius: 2px;
  background: rgba(255,255,255,.25);
}
.ghs-playbar span {
  display: block;
  height: 100%;
  width: 64%;
  background: var(--ghs-green);
  animation: ghsPlay 9s linear infinite;
  animation-delay: -5.8s;
}
.ghs-float-chip {
  position: absolute;
  z-index: 4;
  display: grid;
  grid-template-columns: auto auto;
  gap: 2px 9px;
  align-items: center;
  border-radius: 14px;
  padding: 10px 13px;
  box-shadow: 0 16px 34px rgba(0,0,0,.28);
  animation: ghsFloat 7s ease-in-out infinite;
}
.ghs-float-chip i {
  grid-row: span 2;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: var(--ghs-blue);
  background: rgba(3,117,219,.12);
}
.ghs-float-chip strong { font: 900 1rem/1 var(--ghs-num); }
.ghs-float-chip span { font: 600 .72rem/1.2 var(--ghs-sans); }
.ghs-chip-views {
  left: calc(50% - 198px);
  top: 62px;
  background: #fff;
  color: var(--ghs-ink);
  translate: var(--ghs-chip-views-x) var(--ghs-chip-views-y);
}
.ghs-chip-saves {
  left: calc(50% - 46px);
  right: auto;
  top: 26px;
  display: flex;
  align-items: center;
  min-height: 54px;
  gap: 9px;
  padding: 11px 16px;
  background: var(--ghs-green);
  color: #12300a;
  white-space: nowrap;
  translate: var(--ghs-chip-saves-x) var(--ghs-chip-saves-y);
}
.ghs-chip-saves i {
  flex: none;
  color: #12300a;
  background: rgba(255,255,255,.2);
}
.ghs-chip-saves strong,
.ghs-chip-saves span {
  font: 900 .95rem/1.1 var(--ghs-sans);
}
.ghs-chip-creators {
  left: calc(50% + 9px);
  right: auto;
  bottom: 52px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.1);
  backdrop-filter: blur(10px);
  translate: var(--ghs-chip-creators-x) var(--ghs-chip-creators-y);
}
.ghs-chip-creators span {
  display: flex;
  align-items: center;
  width: 100px;
  height: 36px;
  background: none;
}
.ghs-chip-creators span i {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border: 2px solid var(--ghs-green);
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(255,255,255,.88);
  background-image: url("../img/social/creators/creator-laura-makes.webp");
  background-size: 104%;
  background-position: center 28%;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.78), 0 4px 11px rgba(0,25,45,.22);
}
.ghs-chip-creators span i + i {
  margin-left: -4px;
}
.ghs-chip-creators span i:nth-child(2) {
  border-color: var(--ghs-sky);
  background-image: url("../img/social/creators/creator-dani-eats.webp");
  background-size: 108%;
  background-position: center 31%;
}
.ghs-chip-creators span i:nth-child(3) {
  border-color: var(--ghs-green);
  background-image: url("../img/social/creators/creator-sofi-fit.webp");
  background-size: 106%;
  background-position: center 31%;
}
.ghs-chip-creators strong {
  max-width: 78px;
  font: 800 .74rem/1.2 var(--ghs-sans);
}

.ghs-trust {
  margin-top: -2px;
}
.ghs-trust-wrap {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  padding-block: 22px !important;
}
.ghs-trust::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #fff;
  pointer-events: none;
}
.ghs-trust-label {
  max-width: 112px;
  color: #9a98a4;
  font: 800 .74rem/1.35 var(--ghs-sans);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.ghs-trust-marquee {
  min-width: 0;
  overflow: hidden;
}
.ghs-trust-marquee .gh-logo-marquee {
  --gh-logo-marquee-duration: 42s;
  --gh-logo-marquee-gap: clamp(28px, 4vw, 46px);
  --gh-logo-marquee-logo-height: clamp(28px, 2.4vw, 40px);
}

.ghs-stakes-grid,
.ghs-proof-grid {
  margin-top: 44px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.ghs-stakes .ghs-wrap {
  width: min(1100px, calc(100% - 56px));
}
.ghs-stakes .ghs-section-head {
  max-width: 760px;
}
.ghs-stakes .ghs-section-head h2 {
  max-width: 16ch;
}
@media (min-width: 768px) {
  .ghs-stakes .ghs-section-head h2 {
    max-width: 13.5ch;
  }
}
.ghs-stake-card,
.ghs-testimonial,
.ghs-ledger {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ghs-border);
  border-radius: 14px;
  background: #fff;
  padding: 28px;
  transition: transform 220ms var(--ghs-ease), box-shadow 220ms var(--ghs-ease), border-color 220ms var(--ghs-ease);
}
.ghs-stake-card:hover,
.ghs-stake-card:focus-within,
.ghs-testimonial:hover,
.ghs-ledger:hover {
  transform: translateY(-4px);
  border-color: rgba(3, 117, 219, .3);
  box-shadow: 0 16px 34px rgba(11, 31, 48, .08);
}
.ghs-stake-card-efeonce {
  color: #eaf1f7;
  background:
    radial-gradient(72% 80% at 100% 0%, rgba(110,194,7,.2), rgba(0,64,112,0) 60%),
    var(--ghs-navy);
  border-color: var(--ghs-navy);
  box-shadow: 0 18px 42px rgba(0,58,102,.2);
}
.ghs-stake-card-efeonce::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(72% 80% at 100% 0%, rgba(110,194,7,.18), rgba(0,64,112,0) 60%);
  animation: ghsPulse 4.5s var(--ghs-ease) infinite;
}
.ghs-stake-card-efeonce > * {
  position: relative;
  z-index: 1;
}
.ghs-card-label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 14px;
  color: #9a98a4;
  font: 800 .8rem/1 var(--ghs-sans);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.ghs-stake-card-efeonce .ghs-card-label { color: var(--ghs-green); }
.ghs-stake-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 18px;
}
.ghs-stake-brand img {
  display: block;
  width: auto;
  height: 20px;
}
.ghs-stake-brand span {
  width: 1px;
  height: 16px;
  background: rgba(255,255,255,.25);
}
.ghs-stake-brand strong {
  color: var(--ghs-green);
  font: 900 .72rem/1 var(--ghs-sans);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.ghs-stake-card ul,
.ghs-ledger ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ghs-stake-card li,
.ghs-ledger li {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  padding: 9px 11px;
  border-radius: 9px;
  color: var(--ghs-muted);
  font: 500 1.02rem/1.45 var(--ghs-sans);
}
.ghs-stake-card li i,
.ghs-ledger li i {
  flex: none;
  margin-top: 2px;
  color: #a7a4b0;
  font-size: 1.1rem;
}
.ghs-stake-card-efeonce li {
  color: #eaf1f7;
}
.ghs-stake-card-efeonce li i {
  color: var(--ghs-green);
}
.ghs-stake-card li:hover { background: rgba(3,117,219,.055); transform: translateX(4px); }
.ghs-stake-card-efeonce li:hover { background: rgba(255,255,255,.07); }

.ghs-explorer {
  margin-top: 52px;
  display: grid;
  grid-template-columns: minmax(320px, .9fr) minmax(420px, 1.1fr);
  gap: clamp(24px, 3vw, 44px);
  align-items: stretch;
}
.ghs-tabs {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ghs-tab {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 13px;
  width: 100%;
  padding: 15px 16px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background 220ms var(--ghs-ease);
}
.ghs-tab[aria-selected="true"],
.ghs-tab:hover { background: var(--ghs-paper); }
.ghs-tab-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--ghs-blue);
  background: rgba(3, 117, 219, .1);
  transition: background 220ms var(--ghs-ease), color 220ms var(--ghs-ease);
}
.ghs-tab[aria-selected="true"] .ghs-tab-icon {
  color: #fff;
  background: var(--ghs-blue);
}
.ghs-tab-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.ghs-tab-title {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  color: var(--ghs-ink);
  font: 800 1.14rem/1.3 var(--ghs-display);
}
.ghs-tab[aria-selected="true"] .ghs-tab-title { color: var(--ghs-blue); }
.ghs-tab-title b {
  padding: 3px 8px;
  border-radius: 999px;
  color: #fff;
  background: var(--ghs-blue);
  font: 800 .6rem/1 var(--ghs-sans);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.ghs-tab-desc {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
  color: var(--ghs-muted);
  font: 400 .98rem/1.5 var(--ghs-sans);
  transition: max-height 340ms var(--ghs-ease), opacity 300ms var(--ghs-ease), margin-top 340ms var(--ghs-ease);
}
.ghs-tab[aria-selected="true"] .ghs-tab-desc {
  max-height: 220px;
  opacity: 1;
  margin-top: 8px;
}
.ghs-tab-bar {
  display: block;
  width: 100%;
  height: 3px;
  margin-top: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(3,117,219,.12);
}
.ghs-tab-bar i {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--ghs-blue), var(--ghs-green));
}
.ghs-scenes {
  position: relative;
  min-height: clamp(460px, 54vw, 560px);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 24px;
  overflow: hidden;
  isolation: isolate;
  background: #003a66;
  box-shadow: 0 26px 62px rgba(0,58,102,.22);
}
.ghs-scenes::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(70% 60% at 85% 6%, rgba(3,117,219,.42), rgba(0,58,102,0) 60%),
    radial-gradient(60% 55% at 4% 100%, rgba(110,194,7,.24), rgba(0,58,102,0) 55%);
}
.ghs-scene {
  position: absolute;
  inset: 0;
  padding: clamp(18px, 2.4vw, 26px);
  opacity: 0;
  transform: scale(.98) translateY(8px);
  pointer-events: none;
  transition: opacity 420ms var(--ghs-ease), transform 420ms var(--ghs-ease);
}
.ghs-scene[aria-hidden="false"] {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.ghs-scene-rich {
  position: relative;
  z-index: 1;
  height: 100%;
  color: #fff;
}
.ghs-scene-browser {
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(0,0,0,.18);
}
.ghs-scene-browser header {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 0 14px;
  border-bottom: 1px solid rgba(255,255,255,.12);
  color: #9fb6c9;
}
.ghs-scene-browser header span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(255,255,255,.26);
}
.ghs-scene-browser header em {
  margin-left: auto;
  color: #dbe8f2;
  font: 800 .7rem/1 var(--ghs-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-style: normal;
}
.ghs-scene-body {
  min-height: calc(100% - 42px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  padding: clamp(22px, 3vw, 38px);
}
.ghs-scene-body > i {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, var(--ghs-blue), var(--ghs-green));
  font-size: 1.9rem;
}
.ghs-scene-body strong {
  color: #fff;
  font: 900 clamp(1.45rem, 2.5vw, 2.1rem)/1.1 var(--ghs-display);
}
.ghs-scene-body p {
  max-width: 36ch;
  margin: 0;
  color: #c3d2e2;
  font: 400 1rem/1.55 var(--ghs-sans);
}
.ghs-scene-meter {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
}
.ghs-scene-meter span {
  display: block;
  width: 84%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--ghs-green), var(--ghs-sky));
  animation: ghsMeter 4.8s var(--ghs-ease) infinite;
}
.ghs-scene-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #9fb6c9;
  font: 800 .74rem/1 var(--ghs-sans);
}
.ghs-scene-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.ghs-scene-meta > span:first-child {
  color: #fff;
}
.ghs-scene-meta b,
.ghs-rich-ugc strong,
.ghs-community-proof b,
.ghs-trend-proof b {
  color: #fff;
}
.ghs-rec i {
  position: relative;
  width: 9px;
  height: 9px;
  flex: none;
}
.ghs-rec i::before,
.ghs-rec i::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #ff5a52;
}
.ghs-rec i::after {
  animation: ghsPing 1.8s var(--ghs-ease) infinite;
}
.ghs-rich-studio,
.ghs-rich-ai,
.ghs-rich-care,
.ghs-rich-trend,
.ghs-rich-listening {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ghs-video-preview {
  flex: 1 1 auto;
  min-height: 120px;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  background: linear-gradient(160deg,#0a2942,#001b30);
}
.ghs-include-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.ghs-video-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0,16,30,.06), rgba(0,16,30,.18)),
    radial-gradient(70% 70% at 50% 20%, rgba(255,255,255,.08), transparent 68%);
}
.ghs-play {
  width: 62px;
  height: 62px;
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: rgba(0,31,56,.42);
  backdrop-filter: blur(8px);
  box-shadow: 0 18px 44px rgba(0,0,0,.2);
}
.ghs-play i { font-size: 1.6rem; }
.ghs-playbar {
  position: absolute;
  z-index: 2;
  left: 16px;
  right: 16px;
  bottom: 16px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
}
.ghs-playbar span {
  display: block;
  width: 64%;
  height: 100%;
  border-radius: inherit;
  background: var(--ghs-green);
}
.ghs-playbar i {
  position: absolute;
  top: 50%;
  left: 2%;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,.4);
  transform: translate(-50%, -50%);
  animation: ghsPlayhead 3.6s var(--ghs-ease) infinite;
}
.ghs-export-card,
.ghs-human-review,
.ghs-collab-card,
.ghs-sla {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.08);
}
.ghs-export-card {
  padding: 13px 15px;
}
.ghs-export-card div,
.ghs-sla {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.ghs-export-card span {
  color: #eaf1f7;
  font: 800 .8rem/1 var(--ghs-sans);
}
.ghs-export-card span i,
.ghs-scene-meta i,
.ghs-trend-proof i {
  color: var(--ghs-green);
}
.ghs-export-card b {
  color: #fff;
  font: 900 .9rem/1 var(--ghs-num);
}
.ghs-export-card em {
  display: block;
  height: 6px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
}
.ghs-export-card em i {
  display: block;
  width: 40%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,var(--ghs-blue),var(--ghs-green));
  animation: ghsFill 2.4s var(--ghs-ease) infinite;
}
.ghs-scene-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ghs-scene-tags span {
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  color: #dbe8f2;
  font: 800 .72rem/1 var(--ghs-sans);
}
.ghs-scene-tags span:last-child {
  color: #bfe89a;
  background: rgba(110,194,7,.2);
}
.ghs-variant-grid {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 10px;
}
.ghs-variant-grid span {
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  min-height: 92px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  color: rgba(255,255,255,.42);
  background: linear-gradient(150deg,#0a2942,#06263f);
}
.ghs-variant-grid i { font-size: 1.4rem; }
.ghs-variant-grid img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.ghs-variant-grid .is-shimmer {
  background: linear-gradient(100deg, rgba(255,255,255,.05) 30%, rgba(255,255,255,.22) 50%, rgba(255,255,255,.05) 70%);
  background-size: 220% 100%;
  animation: ghsShimmer 1.5s linear infinite;
}
.ghs-variant-grid .is-generated {
  background: #06263f;
}
.ghs-variant-grid .is-delay-1 { animation-delay: .5s; }
.ghs-variant-grid .is-delay-2 { animation-delay: 1s; }
.ghs-human-review {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 14px;
}
.ghs-human-review i,
.ghs-collab-card > i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 8px;
  color: #12300a;
  background: var(--ghs-green);
}
.ghs-human-review span {
  color: #eaf1f7;
  font: 700 .84rem/1.35 var(--ghs-sans);
}
.ghs-rich-ugc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.ghs-ugc-stack {
  position: relative;
  width: min(240px, 82%);
  min-height: 244px;
}
.ghs-ugc-card {
  position: absolute;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
}
.ghs-ugc-card-back {
  inset: 12px 16px -8px -16px;
  background: rgba(255,255,255,.05);
  transform: rotate(-5deg);
}
.ghs-ugc-card-mid {
  inset: 6px -14px -4px 12px;
  background: rgba(255,255,255,.07);
  transform: rotate(4deg);
}
.ghs-ugc-card-front {
  inset: 0;
  padding: 14px;
  background: #082740;
  border-color: rgba(255,255,255,.14);
}
.ghs-ugc-author {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}
.ghs-ugc-author span {
  grid-row: span 2;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg,var(--ghs-green),var(--ghs-sky));
}
.ghs-ugc-author .ghs-ugc-avatar {
  padding: 2px;
  overflow: hidden;
  background: linear-gradient(135deg,var(--ghs-green),var(--ghs-sky));
  box-shadow: 0 8px 18px rgba(0,0,0,.24);
}
.ghs-ugc-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: inherit;
  object-fit: cover;
  object-position: center 34%;
  background: #0a3452;
}
.ghs-ugc-author b,
.ghs-ugc-author em {
  display: block;
}
.ghs-ugc-author b {
  color: #fff;
  font: 800 .82rem/1 var(--ghs-sans);
}
.ghs-ugc-author em {
  margin-top: 3px;
  color: #9fb6c9;
  font: 500 .72rem/1 var(--ghs-sans);
  font-style: normal;
}
.ghs-ugc-media {
  position: relative;
  overflow: hidden;
  height: 96px;
  margin-top: 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: linear-gradient(160deg,#0a3050,#06283f);
}
.ghs-ugc-media-video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.ghs-ugc-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.18));
}
.ghs-ugc-stats {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
  color: #fff;
}
.ghs-ugc-stats span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font: 900 .74rem/1 var(--ghs-num);
}
.ghs-ugc-stats .ti-heart-filled,
.ghs-heart { color: #ff5a72; }
.ghs-heart {
  position: absolute;
  bottom: 36px;
  font-size: 1.05rem;
  animation: ghsRise 2.4s ease-out infinite;
}
.ghs-heart-1 { left: 28%; }
.ghs-heart-2 { left: 56%; font-size: .9rem; animation-delay: .9s; }
.ghs-heart-3 { left: 42%; animation-delay: 1.6s; }
.ghs-rich-ugc p {
  max-width: 32ch;
  margin: 0;
  color: #dbe8f2;
  text-align: center;
  font: 700 .9rem/1.4 var(--ghs-sans);
}
.ghs-rich-community {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 11px;
}
.ghs-chat-bubble {
  max-width: 86%;
  padding: 11px 14px;
  border-radius: 14px;
}
.ghs-chat-bubble div {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.ghs-chat-bubble span {
  width: 24px;
  height: 24px;
  flex: none;
  border-radius: 50%;
}
.ghs-chat-avatar {
  position: relative;
  padding: 2px;
  overflow: hidden;
  background: linear-gradient(135deg,var(--ghs-sky),var(--ghs-green));
  box-shadow: 0 7px 14px rgba(0,26,45,.22);
}
.ghs-chat-avatar::after {
  content: "";
  position: absolute;
  inset: 2px;
  border: 1px solid rgba(255,255,255,.54);
  border-radius: inherit;
  pointer-events: none;
}
.ghs-chat-avatar img {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0,58,102,.8);
  border-radius: inherit;
  background: #003a66;
  object-fit: cover;
  object-position: center 31%;
}
.ghs-chat-bubble b {
  color: #fff;
  font: 800 .78rem/1 var(--ghs-sans);
}
.ghs-chat-bubble p {
  margin: 0;
  color: #dbe8f2;
  font: 500 .86rem/1.4 var(--ghs-sans);
}
.ghs-chat-user {
  align-self: flex-start;
  border: 1px solid rgba(255,255,255,.12);
  border-bottom-left-radius: 4px;
  background: rgba(255,255,255,.08);
}
.ghs-chat-brand {
  align-self: flex-end;
  border-bottom-right-radius: 4px;
  background: linear-gradient(135deg,var(--ghs-blue),#0a5fb0);
}
.ghs-chat-brand-mark {
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.ghs-chat-brand-mark img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.ghs-typing {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}
.ghs-typing i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9fb6c9;
  animation: ghsPulse 1.2s infinite;
}
.ghs-typing i:nth-child(2) { animation-delay: .2s; }
.ghs-typing i:nth-child(3) { animation-delay: .4s; }
.ghs-community-proof {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 6px;
  color: #9fb6c9;
  font: 800 .76rem/1 var(--ghs-sans);
}
.ghs-community-proof span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.ghs-community-proof i { color: #ff5a72; }
.ghs-inbox-list {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.ghs-inbox-list > div {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 13px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.08);
}
.ghs-inbox-list .ghs-inbox-avatar {
  position: relative;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  padding: 2px;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(135deg,var(--ghs-green),var(--ghs-sky));
  box-shadow: 0 9px 18px rgba(0,26,45,.22);
}
.ghs-inbox-list .ghs-inbox-avatar::after {
  content: "";
  position: absolute;
  inset: 2px;
  border: 1px solid rgba(255,255,255,.52);
  border-radius: inherit;
  pointer-events: none;
}
.ghs-inbox-list .ghs-inbox-avatar img {
  width: 100%;
  height: 100%;
  border: 2px solid rgba(0,58,102,.84);
  border-radius: inherit;
  background: #003a66;
  object-fit: cover;
  object-position: center 30%;
}
.ghs-inbox-list .ghs-inbox-avatar-mention {
  background: linear-gradient(135deg,var(--ghs-sky),var(--ghs-blue));
}
.ghs-inbox-list .ghs-inbox-avatar-mention img {
  object-position: center 34%;
}
.ghs-inbox-list .ghs-inbox-avatar-comment {
  background: linear-gradient(135deg,var(--ghs-green),var(--ghs-blue));
}
.ghs-inbox-list .ghs-inbox-avatar-comment img {
  object-position: center 32%;
}
.ghs-inbox-list span {
  min-width: 0;
  flex: 1 1 auto;
}
.ghs-inbox-list b,
.ghs-inbox-list em {
  display: block;
}
.ghs-inbox-list b {
  color: #fff;
  font: 800 .8rem/1.2 var(--ghs-sans);
}
.ghs-inbox-list em {
  margin-top: 2px;
  color: #9fb6c9;
  font: 500 .72rem/1.3 var(--ghs-sans);
  font-style: normal;
}
.ghs-inbox-list strong {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 999px;
  font: 900 .66rem/1 var(--ghs-sans);
}
.ghs-inbox-list .is-resolved { color: #12300a; background: rgba(110,194,7,.72); }
.ghs-inbox-list .is-progress { color: #4c3700; background: rgba(255,196,87,.72); }
.ghs-inbox-list .is-new { color: var(--ghs-blue); background: rgba(3,117,219,.14); }
.ghs-sla {
  padding: 12px 14px;
}
.ghs-sla span {
  color: #eaf1f7;
  font: 700 .82rem/1 var(--ghs-sans);
}
.ghs-sla b {
  color: var(--ghs-green);
  font: 900 1rem/1 var(--ghs-num);
}
.ghs-rich-creators-mini {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
}
.ghs-mini-creators {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
}
.ghs-mini-creators span {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  padding: 3px;
  border-radius: 50%;
  background: conic-gradient(from 0deg,var(--ghs-green),var(--ghs-sky),var(--ghs-blue),var(--ghs-green));
  animation: ghsSpin 9s linear infinite;
}
.ghs-mini-creators span:nth-child(2) { animation-duration: 11s; background: conic-gradient(from 120deg,var(--ghs-sky),var(--ghs-blue),var(--ghs-green),var(--ghs-sky)); }
.ghs-mini-creators span:nth-child(3) { animation-duration: 10s; background: conic-gradient(from 220deg,var(--ghs-blue),var(--ghs-green),var(--ghs-sky),var(--ghs-blue)); }
.ghs-mini-creators .ghs-mini-creator-avatar {
  position: relative;
  overflow: hidden;
  animation: none;
  box-shadow: 0 16px 30px rgba(0,25,45,.22);
}
.ghs-mini-creators .ghs-mini-creator-avatar::after {
  content: "";
  position: absolute;
  inset: 3px;
  z-index: 2;
  border: 2px solid rgba(0,58,102,.88);
  border-radius: inherit;
  pointer-events: none;
}
.ghs-mini-creators .ghs-mini-creator-avatar img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #003a66;
  object-fit: cover;
  object-position: center 29%;
}
.ghs-mini-creators .ghs-mini-creator-avatar:nth-child(2) img {
  object-position: center 32%;
}
.ghs-mini-creators .ghs-mini-creator-avatar:nth-child(3) img {
  object-position: center 34%;
}
.ghs-mini-creators .ghs-mini-creator-add {
  padding: 0;
  color: #9fb6c9;
  border: 2px dashed rgba(255,255,255,.3);
  background: transparent;
  animation: none;
}
.ghs-mini-creators .ghs-mini-creator-add i {
  width: auto;
  height: auto;
  border: 0;
  background: transparent;
  font-size: 1.3rem;
}
.ghs-collab-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
}
.ghs-collab-card > i {
  width: 44px;
  height: 44px;
  color: var(--ghs-blue);
  background: rgba(3,117,219,.14);
  font-size: 1.3rem;
}
.ghs-collab-card span {
  flex: 1 1 auto;
  min-width: 0;
}
.ghs-collab-card b,
.ghs-collab-card em {
  display: block;
}
.ghs-collab-card span b {
  color: #fff;
  font: 800 .88rem/1.2 var(--ghs-sans);
}
.ghs-collab-card span em,
.ghs-collab-card strong em {
  margin-top: 3px;
  color: #9fb6c9;
  font: 500 .76rem/1.3 var(--ghs-sans);
  font-style: normal;
}
.ghs-collab-card strong {
  flex: none;
  text-align: right;
}
.ghs-collab-card strong b {
  color: var(--ghs-green);
  font: 900 1rem/1 var(--ghs-num);
}
.ghs-trend-pill {
  padding: 6px 12px;
  border: 1px solid rgba(110,194,7,.4);
  border-radius: 999px;
  color: #bfe89a;
  background: rgba(110,194,7,.18);
}
.ghs-trend-chart {
  flex: 1 1 auto;
  min-height: 120px;
  display: flex;
  align-items: flex-end;
  gap: 7px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  background: linear-gradient(160deg,#0a2942,#001b30);
}
.ghs-trend-chart i {
  flex: 1;
  border-radius: 5px 5px 0 0;
  background: rgba(255,255,255,.18);
  transform-origin: bottom;
  animation: ghsGrow 2.8s var(--ghs-ease) infinite;
}
.ghs-trend-chart i:nth-child(1) { height: 28%; }
.ghs-trend-chart i:nth-child(2) { height: 40%; animation-delay: .2s; }
.ghs-trend-chart i:nth-child(3) { height: 34%; animation-delay: .4s; }
.ghs-trend-chart i:nth-child(4) { height: 56%; background: rgba(77,184,255,.5); animation-delay: .6s; }
.ghs-trend-chart i:nth-child(5) { height: 74%; background: rgba(77,184,255,.7); animation-delay: .8s; }
.ghs-trend-chart i:nth-child(6) { height: 100%; background: linear-gradient(180deg,var(--ghs-green),#4b8405); animation-delay: 1s; }
.ghs-trend-proof {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #dbe8f2;
  font: 700 .86rem/1.35 var(--ghs-sans);
}
.ghs-trend-proof i { font-size: 1.4rem; }
.ghs-rich-listening {
  --ghs-listening-cycle: 5.2s;
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: hidden;
}
.ghs-listening-board {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 12px;
}
.ghs-listening-query,
.ghs-listening-signal,
.ghs-listening-action {
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 16px;
  background: rgba(255,255,255,.08);
}
.ghs-listening-query {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  min-height: 172px;
  padding: 16px;
}
.ghs-listening-query::before {
  content: "";
  position: absolute;
  inset: auto -20% -36% -20%;
  height: 96px;
  pointer-events: none;
  background: radial-gradient(closest-side, rgba(110,194,7,.28), rgba(110,194,7,0));
}
.ghs-listening-query::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 0%, rgba(77,184,255,.04) 34%, rgba(77,184,255,.28) 50%, transparent 68%);
  opacity: 0;
  transform: translateX(-120%);
}
.ghs-listening-query > span,
.ghs-listening-action > span {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #9fb6c9;
  font: 900 .68rem/1 var(--ghs-sans);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.ghs-listening-query > span i {
  color: var(--ghs-green);
  font-size: .95rem;
}
.ghs-listening-query b,
.ghs-listening-action b {
  position: relative;
  z-index: 1;
  color: #fff;
  font: 900 clamp(1rem, 2vw, 1.28rem)/1.12 var(--ghs-display);
}
.ghs-listening-query em {
  position: relative;
  z-index: 1;
  color: #b7c9d8;
  font: 600 .76rem/1.3 var(--ghs-sans);
  font-style: normal;
}
.ghs-listening-query strong {
  position: relative;
  z-index: 1;
  width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 10px;
  border-radius: 999px;
  color: #12300a;
  background: var(--ghs-green);
  font: 900 .78rem/1 var(--ghs-num);
}
.ghs-listening-signals {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ghs-listening-signal {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) max-content;
  align-items: center;
  gap: 11px;
  min-height: 81px;
  padding: 12px;
}
.ghs-listening-signal::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(100deg, transparent 0%, rgba(77,184,255,.18) 48%, transparent 68%);
  opacity: 0;
  transform: translateX(-120%);
}
.ghs-listening-signal > * {
  position: relative;
  z-index: 1;
}
.ghs-listening-signal > i {
  position: relative;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: var(--ghs-green);
  background: rgba(110,194,7,.13);
  font-size: 1.2rem;
}
.ghs-listening-signal > i::after {
  content: "";
  position: absolute;
  inset: -5px;
  border: 1px solid currentColor;
  border-radius: inherit;
  opacity: 0;
  transform: scale(.75);
}
.ghs-listening-signal.is-hot > i {
  color: #fff;
  background: linear-gradient(135deg,var(--ghs-blue),var(--ghs-sky));
}
.ghs-listening-signal span {
  min-width: 0;
}
.ghs-listening-signal b,
.ghs-listening-signal em {
  display: block;
}
.ghs-listening-signal b {
  color: #fff;
  font: 800 .8rem/1.2 var(--ghs-sans);
}
.ghs-listening-signal em {
  margin-top: 3px;
  color: #9fb6c9;
  font: 500 .72rem/1.25 var(--ghs-sans);
  font-style: normal;
}
.ghs-listening-signal strong {
  padding: 6px 9px;
  border-radius: 999px;
  color: #bfe89a;
  background: rgba(110,194,7,.14);
  font: 900 .64rem/1 var(--ghs-sans);
}
.ghs-listening-action {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, .55fr) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 13px 14px;
  background: linear-gradient(135deg, rgba(110,194,7,.18), rgba(3,117,219,.14));
}
.ghs-listening-action::before {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  background: radial-gradient(closest-side at 18% 50%, rgba(110,194,7,.24), rgba(110,194,7,0) 72%);
  opacity: 0;
  transform: scale(.84);
}
.ghs-listening-action > span i {
  color: var(--ghs-green);
  font-size: 1rem;
}
.ghs-listening-action b {
  font: 800 .84rem/1.3 var(--ghs-sans);
}
.ghs-scene[aria-hidden="false"] .ghs-rich-listening .ghs-scene-meta > span:first-child i {
  animation: ghsListeningSearchBeat var(--ghs-listening-cycle) var(--ghs-ease) infinite;
}
.ghs-scene[aria-hidden="false"] .ghs-listening-query::before {
  animation: ghsListeningQueryGlow var(--ghs-listening-cycle) var(--ghs-ease) infinite;
}
.ghs-scene[aria-hidden="false"] .ghs-listening-query::after {
  animation: ghsListeningSweep var(--ghs-listening-cycle) var(--ghs-ease) infinite;
}
.ghs-scene[aria-hidden="false"] .ghs-listening-query strong {
  animation: ghsListeningBadgePulse var(--ghs-listening-cycle) var(--ghs-ease) infinite;
}
.ghs-scene[aria-hidden="false"] .ghs-listening-signal {
  animation: ghsListeningSignalLift var(--ghs-listening-cycle) var(--ghs-ease) infinite;
}
.ghs-scene[aria-hidden="false"] .ghs-listening-signal::before {
  animation: ghsListeningSignalSweep var(--ghs-listening-cycle) var(--ghs-ease) infinite;
}
.ghs-scene[aria-hidden="false"] .ghs-listening-signal > i::after {
  animation: ghsListeningIconRing var(--ghs-listening-cycle) var(--ghs-ease) infinite;
}
.ghs-scene[aria-hidden="false"] .ghs-listening-signal:nth-child(2),
.ghs-scene[aria-hidden="false"] .ghs-listening-signal:nth-child(2)::before,
.ghs-scene[aria-hidden="false"] .ghs-listening-signal:nth-child(2) > i::after {
  animation-delay: 1.15s;
}
.ghs-scene[aria-hidden="false"] .ghs-listening-action {
  animation: ghsListeningActionReady var(--ghs-listening-cycle) var(--ghs-ease) infinite;
}
.ghs-scene[aria-hidden="false"] .ghs-listening-action::before {
  animation: ghsListeningActionGlow var(--ghs-listening-cycle) var(--ghs-ease) infinite;
}
.ghs-scene[aria-hidden="false"] .ghs-listening-action b {
  animation: ghsListeningActionText var(--ghs-listening-cycle) var(--ghs-ease) infinite;
}

.ghs-wall-bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(90% 70% at 15% 0%, rgba(110,194,7,.10), rgba(0,64,112,0) 55%);
  pointer-events: none;
}
.ghs-wall-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 40px;
}
.ghs-wall-hint {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #7f93a6;
  font: 700 .82rem/1 var(--ghs-sans);
}
.ghs-wall-mask {
  position: relative;
  height: clamp(440px, 60vh, 600px);
  overflow: hidden;
  mask-image: linear-gradient(180deg, transparent 0, #000 7%, #000 93%, transparent 100%);
  contain: paint;
}
.ghs-wall-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(10px, 1.4vw, 16px);
  align-items: start;
}
.ghs-wall-col {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.4vw, 16px);
  backface-visibility: hidden;
  will-change: transform;
}
.ghs-wall-tile {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: var(--ghs-wall-slot-height, 300px);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  background: rgba(255,255,255,.045);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  transition: transform 220ms var(--ghs-ease), border-color 220ms var(--ghs-ease), box-shadow 220ms var(--ghs-ease);
}
.ghs-wall-tile:hover {
  transform: translateY(-4px);
  border-color: rgba(110,194,7,.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 42px rgba(0,20,38,.22);
}
.ghs-image-slot {
  position: relative;
  display: block;
  width: 100%;
  height: var(--ghs-wall-slot-height, 300px);
  min-height: var(--ghs-wall-slot-height, 300px);
  overflow: hidden;
  background:
    radial-gradient(130px 120px at 24% 18%, rgba(110,194,7,.28), transparent 66%),
    radial-gradient(210px 170px at 82% 74%, rgba(77,184,255,.24), transparent 70%),
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.016));
}
.ghs-image-slot[data-image-slot="muro-a3"],
.ghs-image-slot[data-image-slot="muro-c2"] {
  background:
    linear-gradient(135deg, rgba(3,117,219,.30), transparent 54%),
    radial-gradient(140px 120px at 78% 24%, rgba(255,255,255,.12), transparent 64%),
    rgba(255,255,255,.045);
}
.ghs-image-slot[data-image-slot="muro-a4"],
.ghs-image-slot[data-image-slot="muro-c1"] {
  background:
    radial-gradient(130px 120px at 22% 72%, rgba(110,194,7,.28), transparent 65%),
    linear-gradient(150deg, rgba(77,184,255,.24), rgba(255,255,255,.035));
}
.ghs-image-slot[data-image-slot="muro-b2"],
.ghs-image-slot[data-image-slot="muro-b3"],
.ghs-image-slot[data-image-slot="muro-c4"] {
  background:
    radial-gradient(120px 120px at 18% 18%, rgba(77,184,255,.32), transparent 62%),
    linear-gradient(155deg, rgba(110,194,7,.23), rgba(3,117,219,.22) 58%, rgba(255,255,255,.03));
}
.ghs-image-slot[data-image-slot="muro-a1"] { --ghs-wall-media-position: 50% 48%; }
.ghs-image-slot[data-image-slot="muro-a3"] { --ghs-wall-media-position: 48% 50%; }
.ghs-image-slot[data-image-slot="muro-a4"] { --ghs-wall-media-position: 50% 42%; }
.ghs-image-slot[data-image-slot="muro-b2"] { --ghs-wall-media-position: 50% 45%; }
.ghs-image-slot[data-image-slot="muro-b3"] { --ghs-wall-media-position: 50% 50%; }
.ghs-image-slot[data-image-slot="muro-c1"] { --ghs-wall-media-position: 50% 39%; }
.ghs-image-slot[data-image-slot="muro-c2"] { --ghs-wall-media-position: 50% 52%; }
.ghs-image-slot[data-image-slot="muro-c4"] { --ghs-wall-media-position: 50% 50%; }
.ghs-image-slot::before,
.ghs-image-slot::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.ghs-image-slot::before {
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 28%, rgba(0,0,0,.08) 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 70px);
  opacity: .55;
}
.ghs-image-slot::after {
  inset: 16px;
  border: 1px dashed rgba(255,255,255,.22);
  border-radius: 12px;
  opacity: .72;
}
.ghs-image-slot-filled {
  background: #05233a;
}
.ghs-image-slot-filled::before {
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), transparent 23%, rgba(0,0,0,.18) 100%),
    radial-gradient(220px 160px at 18% 8%, rgba(77,184,255,.18), transparent 68%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 70px);
  opacity: .62;
}
.ghs-image-slot-filled::after {
  z-index: 2;
  border-style: solid;
  opacity: .18;
}
.ghs-image-slot-media {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--ghs-wall-media-position, 50% 50%);
  transform: scale(1.018);
  filter: saturate(1.04) contrast(1.03);
  transition: transform 650ms cubic-bezier(.16,1,.3,1), filter 650ms cubic-bezier(.16,1,.3,1);
}
.ghs-image-slot-video {
  display: block;
  background: #05233a;
}
.ghs-wall-tile:hover .ghs-image-slot-media {
  transform: scale(1.055);
  filter: saturate(1.1) contrast(1.06);
}
.ghs-image-slot-inner {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  justify-items: center;
  max-width: min(78%, 300px);
  color: rgba(255,255,255,.74);
  text-align: center;
  transform: translate(-50%, -50%);
}
.ghs-image-slot-inner i {
  margin-bottom: 10px;
  color: rgba(255,255,255,.42);
  font-size: 1.42rem;
}
.ghs-image-slot-inner strong {
  color: rgba(255,255,255,.78);
  font: 800 .86rem/1.32 var(--ghs-sans);
  letter-spacing: 0;
}
.ghs-image-slot-inner em {
  margin-top: 5px;
  color: rgba(255,255,255,.45);
  font: 700 .72rem/1 var(--ghs-sans);
  font-style: normal;
  text-decoration: underline;
  text-decoration-color: rgba(77,184,255,.34);
  text-underline-offset: 3px;
}
.ghs-wall-media-shade {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0,0,0,.32), rgba(0,0,0,0) 30%, rgba(0,0,0,0) 66%, rgba(0,0,0,.48));
}
.ghs-wall-pill {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #fff;
  background: rgba(0,0,0,.45);
  font: 800 .68rem/1 var(--ghs-sans);
}
.ghs-wall-pill i {
  font-size: .75rem;
}
.ghs-wall-platform {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  color: rgba(255,255,255,.85);
  font-size: 1.05rem;
}
.ghs-social-card,
.ghs-wall-note {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  transition: transform 220ms var(--ghs-ease), border-color 220ms var(--ghs-ease), box-shadow 220ms var(--ghs-ease);
}
.ghs-social-card:hover,
.ghs-wall-note:hover {
  transform: translateY(-4px);
  border-color: rgba(110,194,7,.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 42px rgba(0,20,38,.18);
}
.ghs-social-card-tall .ghs-social-card-art { min-height: 330px; }
.ghs-social-card-mid .ghs-social-card-art { min-height: 300px; }
.ghs-social-card-wide .ghs-social-card-art { min-height: 230px; }
.ghs-social-card-art {
  position: relative;
  min-height: 270px;
  background:
    radial-gradient(90px 90px at 20% 22%, rgba(110,194,7,.38), transparent 62%),
    radial-gradient(150px 120px at 86% 72%, rgba(77,184,255,.3), transparent 66%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.015));
}
.ghs-social-gradient {
  position: absolute;
  inset: 18px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(135deg, rgba(110,194,7,.28), transparent 45%),
    linear-gradient(315deg, rgba(3,117,219,.34), transparent 55%),
    rgba(0,0,0,.16);
}
.ghs-social-play,
.ghs-social-platform {
  position: absolute;
  z-index: 2;
  top: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: rgba(0,0,0,.45);
  color: #fff;
}
.ghs-social-play { left: 10px; }
.ghs-social-platform { right: 10px; }
.ghs-social-card-meta {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}
.ghs-social-card-meta strong {
  color: #fff;
  font: 800 .96rem/1.2 var(--ghs-display);
}
.ghs-social-card-meta em {
  flex: none;
  padding: 5px 9px;
  border-radius: 999px;
  color: #12300a;
  background: var(--ghs-green);
  font: 900 .68rem/1 var(--ghs-sans);
  font-style: normal;
}
.ghs-wall-note {
  padding: 20px;
}
.ghs-wall-note::before,
.ghs-wall-note::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.ghs-wall-note::before {
  inset: auto -20% -55% 28%;
  height: 120px;
  background: radial-gradient(circle, rgba(77,184,255,.16), transparent 70%);
  z-index: -1;
}
.ghs-wall-note::after {
  left: 20px;
  right: 20px;
  bottom: 16px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ghs-green), rgba(77,184,255,.75), transparent);
  opacity: .35;
}
.ghs-wall-note i {
  color: var(--ghs-green);
  font-size: 1.4rem;
}
.ghs-wall-note strong {
  display: block;
  margin-top: 12px;
  color: #fff;
  font: 800 1.02rem/1.35 var(--ghs-display);
}
.ghs-wall-note p {
  margin: 6px 0 0;
  color: #9fb0c1;
  font: 400 .88rem/1.45 var(--ghs-sans);
}
.ghs-wall-note-blue {
  background: linear-gradient(150deg, rgba(3,117,219,.28), rgba(255,255,255,.04));
}

.ghs-creators-wrap {
  text-align: center;
}
.ghs-creators-wrap .ghs-section-head {
  margin-inline: auto;
  align-items: center;
}
.ghs-creators-wrap .ghs-section-head h2 {
  max-width: 24ch;
}
.ghs-creator-stack {
  margin: 40px auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(20px, 3.2vw, 38px);
}
.ghs-creator-profile {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 96px;
}
.ghs-creator-ring {
  position: relative;
  width: clamp(80px, 12vw, 108px);
  height: clamp(80px, 12vw, 108px);
  padding: 3px;
  box-sizing: border-box;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ghs-green), var(--ghs-sky), var(--ghs-blue));
  box-shadow: 0 16px 34px rgba(11,31,48,.14);
}
.ghs-creator-ring-green-first { background: linear-gradient(135deg, var(--ghs-green), var(--ghs-sky), var(--ghs-blue)); }
.ghs-creator-ring-sky-first { background: linear-gradient(135deg, var(--ghs-sky), var(--ghs-blue), var(--ghs-green)); }
.ghs-creator-ring-blue-first { background: linear-gradient(135deg, var(--ghs-blue), var(--ghs-green), var(--ghs-sky)); }
.ghs-creator-ring-green-blue { background: linear-gradient(135deg, var(--ghs-green), var(--ghs-blue), var(--ghs-sky)); }
.ghs-creator-ring-sky-green { background: linear-gradient(135deg, var(--ghs-sky), var(--ghs-green), var(--ghs-blue)); }
.ghs-creator-photo {
  --ghs-avatar-y: 8%;
  --ghs-avatar-scale: 1.2;
  --ghs-avatar-hover-scale: 1.255;
  display: grid;
  width: 100%;
  height: 100%;
  padding: 3px;
  box-sizing: border-box;
  border-radius: inherit;
  background: #fff;
}
.ghs-creator-photo > span {
  position: relative;
  display: grid;
  place-items: center;
  border-radius: inherit;
  overflow: hidden;
  background:
    radial-gradient(circle at 42% 34%, rgba(255,255,255,.95) 0 11%, transparent 12%),
    radial-gradient(circle at 50% 112%, rgba(3,117,219,.20) 0 36%, transparent 37%),
    linear-gradient(145deg, rgba(110,194,7,.18), rgba(77,184,255,.23) 54%, rgba(3,117,219,.16));
  color: var(--ghs-blue);
  font: 900 .95rem/1 var(--ghs-sans);
  letter-spacing: .02em;
}
.ghs-creator-photo > span::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.42), inset 0 -24px 42px rgba(0,58,102,.16);
  pointer-events: none;
}
.ghs-creator-photo img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
  transform: translate3d(0, var(--ghs-avatar-y), 0) scale(var(--ghs-avatar-scale));
  transform-origin: center center;
  filter: saturate(1.04) contrast(1.02);
  transition: transform 260ms var(--ghs-ease), filter 260ms var(--ghs-ease);
}
.ghs-creator-photo-crop-deeper {
  --ghs-avatar-y: 10%;
  --ghs-avatar-scale: 1.24;
  --ghs-avatar-hover-scale: 1.295;
}
.ghs-creator-profile:nth-child(1) .ghs-creator-photo {
  --ghs-avatar-y: 15%;
  --ghs-avatar-scale: 1.34;
  --ghs-avatar-hover-scale: 1.39;
}
.ghs-creator-profile:nth-child(2) .ghs-creator-photo {
  --ghs-avatar-y: 16%;
  --ghs-avatar-scale: 1.36;
  --ghs-avatar-hover-scale: 1.41;
}
.ghs-creator-profile:nth-child(3) .ghs-creator-photo {
  --ghs-avatar-y: 16.5%;
  --ghs-avatar-scale: 1.37;
  --ghs-avatar-hover-scale: 1.42;
}
.ghs-creator-profile:nth-child(4) .ghs-creator-photo {
  --ghs-avatar-y: 15%;
  --ghs-avatar-scale: 1.34;
  --ghs-avatar-hover-scale: 1.39;
}
.ghs-creator-profile:nth-child(5) .ghs-creator-photo {
  --ghs-avatar-y: 16%;
  --ghs-avatar-scale: 1.36;
  --ghs-avatar-hover-scale: 1.41;
}
.ghs-creator-profile:hover .ghs-creator-photo img,
.ghs-creator-profile:focus-within .ghs-creator-photo img {
  transform: translate3d(0, var(--ghs-avatar-y), 0) scale(var(--ghs-avatar-hover-scale));
  filter: saturate(1.08) contrast(1.04);
}
.ghs-creator-photo img[hidden] {
  display: none;
}
.ghs-creator-photo img:not([hidden]) + b {
  opacity: 0;
}
.ghs-creator-photo b {
  position: relative;
  z-index: 0;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  transition: opacity 180ms var(--ghs-ease);
}
.ghs-creator-network {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 7px rgba(0,0,0,.16);
}
.ghs-creator-network i {
  color: var(--ghs-blue);
  font-size: 1rem;
}
.ghs-creator-network .ti-brand-youtube {
  color: #e23b2e;
}
.ghs-creator-profile figcaption {
  color: var(--ghs-ink);
  font: 800 .92rem/1.2 var(--ghs-sans);
}
.ghs-creator-profile figcaption strong,
.ghs-creator-profile figcaption span {
  display: block;
}
.ghs-creator-profile figcaption span {
  margin-top: 3px;
  color: var(--ghs-muted);
  font-weight: 500;
}
.ghs-chip-row {
  margin-top: 22px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.ghs-chip-row span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border: 1px solid var(--ghs-border);
  border-radius: 999px;
  background: #fff;
  color: var(--ghs-muted);
  font: 800 .82rem/1 var(--ghs-sans);
}
.ghs-chip-row i { color: var(--ghs-green); }
.ghs-creators-chips {
  margin-top: 22px;
}
.ghs-creators-note {
  max-width: 760px;
  margin: 28px auto 0;
  color: var(--ghs-muted);
  font: 500 .92rem/1.45 var(--ghs-sans);
}

.ghs-metrics-grid,
.ghs-bridge-grid,
.ghs-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
  gap: clamp(36px, 5vw, 64px);
  align-items: center;
}
.ghs-metrics-board,
.ghs-dashboard {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  padding: clamp(22px, 3vw, 34px);
  box-shadow: 0 24px 58px rgba(0,0,0,.18);
}
.ghs-metrics-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.ghs-metrics-board article {
  min-height: 156px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  background: rgba(255,255,255,.05);
}
.ghs-metrics-board span {
  color: #fff;
  font: 900 clamp(2.3rem, 4vw, 4rem)/1 var(--ghs-num);
  letter-spacing: -.03em;
  white-space: nowrap;
}
.ghs-metrics-board p {
  margin: 10px 0 0;
  color: #b7c6d6;
  font: 500 .9rem/1.45 var(--ghs-sans);
}
.ghs-metrics-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(58% 60% at 84% 6%, rgba(3,117,219,.5), rgba(0,58,102,0) 60%),
    radial-gradient(54% 55% at 8% 102%, rgba(110,194,7,.28), rgba(0,58,102,0) 55%);
}
.ghs-metrics-wrap .ghs-section-head {
  margin-bottom: 48px;
}
.ghs-metrics-wrap .ghs-section-head h2 {
  max-width: 18ch;
}
.ghs-metrics-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
}
.ghs-metric-card {
  min-width: 0;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  box-shadow: 0 22px 48px rgba(0,0,0,.12);
  backdrop-filter: blur(6px);
  transition: transform 180ms var(--ghs-ease), border-color 180ms var(--ghs-ease), background 180ms var(--ghs-ease);
}
.ghs-metric-card:hover,
.ghs-metric-card:focus-within {
  transform: translateY(-3px);
  border-color: rgba(110,194,7,.35);
  background: rgba(255,255,255,.08);
}
.ghs-metric-card p {
  margin: 0 0 16px;
  color: #9fb6c9;
  font: 800 .82rem/1.3 var(--ghs-sans);
}
.ghs-metric-card strong {
  display: block;
  color: #fff;
  font: 900 3rem/1 var(--ghs-num);
  letter-spacing: -.03em;
  font-feature-settings: 'tnum' 1;
  white-space: nowrap;
}
.ghs-metric-card strong span {
  color: inherit;
  font: inherit;
}
.ghs-metric-card em {
  display: block;
  margin-top: 12px;
  color: #9fb6c9;
  font: 400 .94rem/1.45 var(--ghs-sans);
  font-style: normal;
}
.ghs-metrics-note {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 22px 0 0;
  color: #8fa6b8;
  font: 400 .92rem/1.45 var(--ghs-sans);
}
.ghs-metrics-note i {
  flex: none;
  font-size: 1.05rem;
}
.ghs-waveform {
  grid-column: 1 / -1;
  display: flex;
  align-items: end;
  gap: 5px;
  height: 56px;
}
.ghs-waveform i {
  flex: 1;
  height: 30%;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(180deg, var(--ghs-green), rgba(110,194,7,.25));
  transform-origin: bottom;
  animation: ghsBars 1.2s ease-in-out infinite;
}
.ghs-waveform i:nth-child(2) { animation-delay: -.18s; }
.ghs-waveform i:nth-child(3) { animation-delay: -.35s; }
.ghs-waveform i:nth-child(4) { animation-delay: -.5s; }
.ghs-waveform i:nth-child(5) { animation-delay: -.68s; }
.ghs-waveform i:nth-child(6) { animation-delay: -.82s; }

.ghs-greenhouse {
  overflow: hidden;
}
.ghs-greenhouse-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(56% 58% at 84% 8%, rgba(110, 194, 7, .13), rgba(255, 255, 255, 0) 60%),
    radial-gradient(50% 50% at 6% 100%, rgba(3, 117, 219, .08), rgba(255, 255, 255, 0) 55%);
}
.ghs-greenhouse-grid {
  display: block;
}
.ghs-greenhouse-intro {
  max-width: 780px;
  margin-bottom: 44px;
}
.ghs-greenhouse-intro .ghs-section-head {
  max-width: 780px;
}
.ghs-greenhouse-intro .ghs-section-head p {
  max-width: 62ch;
}
.ghs-greenhouse-app {
  overflow: hidden;
  border: 1px solid var(--ghs-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 30px 76px rgba(11, 31, 48, .16);
}
.ghs-app-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 18px;
  border-bottom: 1px solid var(--ghs-border);
  background: #fff;
}
.ghs-app-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.ghs-app-brand img {
  width: auto;
  height: 22px;
  object-fit: contain;
}
.ghs-app-status {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ghs-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--ghs-green-soft);
  color: #157f47;
  font: 800 .72rem/1 var(--ghs-sans);
}
.ghs-live-pill i {
  position: relative;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ghs-green);
}
.ghs-live-pill i::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--ghs-green);
  animation: ghsPing 2s var(--ghs-ease) infinite;
}
.ghs-client-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ghs-muted);
  font: 700 .82rem/1 var(--ghs-sans);
}
.ghs-client-pill i {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ghs-sky), var(--ghs-blue));
}
.ghs-app-body {
  display: flex;
  align-items: stretch;
  min-height: 560px;
}
.ghs-app-sidebar {
  flex: 0 0 58px;
  width: 58px;
  border-right: 1px solid var(--ghs-border);
  background: var(--ghs-paper);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px 0;
}
.ghs-app-sidebar span {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: #8f9dab;
}
.ghs-app-sidebar .is-active {
  color: #fff;
  background: var(--ghs-blue);
  box-shadow: 0 12px 26px rgba(3, 117, 219, .2);
}
.ghs-app-sidebar i {
  font-size: 1.22rem;
}
.ghs-app-main {
  flex: 1 1 auto;
  min-width: 0;
  padding: clamp(16px, 2vw, 24px);
  background: var(--ghs-paper);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ghs-app-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.ghs-app-toolbar h3 {
  margin: 0;
  color: var(--ghs-ink);
  font: 800 1.35rem/1.1 var(--ghs-display);
  letter-spacing: -.01em;
}
.ghs-app-toolbar > div:first-child > span {
  display: block;
  margin-top: 3px;
  color: var(--ghs-muted);
  font: 500 .84rem/1.2 var(--ghs-sans);
}
.ghs-app-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ghs-app-actions span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid var(--ghs-border);
  border-radius: 9px;
  background: #fff;
  color: var(--ghs-muted);
  font: 800 .8rem/1 var(--ghs-sans);
}
.ghs-app-actions span:last-child {
  width: 34px;
  justify-content: center;
  padding: 0;
}
.ghs-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 12px;
}
.ghs-kpi-grid article {
  min-width: 0;
  padding: 16px 18px;
  border: 1px solid var(--ghs-border);
  border-radius: 12px;
  background: #fff;
}
.ghs-kpi-grid article > span {
  display: block;
  color: var(--ghs-muted);
  font: 800 .78rem/1 var(--ghs-sans);
}
.ghs-kpi-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: var(--ghs-ink);
  font: 900 1.9rem/1 var(--ghs-num);
  font-feature-settings: "tnum" 1;
}
.ghs-kpi-grid em,
.ghs-business-flow aside em {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--ghs-blue);
  font: 800 .78rem/1.2 var(--ghs-sans);
  font-style: normal;
}
.ghs-kpi-grid em span {
  color: #8f9dab;
  font-weight: 500;
}
.ghs-dashboard-panels {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(288px, 1fr));
  gap: 14px;
}
.ghs-dashboard-panels section,
.ghs-business-flow {
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--ghs-border);
  border-radius: 12px;
  background: #fff;
}
.ghs-dashboard-panels header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
}
.ghs-dashboard-panels header strong {
  color: var(--ghs-ink);
  font: 800 .95rem/1 var(--ghs-display);
}
.ghs-dashboard-panels header span {
  color: #8f9dab;
  font: 500 .76rem/1 var(--ghs-sans);
}
.ghs-channel-bars {
  height: 150px;
  display: flex;
  align-items: end;
  gap: 14px;
}
.ghs-channel-bars > div {
  flex: 1;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.ghs-channel-bars i {
  width: 100%;
  border-radius: 7px 7px 0 0;
  background: linear-gradient(180deg, var(--ghs-sky), var(--ghs-blue));
}
.ghs-channel-bars > div:first-child i {
  background: linear-gradient(180deg, var(--ghs-green), var(--ghs-blue));
}
.ghs-channel-bars span {
  color: var(--ghs-muted);
  font-size: 1.1rem;
}
.ghs-post-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ghs-post-list > div {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.ghs-post-list b {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 7px;
  display: grid;
  place-items: center;
  background: var(--ghs-green);
  color: #fff;
  font: 900 .74rem/1 var(--ghs-num);
}
.ghs-post-list > div:not(:first-child) b {
  color: var(--ghs-blue);
  background: rgba(3, 117, 219, .1);
}
.ghs-post-thumb {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid var(--ghs-border);
  border-radius: 9px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0)),
    linear-gradient(135deg, #4db8ff, #0375db 52%, #6ec207);
}
.ghs-post-thumb-b { background: linear-gradient(135deg, #e7f6d8, #4db8ff 45%, #0375db); }
.ghs-post-thumb-c { background: linear-gradient(135deg, #fff5e9, #fb7a00 40%, #5145e0); }
.ghs-post-list p {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.ghs-post-list p strong {
  display: block;
  overflow: hidden;
  color: var(--ghs-ink);
  font: 800 .84rem/1.2 var(--ghs-sans);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ghs-post-list p span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 3px;
  color: var(--ghs-muted);
  font: 600 .72rem/1 var(--ghs-sans);
}
.ghs-post-list em {
  flex: 0 0 auto;
  text-align: right;
  font-style: normal;
}
.ghs-post-list em strong {
  display: block;
  color: var(--ghs-ink);
  font: 900 .82rem/1 var(--ghs-num);
}
.ghs-post-list em span {
  color: #8f9dab;
  font: 500 .66rem/1 var(--ghs-sans);
}
.ghs-business-flow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}
.ghs-business-flow > div {
  flex: 1 1 360px;
  min-width: 0;
}
.ghs-business-flow > div > span {
  display: block;
  margin-bottom: 12px;
  color: #8f9dab;
  font: 800 .72rem/1 var(--ghs-sans);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.ghs-flow-chips {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}
.ghs-flow-chips b {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border: 1px solid var(--ghs-border);
  border-radius: 8px;
  background: var(--ghs-paper);
  color: var(--ghs-muted);
  font: 800 .78rem/1 var(--ghs-sans);
}
.ghs-flow-chips b i {
  color: #8f9dab;
}
.ghs-flow-chips > i {
  color: rgba(11, 31, 48, .24);
  font-size: .9rem;
}
.ghs-flow-chips .is-won {
  color: #157f47;
  border-color: rgba(21, 127, 71, .25);
  background: var(--ghs-green-soft);
}
.ghs-flow-chips .is-won i {
  color: #157f47;
}
.ghs-business-flow aside {
  flex: 0 0 auto;
  text-align: right;
}
.ghs-business-flow aside > span {
  display: block;
  margin-bottom: 5px;
  color: var(--ghs-muted);
  font: 600 .76rem/1 var(--ghs-sans);
}
.ghs-business-flow aside > strong {
  display: block;
  color: var(--ghs-ink);
  font: 900 2rem/1 var(--ghs-num);
  font-feature-settings: "tnum" 1;
}
.ghs-business-flow aside em {
  margin-top: 5px;
}
.ghs-greenhouse-note {
  margin: 22px 0 0;
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--ghs-muted);
  font: 500 .92rem/1.45 var(--ghs-sans);
}
.ghs-greenhouse-note i {
  color: #8f9dab;
  font-size: 1.05rem;
}

.ghs-bridge-wrap .ghs-section-head {
  margin-bottom: 44px;
}
.ghs-bridge-wrap .ghs-section-head h2 {
  max-width: 16ch;
}
.ghs-system-stage {
  position: relative;
  min-height: clamp(540px, 62vw, 660px);
  padding: clamp(12px, 2vw, 28px);
}
.ghs-system-aura,
.ghs-system-grid,
.ghs-system-links {
  position: absolute;
  pointer-events: none;
}
.ghs-system-aura {
  left: 50%;
  top: 50%;
  width: min(560px, 92%);
  height: min(560px, 88%);
  transform: translate(-50%, -50%);
  background: radial-gradient(closest-side, rgba(3,117,219,.12), rgba(3,117,219,0) 72%);
}
.ghs-system-grid {
  inset: 0;
  opacity: .6;
  background-image: radial-gradient(var(--ghs-border) 1px, transparent 1px);
  background-size: 26px 26px;
  mask-image: radial-gradient(60% 55% at 50% 50%, #000, transparent 76%);
}
.ghs-system-links {
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.ghs-system-links line {
  stroke: rgba(3,117,219,.28);
  stroke-width: 1.5;
  stroke-dasharray: 2 5;
  animation: ghsDash 1.1s linear infinite;
  transition: stroke 280ms var(--ghs-ease), stroke-width 280ms var(--ghs-ease), stroke-opacity 280ms var(--ghs-ease);
}
.ghs-system-links line:nth-child(2) { animation-delay: .3s; }
.ghs-system-links line:nth-child(3) { animation-delay: .6s; }
.ghs-system-links line:nth-child(4) { animation-delay: .9s; }
.ghs-system-links line.is-active {
  stroke: var(--ghs-blue);
  stroke-width: 2.8;
  stroke-opacity: 1;
}
.ghs-system-hub {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  transform: translate(-50%, -50%);
}
.ghs-system-hub-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 124px;
  height: 124px;
}
.ghs-system-hub-mark span:nth-child(1),
.ghs-system-hub-mark span:nth-child(2) {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(3,117,219,.32);
  border-radius: 50%;
  animation: ghsRing 3.6s var(--ghs-ease) infinite;
}
.ghs-system-hub-mark span:nth-child(2) { animation-delay: 1.8s; }
.ghs-system-hub-mark span:nth-child(3) {
  position: absolute;
  inset: -12px;
  border: 1.5px dashed rgba(11,31,48,.2);
  border-radius: 50%;
  animation: ghsSpin 22s linear infinite;
}
.ghs-system-hub-mark i {
  position: relative;
  display: grid;
  place-items: center;
  width: 94px;
  height: 94px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(150deg, var(--ghs-blue), #0a5fb0);
  box-shadow: 0 14px 30px rgba(3,117,219,.32);
  font-size: 2.1rem;
}
.ghs-system-hub strong {
  padding: 8px 16px;
  border-radius: 999px;
  color: #fff;
  background: var(--ghs-blue);
  box-shadow: 0 12px 26px rgba(3,117,219,.24);
  font: 800 .9rem/1 var(--ghs-sans);
}
.ghs-system-hub em {
  color: var(--ghs-green);
  font: 900 .68rem/1 var(--ghs-sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-style: normal;
}
.ghs-system-node-wrap {
  position: absolute;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.ghs-system-node-wrap[data-x="18"][data-y="24"] { left: 18%; top: 24%; }
.ghs-system-node-wrap[data-x="82"][data-y="24"] { left: 82%; top: 24%; }
.ghs-system-node-wrap[data-x="18"][data-y="76"] { left: 18%; top: 76%; }
.ghs-system-node-wrap[data-x="82"][data-y="76"] { left: 82%; top: 76%; }
.ghs-system-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 172px;
  max-width: min(172px, 42vw);
  text-align: center;
  text-decoration: none !important;
  transition: transform 240ms var(--ghs-ease);
}
.ghs-system-node:hover,
.ghs-system-node:focus-visible {
  transform: translateY(-5px);
}
.ghs-system-node span {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border: 1px solid var(--ghs-border);
  border-radius: 18px;
  color: var(--ghs-blue);
  background: #fff;
  box-shadow: 0 12px 26px rgba(11,31,48,.08);
  transition: border-color 220ms var(--ghs-ease), box-shadow 220ms var(--ghs-ease), background 220ms var(--ghs-ease);
}
.ghs-system-node:hover span,
.ghs-system-node:focus-visible span {
  border-color: rgba(3,117,219,.45);
  background: rgba(3,117,219,.08);
  box-shadow: 0 20px 48px rgba(11,31,48,.14);
}
.ghs-system-node span i {
  font-size: 1.8rem;
}
.ghs-system-node strong {
  color: var(--ghs-ink);
  font: 800 1.04rem/1.25 var(--ghs-display);
}
.ghs-system-node em {
  color: var(--ghs-muted);
  font: 400 .82rem/1.35 var(--ghs-sans);
  font-style: normal;
}
.ghs-system-stage.is-compact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  min-height: 0;
}
.ghs-system-stage.is-compact .ghs-system-links {
  display: none;
}
.ghs-system-stage.is-compact .ghs-system-hub,
.ghs-system-stage.is-compact .ghs-system-node-wrap {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
}
.ghs-system-stage.is-compact .ghs-system-hub {
  order: 1;
}
.ghs-system-stage.is-compact .ghs-system-node-wrap {
  order: 2;
}
.ghs-system-map {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.ghs-system-map span {
  padding: 10px 16px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--ghs-border);
  color: var(--ghs-ink);
  font: 800 .9rem/1 var(--ghs-sans);
  box-shadow: 0 10px 24px rgba(11,31,48,.05);
}
.ghs-system-map span:first-child {
  color: #fff;
  background: var(--ghs-blue);
}
.ghs-system-map i { color: var(--ghs-blue); }
.ghs-link-card {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 14px 18px;
  border: 1px solid var(--ghs-border);
  border-radius: 11px;
  background: #fff;
  color: var(--ghs-ink) !important;
  font: 800 .95rem/1 var(--ghs-sans);
}
.ghs-link-card:hover { color: var(--ghs-blue) !important; border-color: rgba(3,117,219,.35); }

.ghs-testimonial > i {
  color: var(--ghs-blue);
  font-size: 2rem;
}
.ghs-testimonial blockquote {
  margin: 18px 0;
  color: var(--ghs-ink);
  font: 600 1.22rem/1.5 var(--ghs-display);
}
.ghs-testimonial footer {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: auto;
}
.ghs-testimonial footer > span {
  width: 52px;
  height: 52px;
  flex: none;
  border-radius: 50%;
  background: conic-gradient(var(--ghs-green), var(--ghs-sky), var(--ghs-blue), var(--ghs-green));
}
.ghs-proof-avatar {
  padding: 2px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(3,117,219,.16);
}
.ghs-proof-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-radius: inherit;
  object-fit: cover;
  object-position: center 34%;
  background: #eaf3fb;
}
.ghs-testimonial footer p { margin: 0; }
.ghs-testimonial footer strong,
.ghs-testimonial footer em {
  display: block;
}
.ghs-testimonial footer strong { font: 800 1rem/1.3 var(--ghs-sans); }
.ghs-testimonial footer em {
  margin-top: 2px;
  color: var(--ghs-subtle);
  font: 500 .9rem/1.3 var(--ghs-sans);
  font-style: normal;
}
.ghs-ledger h3 {
  margin: 0 0 20px;
  color: #8a8894;
  font: 800 .8rem/1 var(--ghs-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ghs-ledger li i { color: var(--ghs-blue); font-size: 1.3rem; }
.ghs-proof-note {
  display: flex;
  gap: 9px;
  align-items: center;
  margin: 22px 0 0;
  color: var(--ghs-muted);
  font: 500 .92rem/1.45 var(--ghs-sans);
}

.ghs-faq-wrap { max-width: 820px; }
.ghs-faq-wrap .ghs-section-head h2 { max-width: none; }
.ghs-faq-list {
  margin-top: 36px;
  border-bottom: 1px solid var(--ghs-border);
}
.ghs-faq-list details {
  border-top: 1px solid var(--ghs-border);
  padding: 6px 0;
}
.ghs-faq-list summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  padding: 20px 0;
  color: var(--ghs-ink);
  font: 800 1.18rem/1.4 var(--ghs-display);
  list-style: none;
}
.ghs-faq-list summary::-webkit-details-marker { display: none; }
.ghs-faq-list details[open] summary i { transform: rotate(45deg); }
.ghs-faq-list summary i {
  flex: none;
  color: var(--ghs-blue);
  font-size: 1.3rem;
  transition: transform 180ms var(--ghs-ease);
}
.ghs-faq-list p {
  max-width: 62ch;
  margin: 0;
  padding: 0 0 22px;
  color: var(--ghs-muted);
  font: 400 1.05rem/1.6 var(--ghs-sans);
}

.ghs-cta { overflow: visible; }
.ghs-cta-bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(80% 80% at 85% 100%, rgba(110,194,7,.12), rgba(0,64,112,0) 60%);
  pointer-events: none;
}
.ghs-cta-grid {
  align-items: flex-start;
}
.ghs-cta-copy.-sticky-block {
  align-self: start;
  position: sticky !important;
  top: clamp(88px, 12vh, 132px) !important;
  z-index: 2;
}
.ghs-cta-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 28px;
  margin-top: 34px;
}
.ghs-cta-proof span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #9fb0c1;
  font: 500 .95rem/1.3 var(--ghs-sans);
}
.ghs-cta-proof i { color: var(--ghs-green); font-size: 1.15rem; }
.ghs-audit-card {
  scroll-margin-top: 110px;
}
.ghs-audit-card-inner {
  border-radius: 18px;
  background: #fff;
  padding: clamp(24px, 3vw, 36px);
  color: var(--ghs-ink);
  box-shadow: 0 24px 58px rgba(0,0,0,.2);
}
.ghs-conversion-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 24px;
  padding: 6px;
  border: 1px solid rgba(13, 54, 86, .1);
  border-radius: 14px;
  background: #f2f7fc;
}
.ghs-conversion-tab {
  min-width: 0;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #587089;
  cursor: pointer;
  font: 850 .96rem/1 var(--ghs-sans);
  letter-spacing: 0;
  text-transform: none;
  transition: background-color 180ms var(--ghs-ease), color 180ms var(--ghs-ease), box-shadow 180ms var(--ghs-ease);
}
.ghs-conversion-tab i {
  color: currentColor;
  font-size: 1.05rem;
}
.ghs-conversion-tab:is(:hover, :focus-visible) {
  color: var(--ghs-blue);
}
.ghs-conversion-tab:focus-visible {
  outline: 3px solid rgba(12, 132, 242, .24);
  outline-offset: 2px;
}
.ghs-conversion-tab.is-active {
  background: #fff;
  color: var(--ghs-blue);
  box-shadow: 0 10px 24px rgba(11, 31, 48, .1);
}
.ghs-conversion-panel[hidden] {
  display: none !important;
}
.ghs-audit-card h3 {
  margin: 0;
  color: var(--ghs-ink);
  font: 900 1.5rem/1.2 var(--ghs-display);
  letter-spacing: -.01em;
}
.ghs-audit-card p {
  margin: 8px 0 0;
  color: var(--ghs-muted);
  font: 500 1rem/1.5 var(--ghs-sans);
}
.ghs-growth-form-host {
  margin-top: 22px;
  min-height: 260px;
}
.ghs-growth-form-host greenhouse-form {
  display: block;
}
.ghs-growth-form-host greenhouse-form :where(.ghf-root, .ghf-field, .ghf-label, .ghf-help, .ghf-error, .ghf-counter, .ghf-select-trigger, .ghf-select-option, .ghf-btn) {
  letter-spacing: 0;
  text-transform: none;
}
.ghs-growth-form-host greenhouse-form .ghf-help {
  margin: 0;
  color: var(--ghf-muted, #6d7b92);
  font: 500 .86rem/1.45 var(--ghs-sans);
}
.ghs-growth-form-host greenhouse-form .ghf-counter {
  display: none;
  margin: 2px 0 0;
  color: var(--ghf-muted, #6d7b92);
  font: 700 .72rem/1.25 var(--ghs-sans);
  text-align: end;
}
.ghs-growth-form-host greenhouse-form .ghf-field:focus-within .ghf-counter,
.ghs-growth-form-host greenhouse-form .ghf-field:has(.ghf-input:not(:placeholder-shown)) .ghf-counter,
.ghs-growth-form-host greenhouse-form .ghf-counter[data-near="true"] {
  display: block;
}
.ghs-growth-form-host greenhouse-form .ghf-field:has([name="primaryObjective"]) {
  grid-column: 1 / -1;
}
.ghs-growth-form-host greenhouse-form .ghf-field:has([name="primaryObjective"]) .ghf-select-trigger {
  width: 100%;
}
.ghs-meeting-heading p {
  max-width: 56ch;
}
.ghs-meeting-host {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: 720px;
  margin-top: 22px;
  overflow: hidden;
  border: 1px solid rgba(13, 54, 86, .12);
  border-radius: 14px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.7);
}
.ghs-meeting-host iframe {
  display: block;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  border: 0 !important;
  background: #fff;
}
.ghs-meeting-skeleton {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  align-content: start;
  gap: 14px;
  padding: clamp(18px, 4vw, 28px);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.9)),
    radial-gradient(circle at 18% 18%, rgba(12,132,242,.1), transparent 30%);
  pointer-events: none;
}
.ghs-meeting-skeleton span {
  display: block;
  height: 56px;
  border-radius: 12px;
  background: linear-gradient(90deg, #eef4fa, #f8fbff, #eef4fa);
  background-size: 220% 100%;
  animation: ghsMeetingSkeleton 1500ms ease-in-out infinite;
}
.ghs-meeting-skeleton span:first-child { height: 96px; }
.ghs-meeting-skeleton span:nth-child(4) { width: 68%; }
.ghs-meeting-host.is-loaded .ghs-meeting-skeleton,
.ghs-meeting-host.is-failed .ghs-meeting-skeleton {
  display: none;
}
.ghs-meeting-note {
  margin-top: 14px !important;
  color: #718198 !important;
  font: 700 .84rem/1.45 var(--ghs-sans) !important;
}
.ghs-meeting-panel > .ghs-btn {
  margin-top: 12px;
}
.ghs-audit-fallback {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--ghs-border);
}
.ghs-audit-fallback.is-hidden { display: none; }
.ghs-audit-fallback p {
  margin: 0;
  font-size: .9rem;
}
.ghs-audit-fallback-actions {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ghs-sticky {
  position: fixed;
  left: 50%;
  bottom: 20px;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  max-width: calc(100vw - 32px);
  padding: 12px 12px 12px 22px;
  border: 1px solid var(--ghs-border);
  border-radius: 14px;
  background: rgba(255,255,255,.96);
  color: var(--ghs-ink);
  box-shadow: 0 20px 52px rgba(11,31,48,.18);
  backdrop-filter: blur(8px);
  opacity: 0;
  transform: translate(-50%, 140%);
  transition: opacity 300ms var(--ghs-ease), transform 300ms var(--ghs-ease);
  pointer-events: none;
}
.ghs-sticky.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}
.ghs-sticky > span {
  font: 800 .98rem/1.2 var(--ghs-sans);
}
.ghs-sticky .ghs-btn {
  min-height: 42px;
  padding: 11px 16px;
  font-size: .92rem;
}

.gh-social.ghs-motion-ready [data-ghs-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 520ms var(--ghs-ease), transform 520ms var(--ghs-ease);
}
.gh-social.ghs-motion-ready.is-in [data-ghs-reveal],
.gh-social.ghs-motion-ready [data-ghs-reveal].is-in {
  opacity: 1;
  transform: none;
}

@keyframes ghsGradient { to { background-position: 220% 50%; } }
@keyframes ghsPing {
  0% { box-shadow: 0 0 0 0 rgba(110,194,7,.55); }
  70%, 100% { box-shadow: 0 0 0 12px rgba(110,194,7,0); }
}
@keyframes ghsFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes ghsPlay { from { width: 0%; } to { width: 100%; } }
@keyframes ghsBeat {
  0%, 72%, 100% { transform: scale(1); }
  8% { transform: scale(1.2); }
  16% { transform: scale(.96); }
  24% { transform: scale(1.08); }
}
@keyframes ghsHeroSheen {
  0%, 18% { transform: translateX(-46%) rotate(8deg); opacity: .32; }
  52% { opacity: .65; }
  100% { transform: translateX(38%) rotate(8deg); opacity: .28; }
}
@keyframes ghsHeroPlay {
  0%, 100% { box-shadow: 0 0 0 0 rgba(77,184,255,.26), 0 18px 42px rgba(0,0,0,.18); }
  48% { box-shadow: 0 0 0 14px rgba(77,184,255,0), 0 18px 42px rgba(0,0,0,.18); }
}
@keyframes ghsTabProgress { from { width: 0%; } to { width: 100%; } }
@keyframes ghsMeter { 0% { width: 14%; } 80%,100% { width: 84%; } }
@keyframes ghsBars { 0%, 30%, 100% { transform: scaleY(.34); } 50% { transform: scaleY(1); } }
@keyframes ghsPlayhead { 0% { left: 2%; } 72%, 100% { left: 64%; } }
@keyframes ghsFill { 0% { width: 16%; } 75%, 100% { width: 92%; } }
@keyframes ghsShimmer { to { background-position: -220% 0; } }
@keyframes ghsMeetingSkeleton { to { background-position: -220% 0; } }
@keyframes ghsRise {
  0% { opacity: 0; transform: translateY(0) scale(.8); }
  22% { opacity: 1; }
  100% { opacity: 0; transform: translateY(-68px) scale(1.08); }
}
@keyframes ghsPulse {
  0%, 80%, 100% { opacity: .35; transform: scale(.82); }
  40% { opacity: 1; transform: scale(1); }
}
@keyframes ghsSpin { to { transform: rotate(360deg); } }
@keyframes ghsDash { to { stroke-dashoffset: -7; } }
@keyframes ghsRing {
  0% { opacity: .6; transform: scale(.78); }
  76%, 100% { opacity: 0; transform: scale(1.45); }
}
@keyframes ghsGrow {
  0%, 28%, 100% { transform: scaleY(.35); }
  58% { transform: scaleY(1); }
}
@keyframes ghsScan {
  0%, 100% { transform: translateY(-28px); opacity: .35; }
  50% { transform: translateY(220px); opacity: 1; }
}
@keyframes ghsListeningSearchBeat {
  0%, 12%, 100% { opacity: .76; transform: scale(1); }
  4% { opacity: 1; transform: scale(1.18); }
  8% { opacity: .92; transform: scale(.96); }
}
@keyframes ghsListeningQueryGlow {
  0%, 18%, 100% { opacity: .78; transform: translateY(0) scale(1); }
  36%, 52% { opacity: 1; transform: translateY(-7px) scale(1.08); }
}
@keyframes ghsListeningSweep {
  0%, 13% { opacity: 0; transform: translateX(-120%); }
  24% { opacity: 1; }
  42%, 100% { opacity: 0; transform: translateX(120%); }
}
@keyframes ghsListeningBadgePulse {
  0%, 34%, 100% { transform: translateY(0) scale(1); box-shadow: none; }
  44% { transform: translateY(-1px) scale(1.04); box-shadow: 0 0 0 7px rgba(110,194,7,.12); }
  54% { transform: translateY(0) scale(1); box-shadow: 0 0 0 0 rgba(110,194,7,0); }
}
@keyframes ghsListeningSignalLift {
  0%, 40%, 100% { transform: translateY(0); border-color: rgba(255,255,255,.13); box-shadow: none; }
  50% { transform: translateY(-2px); border-color: rgba(77,184,255,.34); box-shadow: 0 12px 26px rgba(0,27,48,.18); }
  62% { transform: translateY(0); border-color: rgba(255,255,255,.16); box-shadow: none; }
}
@keyframes ghsListeningSignalSweep {
  0%, 43% { opacity: 0; transform: translateX(-120%); }
  51% { opacity: 1; }
  63%, 100% { opacity: 0; transform: translateX(120%); }
}
@keyframes ghsListeningIconRing {
  0%, 40%, 100% { opacity: 0; transform: scale(.75); }
  50% { opacity: .38; transform: scale(1.06); }
  64% { opacity: 0; transform: scale(1.28); }
}
@keyframes ghsListeningActionReady {
  0%, 62%, 100% { transform: translateY(0); border-color: rgba(255,255,255,.13); }
  74% { transform: translateY(-2px); border-color: rgba(110,194,7,.34); }
  86% { transform: translateY(0); border-color: rgba(255,255,255,.16); }
}
@keyframes ghsListeningActionGlow {
  0%, 62%, 100% { opacity: 0; transform: scale(.84); }
  74% { opacity: 1; transform: scale(1.06); }
  88% { opacity: 0; transform: scale(1.18); }
}
@keyframes ghsListeningActionText {
  0%, 66%, 100% { transform: translateX(0); }
  78% { transform: translateX(3px); }
  88% { transform: translateX(0); }
}

@media (max-width: 980px) {
  .ghs-wrap { width: min(100% - 32px, 760px); }
  .ghs-section .ghs-wrap { padding-block: 64px; }
  .ghs-hero-grid,
  .ghs-explorer,
  .ghs-metrics-grid,
  .ghs-bridge-grid,
  .ghs-cta-grid {
    grid-template-columns: 1fr;
  }
  .ghs-cta-copy.-sticky-block {
    position: relative !important;
    top: auto !important;
    z-index: auto;
  }
  .ghs-hero-wrap { padding-block: 120px 64px !important; }
  .ghs-hero-copy h1 { font-size: clamp(2.35rem, 12vw, 3.6rem); }
  .ghs-hero-visual { width: min(330px, 100%); }
  .ghs-chip-views { left: -18px; }
  .ghs-chip-saves { left: auto; right: -16px; }
  .ghs-chip-creators { left: auto; right: -24px; }
  .ghs-trust-wrap { grid-template-columns: 1fr; }
  .ghs-trust-label { max-width: none; }
  .ghs-stakes-grid,
  .ghs-proof-grid { grid-template-columns: 1fr; }
  .ghs-scenes { min-height: 520px; }
  .ghs-wall-grid { grid-template-columns: 1fr 1fr; }
  .ghs-dashboard-grid,
  .ghs-metrics-board { grid-template-columns: 1fr; }
  .ghs-app-body { flex-direction: column; }
  .ghs-app-sidebar {
    flex-direction: row;
    width: 100%;
    flex-basis: auto;
    justify-content: center;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid var(--ghs-border);
    padding: 10px 14px;
  }
  .ghs-dashboard-panels { grid-template-columns: 1fr; }
  .ghs-business-flow,
  .ghs-business-flow aside {
    align-items: flex-start;
    text-align: left;
  }
  .ghs-business-flow > div {
    flex-basis: auto;
    width: 100%;
  }
  .ghs-business-flow aside {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .ghs-wrap { width: min(100% - 28px, 420px); }
  .ghs-section .ghs-wrap { padding-block: 56px; }
  .ghs-hero { min-height: 0; }
  .ghs-hero-wrap { padding-block: 104px 52px !important; }
  .ghs-actions,
  .ghs-audit-fallback-actions { align-items: stretch; }
  .ghs-actions .ghs-btn,
  .ghs-audit-fallback-actions .ghs-btn { width: 100%; }
  .ghs-conversion-tabs { margin-bottom: 20px; }
  .ghs-conversion-tab { min-height: 44px; font-size: .9rem; }
  .ghs-meeting-host { min-height: 780px; }
  .ghs-hero-visual { margin-top: 8px; }
  .ghs-phone { height: 438px; }
  .ghs-chip-views { left: -6px; }
  .ghs-chip-saves { right: -7px; }
  .ghs-chip-creators { right: -6px; bottom: 72px; }
  .ghs-explorer { margin-top: 36px; }
  .ghs-tab { grid-template-columns: 38px minmax(0, 1fr); padding: 13px 10px; }
  .ghs-tab-icon { width: 38px; height: 38px; }
  .ghs-scenes { min-height: 560px; }
  .ghs-scene-meta {
    align-items: flex-start;
    flex-direction: column;
  }
  .ghs-listening-board {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .ghs-listening-query {
    min-height: 138px;
    padding: 14px;
  }
  .ghs-listening-signal {
    grid-template-columns: 34px minmax(0,1fr);
    align-items: flex-start;
    min-height: auto;
  }
  .ghs-listening-signal > i {
    width: 34px;
    height: 34px;
  }
  .ghs-listening-signal strong {
    grid-column: 2;
    width: max-content;
    margin-top: -1px;
  }
  .ghs-listening-action {
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .ghs-variant-grid span {
    min-height: 72px;
  }
  .ghs-inbox-list > div,
  .ghs-collab-card {
    align-items: flex-start;
    flex-direction: column;
  }
  .ghs-inbox-list strong,
  .ghs-collab-card strong {
    align-self: flex-start;
    text-align: left;
  }
  .ghs-community-proof {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .ghs-wall-head { align-items: flex-start; flex-direction: column; }
  .ghs-wall-mask {
    height: auto;
    overflow: visible;
    mask-image: none;
  }
  .ghs-wall-grid { grid-template-columns: 1fr; }
  .ghs-wall-col { transform: none !important; }
  .ghs-app-topbar,
  .ghs-app-status,
  .ghs-app-toolbar,
  .ghs-business-flow {
    align-items: flex-start;
    flex-direction: column;
  }
  .ghs-app-actions,
  .ghs-app-actions span:first-child {
    width: 100%;
  }
  .ghs-app-actions span:first-child {
    justify-content: center;
  }
  .ghs-kpi-grid { grid-template-columns: 1fr; }
  .ghs-dashboard-panels section,
  .ghs-business-flow {
    padding: 16px;
  }
  .ghs-post-list > div {
    align-items: flex-start;
  }
  .ghs-post-list em {
    display: none;
  }
  .ghs-greenhouse-note {
    align-items: flex-start;
  }
  .ghs-sticky { display: none; }
  .gh-social.ghs-motion-ready [data-ghs-reveal] {
    opacity: 1 !important;
    transform: none !important;
    transition-delay: 0ms !important;
  }
}

@media (max-width: 640px) {
  .ghs-system-stage {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    min-height: 0;
  }
  .ghs-system-links { display: none; }
  .ghs-system-hub,
  .ghs-system-node-wrap {
    position: relative;
    left: auto !important;
    top: auto !important;
    transform: none;
  }
  .ghs-system-node {
    max-width: min(172px, calc(100vw - 56px));
  }
  .ghs-metrics-note {
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gh-social *,
  .gh-social *::before,
  .gh-social *::after {
    animation: none !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .ghs-btn:hover,
  .ghs-btn:focus-visible,
  .ghs-stake-card:hover,
  .ghs-social-card:hover,
  .ghs-wall-tile:hover,
  .ghs-wall-note:hover,
  .ghs-metric-card:hover,
  .ghs-creator-profile:hover .ghs-creator-photo img,
  .ghs-creator-profile:focus-within .ghs-creator-photo img,
  .ghs-system-node:hover,
  .ghs-system-node:focus-visible,
  .ghs-image-slot-media,
  .ghs-wall-tile:hover .ghs-image-slot-media {
    transform: none !important;
  }
  .gh-social.ghs-motion-ready [data-ghs-reveal] {
    opacity: 1 !important;
    transform: none !important;
  }
  .ghs-wall-col {
    transform: none !important;
  }
}