/* Add your global design changes here. Loaded after the original styles. */
.gods-logo-video { object-fit: contain; vertical-align: middle; filter: none !important; flex-shrink: 0; }
.footer-logo-gradient.gods-logo-video, .footer-logo-dark.gods-logo-video { object-fit: contain; background: transparent; }

video.gods-logo-video, video[src="/videos/gods-logo.mp4"], img[src="/gods-logo.png"] { border-radius:22%; overflow:hidden; clip-path:inset(0 round 22%); }

/* Team Members & Roles — video cover inside dd-visual */
.dd-visual:has(> .dd-cover-video) { padding: 0; }
.dd-cover-video { width: 100%; height: 100%; min-height: 180px; object-fit: cover; border-radius: 12px; display: block; }
/* Mobile: inset the cover 3% from the card edges so it reads better. */
@media (max-width: 1023.98px) {
  .dd-visual:has(> .dd-cover-video) { padding: 3%; }
  .dd-cover-video { min-height: 0; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; }
}

/* Hero badge row — same pills as the "Lead sellers" section */
.hero-vertical-badges { gap: 6px !important; row-gap: 6px !important; }
.hero-vertical-badges .section-badge {
  color: hsl(var(--jade-light) / .95) !important;
  background: hsl(var(--jade-light) / .08) !important;
  border: 1px solid hsl(var(--jade-light) / .2) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
/* Mobile: 25px gap between the badge row and the caption below it. */
@media (max-width: 639.98px) {
  .hero-vertical-badges + p { margin-top: 25px !important; }
}

/* Who-card heading row + trust badges */
.who-card-heading-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; }
.who-card-badges { display: flex; flex-wrap: wrap; gap: 6px; }

/* Cards & Wallets cover image — full-bleed on mobile, bleed ~30% left on desktop */
.dd-cards-overlay { left: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center; border-radius: 12px; opacity: .9; }
@media (min-width: 1024px) {
  .dd-cards-overlay { left: -30% !important; width: 130% !important; object-position: left center; }
}

/* Performance Capital — analysis cards in 2-column grid on desktop */
@media (min-width: 1024px) {
  section[aria-labelledby="capital-analysis"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
  }
  section[aria-labelledby="capital-analysis"] > .px-1,
  section[aria-labelledby="capital-analysis"] > .additional-features {
    grid-column: 1 / -1;
  }
  section[aria-labelledby="capital-analysis"] > .mb-8 {
    min-width: 0;
  }
  section[aria-labelledby="capital-analysis"] .chat-demo-card {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  section[aria-labelledby="capital-analysis"] .chat-demo-card .grid {
    min-width: 0;
  }
}

/* Agency hero — desktop: cover photo fills the right column edge-to-edge
   (top and bottom), so it meets the rounded corners instead of letterboxing. */
@media (min-width: 1024px) {
  .bento-hero--agency { padding-bottom: 48px; }
  .bento-hero--agency .bento-hero-bg-container {
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    width: 46%;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .bento-hero--agency .bento-hero-bg { object-fit: cover; object-position: right center; }
}

/* Agency hero — mobile/tablet: photo starts below the navbar (64px + 35px spacer),
   stretched full-width (no side bars), with a filled gradient spacer so it fades in. */
@media (max-width: 1023.98px) {
  .bento-hero--agency { padding-bottom: 30px; }
  .bento-hero--agency .bento-hero-bg-container { top: 99px; }
  .bento-hero--agency .bento-hero-bg { object-fit: cover; object-position: center top; }
  .bento-hero--agency::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 99px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to bottom, hsl(var(--background)) 0%, hsl(var(--background)) 55%, transparent 100%);
  }
}

/* Pagination / anchor targets must not hide under the fixed navbar. */
#agency-report { scroll-margin-top: 96px; }

/* /pricing — the "7% Fee" figure in the Start Free card. */
.gods-fee-bold {
  font-weight: 900 !important;
  letter-spacing: -0.01em;
}

/* ══════════════════════════════════════════════════════════════
   /resources — full-text announcement feed cards
   ══════════════════════════════════════════════════════════════ */
.gods-post-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid hsl(var(--foreground) / .08);
  background: hsl(var(--card));
  transition: border-color .3s ease;
}
.gods-post-card:hover { border-color: hsl(var(--primary) / .28); }

.gods-post-media-wrap {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: hsl(var(--foreground) / .04);
}
.gods-post-media { width: 100%; height: 100%; object-fit: cover; display: block; }

.gods-post-body { padding: 1.25rem; display: flex; flex-direction: column; flex: 1; }
@media (min-width: 640px) { .gods-post-body { padding: 1.5rem; } }

.gods-post-topline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .875rem;
}
.gods-post-badge {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .15rem .5rem;
  border-radius: 4px;
  border: 1px solid hsl(var(--jade-light) / .2);
  background: hsl(var(--jade-light) / .08);
  color: hsl(var(--jade-light) / .95);
  font-family: Pixelon, "Courier New", monospace;
  font-size: .675rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
}
:root:not(.dark) .gods-post-badge { color: #2d6b4a; background: #2d6b4a14; border-color: #2d6b4a33; }
.gods-post-badge-ico { width: .85em; height: .85em; flex-shrink: 0; }

.gods-post-meta {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: .6875rem;
  color: hsl(var(--foreground) / .55);
  white-space: nowrap;
}
.gods-post-meta-ico { width: .875rem; height: .875rem; flex-shrink: 0; }
.gods-post-dot { width: 2px; height: 10px; border-radius: 1px; background: hsl(var(--foreground) / .15); margin: 0 .1rem; }

.gods-post-title {
  font-family: var(--font-funnel-display, inherit);
  font-weight: 300;
  font-size: clamp(1.1rem, 2.2vw, 1.4rem);
  line-height: 1.25;
  letter-spacing: -.015em;
  color: hsl(var(--foreground) / .92);
  margin: 0 0 1rem;
}

/* ── prose ── */
.gods-post-prose { font-size: .9375rem; line-height: 1.7; color: hsl(var(--foreground) / .68); }
.gods-post-prose > * + * { margin-top: .875rem; }
.gods-post-prose strong { color: hsl(var(--foreground) / .92); font-weight: 500; }
.gods-post-prose em { font-style: normal; color: hsl(var(--foreground) / .5); font-size: .875em; }
.gods-post-inline-ico { width: 1em; height: 1em; display: inline-block; vertical-align: -.125em; margin-right: .35rem; color: hsl(var(--primary)); }

.gods-post-list, .gods-post-checks, .gods-post-roles { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
.gods-post-list--compact { gap: .4rem; margin-top: .5rem; }
.gods-post-list li, .gods-post-checks li { display: flex; align-items: flex-start; gap: .55rem; }
.gods-post-li-ico, .gods-post-li-logo, .gods-post-check-ico { flex-shrink: 0; }
.gods-post-li-ico, .gods-post-check-ico, .gods-post-panel-ico { width: 1rem; height: 1rem; margin-top: .3rem; color: hsl(var(--primary)); }
.gods-post-li-logo { width: 1rem; height: 1rem; margin-top: .3rem; }
.gods-post-check-ico { color: hsl(var(--primary) / .85); }

.gods-post-slots { display: flex; flex-wrap: wrap; gap: .375rem; margin-top: .5rem; }
.gods-post-slot {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .2rem .5rem;
  border-radius: 999px;
  font-size: .75rem;
  color: hsl(var(--foreground) / .7);
  background: hsl(var(--foreground) / .04);
  border: 1px solid hsl(var(--foreground) / .08);
}
.gods-post-slot b { font-weight: 500; color: hsl(var(--foreground) / .9); }
.gods-post-slot-ico { width: .875rem; height: .875rem; color: hsl(var(--primary)); }

.gods-post-quote {
  margin: 0;
  padding: .75rem 1rem;
  border-left: 2px solid hsl(var(--primary) / .5);
  border-radius: 0 .5rem .5rem 0;
  background: hsl(var(--primary) / .05);
  color: hsl(var(--foreground) / .8);
  font-style: italic;
}

.gods-post-stat {
  display: flex;
  align-items: baseline;
  gap: .625rem;
  padding: .875rem 1rem;
  border-radius: .75rem;
  background: linear-gradient(135deg, hsl(var(--primary) / .1), hsl(var(--primary) / .03));
  border: 1px solid hsl(var(--primary) / .18);
}
.gods-post-stat-value { font-family: var(--font-funnel-display, inherit); font-size: 1.75rem; font-weight: 300; line-height: 1; color: hsl(var(--primary)); }
.gods-post-stat-label { display: inline-flex; align-items: center; gap: .35rem; font-size: .8125rem; color: hsl(var(--foreground) / .6); }
.gods-post-stat-ico { width: 1rem; height: 1rem; color: hsl(var(--primary) / .8); }

/* ── roles (post 2) ── */
.gods-post-roles { counter-reset: role; }
.gods-post-roles li { display: flex; align-items: flex-start; gap: .75rem; }
.gods-post-role-num {
  flex-shrink: 0;
  width: 1.375rem;
  height: 1.375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .375rem;
  font-family: Pixelon, "Courier New", monospace;
  font-size: .6875rem;
  color: hsl(var(--primary));
  background: hsl(var(--primary) / .1);
  border: 1px solid hsl(var(--primary) / .2);
}
.gods-post-role-body { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.gods-post-role-ico-wrap { display: inline-flex; align-items: center; gap: .25rem; margin-bottom: .1rem; }
.gods-post-role-ico, .gods-post-role-logo { width: 1rem; height: 1rem; }
.gods-post-role-ico { color: hsl(var(--primary)); }
.gods-post-role-head { font-size: .9375rem; font-weight: 500; color: hsl(var(--foreground) / .9); }
.gods-post-role-text { font-size: .875rem; line-height: 1.6; color: hsl(var(--foreground) / .6); }

/* ── panels, chips, flags (post 5) ── */
.gods-post-panel {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: .875rem 1rem;
  border-radius: .75rem;
  background: hsl(var(--foreground) / .03);
  border: 1px solid hsl(var(--foreground) / .07);
}
.gods-post-panel-row { display: flex; align-items: center; gap: .5rem; }
.gods-post-panel-ico { margin-top: 0; }
.gods-post-panel-logo { width: 1.125rem; height: 1.125rem; flex-shrink: 0; }
.gods-post-chips { display: flex; flex-wrap: wrap; gap: .375rem; }
.gods-post-chip {
  display: inline-flex;
  align-items: center;
  padding: .2rem .55rem;
  border-radius: 999px;
  font-family: Pixelon, "Courier New", monospace;
  font-size: .6875rem;
  letter-spacing: .04em;
  color: hsl(var(--foreground) / .75);
  background: hsl(var(--primary) / .09);
  border: 1px solid hsl(var(--primary) / .2);
}
.gods-post-flags { display: flex; flex-wrap: wrap; gap: .375rem; font-size: 1.125rem; line-height: 1; }
.gods-post-flag { line-height: 1; }

/* ── capacity meter (post 4) ── */
.gods-post-meter {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: .875rem 1rem;
  border-radius: .75rem;
  background: hsl(var(--foreground) / .03);
  border: 1px solid hsl(var(--foreground) / .07);
}
.gods-post-meter-row { display: flex; align-items: center; justify-content: space-between; gap: .5rem; font-size: .8125rem; }
.gods-post-meter-row--bonus { margin-top: .25rem; }
.gods-post-meter-label { display: inline-flex; align-items: center; gap: .4rem; color: hsl(var(--foreground) / .65); }
.gods-post-meter-ico { width: 1rem; height: 1rem; color: hsl(var(--primary)); }
.gods-post-meter-value { font-family: Pixelon, "Courier New", monospace; font-size: .75rem; color: hsl(var(--primary)); white-space: nowrap; }
.gods-post-meter-bar { height: 6px; border-radius: 999px; background: hsl(var(--foreground) / .07); overflow: hidden; }
.gods-post-meter-bar > span { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, hsl(var(--primary) / .5), hsl(var(--primary))); }

.gods-post-tags { display: flex; flex-wrap: wrap; gap: .375rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid hsl(var(--foreground) / .06); }
.gods-post-tag {
  display: inline-flex;
  align-items: center;
  padding: .15rem .5rem;
  border-radius: 999px;
  font-size: .6875rem;
  color: hsl(var(--foreground) / .6);
  background: hsl(var(--foreground) / .04);
  border: 1px solid hsl(var(--foreground) / .08);
}