/* ══════════════════════════════════════════════════════════════════════════
   SocialStack homepage v3: the GROUNDED HALF (sections 09-15 + footer)
   Every selector is namespaced (.gh-* / #gh-*), so nothing here can reach other
   pages or sections. Colours and fonts come from the page tokens (:root) with
   fallbacks. Mobile-first (390px). No backdrop-filter below 1024px.
   The pricing, founder and FAQ markup is transplanted byte for byte; it is
   restyled here only, always scoped under #gh-pricing / #gh-founder / #gh-faq.
   ══════════════════════════════════════════════════════════════════════════ */

@property --gh-ang { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

/* ── scope + tokens ─────────────────────────────────────────────────────── */
.gh-scope {
  --gh-fg: var(--tx, #e8f2ff);
  --gh-fg2: var(--tx2, #9db4cc);
  --gh-mu: #8195ae;                       /* muted, still 6.4:1 on the base */
  --gh-c: var(--c, #00d4ff);
  --gh-p: var(--p, #7b2ff7);
  --gh-p2: var(--p2, #b66dff);
  --gh-g: var(--g, #00ff88);
  --gh-amber: #ffc978;                    /* honesty status chips */
  --gh-line: rgba(255, 255, 255, .085);
  --gh-line2: rgba(255, 255, 255, .16);
  --gh-panel: rgba(8, 11, 20, .86);       /* mobile: no blur, so more opaque */
  --gh-panel2: rgba(11, 16, 29, .92);
  --gh-tick: rgba(0, 212, 255, .6);
  --gh-rad: 24px;
  --gh-ease: cubic-bezier(.16, 1, .3, 1);
  --gh-head: var(--font-head, 'Syne', sans-serif);
  --gh-body: var(--font-body, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif);
  --gh-mono: var(--font-mono, 'DM Mono', ui-monospace, monospace);
  position: relative;
  z-index: 1;
  min-height: 0;
  color: var(--gh-fg);
  font-family: var(--gh-body);
  font-size: 17px;
  line-height: 1.6;
}
@media (min-width: 1024px) {
  .gh-scope { --gh-panel: rgba(9, 13, 24, .56); --gh-panel2: rgba(11, 16, 29, .72); --gh-rad: 28px; }
}
.gh-scope,
.gh-scope *,
.gh-scope *::before,
.gh-scope *::after { box-sizing: border-box; }
.gh-scope :where(h2, h3, p, ul, ol, li, dl, dd, figure) { margin: 0; padding: 0; }
.gh-scope :where(ul, ol) { list-style: none; }
.gh-scope :where(a) { color: inherit; text-decoration: none; }
.gh-scope :where(svg) { display: block; max-width: 100%; }

.gh-scope a:focus-visible,
.gh-scope button:focus-visible,
.gh-scope summary:focus-visible,
.gh-scope [tabindex]:focus-visible { outline: 2px solid var(--gh-c); outline-offset: 3px; border-radius: 12px; }

.gh-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ── layout ─────────────────────────────────────────────────────────────── */
.gh-sec { padding: 88px 0; background: none; }
.gh-in { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
@media (min-width: 768px) {
  .gh-sec { padding: 120px 0; }
  .gh-in { padding: 0 32px; }
}
@media (min-width: 1024px) { .gh-sec { padding: 150px 0; } }

/* ── HUD: index number, rule, eyebrow, headline ─────────────────────────── */
.gh-head { margin-bottom: 40px; }
@media (min-width: 1024px) { .gh-head { margin-bottom: 64px; } }
.gh-meta { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; min-width: 0; }
.gh-meta--c { justify-content: center; }
.gh-idx {
  flex: none; font-family: var(--gh-mono); font-size: 12px; font-weight: 500; letter-spacing: .12em;
  color: var(--gh-fg); font-variant-numeric: tabular-nums;
}
.gh-idx i { font-style: normal; color: var(--gh-mu); margin-left: 3px; }
.gh-rule {
  display: block; flex: 0 1 72px; height: 1px; min-width: 24px;
  background: linear-gradient(90deg, var(--gh-c), rgba(0, 212, 255, 0));
  transform-origin: 0 50%; transition: transform 1.2s var(--gh-ease) .2s;
}
.gh-eyebrow {
  font-family: var(--gh-mono); font-size: 12px; font-weight: 500; line-height: 1.4;
  letter-spacing: .22em; text-transform: uppercase; color: var(--gh-c);
}
.gh-h2 {
  font-family: var(--gh-head); font-weight: 800; font-size: clamp(34px, 9.2vw, 46px); line-height: 1.02;
  letter-spacing: -.035em; color: var(--gh-fg); max-width: 17ch; text-wrap: balance;
}
@media (min-width: 768px) { .gh-h2 { font-size: clamp(44px, 5vw, 64px); max-width: 21ch; } }

/* ── reveal on enter (hidden states exist only once grounded.js has run) ── */
html.gh-js .gh-rv { transition: opacity .9s var(--gh-ease), transform .9s var(--gh-ease); transition-delay: calc(var(--gh-d, 0) * 70ms); }
html.gh-js .gh-rv:not(.gh-vis) { opacity: 0; transform: translate3d(0, 28px, 0); }
html.gh-js .gh-rv:not(.gh-vis) .gh-rule,
html.gh-js .gh-wrap:not(.gh-vis) .gh-rule { transform: scaleX(0); }

/* ── glass panel + gradient hairline + corner crosshairs ────────────────── */
.gh-panel {
  position: relative; isolation: isolate; border-radius: var(--gh-rad);
  background: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0) 34%), var(--gh-panel);
  box-shadow: 0 40px 90px -48px rgba(0, 0, 0, .85);
}
.gh-panel::before,
.gh-vs-card::before,
#gh-pricing .price-card::before,
#gh-founder .founder-card::before,
#gh-pricing .ss-notes::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none;
  background: linear-gradient(150deg, rgba(0, 212, 255, .5), rgba(255, 255, 255, .07) 30%, rgba(255, 255, 255, .04) 62%, rgba(123, 47, 247, .45));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
}
@media (min-width: 1024px) {
  .gh-panel { -webkit-backdrop-filter: blur(18px) saturate(1.25); backdrop-filter: blur(18px) saturate(1.25); }
}
.gh-cross {
  --gh-t: var(--gh-tick);
  position: absolute; inset: -6px; pointer-events: none; z-index: 2;
  background:
    linear-gradient(var(--gh-t), var(--gh-t)) left 0 top 6px / 13px 1px no-repeat,
    linear-gradient(var(--gh-t), var(--gh-t)) left 6px top 0 / 1px 13px no-repeat,
    linear-gradient(var(--gh-t), var(--gh-t)) right 0 top 6px / 13px 1px no-repeat,
    linear-gradient(var(--gh-t), var(--gh-t)) right 6px top 0 / 1px 13px no-repeat,
    linear-gradient(var(--gh-t), var(--gh-t)) left 0 bottom 6px / 13px 1px no-repeat,
    linear-gradient(var(--gh-t), var(--gh-t)) left 6px bottom 0 / 1px 13px no-repeat,
    linear-gradient(var(--gh-t), var(--gh-t)) right 0 bottom 6px / 13px 1px no-repeat,
    linear-gradient(var(--gh-t), var(--gh-t)) right 6px bottom 0 / 1px 13px no-repeat;
}

/* ── icon badge (hand-made SVG line icons, 1.5px stroke, round caps) ───── */
.gh-ic {
  position: relative; flex: none; width: 44px; height: 44px; border-radius: 14px;
  display: grid; place-items: center; color: var(--gh-c);
  background: radial-gradient(120% 120% at 30% 18%, rgba(0, 212, 255, .18), rgba(0, 212, 255, .03) 62%);
  box-shadow: inset 0 0 0 1px rgba(0, 212, 255, .3), 0 12px 30px -14px rgba(0, 212, 255, .6);
}
.gh-ic svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.gh-ic .gh-ic-a { stroke: var(--gh-g); }
.gh-ic--g {
  color: var(--gh-g);
  background: radial-gradient(120% 120% at 30% 18%, rgba(0, 255, 136, .16), rgba(0, 255, 136, .03) 62%);
  box-shadow: inset 0 0 0 1px rgba(0, 255, 136, .28), 0 12px 30px -14px rgba(0, 255, 136, .5);
}
.gh-ic--g .gh-ic-a { stroke: var(--gh-c); }

.gh-arr { display: inline-block; transition: transform .35s var(--gh-ease); }
.gh-link {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
  font-size: 15px; font-weight: 600; color: var(--gh-c);
}
.gh-link:hover .gh-arr { transform: translateX(4px); }

/* ══ 09 · CONTROL & TRUST ═══════════════════════════════════════════════ */
.gh-tiles { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
@media (min-width: 640px) { .gh-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 1024px) { .gh-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }
.gh-tile {
  --gh-mx: -999px; --gh-my: -999px;
  display: grid; grid-template-columns: 44px minmax(0, 1fr); grid-template-areas: "ic h" "ic p";
  column-gap: 16px; row-gap: 6px; align-content: start; padding: 22px 20px 22px;
}
.gh-tile-top { position: absolute; top: 16px; right: 18px; }
.gh-tile-n { font-family: var(--gh-mono); font-size: 11px; letter-spacing: .14em; color: var(--gh-mu); }
.gh-tile-rule { display: none; }
.gh-tile .gh-ic { grid-area: ic; }
.gh-tile-h {
  grid-area: h; padding-right: 26px; font-family: var(--gh-head); font-weight: 700; font-size: 19px;
  line-height: 1.2; letter-spacing: -.015em; color: var(--gh-fg);
}
.gh-tile-p { grid-area: p; font-size: 16px; line-height: 1.55; color: var(--gh-fg2); }
@media (min-width: 1024px) {
  .gh-tile { grid-template-columns: minmax(0, 1fr); grid-template-areas: "top" "ic" "h" "p"; row-gap: 0; padding: 26px 28px 32px; }
  .gh-tile-top { position: static; grid-area: top; display: flex; align-items: center; gap: 12px; margin-bottom: 30px; }
  .gh-tile-rule { display: block; flex: 1; height: 1px; background: linear-gradient(90deg, var(--gh-line2), rgba(255, 255, 255, 0)); }
  .gh-tile .gh-ic { margin-bottom: 24px; }
  .gh-tile-h { padding-right: 0; margin-bottom: 10px; font-size: 21px; }
}
/* cursor spotlight (desktop only: grounded.js sets --gh-mx/--gh-my; html.gh-desk) */
.gh-tile::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0;
  transition: opacity .4s var(--gh-ease);
  background: radial-gradient(280px circle at var(--gh-mx) var(--gh-my), rgba(0, 212, 255, .14), transparent 70%);
}
html.gh-desk .gh-tile::before {
  background:
    radial-gradient(220px circle at var(--gh-mx) var(--gh-my), rgba(0, 212, 255, .95), transparent 70%),
    linear-gradient(150deg, rgba(0, 212, 255, .5), rgba(255, 255, 255, .07) 30%, rgba(255, 255, 255, .04) 62%, rgba(123, 47, 247, .45));
}
html.gh-desk .gh-tiles:hover .gh-tile::after { opacity: .5; }
html.gh-desk .gh-tiles .gh-tile:hover::after { opacity: 1; }

/* ══ 10 · COMPARE ═════════════════════════════════════════════════════════ */
.gh-cmp { display: none; }
.gh-ck { display: inline-flex; align-items: center; vertical-align: middle; }
.gh-ck svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.gh-dash { color: var(--gh-mu); }
.gh-note { font-size: 13px; font-weight: 500; line-height: 1.35; color: var(--gh-amber); }
.gh-compare sup { font-family: var(--gh-mono); font-size: .62em; font-weight: 500; color: var(--gh-c); margin-left: 2px; }

/* mobile + tablet: one swipeable "SocialStack vs X" card per alternative */
.gh-vs { margin: 0 -20px; }
.gh-vs-bar {
  display: flex; align-items: center; gap: 12px; padding: 0 20px; margin-bottom: 12px;
  font-family: var(--gh-mono); font-size: 11.5px; letter-spacing: .14em; color: var(--gh-mu);
}
.gh-vs-bar .gh-rule { flex: 1 1 auto; max-width: none; }
.gh-vs-count b { font-weight: 500; color: var(--gh-fg); }
.gh-vs-rail {
  position: relative; display: flex; gap: 12px; overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scroll-padding: 0 20px; padding: 8px 20px 20px;
  scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.gh-vs-rail::-webkit-scrollbar { display: none; }
.gh-vs-rail:focus-visible { outline-offset: -2px; }
.gh-vs-card {
  position: relative; flex: 0 0 min(86%, 440px); scroll-snap-align: center; padding: 20px 18px 10px;
  border-radius: 22px; background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, 0) 30%), var(--gh-panel);
  box-shadow: 0 30px 60px -36px rgba(0, 0, 0, .9);
}
.gh-vs-h { font-family: var(--gh-head); font-weight: 800; font-size: 21px; line-height: 1.15; letter-spacing: -.02em; margin-bottom: 14px; }
.gh-vs-us {
  background: linear-gradient(100deg, var(--gh-c), var(--gh-p2));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.gh-vs-x { font-family: var(--gh-mono); font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--gh-mu); margin: 0 3px; vertical-align: 3px; }
.gh-vs-r {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 8px;
  padding: 12px 0; border-top: 1px solid var(--gh-line);
}
.gh-vs-l {
  grid-column: 1 / -1; margin-bottom: 7px; font-family: var(--gh-mono); font-size: 11px; font-weight: 500;
  line-height: 1.4; letter-spacing: .13em; text-transform: uppercase; color: var(--gh-mu);
}
.gh-vs-a,
.gh-vs-b { padding: 9px 10px; border-radius: 11px; font-size: 15.5px; line-height: 1.35; min-width: 0; overflow-wrap: break-word; }
.gh-vs-a { color: var(--gh-fg); font-weight: 600; background: rgba(0, 212, 255, .08); box-shadow: inset 0 0 0 1px rgba(0, 212, 255, .22); }
.gh-vs-a .gh-ck { color: var(--gh-g); }
.gh-vs-b { color: var(--gh-fg2); }
.gh-vs-a .gh-note { display: block; margin-top: 3px; }
.gh-vs-r--head { border-top: 0; padding: 0 0 6px; }
.gh-vs-r--head .gh-vs-l { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: 0; }
.gh-vs-r--head .gh-vs-a,
.gh-vs-r--head .gh-vs-b {
  background: none; box-shadow: none; padding: 0 10px; font-family: var(--gh-mono); font-size: 11px;
  font-weight: 500; letter-spacing: .14em; text-transform: uppercase;
}
.gh-vs-r--head .gh-vs-a { color: var(--gh-c); }
.gh-vs-r--head .gh-vs-b { color: var(--gh-fg2); }
.gh-vs-r--cost .gh-vs-a,
.gh-vs-r--cost .gh-vs-b { font-family: var(--gh-body); font-weight: 700; font-size: 18px; letter-spacing: -.015em; }
.gh-vs-r--cost .gh-vs-b { color: var(--gh-fg); }
.gh-vs-nav { display: none; }
html.gh-js .gh-vs-nav { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 2px; }
.gh-vs-btn {
  appearance: none; width: 44px; height: 44px; border-radius: 50%; border: 0; cursor: pointer;
  display: grid; place-items: center; color: var(--gh-fg);
  background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px var(--gh-line2);
  transition: opacity .3s, box-shadow .3s;
}
.gh-vs-btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.gh-vs-btn:disabled { opacity: .3; cursor: default; }
.gh-vs-dots { display: flex; gap: 8px; }
.gh-vs-dots i { width: 6px; height: 6px; border-radius: 3px; background: var(--gh-line2); transition: width .45s var(--gh-ease), background .45s; }
.gh-vs-dots i.gh-on { width: 22px; background: var(--gh-c); }
@media (min-width: 768px) {
  .gh-vs { margin: 0 -32px; }
  .gh-vs-bar { padding: 0 32px; }
  .gh-vs-rail { padding: 8px 32px 22px; scroll-padding: 0 32px; gap: 16px; }
  .gh-vs-card { flex-basis: min(62%, 460px); padding: 24px 22px 12px; }
}

/* desktop: one table, the SocialStack column raised in glass with a glow */
@media (min-width: 1024px) {
  .gh-vs { display: none; }
  .gh-cmp { display: block; padding: 44px 36px 30px; }
  .gh-cmp-box { position: relative; }
  .gh-cmp-raise {
    position: absolute; top: -20px; bottom: -16px; left: 21%; width: 21%; border-radius: 22px; pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 212, 255, .15), rgba(123, 47, 247, .09) 55%, rgba(0, 212, 255, .06));
    box-shadow: inset 0 0 0 1px rgba(0, 212, 255, .38), inset 0 1px 0 rgba(255, 255, 255, .18), 0 34px 80px -26px rgba(0, 212, 255, .5), 0 0 60px -20px rgba(123, 47, 247, .5);
  }
  .gh-cmp-raise::before {
    content: ""; position: absolute; left: 18%; right: 18%; top: -1px; height: 2px; border-radius: 2px;
    background: linear-gradient(90deg, transparent, var(--gh-c), transparent);
  }
  .gh-cmp-t { position: relative; z-index: 1; width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; }
  .gh-cmp-c0 { width: 21%; }
  .gh-cmp-c1 { width: 21%; }
  .gh-cmp-t th,
  .gh-cmp-t td {
    padding: 19px 14px; text-align: left; vertical-align: middle; font-size: 15px; line-height: 1.4;
    color: var(--gh-fg2); border-bottom: 1px solid var(--gh-line); overflow-wrap: normal;
  }
  .gh-cmp-t thead th,
  .gh-cmp-t thead td { padding-top: 4px; padding-bottom: 22px; font-family: var(--gh-mono); font-size: 11.5px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--gh-mu); }
  .gh-cmp-t thead th.gh-cmp-ss { font-family: var(--gh-head); font-size: 17px; font-weight: 800; letter-spacing: -.01em; text-transform: none; color: var(--gh-fg); white-space: nowrap; }
  .gh-cmp-t .gh-cmp-ss { padding-left: 20px; padding-right: 16px; color: var(--gh-fg); font-weight: 600; border-bottom-color: rgba(0, 212, 255, .16); }
  .gh-cmp-t tbody th { color: var(--gh-fg); font-weight: 500; }
  .gh-cmp-t tbody tr:last-child th,
  .gh-cmp-t tbody tr:last-child td { border-bottom: 0; }
  .gh-cmp-t .gh-ck { color: var(--gh-fg2); }
  .gh-cmp-t .gh-cmp-ss .gh-ck { color: var(--gh-g); }
  .gh-cmp-t .gh-cmp-ss .gh-note { display: block; margin-top: 2px; }
  .gh-cmp-cost td { font-family: var(--gh-body); font-weight: 700; font-size: 18px; letter-spacing: -.015em; color: var(--gh-fg); }
  .gh-cmp-cost td.gh-cmp-ss {
    font-family: var(--gh-head); font-size: 22px; font-weight: 800; white-space: nowrap;
    background: linear-gradient(100deg, #fff, var(--gh-c) 60%, var(--gh-p2));
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }
  .gh-mark {
    display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 3px; vertical-align: 1px;
    background: linear-gradient(135deg, var(--gh-c), var(--gh-p)); box-shadow: 0 0 14px rgba(0, 212, 255, .7);
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .gh-cmp-t th, .gh-cmp-t td { font-size: 14.5px; }
  .gh-cmp-t thead th.gh-cmp-ss { font-size: 15px; }
  .gh-cmp-t .gh-mark { display: none; }
  .gh-cmp-cost td { font-size: 16px; }
  .gh-cmp-cost td.gh-cmp-ss { font-size: 18px; }
}
.gh-notes { margin-top: 26px; display: grid; gap: 6px; font-size: 13px; line-height: 1.5; color: var(--gh-mu); }
.gh-notes sup { margin: 0 4px 0 0; }
@media (min-width: 1024px) { .gh-notes { margin-top: 40px; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; } }

/* ══ 11 · GUARANTEES ══════════════════════════════════════════════════════ */
.gh-band { padding: 24px 20px 12px; }
.gh-band-top .gh-meta { margin-bottom: 6px; }
.gh-band-top .gh-eyebrow { color: var(--gh-g); }
.gh-band-top .gh-rule { background: linear-gradient(90deg, var(--gh-g), rgba(0, 255, 136, 0)); }
.gh-band-list { display: grid; grid-template-columns: minmax(0, 1fr); }
.gh-g {
  display: grid; grid-template-columns: 44px minmax(0, 1fr); grid-template-areas: "ic n" "ic h" "ic p";
  column-gap: 16px; align-content: start; padding: 20px 0; border-top: 1px solid var(--gh-line);
}
.gh-g:first-child { border-top: 0; }
.gh-g .gh-ic { grid-area: ic; }
.gh-g-n { grid-area: n; margin-bottom: 2px; font-family: var(--gh-mono); font-size: 10.5px; letter-spacing: .16em; color: var(--gh-mu); }
.gh-g-h { grid-area: h; margin-bottom: 6px; font-family: var(--gh-head); font-weight: 700; font-size: 19px; line-height: 1.2; letter-spacing: -.015em; color: var(--gh-fg); }
.gh-g-p { grid-area: p; font-size: 16px; line-height: 1.55; color: var(--gh-fg2); }
.gh-band-foot { display: flex; justify-content: flex-start; border-top: 1px solid var(--gh-line); padding-top: 6px; }
html.gh-js .gh-g { transition: opacity .8s var(--gh-ease), transform .8s var(--gh-ease); transition-delay: calc(var(--gh-d, 0) * 90ms + .15s); }
html.gh-js .gh-band:not(.gh-vis) .gh-g { opacity: 0; transform: translate3d(0, 16px, 0); }
@media (min-width: 640px) {
  .gh-band { padding: 28px 28px 14px; }
  .gh-band-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
  .gh-g:nth-child(2) { border-top: 0; }
  .gh-band-foot { justify-content: flex-end; }
}
@media (min-width: 1024px) {
  .gh-band { padding: 32px 36px 16px; }
  .gh-band-list { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 0; margin-top: 10px; }
  .gh-g { grid-template-columns: minmax(0, 1fr); grid-template-areas: "ic" "n" "h" "p"; border-top: 0; border-left: 1px solid var(--gh-line); padding: 24px 26px 30px; }
  .gh-g:first-child { border-left: 0; padding-left: 0; }
  .gh-g:last-child { padding-right: 0; }
  .gh-g .gh-ic { margin-bottom: 24px; }
  .gh-g-n { margin-bottom: 8px; }
  .gh-g-h { font-size: 20px; margin-bottom: 8px; }
}

/* ══ shared wrapper HUD for the transplanted blocks ═══════════════════════ */
.gh-wrap { position: relative; }
.gh-wrap-hud {
  position: absolute; top: 40px; left: 0; right: 0; z-index: 2; pointer-events: none;
  display: flex; align-items: center; gap: 14px;
}
.gh-wrap-hud .gh-rule { flex: 0 1 120px; }
@media (min-width: 1024px) { .gh-wrap-hud { top: 64px; } }
/* the transplanted blocks' own label, as a centred HUD label with flanking rules */
#gh-pricing .section-label,
#gh-founder .section-label,
#gh-faq .section-label {
  display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0 0 20px;
  font-family: var(--gh-mono); font-size: 12px; font-weight: 500; line-height: 1.4;
  letter-spacing: .24em; text-transform: uppercase; color: var(--gh-c);
}
#gh-pricing .section-label::before,
#gh-pricing .section-label::after,
#gh-founder .section-label::before,
#gh-founder .section-label::after,
#gh-faq .section-label::before,
#gh-faq .section-label::after {
  content: ""; flex: 0 0 36px; height: 1px; background: linear-gradient(90deg, rgba(0, 212, 255, 0), var(--gh-c));
}
#gh-pricing .section-label::after,
#gh-founder .section-label::after,
#gh-faq .section-label::after { transform: scaleX(-1); }
#gh-pricing .section-headline,
#gh-faq .section-headline {
  font-family: var(--gh-head); font-weight: 800; font-size: clamp(34px, 9.2vw, 46px); line-height: 1.02;
  letter-spacing: -.035em; color: var(--gh-fg); text-wrap: balance;
}
@media (min-width: 768px) {
  #gh-pricing .section-headline,
  #gh-faq .section-headline { font-size: clamp(44px, 5vw, 64px); }
}

/* ══ 12 · PRICING (transplanted; restyled only) ═══════════════════════════ */
#gh-pricing #pricing { padding: 104px 0 88px; background: none; min-height: 0; }
#gh-pricing #pricing .container { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 20px; }
#gh-pricing .section-headline { max-width: 16ch; margin: 0 auto 18px; }
@media (min-width: 768px) { #gh-pricing .section-headline { max-width: 22ch; } }
#gh-pricing .section-sub { max-width: 32em; font-size: 17px; line-height: 1.6; color: var(--gh-fg2); }
#gh-pricing #ss-pricing { margin-top: 30px; }
/* monthly / annual toggle */
#gh-pricing .ss-billing-toggle {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; width: min(100%, 400px);
  margin: 0 auto 44px; padding: 5px; border-radius: 999px; background: rgba(8, 11, 20, .82);
  box-shadow: inset 0 0 0 1px var(--gh-line2), 0 22px 50px -26px rgba(0, 0, 0, .9), 0 0 40px -16px rgba(0, 212, 255, .25);
}
#gh-pricing .ss-tg {
  appearance: none; border: 0; margin: 0; cursor: pointer; min-height: 46px; padding: 6px 12px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px 8px;
  background: transparent; color: var(--gh-fg2); font-family: var(--gh-body); font-size: 15px; font-weight: 600; line-height: 1.2;
  transition: color .25s;
}
#gh-pricing .ss-tg:hover { color: var(--gh-fg); }
#gh-pricing .ss-tg.on {
  color: #04050a; background: linear-gradient(135deg, var(--gh-c), #6f9dff 55%, var(--gh-p2));
  box-shadow: 0 10px 30px -10px rgba(0, 212, 255, .75), inset 0 1px 0 rgba(255, 255, 255, .4);
  animation: gh-tg-in .55s var(--gh-ease);
}
@keyframes gh-tg-in { from { transform: scale(.93); filter: brightness(1.6); } to { transform: none; filter: none; } }
#gh-pricing .ss-save {
  padding: 3px 8px; border-radius: 999px; white-space: nowrap; font-family: var(--gh-mono); font-size: 10.5px;
  font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--gh-g); background: rgba(0, 255, 136, .13);
}
#gh-pricing .ss-tg.on .ss-save { color: #04050a; background: rgba(4, 5, 10, .16); }
/* the plan grid: 1 column, 2x2 from 768px, 4-up from 1280px */
#gh-pricing .ss-grid.pricing-grid { --gh-amt: min(50px, 12.4vw); display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; margin: 0; counter-reset: gh-plan; }
@media (min-width: 768px) {
  #gh-pricing #pricing .container { padding: 0 32px; }
  #gh-pricing .ss-grid.pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 20px; }
}
@media (min-width: 1024px) { #gh-pricing #pricing { padding: 168px 0 140px; } }
@media (min-width: 1440px) { #gh-pricing .ss-grid.pricing-grid { --gh-amt: 41px; } }
@media (min-width: 1280px) { #gh-pricing .ss-grid.pricing-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: stretch; } }
/* a plan card */
#gh-pricing .price-card {
  --gh-mx: -999px; --gh-my: -999px;
  counter-increment: gh-plan; position: relative; isolation: isolate; margin: 0; text-align: left;
  display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto auto auto 1fr auto auto;
  align-content: stretch; padding: 30px 22px 18px; border: 0; border-radius: 26px;
  background:
    radial-gradient(420px circle at var(--gh-mx) var(--gh-my), rgba(0, 212, 255, .08), transparent 60%),
    linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0) 32%), var(--gh-panel);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  box-shadow: 0 40px 80px -50px rgba(0, 0, 0, .9);
}
#gh-pricing .price-card > * { grid-column: 1 / -1; min-width: 0; }
#gh-pricing .price-card::after {
  content: counter(gh-plan, decimal-leading-zero) " / 04";
  content: counter(gh-plan, decimal-leading-zero) " / 04" / "";
  position: absolute; top: 24px; right: 22px; font-family: var(--gh-mono); font-size: 10.5px; letter-spacing: .14em; color: var(--gh-mu);
}
@media (min-width: 1024px) {
  #gh-pricing .price-card { -webkit-backdrop-filter: blur(18px) saturate(1.2); backdrop-filter: blur(18px) saturate(1.2); padding: 34px 26px 20px; }
}
html.gh-desk #gh-pricing .price-card::before {
  background:
    radial-gradient(240px circle at var(--gh-mx) var(--gh-my), rgba(0, 212, 255, .9), transparent 70%),
    linear-gradient(150deg, rgba(0, 212, 255, .5), rgba(255, 255, 255, .07) 30%, rgba(255, 255, 255, .04) 62%, rgba(123, 47, 247, .45));
}
#gh-pricing .price-tier {
  display: flex; align-items: center; gap: 10px; margin: 0 0 30px; font-family: var(--gh-mono); font-size: 12px;
  font-weight: 500; letter-spacing: .22em; color: var(--gh-c);
}
#gh-pricing .price-tier::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: currentColor; box-shadow: 0 0 12px currentColor; }
#gh-pricing .price-card > .price-amt {
  position: relative; justify-self: start; font-family: var(--gh-head); font-weight: 800; font-size: var(--gh-amt, 48px);
  line-height: .95; letter-spacing: -.045em; color: var(--gh-fg); white-space: nowrap;
}
#gh-pricing .ss-from {
  position: absolute; left: 1px; bottom: 100%; margin: 0 0 7px; font-family: var(--gh-mono); font-size: 11px; font-weight: 500;
  line-height: 1.3; letter-spacing: .16em; text-transform: uppercase; color: var(--gh-fg2);
}
#gh-pricing .price-card > .price-per { margin-top: 10px; font-family: var(--gh-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--gh-fg2); }
#gh-pricing .ss-alt { margin: 4px 0 18px; font-size: 14px; line-height: 1.5; color: var(--gh-mu); }
#gh-pricing .ss-reels {
  margin: 0 0 18px; padding: 11px 14px; border-radius: 14px; font-size: 15px; font-weight: 600; line-height: 1.35;
  color: var(--gh-fg); background: rgba(0, 212, 255, .07); box-shadow: inset 0 0 0 1px rgba(0, 212, 255, .22);
}
#gh-pricing .price-feats { align-self: start; margin: 0 0 20px; padding: 0; list-style: none; display: block; }
#gh-pricing .price-feats li {
  position: relative; padding: 10px 0 10px 27px; border-top: 1px solid var(--gh-line); list-style: none;
  font-size: 15px; line-height: 1.5; color: var(--gh-fg2);
}
#gh-pricing .price-feats li:first-child { border-top: 0; }
#gh-pricing .price-feats li::before {
  content: ""; position: absolute; left: 3px; top: 16px; width: 12px; height: 7px;
  border-left: 1.6px solid var(--gh-g); border-bottom: 1.6px solid var(--gh-g); transform: rotate(-45deg);
}
#gh-pricing .ss-q {
  display: inline-block; margin: 2px 0 0 2px; padding: 1px 8px; border-radius: 999px; white-space: nowrap;
  font-family: var(--gh-mono); font-size: 11px; letter-spacing: .03em; line-height: 1.6; color: var(--gh-amber);
  background: rgba(255, 201, 120, .1); box-shadow: inset 0 0 0 1px rgba(255, 201, 120, .26);
}
#gh-pricing .ss-cta {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px; margin: 0 0 4px;
  padding: 14px 20px; border-radius: 999px; font-family: var(--gh-body); font-size: 15.5px; font-weight: 700;
  line-height: 1.2; text-align: center; white-space: normal; transition: transform .35s var(--gh-ease), box-shadow .35s, background .3s;
}
#gh-pricing .ss-cta.btn-primary {
  border: 0; color: #04050a; background: linear-gradient(135deg, var(--gh-c), var(--gh-p));
  box-shadow: 0 14px 40px -14px rgba(0, 212, 255, .75), inset 0 1px 0 rgba(255, 255, 255, .35);
}
#gh-pricing .ss-cta.btn-secondary { border: 0; color: var(--gh-fg); background: rgba(255, 255, 255, .045); box-shadow: inset 0 0 0 1px var(--gh-line2); }
#gh-pricing .ss-cta:hover { transform: translateY(-2px); }
#gh-pricing .ss-cta.btn-secondary:hover { box-shadow: inset 0 0 0 1px rgba(0, 212, 255, .45); background: rgba(0, 212, 255, .06); }
#gh-pricing .ss-buy {
  display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0;
  font-size: 14px; font-weight: 600; color: var(--gh-fg2); transition: color .2s;
}
#gh-pricing .ss-buy:hover { color: var(--gh-c); }
/* "Most popular": raised, glowing, with a rotating conic border */
#gh-pricing .price-card.popular {
  background:
    radial-gradient(420px circle at var(--gh-mx) var(--gh-my), rgba(0, 212, 255, .1), transparent 60%),
    radial-gradient(120% 55% at 50% 0%, rgba(0, 212, 255, .16), transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, 0) 32%), var(--gh-panel2);
  box-shadow: 0 44px 110px -44px rgba(0, 212, 255, .5), 0 0 70px -30px rgba(123, 47, 247, .6);
}
#gh-pricing .ss-grid .price-card.popular::before {   /* (1,3,1): beats the desktop spotlight ring (1,2,2) */
  padding: 1.5px;
  background: conic-gradient(from var(--gh-ang), var(--gh-c), var(--gh-p) 25%, var(--gh-g) 50%, var(--gh-c) 75%, var(--gh-p));
  animation: gh-spin 6s linear infinite;
}
@keyframes gh-spin { to { --gh-ang: 360deg; } }
html.gh-js #gh-pricing:not(.gh-live) .price-card.popular::before { animation-play-state: paused; }
#gh-pricing .pop-badge {
  position: absolute; top: 0; left: 50%; z-index: 3; transform: translate(-50%, -50%); margin: 0;
  padding: 7px 14px; border-radius: 999px; white-space: nowrap; font-family: var(--gh-mono); font-size: 11px;
  font-weight: 500; letter-spacing: .18em; color: #04050a; background: linear-gradient(135deg, var(--gh-c), var(--gh-p));
  box-shadow: 0 8px 26px -8px rgba(0, 212, 255, .85);
}
#gh-pricing .price-card.popular .price-tier { color: #fff; }
#gh-pricing .price-card.popular > .price-amt {
  background: linear-gradient(100deg, #fff, var(--gh-c) 70%, var(--gh-p2));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
@media (min-width: 768px) { #gh-pricing .ss-grid.pricing-grid { --gh-amt: 48px; } }
@media (min-width: 1024px) { #gh-pricing .ss-grid.pricing-grid { --gh-amt: 52px; } }
#gh-pricing #ss-pricing[data-iv="year"] .price-card[data-plan="agency"] > .price-amt { font-size: calc(var(--gh-amt, 48px) * .88); }
@media (min-width: 1280px) {
  #gh-pricing .ss-grid.pricing-grid { --gh-amt: 39px; }
  #gh-pricing .price-card.popular { transform: translateY(-12px); }
}
/* staggered reveal of the cards (the wrapper gets .gh-vis; re-rendered cards appear settled) */
html.gh-js #gh-pricing .price-card { transition: opacity .9s var(--gh-ease), transform .9s var(--gh-ease); }
html.gh-js #gh-pricing:not(.gh-vis) .price-card { opacity: 0; transform: translate3d(0, 30px, 0); }
html.gh-js #gh-pricing .price-card:nth-child(2) { transition-delay: .08s; }
html.gh-js #gh-pricing .price-card:nth-child(3) { transition-delay: .16s; }
html.gh-js #gh-pricing .price-card:nth-child(4) { transition-delay: .24s; }
/* the fine print */
#gh-pricing .ss-notes {
  position: relative; max-width: 900px; margin: 44px auto 0; padding: 22px 20px 6px; border-radius: 22px; text-align: left;
  background: rgba(8, 11, 20, .78);
}
#gh-pricing .ss-notes::before { background: linear-gradient(150deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .05) 50%, rgba(123, 47, 247, .3)); }
#gh-pricing .ss-notes p { margin: 0 0 12px; font-size: 14px; line-height: 1.65; color: var(--gh-fg2); }
#gh-pricing .ss-notes strong { color: var(--gh-fg); font-weight: 600; }
#gh-pricing .ss-guarantee { padding-bottom: 14px; border-bottom: 1px solid var(--gh-line); }
#gh-pricing .ss-addons { margin: 4px 0 0; border-top: 1px solid var(--gh-line); }
#gh-pricing .ss-addons summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; min-height: 54px;
  font-family: var(--gh-mono); font-size: 12.5px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--gh-c);
}
#gh-pricing .ss-addons summary::-webkit-details-marker { display: none; }
#gh-pricing .ss-addons summary::after {
  content: ""; flex: none; width: 34px; height: 34px; border-radius: 50%; transition: transform .45s var(--gh-ease);
  background:
    linear-gradient(currentColor, currentColor) center / 12px 1.5px no-repeat,
    linear-gradient(currentColor, currentColor) center / 1.5px 12px no-repeat;
  box-shadow: inset 0 0 0 1px var(--gh-line2);
}
#gh-pricing .ss-addons[open] summary::after { transform: rotate(135deg); }
#gh-pricing .ss-addons ul { margin: 0 0 12px; padding: 0; list-style: none; display: block; }
#gh-pricing .ss-addons li { padding: 12px 0; border-top: 1px solid var(--gh-line); list-style: none; font-size: 14px; line-height: 1.55; color: var(--gh-fg2); }
#gh-pricing .ss-addons li b { color: var(--gh-fg); font-weight: 600; }
@media (min-width: 768px) { #gh-pricing .ss-notes { padding: 28px 32px 8px; margin-top: 56px; } }

/* ══ 13 · FOUNDER (transplanted; editorial layout by CSS only) ════════════ */
#gh-founder .alt-bg { padding: 104px 0 88px; background: none; min-height: 0; }
#gh-founder .container { width: 100%; margin: 0 auto; padding: 0 20px; }
#gh-founder .founder-section-inner { max-width: none; margin: 0; text-align: left; }
#gh-founder .founder-card {
  position: relative; isolation: isolate; margin: 26px 0 0; padding: 58px 22px 26px; border: 0; border-radius: 28px; text-align: left;
  display: grid; grid-template-columns: minmax(0, 1fr); align-items: center;
  background:
    radial-gradient(90% 60% at 0% 0%, rgba(123, 47, 247, .16), transparent 60%),
    linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0) 30%), var(--gh-panel);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  box-shadow: 0 50px 100px -50px rgba(0, 0, 0, .9);
}
#gh-founder .founder-card::after {
  content: ""; position: absolute; top: -24px; left: 22px; width: 60px; height: 48px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66 52'%3E%3Cdefs%3E%3ClinearGradient id='q' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2300d4ff'/%3E%3Cstop offset='1' stop-color='%23b66dff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23q)' d='M0 52V31C0 14 9 3.5 26 0l3 7.5C19.5 10.5 15 16.5 14 26h13v26zM36 52V31c0-17 9-27.5 26-31l3 7.5C55.5 10.5 51 16.5 50 26h13v26z'/%3E%3C/svg%3E") no-repeat center / contain;
  filter: drop-shadow(0 8px 20px rgba(0, 212, 255, .35));
}
#gh-founder .founder-card > br { display: none; }
#gh-founder .founder-body {
  margin: 0 0 24px; padding: 0 0 26px; border-bottom: 1px solid var(--gh-line);
  font-size: 17px; line-height: 1.75; color: var(--gh-fg2);
}
#gh-founder .founder-body br { display: none; }
#gh-founder .founder-body strong {
  position: relative; display: block; margin: 26px 0; padding-left: 20px;
  font-family: var(--gh-head); font-weight: 800; font-size: clamp(30px, 8.4vw, 50px); line-height: 1.04; letter-spacing: -.035em;
  background: linear-gradient(100deg, #fff 10%, var(--gh-c) 60%, var(--gh-p2));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
#gh-founder .founder-body strong::before {
  content: ""; position: absolute; left: 0; top: .1em; bottom: .1em; width: 2px; border-radius: 2px;
  background: linear-gradient(var(--gh-c), var(--gh-p));
}
#gh-founder .founder-sig { display: flex; align-items: center; gap: 16px; margin: 0 0 14px; }
#gh-founder .founder-av {
  position: relative; flex: none; width: 56px; height: 56px; border-radius: 50%; font-size: 0; line-height: 0; color: transparent;
  background: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .3), transparent 45%), linear-gradient(135deg, var(--gh-c), var(--gh-p));
  box-shadow: 0 0 0 4px rgba(4, 5, 10, .9), 0 0 0 5px rgba(0, 212, 255, .38), 0 14px 32px -10px rgba(0, 212, 255, .65);
}
#gh-founder .founder-av::before {
  content: "HC"; position: absolute; inset: 0; display: grid; place-items: center;
  font-family: var(--gh-head); font-size: 18px; font-weight: 800; line-height: 1; letter-spacing: -.02em; color: #04050a;
}
#gh-founder .founder-name { font-family: var(--gh-head); font-size: 20px; font-weight: 800; line-height: 1.2; letter-spacing: -.015em; color: var(--gh-fg); }
#gh-founder .founder-name::after {
  content: ""; display: block; width: 118px; height: 12px; margin-top: 1px; opacity: .9;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpath d='M2 8.5c13-5.5 24-6.5 34-2.8s18 4.4 29 .2 22-5.6 33-2.2c7 2.2 12 3.3 20 1.6' fill='none' stroke='%2300d4ff' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left center / contain;
}
#gh-founder .founder-title { margin-top: 2px; font-family: var(--gh-mono); font-size: 12px; letter-spacing: .06em; line-height: 1.5; color: var(--gh-fg2); }
#gh-founder .founder-card > .btn-secondary {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 14px 22px;
  border: 0; border-radius: 999px; font-family: var(--gh-body); font-size: 15.5px; font-weight: 600; line-height: 1.2; white-space: normal;
  color: var(--gh-fg); background: rgba(255, 255, 255, .045); box-shadow: inset 0 0 0 1px var(--gh-line2);
  transition: transform .35s var(--gh-ease), box-shadow .3s, background .3s;
}
#gh-founder .founder-card > .btn-secondary:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px rgba(0, 212, 255, .5); background: rgba(0, 212, 255, .07); }
@media (min-width: 768px) {
  #gh-founder .container { padding: 0 32px; }
  #gh-founder .founder-card { grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; padding: 76px 56px 40px; margin-top: 34px; }
  #gh-founder .founder-card::after { left: 52px; top: -28px; width: 72px; height: 56px; }
  #gh-founder .founder-body { grid-column: 1 / -1; font-size: 18.5px; }
  #gh-founder .founder-sig { grid-column: 1; margin: 0; }
  #gh-founder .founder-card > .btn-secondary { grid-column: 2; width: auto; }
}
@media (min-width: 1024px) {
  #gh-founder .alt-bg { padding: 168px 0 140px; }
  #gh-founder .founder-card { -webkit-backdrop-filter: blur(18px) saturate(1.2); backdrop-filter: blur(18px) saturate(1.2); }
}
html.gh-js #gh-founder .founder-card { transition: opacity 1s var(--gh-ease), transform 1s var(--gh-ease); }
html.gh-js #gh-founder:not(.gh-vis) .founder-card { opacity: 0; transform: translate3d(0, 34px, 0); }

/* ══ 14 · FAQ (transplanted; premium accordion by CSS only) ═══════════════ */
#gh-faq > section { padding: 104px 0 88px; background: none; min-height: 0; }
#gh-faq .container { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
#gh-faq .section-headline { margin: 0 auto 34px; }
#gh-faq .faq-list { max-width: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; counter-reset: gh-q; }
#gh-faq .faq-item {
  counter-increment: gh-q; position: relative; overflow: visible; border: 0; border-radius: 20px;
  background: var(--gh-panel); box-shadow: inset 0 0 0 1px var(--gh-line);
  transition: box-shadow .4s var(--gh-ease), background .4s var(--gh-ease);
}
#gh-faq .faq-item:hover { box-shadow: inset 0 0 0 1px var(--gh-line2); }
#gh-faq .faq-item.open { background: var(--gh-panel2); box-shadow: inset 0 0 0 1px rgba(0, 212, 255, .38), 0 26px 60px -34px rgba(0, 212, 255, .45); }
#gh-faq .faq-q {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 14px;
  min-height: 64px; margin: 0; padding: 14px 14px 14px 18px; border-radius: 20px; cursor: pointer; user-select: none;
  font-family: var(--gh-body); font-size: 16.5px; font-weight: 600; line-height: 1.4; color: var(--gh-fg); text-align: left;
  -webkit-tap-highlight-color: transparent;
}
#gh-faq .faq-q::before {
  content: counter(gh-q, decimal-leading-zero);
  content: counter(gh-q, decimal-leading-zero) / "";
  min-width: 18px; font-family: var(--gh-mono); font-size: 11px; font-weight: 500; letter-spacing: .1em; color: var(--gh-mu); transition: color .3s;
}
#gh-faq .faq-q:focus-visible { outline-offset: -2px; }
#gh-faq .faq-item.open .faq-q::before { color: var(--gh-c); }
#gh-faq .faq-icon {
  position: relative; flex: none; width: 36px; height: 36px; border-radius: 50%; margin: 0;
  font-size: 0; line-height: 0; color: transparent; box-shadow: inset 0 0 0 1px var(--gh-line2);
  transition: transform .5s var(--gh-ease), box-shadow .3s, background .3s;
}
#gh-faq .faq-icon::before,
#gh-faq .faq-icon::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 13px; height: 1.5px; margin: -.75px 0 0 -6.5px;
  border-radius: 2px; background: var(--gh-fg); transition: background .3s;
}
#gh-faq .faq-icon::after { transform: rotate(90deg); }
#gh-faq .faq-item.open .faq-icon { transform: rotate(135deg); background: rgba(0, 212, 255, .12); box-shadow: inset 0 0 0 1px rgba(0, 212, 255, .55); }
#gh-faq .faq-item.open .faq-icon::before,
#gh-faq .faq-item.open .faq-icon::after { background: var(--gh-c); }
/* smooth, true-height open/close: grid rows 0fr -> 1fr (no max-height guess) */
#gh-faq .faq-a { display: grid; grid-template-rows: 0fr; max-height: none; overflow: hidden; transition: grid-template-rows .55s var(--gh-ease); }
#gh-faq .faq-item.open .faq-a { grid-template-rows: 1fr; }
#gh-faq .faq-a-inner {
  min-height: 0; overflow: hidden; visibility: hidden; padding: 0 18px; transition: visibility 0s linear .55s;
  font-size: 16px; line-height: 1.7; color: var(--gh-fg2);
}
#gh-faq .faq-item.open .faq-a-inner { visibility: visible; transition-delay: 0s; }
#gh-faq .faq-a-inner::after { content: ""; display: block; height: 22px; }
#gh-faq .faq-a-inner a { font-weight: 600; text-decoration: underline; text-decoration-color: rgba(0, 212, 255, .45); text-underline-offset: 3px; }
@media (min-width: 768px) {
  #gh-faq .container { padding: 0 32px; }
  #gh-faq .faq-q { padding: 16px 18px 16px 22px; font-size: 17px; column-gap: 18px; min-height: 70px; }
  #gh-faq .faq-a-inner { padding: 0 72px 0 58px; }
}
@media (min-width: 1024px) {
  #gh-faq > section { padding: 168px 0 140px; }
  #gh-faq .container { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-rows: auto auto 1fr; column-gap: 64px; align-items: start; }
  #gh-faq .section-label { grid-column: 1; grid-row: 1; justify-content: flex-start; text-align: left !important; position: sticky; top: 124px; }
  #gh-faq .section-label::before { display: none; }
  #gh-faq .section-headline { grid-column: 1; grid-row: 2; text-align: left !important; margin: 0; position: sticky; top: 164px; font-size: clamp(40px, 3.7vw, 54px); }
  #gh-faq .faq-list { grid-column: 2; grid-row: 1 / span 3; }
}
html.gh-js #gh-faq .faq-item { transition: box-shadow .4s var(--gh-ease), background .4s var(--gh-ease), opacity .8s var(--gh-ease), transform .8s var(--gh-ease); }
html.gh-js #gh-faq:not(.gh-vis) .faq-item { opacity: 0; transform: translate3d(0, 20px, 0); }

/* ══ 15 · FINAL CTA (full-bleed; the centre stays open for the world's bloom) ══ */
.gh-final { display: flex; min-height: 100vh; min-height: 100svh; padding: 0; overflow: hidden; text-align: center; }
.gh-final::before {
  content: ""; position: absolute; left: 50%; top: 50%; width: min(80vw, 620px); aspect-ratio: 1; border-radius: 50%;
  transform: translate(-50%, -50%); pointer-events: none;
  background: radial-gradient(closest-side, rgba(0, 212, 255, .09), rgba(123, 47, 247, .05) 55%, transparent);
}
.gh-final-reticle {
  position: absolute; left: 50%; top: 50%; width: min(86vw, 640px); aspect-ratio: 1; z-index: 0; pointer-events: none;
  transform: translate(-50%, -50%);
}
.gh-final-reticle svg { width: 100%; height: 100%; overflow: visible; fill: none; stroke-linecap: round; }
.gh-rt-1 { stroke: rgba(255, 255, 255, .08); stroke-width: 1; stroke-dasharray: 2 7; }
.gh-rt-2 { stroke: rgba(0, 212, 255, .22); stroke-width: 1; stroke-dasharray: 70 20 4 20; transform-box: view-box; transform-origin: 50% 50%; animation: gh-rot 60s linear infinite; }
.gh-rt-3 { stroke: rgba(182, 109, 255, .22); stroke-width: 1; stroke-dasharray: 1 5; }
.gh-rt-x { stroke: rgba(0, 212, 255, .45); stroke-width: 1; }
.gh-rt-t { stroke: rgba(255, 255, 255, .24); stroke-width: 1; }
@keyframes gh-rot { to { transform: rotate(360deg); } }
html.gh-js .gh-final:not(.gh-live) .gh-rt-2 { animation-play-state: paused; }
.gh-final-in {
  position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: space-between;
  padding-top: 92px; padding-bottom: 104px; min-height: inherit;
}
.gh-final-top .gh-meta { margin-bottom: 18px; }
.gh-final-h {
  margin: 0 auto; max-width: 11ch; font-family: var(--gh-head); font-weight: 800; font-size: clamp(40px, 11.4vw, 58px);
  line-height: .98; letter-spacing: -.045em; color: var(--gh-fg);
}
.gh-final-h .gh-l { display: block; overflow: hidden; padding: 0 .04em .07em; }
.gh-final-h .gh-l > span { display: inline-block; transition: transform 1.2s var(--gh-ease), opacity 1.2s var(--gh-ease), filter 1.2s var(--gh-ease); }
.gh-final-h .gh-l:nth-child(2) > span {
  transition-delay: .12s;
  background: linear-gradient(100deg, var(--gh-c) 10%, var(--gh-p2) 90%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
html.gh-js .gh-final-top:not(.gh-vis) .gh-l > span { opacity: 0; transform: translate3d(0, 105%, 0); }
.gh-final-open { flex: 1 0 24vh; width: 100%; }
.gh-final-bot { width: 100%; }
.gh-final-sub { max-width: 34em; margin: 0 auto 24px; font-size: 17px; line-height: 1.6; color: var(--gh-fg2); text-wrap: balance; }
.gh-final-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0 auto 26px; }
.gh-btn {
  position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; padding: 16px 28px;
  border-radius: 999px; font-family: var(--gh-body); font-size: 16px; font-weight: 700; line-height: 1.2; white-space: nowrap;
  transition: box-shadow .35s var(--gh-ease), background .3s;
}
.gh-btn-t { display: inline-flex; align-items: center; gap: 10px; pointer-events: none; }
.gh-btn--p {
  color: #04050a; background: linear-gradient(135deg, var(--gh-c), var(--gh-p));
  box-shadow: 0 18px 50px -16px rgba(0, 212, 255, .85), inset 0 1px 0 rgba(255, 255, 255, .38);
}
.gh-btn--p:hover { box-shadow: 0 24px 64px -14px rgba(0, 212, 255, 1), inset 0 1px 0 rgba(255, 255, 255, .38); }
.gh-btn--p:hover .gh-arr { transform: translateX(4px); }
.gh-btn--s { color: var(--gh-fg); background: rgba(8, 11, 20, .66); box-shadow: inset 0 0 0 1px var(--gh-line2); }
.gh-btn--s:hover { background: rgba(0, 212, 255, .08); box-shadow: inset 0 0 0 1px rgba(0, 212, 255, .5); }
html.gh-desk .gh-magnet { will-change: transform; }
html.gh-desk .gh-magnet::before { content: ""; position: absolute; inset: -18px; border-radius: inherit; }
.gh-final-mono {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 10px; max-width: 36em; margin: 0 auto;
  font-family: var(--gh-mono); font-size: 11.5px; font-weight: 500; line-height: 1.5; letter-spacing: .14em; color: var(--gh-fg2);
}
.gh-final-mono i { font-style: normal; color: var(--gh-mu); }
@media (max-width: 639px) {
  .gh-final-btns { flex-direction: column; align-items: stretch; max-width: 340px; }
  .gh-final-mono { gap: 8px; }
  .gh-final-mono i { display: none; }
  .gh-final-mono span { padding: 5px 10px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--gh-line2); background: rgba(8, 11, 20, .6); }
}
@media (min-width: 768px) {
  .gh-final-h { font-size: clamp(60px, 8.6vw, 132px); max-width: 12ch; }
  .gh-final-in { padding-top: 120px; padding-bottom: 96px; }
  .gh-final-sub { font-size: 19px; }
  .gh-btn { padding: 18px 34px; font-size: 16.5px; }
  .gh-final-mono { font-size: 12px; max-width: none; }
}
@media (min-width: 1024px) {
  html.gh-js .gh-final-top:not(.gh-vis) .gh-l > span { filter: blur(12px); }
  /* desktop: the headline frames the open centre, line 1 above the bloom, line 2 below it */
  .gh-final-in { max-width: 1600px; padding-top: 104px; padding-bottom: 72px; }
  .gh-final-top { flex: 1 1 auto; display: flex; flex-direction: column; width: 100%; }
  .gh-final-h { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; row-gap: max(24vh, 190px); max-width: none; }
  .gh-final-h .gh-l:first-child { font-size: min(6.5vw, 100px); }
  .gh-final-h .gh-l:nth-child(2) { font-size: min(4.7vw, 70px); margin-bottom: 30px; }
  .gh-final-open { display: none; }
  .gh-final::before,
  .gh-final-reticle { top: 45%; }
}

/* ══ FOOTER ═══════════════════════════════════════════════════════════════ */
.gh-foot {
  padding: 64px 0 0; border-top: 1px solid var(--gh-line);
  background: linear-gradient(180deg, rgba(4, 5, 10, .4), rgba(4, 5, 10, .9) 40%);
}
.gh-foot-hud { display: flex; align-items: center; gap: 12px; margin-bottom: 44px; }
.gh-foot-hud .gh-rule { flex: 1 1 auto; max-width: none; background: linear-gradient(90deg, var(--gh-c), rgba(123, 47, 247, .45) 50%, rgba(0, 212, 255, .08)); }
.gh-foot-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--gh-c); box-shadow: 0 0 10px var(--gh-c); flex: none; }
.gh-foot-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; }
.gh-logo {
  display: inline-flex; align-items: center; gap: 10px; min-height: 44px;
  font-family: var(--gh-head); font-size: 22px; font-weight: 800; letter-spacing: -.01em; color: var(--gh-fg);
}
.gh-logo-mark { width: 12px; height: 12px; border-radius: 3px; background: linear-gradient(135deg, var(--gh-c), var(--gh-p)); box-shadow: 0 0 16px rgba(0, 212, 255, .6); }
.gh-foot-tag { margin-top: 8px; font-family: var(--gh-mono); font-size: 12.5px; font-weight: 500; letter-spacing: .24em; color: var(--gh-c); }
.gh-foot-h { margin: 0 0 8px; font-family: var(--gh-mono); font-size: 11.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--gh-mu); }
.gh-foot-col a { display: flex; align-items: center; min-height: 44px; font-size: 16px; color: var(--gh-fg2); transition: color .2s; }
.gh-foot-col a:hover { color: var(--gh-fg); }
.gh-foot-legal { margin-top: 44px; padding: 22px 0 24px; border-top: 1px solid var(--gh-line); font-size: 13.5px; line-height: 1.7; color: var(--gh-mu); }
.gh-foot-legal a { color: var(--gh-fg2); padding: 10px 0; }
.gh-foot-legal a:hover { color: var(--gh-c); }
.gh-foot-giant { width: 100%; height: auto; margin: 0 auto; padding: 0 12px 88px; max-width: 1440px; }
.gh-foot-giant text { font-family: var(--gh-head); font-weight: 800; letter-spacing: -.02em; }
.gh-foot-giant--1 { display: none; }
@media (min-width: 640px) {
  .gh-foot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gh-foot-brand { grid-column: 1 / -1; }
}
@media (min-width: 768px) {
  .gh-foot-giant--1 { display: block; padding: 0 24px 36px; }
  .gh-foot-giant--2 { display: none; }
}
@media (min-width: 1024px) {
  .gh-foot { padding-top: 80px; }
  .gh-foot-grid { grid-template-columns: 1.7fr repeat(3, minmax(0, 1fr)); }
  .gh-foot-brand { grid-column: auto; }
  .gh-foot-col a { min-height: 36px; font-size: 15px; }
}

/* ══ reduced motion: static final states, no loops ════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  .gh-scope *,
  .gh-scope *::before,
  .gh-scope *::after { animation: none !important; transition: none !important; }
  html.gh-js .gh-scope .gh-rv,
  html.gh-js .gh-scope .gh-g,
  html.gh-js .gh-scope .price-card:not(.popular),
  html.gh-js .gh-scope .faq-item,
  html.gh-js .gh-scope .founder-card,
  html.gh-js .gh-final-top .gh-l > span { opacity: 1 !important; transform: none !important; filter: none !important; }
}