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

.buildpress-gjc-front-groups .buildpress-gjc-front-groups__group:nth-child(6n+1) { --tone: var(--ai-violet); --tone-dk: var(--e-global-color-tonevioletdk, #7c3aed); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__group:nth-child(6n+2) { --tone: var(--ai-coral); --tone-dk: var(--ai-coral-dk); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__group:nth-child(6n+3) { --tone: var(--ai-cyan); --tone-dk: var(--e-global-color-tonecyandk, #0e7c9b); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__group:nth-child(6n+4) { --tone: var(--ai-green); --tone-dk: var(--ai-green-dk); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__group:nth-child(6n+5) { --tone: var(--ai-gold); --tone-dk: var(--ai-gold-dk); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__group:nth-child(6n+6) { --tone: var(--e-global-color-toneblue, #5b9bff); --tone-dk: var(--e-global-color-tonebluedk, #1d4ed8); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__head { display: flex; flex-wrap: wrap; gap: 1.5rem 3rem; align-items: flex-end; justify-content: space-between; margin-bottom: 3rem; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__lead { text-wrap: balance; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__all { display: inline-flex; gap: 0.5rem; align-items: center; padding-bottom: 0.2rem; color: var(--ai-ink); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--ai-ink) 30%, transparent); font-family: var(--ai-font-ui); font-size: var(--ai-fs-sm); font-weight: 800; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__all svg { width: 1rem; height: 1rem; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__all:hover, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__all:focus-visible { color: var(--ai-accent-dk); border-color: var(--ai-accent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ai-line); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__group { position: relative; display: grid; grid-template-columns: 5rem minmax(0, 1.2fr) minmax(0, 1fr); gap: 2rem; align-items: start; margin: 0; padding: 2.75rem 0; border-bottom: 1px solid var(--ai-line); isolation: isolate; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__group::before { position: absolute; inset: 0 -1.5rem; z-index: -1; content: ""; background: linear-gradient(90deg, color-mix(in srgb, var(--tone) 14%, var(--ai-paper)), var(--ai-paper) 70%); border-radius: 20px; opacity: 0; transition: opacity 300ms ease; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__num { color: color-mix(in srgb, var(--ai-ink) 22%, transparent); font-family: var(--ai-font-display); font-size: calc(var(--ai-fs) * 1.5); font-weight: 700; line-height: 1.5; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__g-title { margin: 0; color: var(--ai-ink); font-family: var(--ai-font-display); font-size: clamp(2rem, 4.2vw, 3.5rem); font-weight: 700; line-height: 1.08; text-wrap: balance; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__g-title a { color: inherit; font: inherit; letter-spacing: inherit; text-decoration: none; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__g-title a:focus-visible { outline: 2px solid var(--ai-accent); outline-offset: 4px; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__g-copy { max-width: 42ch; margin: 1rem 0 0; color: var(--ai-text); font-size: var(--ai-fs); line-height: 1.7; text-wrap: pretty; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__items { display: grid; gap: 0.25rem; align-content: start; margin: 0.4rem 0 0; padding: 0; list-style: none; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__items li { margin: 0; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__items a, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__items span { display: flex; gap: 0.5rem; align-items: center; justify-content: space-between; padding: 0.7rem 0; color: var(--ai-ink); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--ai-ink) 7%, transparent); font-family: var(--ai-font-ui); font-size: var(--ai-fs-sm); font-weight: 700; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__items span { color: var(--ai-muted); font-weight: 600; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__items svg { flex: 0 0 auto; width: 1rem; height: 1rem; transition: transform 200ms ease; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__items a:hover, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__items a:focus-visible { color: var(--tone-dk); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__items a:hover svg { transform: translateX(3px); }
.buildpress-gjc-front-groups { overflow-x: clip; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__peek { display: block; position: absolute; top: var(--my, 50%); left: var(--mx, 62%); z-index: 2; width: 15rem; aspect-ratio: 1; overflow: hidden; border-radius: 20px; box-shadow: 0 2rem 3rem -1.5rem color-mix(in srgb, var(--ai-ink) 50%, transparent); opacity: 0; pointer-events: none; transform: translate(-50%, -50%) rotate(-4deg) scale(0.85); transition: opacity 250ms ease, transform 400ms cubic-bezier(0.2, 0.8, 0.2, 1); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__peek-img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (hover: hover) and (pointer: fine) {
  .buildpress-gjc-front-groups .buildpress-gjc-front-groups__group:hover::before { opacity: 1; }
  .buildpress-gjc-front-groups .buildpress-gjc-front-groups__group:hover .buildpress-gjc-front-groups__peek { opacity: 1; transform: translate(-50%, -50%) rotate(-4deg); }
}
@media (hover: none), (pointer: coarse), (max-width: 1024px) {
  .buildpress-gjc-front-groups .buildpress-gjc-front-groups__peek { position: static; grid-row: 1; grid-column: 3; justify-self: end; width: 6rem; opacity: 1; transform: none; border-radius: 16px; box-shadow: none; }
}
@media (max-width: 1024px) {
  .buildpress-gjc-front-groups .buildpress-gjc-front-groups__group { grid-template-columns: 3rem minmax(0, 1fr) auto; gap: 0.5rem 1.25rem; }
  .buildpress-gjc-front-groups .buildpress-gjc-front-groups__main { grid-column: 2; }
  .buildpress-gjc-front-groups .buildpress-gjc-front-groups__items { grid-column: 2 / -1; margin-top: 1rem; }
}
@media (max-width: 767px) {
  .buildpress-gjc-front-groups .buildpress-gjc-front-groups__group { grid-template-columns: minmax(0, 1fr) auto; padding: 2rem 0; }
  .buildpress-gjc-front-groups .buildpress-gjc-front-groups__num { grid-column: 1; }
  .buildpress-gjc-front-groups .buildpress-gjc-front-groups__main { grid-column: 1 / -1; }
  .buildpress-gjc-front-groups .buildpress-gjc-front-groups__items { grid-column: 1 / -1; }
  .buildpress-gjc-front-groups .buildpress-gjc-front-groups__peek { grid-row: 1; grid-column: 2; width: 4.5rem; border-radius: 12px; }
  .buildpress-gjc-front-groups .buildpress-gjc-front-groups__group::before { display: none; }
}
@media (prefers-reduced-motion: reduce) { .buildpress-gjc-front-groups .buildpress-gjc-front-groups__peek, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__group::before, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__items svg { transition: none; } }

/* ---- bento layout: three cards, each led by an illustration (or a project image) ---- */
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__art { display: none; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__art { position: relative; display: grid; place-items: center; order: -1; width: 100%; aspect-ratio: 1 / 0.8; overflow: hidden; border-radius: 12px; container-type: inline-size; background: radial-gradient(18rem 10rem at 85% 0%, color-mix(in srgb, var(--tone) 38%, transparent), transparent 70%), linear-gradient(145deg, color-mix(in srgb, var(--tone) 12%, var(--ai-paper)), color-mix(in srgb, var(--tone) 26%, var(--ai-paper))); }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; border: 0; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__group { display: flex; flex-direction: column; gap: 0; padding: 0.75rem; overflow: hidden; background: var(--ai-paper); border: 0; border-radius: 20px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ai-ink) 8%, transparent); }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__group::before { display: none; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__peek { position: relative; top: auto; left: auto; order: -1; width: 100%; aspect-ratio: 4 / 3; border-radius: 12px; box-shadow: none; opacity: 1; transform: none; transition: none; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__peek-img { transition: transform 600ms cubic-bezier(0.2, 0.8, 0.2, 1); }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__num { position: absolute; top: 1.5rem; left: 1.5rem; z-index: 3; display: grid; place-items: center; min-width: 2.5rem; height: 2.5rem; padding: 0 0.6rem; color: var(--ai-ink); background: var(--ai-paper); border-radius: 999px; font-family: var(--ai-font-ui); font-size: var(--ai-fs-sm); font-weight: 800; line-height: 1; box-sizing: border-box; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__main { padding: 1.5rem 0.75rem 0; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__g-title { font-size: clamp(1.6rem, 2.4vw, 2.25rem); }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__g-copy { font-size: var(--ai-fs-sm); }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__items { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: auto 0 0; padding: 1.5rem 0.75rem 0.75rem; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__items a, .buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__items span { gap: 0.35rem; padding: 0.4rem 0.75rem; background: color-mix(in srgb, var(--tone) 14%, var(--ai-paper)); border: 0; border-radius: 999px; font-size: var(--ai-fs-xs); }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__items span { color: var(--ai-ink); font-weight: 700; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__items svg { width: 0.85rem; height: 0.85rem; }
@media (hover: hover) and (pointer: fine) {
  .buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__group:hover .buildpress-gjc-front-groups__peek { transform: none; }
  .buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__group:hover .buildpress-gjc-front-groups__peek-img { transform: scale(1.04); }
}
@media (max-width: 1024px) {
  .buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__list { grid-template-columns: minmax(0, 1fr); }
  .buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__group { display: flex; }
  .buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__peek { width: 100%; aspect-ratio: 16 / 9; }
}
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__glyph { flex: 0 0 auto; width: max(3.2cqw, 0.75rem); height: max(3.2cqw, 0.75rem); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__badge { position: absolute; z-index: 4; padding: 1.2cqw 2.6cqw; color: var(--ai-paper); background: var(--tone-dk); border-radius: 999px; font-family: var(--ai-font-ui); font-size: max(2.3cqw, 0.625rem); font-weight: 800; white-space: nowrap; box-shadow: 0 1rem 2rem -1.25rem color-mix(in srgb, var(--ai-ink) 45%, transparent); animation: gjc-smm-rise 6s ease-in-out infinite; }
/* content: carousel, post and reel overlap like a feed */
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c { position: absolute; inset: 0; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c small { display: block; color: var(--ai-ink); font-family: var(--ai-font-ui); font-size: max(2.3cqw, 0.625rem); font-weight: 800; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-car, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-post, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-reel { position: absolute; display: grid; gap: 1.6cqw; padding: 2cqw; background: var(--ai-paper); border-radius: 3cqw; box-shadow: 0 1rem 2rem -1.25rem color-mix(in srgb, var(--ai-ink) 45%, transparent); animation: gjc-smm-float 6s ease-in-out infinite; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-car { top: 20cqw; left: 4cqw; z-index: 1; width: 30cqw; transform: rotate(-6deg); animation-delay: -2s; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-tiles i { height: 30cqw; background: linear-gradient(180deg, var(--ai-cyan), var(--e-global-color-tonebluedk, #1d4ed8)); border-radius: 1.6cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-tiles i + i { background: linear-gradient(180deg, color-mix(in srgb, var(--ai-cyan) 45%, var(--ai-paper)), var(--ai-cyan)); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-dots { display: flex; gap: 0.8cqw; justify-content: center; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-dots b { width: 1.2cqw; height: 1.2cqw; background: color-mix(in srgb, var(--ai-ink) 18%, transparent); border-radius: 50%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-dots b:first-child { background: var(--ai-ink); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-car > .buildpress-gjc-front-groups__glyph, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-reel > .buildpress-gjc-front-groups__glyph { position: absolute; top: 3cqw; right: 3cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-post { top: 10cqw; left: 30cqw; z-index: 2; width: 36cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-head { display: flex; gap: 1.4cqw; align-items: center; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-head i { width: 4.4cqw; height: 4.4cqw; background: linear-gradient(135deg, var(--ai-coral), var(--ai-gold)); border-radius: 50%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-head b { flex: 1; height: 1.3cqw; background: color-mix(in srgb, var(--ai-ink) 16%, transparent); border-radius: 2cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-img { position: relative; aspect-ratio: 1; overflow: hidden; background: linear-gradient(160deg, color-mix(in srgb, var(--ai-gold) 55%, var(--ai-paper)), var(--ai-coral)); border-radius: 2cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-sun { position: absolute; top: 12%; right: 14%; width: 26%; aspect-ratio: 1; background: color-mix(in srgb, var(--ai-paper) 80%, var(--ai-gold)); border-radius: 50%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-cup { position: absolute; bottom: 12%; left: 32%; width: 36%; height: 52%; background: linear-gradient(180deg, color-mix(in srgb, var(--ai-paper) 85%, var(--ai-coral)) 0 28%, var(--ai-coral-dk) 28%); clip-path: polygon(0 0, 100% 0, 88% 100%, 12% 100%); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-line { height: 1.2cqw; background: color-mix(in srgb, var(--ai-ink) 12%, transparent); border-radius: 2cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-line.is-short { width: 62%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-reel { top: 16cqw; right: 4cqw; z-index: 3; width: 23cqw; transform: rotate(5deg); animation-delay: -4s; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-reel::before { display: block; aspect-ratio: 9 / 15; content: ""; background: linear-gradient(160deg, var(--e-global-color-tonevioletdk, #7c3aed), var(--ai-coral)); border-radius: 2cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-play { position: absolute; top: 17cqw; left: 50%; width: 0; height: 0; margin-left: -1.4cqw; border-top: 2.2cqw solid transparent; border-bottom: 2.2cqw solid transparent; border-left: 3.4cqw solid var(--ai-paper); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-prog { position: absolute; right: 4cqw; bottom: 9.5cqw; left: 4cqw; height: 0.8cqw; overflow: hidden; background: color-mix(in srgb, var(--ai-paper) 45%, transparent); border-radius: 1cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c-prog b { display: block; width: 100%; height: 100%; background: var(--ai-paper); transform-origin: left; animation: gjc-smm-prog 6s linear infinite; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__c > .buildpress-gjc-front-groups__badge { right: 5cqw; bottom: 5cqw; }
/* ads: dashboard with KPIs, trend, A/B creatives and channels */
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a { display: grid; grid-template-rows: auto 1fr auto; gap: 2.4cqw; width: 88cqw; height: 84%; padding: 3cqw; box-sizing: border-box; background: var(--ai-paper); border-radius: 3cqw; font-family: var(--ai-font-ui); box-shadow: 0 1rem 2rem -1.25rem color-mix(in srgb, var(--ai-ink) 45%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.6cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-kpis span { display: grid; gap: 0.4cqw; padding: 1.6cqw 2cqw; background: var(--ai-soft); border-radius: 2cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-kpis small { color: var(--ai-muted); font-size: max(2.1cqw, 0.5625rem); font-weight: 700; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-kpis b { color: var(--ai-ink); font-size: max(4cqw, 0.875rem); font-weight: 800; line-height: 1.1; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-kpis span:last-child b { color: var(--tone-dk); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-main { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 2.4cqw; align-items: stretch; min-height: 0; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-chart { width: 100%; height: 100%; min-height: 0; overflow: visible; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-area { fill: color-mix(in srgb, var(--tone) 22%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-line { fill: none; stroke: var(--tone-dk); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 100; vector-effect: non-scaling-stroke; animation: gjc-smm-draw 6s ease-in-out infinite; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-ab { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.6cqw; align-content: center; padding: 2cqw; background: var(--ai-soft); border-radius: 2cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-var { display: grid; grid-template-columns: 6.5cqw minmax(0, 1fr); gap: 1.6cqw; align-items: center; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-var i { display: grid; place-items: center; aspect-ratio: 1; color: var(--ai-paper); background: color-mix(in srgb, var(--ai-ink) 35%, transparent); border-radius: 1.4cqw; font-size: max(2.4cqw, 0.625rem); font-style: normal; font-weight: 800; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-var.is-win i { background: var(--tone-dk); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-var em { height: 1.4cqw; overflow: hidden; background: color-mix(in srgb, var(--ai-ink) 10%, transparent); border-radius: 1cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-var b { display: block; height: 100%; background: color-mix(in srgb, var(--ai-ink) 35%, transparent); border-radius: 1cqw; transform-origin: left; animation: gjc-smm-grow 6s ease-in-out infinite; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-var.is-win b { background: var(--tone-dk); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-ab > .buildpress-gjc-front-groups__badge { position: static; justify-self: start; max-width: 100%; overflow: hidden; text-overflow: ellipsis; animation: none; box-shadow: none; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-plats { display: flex; flex-wrap: wrap; gap: 1cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__a-plats em { display: inline-flex; gap: 0.8cqw; align-items: center; padding: 0.6cqw 1.6cqw 0.6cqw 1cqw; color: var(--ai-ink); background: var(--ai-soft); border-radius: 999px; font-size: max(2.1cqw, 0.5625rem); font-style: normal; font-weight: 700; }
/* kol (featured): audience overlap + ranked creators */
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k { position: absolute; inset: 0; font-family: var(--ai-font-ui); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-venn { position: absolute; top: 6cqw; left: 50%; width: 84cqw; height: 26cqw; transform: translateX(-50%); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-venn i { position: absolute; top: 0; width: 26cqw; height: 26cqw; border-radius: 50%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-venn i.is-a { left: 21cqw; background: color-mix(in srgb, var(--tone) 38%, transparent); animation: gjc-smm-meet-a 6s ease-in-out infinite; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-venn i.is-b { right: 21cqw; background: color-mix(in srgb, var(--ai-coral) 38%, transparent); animation: gjc-smm-meet-b 6s ease-in-out infinite; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-venn em { position: absolute; top: 50%; width: 19cqw; color: var(--ai-ink); font-size: max(2.8cqw, 0.625rem); font-style: normal; font-weight: 800; line-height: 1.25; transform: translateY(-50%); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-venn em.is-a { left: 0; text-align: right; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-venn em.is-b { right: 0; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-list { position: absolute; right: 6cqw; bottom: 6cqw; left: 6cqw; display: grid; gap: 1.8cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-row { display: grid; grid-template-columns: 8cqw minmax(0, 1fr) auto auto; gap: 2.2cqw; align-items: center; padding: 1.8cqw 2.4cqw; background: color-mix(in srgb, var(--ai-paper) 72%, transparent); border-radius: 999px; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-row.is-top { background: var(--ai-paper); box-shadow: 0 1rem 2rem -1.25rem color-mix(in srgb, var(--ai-ink) 45%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-who { display: grid; gap: 1.2cqw; min-width: 0; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-who b { width: 55%; height: 1.4cqw; background: color-mix(in srgb, var(--ai-ink) 16%, transparent); border-radius: 2cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-row .buildpress-gjc-front-groups__v-bar { height: 1.6cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-row strong { color: var(--ai-ink); font-size: max(2.8cqw, 0.6875rem); font-weight: 800; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-row.is-top strong { color: var(--tone-dk); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__k-list > .buildpress-gjc-front-groups__badge { top: -3.6cqw; right: 3cqw; }
@keyframes gjc-smm-meet-a { 0%, 100% { translate: -3cqw 0; } 50% { translate: 0 0; } }
@keyframes gjc-smm-meet-b { 0%, 100% { translate: 3cqw 0; } 50% { translate: 0 0; } }
/* plan (compact) */
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-cal { display: grid; gap: 2.6cqw; width: 84cqw; padding: 4cqw; box-sizing: border-box; background: var(--ai-paper); border-radius: 4cqw; font-family: var(--ai-font-ui); box-shadow: 0 1rem 2rem -1.25rem color-mix(in srgb, var(--ai-ink) 45%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-calhead { display: flex; gap: 2cqw; align-items: center; justify-content: space-between; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-calhead b { color: var(--ai-ink); white-space: nowrap; font-size: max(4cqw, 0.6875rem); font-weight: 800; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-calhead em { padding: 0.8cqw 2.2cqw; color: var(--tone-dk); background: color-mix(in srgb, var(--tone) 14%, var(--ai-paper)); border-radius: 999px; font-size: max(3.4cqw, 0.5625rem); font-style: normal; font-weight: 800; white-space: nowrap; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 1.6cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-grid i { display: grid; place-items: center; aspect-ratio: 1; background: var(--ai-soft); border-radius: 2cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-grid i.is-post { background: color-mix(in srgb, var(--tone) 16%, var(--ai-paper)); animation: gjc-smm-bump 5s ease-in-out infinite; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-grid i.is-post:nth-child(3n) { animation-delay: -1.6s; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-grid i.is-post:nth-child(3n+1) { animation-delay: -3.2s; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-grid .buildpress-gjc-front-groups__glyph { width: 60%; height: 60%; }
/* kol (compact) */
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-kols { display: grid; gap: 3cqw; width: 84cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-kol { display: grid; grid-template-columns: 11cqw minmax(0, 1fr) auto; gap: 3cqw; align-items: center; padding: 2.4cqw 3cqw; background: color-mix(in srgb, var(--ai-paper) 75%, transparent); border-radius: 999px; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-kol.is-top { background: var(--ai-paper); box-shadow: 0 1rem 2rem -1.25rem color-mix(in srgb, var(--ai-ink) 45%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-face { aspect-ratio: 1; border-radius: 50%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-face--0 { background: linear-gradient(135deg, var(--ai-coral), var(--ai-gold)); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-face--1 { background: linear-gradient(135deg, var(--ai-cyan), var(--e-global-color-toneblue, #5b9bff)); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-face--2 { background: linear-gradient(135deg, var(--ai-green), var(--ai-cyan)); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-bar { height: 2.2cqw; overflow: hidden; background: color-mix(in srgb, var(--ai-ink) 10%, transparent); border-radius: 2cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-bar i { display: block; height: 100%; background: var(--tone-dk); border-radius: 2cqw; transform-origin: left; animation: gjc-smm-grow 5s ease-in-out infinite; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__v-kol em { padding: 0.8cqw 2.2cqw; color: var(--ai-paper); background: var(--tone-dk); border-radius: 999px; font-family: var(--ai-font-ui); font-size: max(3.2cqw, 0.5625rem); font-style: normal; font-weight: 800; white-space: nowrap; }
@keyframes gjc-smm-float { 50% { translate: 0 -1.2cqw; } }
@keyframes gjc-smm-rise { 0%, 100% { translate: 0 0; } 50% { translate: 0 -0.8cqw; } }
@keyframes gjc-smm-prog { from { transform: scaleX(0); } }
@keyframes gjc-smm-bump { 0%, 70%, 100% { transform: none; } 80% { transform: scale(1.12); } }
@keyframes gjc-smm-grow { 0% { transform: scaleX(0.2); } 45%, 100% { transform: scaleX(1); } }
@keyframes gjc-smm-draw { 0% { stroke-dashoffset: 100; } 60%, 100% { stroke-dashoffset: 0; } }
/* brandkit: logo, the identity applied to FMCG packaging, colour + type (no brand names) */
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk { position: absolute; inset: 0; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk small { display: block; color: var(--ai-ink); font-family: var(--ai-font-ui); font-size: max(2.3cqw, 0.625rem); font-weight: 800; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-logo, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-app, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-kit { position: absolute; display: grid; gap: 1.6cqw; padding: 2cqw; background: var(--ai-paper); border-radius: 3cqw; box-shadow: 0 1rem 2rem -1.25rem color-mix(in srgb, var(--ai-ink) 45%, transparent); animation: gjc-smm-float 6s ease-in-out infinite; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-art { position: relative; display: flex; gap: 2.4cqw; align-items: flex-end; justify-content: center; aspect-ratio: 1; overflow: hidden; border-radius: 2cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-logo { top: 22cqw; left: 4cqw; z-index: 1; width: 28cqw; transform: rotate(-6deg); animation-delay: -2s; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-logo .buildpress-gjc-front-groups__bk-art { align-items: center; background: linear-gradient(160deg, color-mix(in srgb, var(--tone) 30%, var(--ai-paper)), color-mix(in srgb, var(--tone) 60%, var(--ai-paper))); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-mark { width: 56%; aspect-ratio: 1; background: radial-gradient(circle at 50% 118%, var(--ai-paper) 0 46%, transparent 47%), var(--ai-coral-dk); border-radius: 50%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-app { top: 9cqw; left: 30cqw; z-index: 2; width: 38cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-app .buildpress-gjc-front-groups__bk-art { padding-bottom: 12%; box-sizing: border-box; background: linear-gradient(160deg, color-mix(in srgb, var(--ai-gold) 45%, var(--ai-paper)), color-mix(in srgb, var(--ai-coral) 55%, var(--ai-paper))); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-mk { position: absolute; left: 50%; width: 52%; aspect-ratio: 1; background: radial-gradient(circle at 50% 118%, var(--ai-coral-dk) 0 46%, transparent 47%), var(--ai-paper); border-radius: 50%; translate: -50% 0; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-can { position: relative; width: 26%; aspect-ratio: 0.6; background: linear-gradient(90deg, color-mix(in srgb, var(--ai-coral-dk) 72%, var(--ai-ink)), var(--ai-coral-dk) 28%, color-mix(in srgb, var(--ai-coral-dk) 62%, var(--ai-paper)) 48%, var(--ai-coral-dk) 70%, color-mix(in srgb, var(--ai-coral-dk) 75%, var(--ai-ink))); border-radius: 16% / 9%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-can::before { position: absolute; top: -2.5%; right: 9%; left: 9%; height: 6%; content: ""; background: color-mix(in srgb, var(--ai-ink) 20%, var(--ai-paper)); border-radius: 50%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-can::after { position: absolute; top: 62%; right: 0; left: 0; height: 12%; content: ""; background: var(--ai-gold); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-can .buildpress-gjc-front-groups__bk-mk { top: 22%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-bag { position: relative; width: 34%; aspect-ratio: 0.76; background: linear-gradient(160deg, var(--ai-gold), color-mix(in srgb, var(--ai-gold) 72%, var(--ai-coral-dk))); border-radius: 7% / 5%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-bag::before, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-bag::after { position: absolute; right: 0; left: 0; height: 7%; content: ""; background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--ai-paper) 55%, transparent) 0 5%, transparent 5% 10%); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-bag::before { top: 0; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-bag::after { bottom: 0; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-bag .buildpress-gjc-front-groups__bk-mk { top: 12%; width: 40%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-chips { position: absolute; bottom: 14%; left: 50%; width: 58%; aspect-ratio: 1; background: radial-gradient(circle at 34% 40%, var(--ai-gold) 0 17%, transparent 18%), radial-gradient(circle at 64% 52%, var(--ai-gold) 0 15%, transparent 16%), radial-gradient(circle at 44% 72%, var(--ai-gold) 0 13%, transparent 14%), var(--ai-paper); border-radius: 50%; translate: -50% 0; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-kit { top: 18cqw; right: 4cqw; z-index: 3; width: 24cqw; transform: rotate(5deg); animation-delay: -4s; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-kit b { color: var(--ai-ink); font-family: var(--ai-font-display); font-size: max(9cqw, 1.25rem); line-height: 1; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-sw { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-sw i { aspect-ratio: 1.6; background: var(--ai-coral-dk); border-radius: 1.4cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-sw i:nth-child(2) { background: var(--ai-gold); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-sw i:nth-child(3) { background: var(--ai-ink); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk-sw i:nth-child(4) { background: color-mix(in srgb, var(--ai-gold) 25%, var(--ai-paper)); box-shadow: inset 0 0 0 1px var(--ai-line); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bk > .buildpress-gjc-front-groups__badge { right: 5cqw; bottom: 5cqw; }

/* ---- flow: inputs -> GUDJOB -> formats ---- */
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl { position: absolute; inset: 0; font-family: var(--ai-font-ui); color: var(--ai-ink); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl i, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl em, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl b, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl small { display: block; font-style: normal; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-wires { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-wires path { fill: none; stroke: color-mix(in srgb, var(--tone-dk) 55%, transparent); stroke-width: 1.5px; stroke-dasharray: 4 5; vector-effect: non-scaling-stroke; animation: gjc-front-flow 1.6s linear infinite; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-in { position: absolute; left: 4cqw; display: grid; grid-template-columns: 5cqw minmax(0, 1fr); gap: 1.6cqw; align-items: center; width: 33cqw; padding: 2cqw 2.2cqw; box-sizing: border-box; background: var(--ai-paper); border-radius: 2.4cqw; box-shadow: 0 1.2cqw 3cqw -1.6cqw color-mix(in srgb, var(--ai-ink) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--ai-ink) 5%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-in.is-a { top: 23cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-in.is-b { top: 48.5cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-in > span { display: grid; gap: 0.5cqw; min-width: 0; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-in b, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-head b { font-size: max(2.2cqw, 0.625rem); font-weight: 800; line-height: 1.25; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-in small { color: var(--ai-muted); font-size: max(1.8cqw, 0.5625rem); line-height: 1.35; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-in > em { position: absolute; top: -1.4cqw; right: 2cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl em { padding: 0.5cqw 1.4cqw; color: var(--ai-muted); background: var(--ai-soft); border-radius: 999px; font-size: max(1.6cqw, 0.5rem); font-weight: 700; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-ico { aspect-ratio: 1; border-radius: 1.4cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-in.is-a .buildpress-gjc-front-groups__fl-ico { background: radial-gradient(circle at 50% 38%, var(--ai-paper) 0 18%, transparent 19%), radial-gradient(ellipse 34% 22% at 50% 78%, var(--ai-paper) 0 98%, transparent 100%), color-mix(in srgb, var(--ai-coral) 70%, var(--ai-paper)); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-in.is-b .buildpress-gjc-front-groups__fl-ico { background: linear-gradient(var(--ai-paper), var(--ai-paper)) 30% 34% / 40% 9% no-repeat, linear-gradient(var(--ai-paper), var(--ai-paper)) 30% 54% / 40% 9% no-repeat, linear-gradient(var(--ai-paper), var(--ai-paper)) 30% 74% / 26% 9% no-repeat, color-mix(in srgb, var(--ai-gold) 80%, var(--ai-paper)); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-node { position: absolute; top: 39.5cqw; left: 45.5cqw; width: 9cqw; height: 9cqw; padding: 1cqw; box-sizing: border-box; background: var(--ai-paper); border-radius: 50%; box-shadow: 0 0 0 1.4cqw color-mix(in srgb, var(--ai-accent) 10%, transparent), 0 1cqw 2.4cqw -1cqw color-mix(in srgb, var(--ai-ink) 35%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-node .buildpress-gjc-front-groups__mark { display: block; width: 100%; height: 100%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__mark-bg { fill: var(--ai-accent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__mark-g { fill: var(--ai-paper); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-out { position: absolute; top: 18cqw; right: 4cqw; display: grid; gap: 2cqw; width: 37cqw; padding: 2.4cqw; box-sizing: border-box; background: var(--ai-paper); border-radius: 2.4cqw; box-shadow: 0 1.2cqw 3cqw -1.6cqw color-mix(in srgb, var(--ai-ink) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--ai-ink) 5%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-head { position: relative; display: grid; grid-template-columns: 4.4cqw minmax(0, 1fr); gap: 1.4cqw; align-items: center; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-head .buildpress-gjc-front-groups__fl-ico { background: color-mix(in srgb, var(--tone) 30%, var(--ai-paper)); border-radius: 50%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-head b { white-space: normal; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-head > em { position: absolute; top: -3.8cqw; right: -0.4cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles > span { display: grid; gap: 1cqw; justify-items: center; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles > span > span { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: 1; border-radius: 1.6cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles small { color: var(--ai-text); font-size: max(1.7cqw, 0.5rem); font-weight: 700; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles .is-album > span { grid-template-columns: 1fr 1fr; gap: 0.8cqw; padding: 2.2cqw; box-sizing: border-box; background: color-mix(in srgb, var(--ai-violet) 16%, var(--ai-paper)); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles .is-album i { width: 100%; aspect-ratio: 1; background: color-mix(in srgb, var(--ai-violet) 55%, var(--ai-paper)); border-radius: 0.6cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles .is-album i:nth-child(2), .buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles .is-album i:nth-child(3) { background: color-mix(in srgb, var(--ai-violet) 30%, var(--ai-paper)); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles .is-car > span { background: color-mix(in srgb, var(--ai-cyan) 16%, var(--ai-paper)); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles .is-car i { position: absolute; top: 22%; width: 44%; height: 56%; background: color-mix(in srgb, var(--ai-cyan) 60%, var(--ai-paper)); border-radius: 0.8cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles .is-car i:first-child { left: 20%; opacity: 0.55; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles .is-car i:last-child { left: 36%; box-shadow: 0 0.6cqw 1.2cqw -0.6cqw color-mix(in srgb, var(--ai-ink) 30%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles .is-reel > span { background: color-mix(in srgb, var(--ai-green) 16%, var(--ai-paper)); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles .is-reel i { width: 34%; height: 66%; background: linear-gradient(160deg, color-mix(in srgb, var(--ai-green) 70%, var(--ai-paper)), var(--ai-green-dk)); border-radius: 0.8cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-tiles .is-reel i::after { display: block; width: 0; height: 0; margin: 38% auto 0; content: ""; border-top: 1cqw solid transparent; border-bottom: 1cqw solid transparent; border-left: 1.5cqw solid var(--ai-paper); translate: 12% 0; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-note, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-ok { display: flex; gap: 0.8cqw; align-items: center; padding-top: 1.6cqw; color: var(--tone-dk); border-top: 1px solid var(--ai-line); font-size: max(1.8cqw, 0.5625rem); font-weight: 700; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-note svg, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-ok svg { flex: 0 0 auto; width: max(2.2cqw, 0.625rem); height: max(2.2cqw, 0.625rem); }
@keyframes gjc-front-flow { to { stroke-dashoffset: -18; } }
/* ---- perf: channels, campaign performance, A/B ---- */
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf { position: absolute; inset: 0; font-family: var(--ai-font-ui); color: var(--ai-ink); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf i, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf em, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf b, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf small, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf strong { display: block; font-style: normal; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf b { font-size: max(2.2cqw, 0.625rem); font-weight: 800; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-ch { position: absolute; top: 8cqw; left: 5cqw; display: grid; gap: 1.6cqw; width: 38cqw; padding: 2.6cqw; box-sizing: border-box; transform: rotate(-3deg); background: var(--ai-paper); border-radius: 2.4cqw; box-shadow: 0 1.2cqw 3cqw -1.6cqw color-mix(in srgb, var(--ai-ink) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--ai-ink) 5%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-row { display: grid; grid-template-columns: 4.2cqw 12cqw minmax(0, 1fr); gap: 1.4cqw; align-items: center; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-logo { display: grid; place-items: center; aspect-ratio: 1; background: var(--ai-soft); border-radius: 1cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-logo svg, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-logo img { display: block; width: 62%; height: 62%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-row em { font-size: max(1.8cqw, 0.5625rem); font-weight: 700; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-bar { height: 1.2cqw; overflow: hidden; background: color-mix(in srgb, var(--ai-ink) 8%, transparent); border-radius: 1cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-bar i { height: 100%; background: color-mix(in srgb, var(--tone-dk) 70%, var(--ai-paper)); border-radius: 1cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-perf { position: absolute; top: 12cqw; right: 5cqw; z-index: 2; display: grid; gap: 2cqw; width: 48cqw; padding: 2.6cqw; box-sizing: border-box; background: var(--ai-paper); border-radius: 2.4cqw; box-shadow: 0 1.2cqw 3cqw -1.6cqw color-mix(in srgb, var(--ai-ink) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--ai-ink) 5%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-head { display: flex; gap: 1.4cqw; align-items: center; justify-content: space-between; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-head em { flex: none; white-space: nowrap; padding: 0.5cqw 1.4cqw; color: var(--tone-dk); background: color-mix(in srgb, var(--tone) 18%, var(--ai-paper)); border-radius: 999px; font-size: max(1.6cqw, 0.5rem); font-weight: 700; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-kpis > span { display: grid; gap: 0.4cqw; padding: 1.4cqw 1.8cqw; background: var(--ai-soft); border-radius: 1.4cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-kpis small { color: var(--ai-muted); font-size: max(1.7cqw, 0.5rem); font-weight: 700; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-kpis strong { font-size: max(3.4cqw, 0.875rem); font-weight: 800; line-height: 1.1; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-kpis strong.is-up { color: var(--tone-dk); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-chart { display: block; width: 100%; height: 16cqw; overflow: visible; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-area { fill: color-mix(in srgb, var(--tone) 22%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-line { fill: none; stroke: var(--tone-dk); stroke-width: 2.5px; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 100; vector-effect: non-scaling-stroke; animation: gjc-front-draw 6s ease-in-out infinite; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-ab { position: absolute; top: 49cqw; left: 8cqw; display: grid; gap: 1.4cqw; width: 34cqw; padding: 2.6cqw; box-sizing: border-box; transform: rotate(2.5deg); background: var(--ai-paper); border-radius: 2.4cqw; box-shadow: 0 1.2cqw 3cqw -1.6cqw color-mix(in srgb, var(--ai-ink) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--ai-ink) 5%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-var { display: grid; grid-template-columns: 4.2cqw minmax(0, 1fr); gap: 1.4cqw; align-items: center; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-var > i { display: grid; place-items: center; aspect-ratio: 1; color: var(--ai-paper); background: color-mix(in srgb, var(--ai-ink) 30%, transparent); border-radius: 1cqw; font-size: max(1.8cqw, 0.5625rem); font-weight: 800; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-var.is-win > i { background: var(--tone-dk); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-var > span { height: 1.2cqw; overflow: hidden; background: color-mix(in srgb, var(--ai-ink) 8%, transparent); border-radius: 1cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-var > span i { height: 100%; background: color-mix(in srgb, var(--ai-ink) 30%, transparent); border-radius: 1cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-var.is-win > span i { background: var(--tone-dk); }
@keyframes gjc-front-draw { 0% { stroke-dashoffset: 100; } 60%, 100% { stroke-dashoffset: 0; } }
/* ---- brandsys: palette, label system, packaging ---- */
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs { position: absolute; inset: 0; font-family: var(--ai-font-ui); color: var(--ai-ink); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs i, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs em, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs b, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs small, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs strong { display: block; font-style: normal; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs b { font-size: max(2.2cqw, 0.625rem); font-weight: 800; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-pal { position: absolute; top: 9cqw; left: 5cqw; display: grid; gap: 2cqw; width: 38cqw; padding: 2.6cqw; box-sizing: border-box; transform: rotate(-4deg); background: var(--ai-paper); border-radius: 2.4cqw; box-shadow: 0 1.2cqw 3cqw -1.6cqw color-mix(in srgb, var(--ai-ink) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--ai-ink) 5%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-sw { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-sw i { aspect-ratio: 1.3; background: var(--ai-accent); border-radius: 1.4cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-sw i:nth-child(2) { background: color-mix(in srgb, var(--ai-cyan) 75%, var(--ai-paper)); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-sw i:nth-child(3) { background: var(--ai-ink); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-pal small { color: var(--ai-muted); font-size: max(1.7cqw, 0.5rem); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-type { position: absolute; top: 44cqw; left: 8cqw; display: grid; gap: 1.2cqw; width: 34cqw; padding: 2.6cqw; box-sizing: border-box; transform: rotate(3deg); background: var(--ai-paper); border-radius: 2.4cqw; box-shadow: 0 1.2cqw 3cqw -1.6cqw color-mix(in srgb, var(--ai-ink) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--ai-ink) 5%, transparent); }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-type strong { color: var(--ai-accent); font-family: var(--ai-font-display); font-size: max(8cqw, 1.25rem); font-weight: 700; line-height: 1; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-type i { height: 1.1cqw; background: color-mix(in srgb, var(--ai-ink) 12%, transparent); border-radius: 1cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-type i.is-short { width: 62%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-pack { position: absolute; top: 13cqw; right: 5cqw; z-index: 2; display: grid; gap: 1.8cqw; width: 48cqw; padding: 2.6cqw; box-sizing: border-box; background: var(--ai-paper); border-radius: 2.4cqw; box-shadow: 0 1.2cqw 3cqw -1.6cqw color-mix(in srgb, var(--ai-ink) 30%, transparent), 0 0 0 1px color-mix(in srgb, var(--ai-ink) 5%, transparent); animation: gjc-front-float 7s ease-in-out infinite; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-head { display: flex; gap: 1.4cqw; align-items: center; justify-content: space-between; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-head em { padding: 0.5cqw 1.4cqw; color: var(--ai-muted); background: var(--ai-soft); border-radius: 999px; font-size: max(1.6cqw, 0.5rem); font-weight: 700; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-stage { display: flex; gap: 5%; align-items: flex-end; justify-content: center; aspect-ratio: 1.45; padding-bottom: 9%; box-sizing: border-box; background: radial-gradient(60% 18% at 50% 88%, color-mix(in srgb, var(--ai-ink) 10%, transparent), transparent 70%), color-mix(in srgb, var(--tone) 10%, var(--ai-paper)); border-radius: 1.8cqw; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-stage > i { position: relative; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-stage .is-can { width: 17%; aspect-ratio: 0.58; background: linear-gradient(90deg, color-mix(in srgb, var(--ai-accent) 75%, var(--ai-ink)), var(--ai-accent) 30%, color-mix(in srgb, var(--ai-accent) 60%, var(--ai-paper)) 50%, var(--ai-accent) 72%); border-radius: 16% / 9%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-stage .is-bottle { width: 13%; aspect-ratio: 0.36; background: linear-gradient(90deg, color-mix(in srgb, var(--ai-cyan) 70%, var(--ai-ink)), var(--ai-cyan) 35%, color-mix(in srgb, var(--ai-cyan) 45%, var(--ai-paper)) 55%, var(--ai-cyan)); clip-path: polygon(38% 0, 62% 0, 62% 12%, 100% 26%, 100% 100%, 0 100%, 0 26%, 38% 12%); border-radius: 0 0 14% 14% / 0 0 6% 6%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-stage .is-box { width: 19%; aspect-ratio: 0.66; background: linear-gradient(90deg, var(--ai-ink), color-mix(in srgb, var(--ai-ink) 80%, var(--ai-paper)) 50%, var(--ai-ink)); border-radius: 8% / 5%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-mk { position: absolute; left: 50%; width: 56%; aspect-ratio: 1; background: radial-gradient(circle at 50% 118%, var(--ai-accent) 0 46%, transparent 47%), var(--ai-paper); border-radius: 50%; translate: -50% 0; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-stage .is-can .buildpress-gjc-front-groups__bs-mk { top: 26%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-stage .is-bottle .buildpress-gjc-front-groups__bs-mk { top: 48%; width: 70%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-stage .is-box .buildpress-gjc-front-groups__bs-mk { top: 22%; width: 50%; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-name { font-size: max(2.6cqw, 0.75rem); }
@keyframes gjc-front-float { 50% { translate: 0 -1cqw; } }
@media (prefers-reduced-motion: reduce) { .buildpress-gjc-front-groups .buildpress-gjc-front-groups__fl-wires path, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__bs-pack, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__pf-line { animation: none; stroke-dashoffset: 0; } }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--bento .buildpress-gjc-front-groups__group--dash .buildpress-gjc-front-groups__a { height: 76%; translate: 0 7%; }
@media (prefers-reduced-motion: reduce) { .buildpress-gjc-front-groups .buildpress-gjc-front-groups__art *, .buildpress-gjc-front-groups .buildpress-gjc-front-groups__art *::before { animation: none !important; } }

/* ---- rows layout (homepage, owner round 11: the old homepage's naming and zig-zag layout, in the new style) ---- */
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__head { display: block; margin: 0 auto 4.5rem; text-align: center; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__intro { display: grid; justify-items: center; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__lead { max-width: 40rem; margin-inline: auto; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__head .buildpress-gjc-front-groups__all { display: none; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__list { display: grid; gap: 5.5rem; border: 0; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__list .buildpress-gjc-front-groups__group { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); grid-template-areas: "main art" "items art"; gap: 0 4.5rem; align-items: center; padding: 0; border: 0; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__list .buildpress-gjc-front-groups__group:nth-child(even) { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); grid-template-areas: "art main" "art items"; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__group::before, .buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__num, .buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__peek { display: none; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__main { grid-area: main; align-self: end; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__items { display: flex; flex-wrap: wrap; grid-area: items; gap: 0.4rem; align-self: start; margin: 1.75rem 0 0; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__items a, .buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__items span { gap: 0.35rem; padding: 0.4rem 0.8rem; color: var(--ai-ink); background: color-mix(in srgb, var(--tone) 14%, var(--ai-paper)); border: 0; border-radius: 999px; font-size: var(--ai-fs-xs); font-weight: 700; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__art { position: relative; display: grid; grid-area: art; place-items: center; width: 100%; aspect-ratio: 5 / 4; overflow: hidden; border-radius: 20px; container-type: inline-size;
  background: radial-gradient(circle, color-mix(in srgb, var(--tone-dk) 16%, transparent) 1px, transparent 1.5px) 0 0 / 22px 22px,
    radial-gradient(60% 50% at 80% 10%, color-mix(in srgb, var(--tone) 22%, transparent), transparent 70%),
    linear-gradient(160deg, color-mix(in srgb, var(--tone) 7%, var(--ai-paper)), color-mix(in srgb, var(--tone) 15%, var(--ai-paper)));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tone) 22%, transparent); }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__group--flow { --tone: var(--ai-coral); --tone-dk: var(--ai-coral-dk); }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__group--brandsys { --tone: var(--ai-violet); --tone-dk: var(--e-global-color-tonevioletdk, #7c3aed); }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__label { display: inline-flex; gap: 0.45rem; align-items: center; margin-bottom: 1rem; color: var(--tone-dk); font-family: var(--ai-font-ui); font-size: var(--ai-fs-sm); font-weight: 800; }
.buildpress-gjc-front-groups .buildpress-gjc-front-groups__label-svg { width: 1.1rem; height: 1.1rem; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__g-title { font-size: clamp(1.625rem, 2.6vw, 2.25rem); line-height: 1.15; }  /* round 23: a clear step below the 50px section title (was 44px) */
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__g-copy { max-width: 46ch; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__cta { display: inline-flex; gap: 0.5rem; align-items: center; margin-top: 1.75rem; padding: 0.8rem 1.25rem; color: var(--ai-paper); text-decoration: none; background: var(--ai-ink); border-radius: 8px; font-family: var(--ai-font-ui); font-size: var(--ai-fs-sm); font-weight: 800; transition: background-color 180ms ease; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__cta svg { width: 1rem; height: 1rem; }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__cta:hover, .buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__cta:focus-visible { color: var(--ai-paper); background: var(--ai-accent); }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__group--feed { --tone: var(--ai-coral); --tone-dk: var(--ai-coral-dk); }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__group--brandkit { --tone: var(--ai-violet); --tone-dk: var(--e-global-color-tonevioletdk, #7c3aed); }
.buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__group--perf, .buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__group--dash { --tone: var(--ai-green); --tone-dk: var(--ai-green-dk); }
@media (max-width: 1024px) {
  .buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__list { gap: 3.5rem; }
  .buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__list .buildpress-gjc-front-groups__group, .buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__list .buildpress-gjc-front-groups__group:nth-child(even) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "art" "main" "items"; gap: 0; }
  .buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__art { margin-bottom: 1.75rem; }
  .buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__head { margin-bottom: 2.5rem; }
  .buildpress-gjc-front-groups.buildpress-gjc-front-groups--rows .buildpress-gjc-front-groups__items { margin-top: 1.25rem; }
}