.buildpress-gjc-svc-bento {
  --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-svc-bento .buildpress-gjc-svc-bento__inner { position: relative; width: min(100%, 75rem); margin-inline: auto; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__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-svc-bento .buildpress-gjc-svc-bento__eyebrow::before { width: 0.4rem; height: 0.4rem; content: ""; background: currentColor; border-radius: 50%; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__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-svc-bento .buildpress-gjc-svc-bento__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-svc-bento { padding: 4.5rem 1rem; }
  .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__title { font-size: calc(var(--ai-fs-title) * 0.7); }
  .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__lead { font-size: var(--ai-fs); }
}

.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__intro { margin-bottom: 3rem; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__lead { text-wrap: balance; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__item { --tone: var(--ai-violet); --tone-dk: var(--e-global-color-tonevioletdk, #7c3aed); position: relative; display: grid; gap: 1.25rem; align-content: start; margin: 0; padding: 1.25rem; background: var(--ai-paper); border-radius: 20px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ai-ink) 8%, transparent); transition: transform 240ms ease, box-shadow 240ms ease; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__visual { position: relative; display: grid; place-items: center; overflow: hidden; aspect-ratio: 16 / 10; 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-svc-bento .buildpress-gjc-svc-bento__text { display: grid; gap: 0.5rem; align-content: start; padding: 0 0.25rem 0.25rem; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__item-title { margin: 0; color: var(--ai-ink); font-family: var(--ai-font-ui); font-size: calc(var(--ai-fs) * 1.25); font-weight: 800; line-height: 1.3; text-wrap: balance; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__link { color: inherit; text-decoration: none; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__link::after { position: absolute; inset: 0; content: ""; border-radius: inherit; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__link:focus-visible { outline: none; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__item:has(.buildpress-gjc-svc-bento__link:focus-visible) { outline: 3px solid var(--ai-accent); outline-offset: 3px; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__item-copy { display: block; margin: 0; color: var(--ai-text); font-size: var(--ai-fs-sm); line-height: 1.6; text-wrap: balance; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__more { display: inline-flex; gap: 0.4rem; align-items: center; margin-top: 0.4rem; color: var(--tone-dk); font-family: var(--ai-font-ui); font-size: var(--ai-fs-sm); font-weight: 800; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__more svg { width: 1rem; height: 1rem; transition: transform 200ms ease; }

/* --- illustrations (borderless white blocks, soft shadows, sizes in cqw) --- */
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__visual > span { position: absolute; background: var(--ai-paper); box-shadow: 0 1rem 2rem -1.25rem color-mix(in srgb, var(--ai-ink) 50%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__visual i { display: block; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__sv-post { top: 12cqw; left: 26cqw; width: 34cqw; padding: 3cqw; border-radius: 3cqw; display: grid; gap: 2cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__sv-head { display: flex; gap: 2cqw; align-items: center; box-shadow: none; position: static; background: none; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__sv-av { flex: none; width: 5cqw; height: 5cqw; border-radius: 50%; background: var(--tone); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__sv-line { flex: 1; height: 1.6cqw; border-radius: 1cqw; background: color-mix(in srgb, var(--ai-ink) 14%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__sv-img { position: static; height: 18cqw; border-radius: 2cqw; background: linear-gradient(135deg, color-mix(in srgb, var(--tone) 55%, var(--ai-paper)), color-mix(in srgb, var(--ai-gold) 45%, var(--ai-paper))); box-shadow: none; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__sv-acts { display: flex; gap: 1.6cqw; position: static; box-shadow: none; background: none; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__sv-acts i { width: 3.2cqw; height: 3.2cqw; border-radius: 1cqw; background: color-mix(in srgb, var(--ai-ink) 16%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__sv-pill { padding: 1.4cqw 3cqw; border-radius: 5cqw; font-family: var(--ai-font-ui); font-size: max(2.6cqw, 0.6rem); font-weight: 800; color: var(--ai-ink); white-space: nowrap; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__sv-pill--a { top: 10cqw; right: 8cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__sv-pill--b { bottom: 10cqw; left: 10cqw; color: var(--tone-dk); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__bv-board { top: 10cqw; left: 20cqw; width: 42cqw; height: 32cqw; border-radius: 3cqw; display: grid; place-items: center; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__bv-board .buildpress-gjc-svc-bento__mark { width: 15cqw; height: 15cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__mark-bg { fill: var(--ai-accent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__mark-g { fill: var(--ai-paper); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__bv-sw { right: 14cqw; bottom: 9cqw; display: flex; gap: 1.4cqw; padding: 2cqw; border-radius: 3cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__bv-sw i { width: 5cqw; height: 5cqw; border-radius: 50%; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__bv-sw i:nth-child(1) { background: var(--ai-accent); } .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__bv-sw i:nth-child(2) { background: var(--ai-ink); } .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__bv-sw i:nth-child(3) { background: var(--ai-green); } .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__bv-sw i:nth-child(4) { background: var(--ai-gold); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__bv-aa { top: 8cqw; right: 12cqw; padding: 1.4cqw 3cqw; border-radius: 3cqw; font-family: var(--ai-font-display); font-size: max(7cqw, 0.9rem); font-weight: 700; color: var(--ai-ink); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__wv-win { top: 9cqw; left: 12cqw; width: 58cqw; height: 40cqw; border-radius: 2.6cqw; overflow: hidden; display: grid; grid-template-rows: auto 1fr auto; gap: 2cqw; padding-bottom: 3cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__wv-bar { display: flex; gap: 1cqw; padding: 2cqw 2.6cqw; position: static; box-shadow: none; background: color-mix(in srgb, var(--ai-ink) 5%, var(--ai-paper)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__wv-bar i { width: 1.6cqw; height: 1.6cqw; border-radius: 50%; background: color-mix(in srgb, var(--ai-ink) 22%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__wv-hero { position: static; box-shadow: none; display: grid; gap: 1.6cqw; align-content: center; padding: 0 4cqw; background: none; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__wv-t { height: 3cqw; width: 60%; border-radius: 1.4cqw; background: var(--ai-ink); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__wv-t.is-s { height: 1.8cqw; width: 42%; background: color-mix(in srgb, var(--ai-ink) 18%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__wv-btn { height: 4cqw; width: 14cqw; border-radius: 1.4cqw; background: var(--tone-dk); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__wv-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6cqw; padding: 0 4cqw; position: static; box-shadow: none; background: none; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__wv-cards i { height: 6cqw; border-radius: 1.4cqw; background: color-mix(in srgb, var(--tone) 30%, var(--ai-paper)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__wv-phone { right: 9cqw; bottom: 8cqw; width: 14cqw; height: 26cqw; border-radius: 3cqw; display: grid; align-content: start; gap: 1.6cqw; padding: 3cqw 2cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__wv-phone i { height: 3cqw; border-radius: 1cqw; background: color-mix(in srgb, var(--tone) 40%, var(--ai-paper)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__wv-phone i + i { height: 8cqw; background: color-mix(in srgb, var(--ai-ink) 10%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cv-q { top: 10cqw; left: 12cqw; width: 44cqw; padding: 3cqw; border-radius: 3cqw 3cqw 3cqw 0.8cqw; display: grid; gap: 1.6cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cv-q i, .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cv-tx i { height: 1.8cqw; width: 100%; border-radius: 1cqw; background: color-mix(in srgb, var(--ai-ink) 16%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cv-q i.is-s, .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cv-tx i.is-s { width: 60%; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cv-ad { bottom: 9cqw; right: 10cqw; width: 58cqw; padding: 2.4cqw; border-radius: 3cqw; display: grid; grid-template-columns: 14cqw 1fr; gap: 3cqw; align-items: center; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cv-img { position: static; aspect-ratio: 1; border-radius: 2cqw; background: linear-gradient(145deg, color-mix(in srgb, var(--tone) 65%, var(--ai-paper)), var(--tone-dk)); box-shadow: none; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cv-tx { position: static; display: grid; gap: 1.6cqw; box-shadow: none; background: none; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cv-tx i:first-child { height: 2.4cqw; background: var(--ai-ink); width: 80%; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__rv-ring { top: 9cqw; left: 12cqw; width: 34cqw; height: 34cqw; border-radius: 50%; display: grid; place-items: center; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__rv-ring svg { width: 82%; height: 82%; transform: rotate(-90deg); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__rv-ring circle { fill: none; stroke-width: 12; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__rv-ring .t { stroke: color-mix(in srgb, var(--ai-ink) 8%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__rv-ring .v { stroke: var(--tone-dk); stroke-linecap: round; stroke-dasharray: 251; stroke-dashoffset: 163; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__rv-bars { right: 10cqw; bottom: 9cqw; width: 34cqw; padding: 3cqw; border-radius: 3cqw; display: grid; gap: 2cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__rv-bars i { height: 2.4cqw; border-radius: 1.2cqw; background: color-mix(in srgb, var(--tone) 55%, var(--ai-paper)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__rv-bars i:nth-child(1) { width: 92%; background: var(--tone-dk); } .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__rv-bars i:nth-child(2) { width: 64%; } .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__rv-bars i:nth-child(3) { width: 38%; }

/* --- illustrations for the remaining services (same language: white blocks, soft shadows, cqw) --- */
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cn-doc { top: 11cqw; left: 12cqw; width: 40cqw; padding: 3cqw; border-radius: 3cqw; display: grid; gap: 2cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cn-img { height: 17cqw; border-radius: 2cqw; background: linear-gradient(135deg, color-mix(in srgb, var(--tone) 55%, var(--ai-paper)), color-mix(in srgb, var(--ai-gold) 45%, var(--ai-paper))); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cn-l { height: 1.8cqw; width: 100%; border-radius: 1cqw; background: color-mix(in srgb, var(--ai-ink) 16%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cn-l.is-s { width: 70%; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cn-l.is-xs { width: 45%; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__visual .buildpress-gjc-svc-bento__cn-reel { top: 7cqw; right: 12cqw; width: 22cqw; height: 40cqw; border-radius: 3.5cqw; display: grid; place-items: center; background: linear-gradient(160deg, color-mix(in srgb, var(--tone) 70%, var(--ai-paper)), var(--tone-dk)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cn-play { width: 0; height: 0; margin-left: 1cqw; border-left: 4.2cqw solid var(--ai-paper); border-top: 2.8cqw solid transparent; border-bottom: 2.8cqw solid transparent; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__cn-bar { position: absolute; left: 3cqw; right: 3cqw; bottom: 3cqw; height: 1.2cqw; border-radius: 1cqw; background: color-mix(in srgb, var(--ai-paper) 45%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ad-chart { top: 9cqw; left: 12cqw; width: 46cqw; height: 38cqw; padding: 5cqw 4cqw 4cqw; border-radius: 3cqw; display: flex; align-items: flex-end; gap: 2.6cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ad-chart i { flex: 1; border-radius: 1.2cqw; background: color-mix(in srgb, var(--tone) 45%, var(--ai-paper)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ad-chart i:nth-child(1) { height: 30%; } .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ad-chart i:nth-child(2) { height: 44%; } .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ad-chart i:nth-child(3) { height: 40%; } .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ad-chart i:nth-child(4) { height: 66%; } .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ad-chart i:nth-child(5) { height: 88%; background: var(--tone-dk); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ad-kpi { right: 10cqw; bottom: 9cqw; width: 26cqw; padding: 3cqw; border-radius: 3cqw; display: grid; gap: 1.8cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ad-up { width: 6cqw; height: 6cqw; border-radius: 50%; background: color-mix(in srgb, var(--tone) 30%, var(--ai-paper)); position: relative; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ad-up::after { content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; transform: translate(-50%, -60%); border-left: 1.4cqw solid transparent; border-right: 1.4cqw solid transparent; border-bottom: 2.2cqw solid var(--tone-dk); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ad-l { height: 2.4cqw; width: 100%; border-radius: 1.2cqw; background: var(--ai-ink); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ad-l.is-s { height: 1.6cqw; width: 60%; background: color-mix(in srgb, var(--ai-ink) 18%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pr-page { top: 8cqw; left: 16cqw; width: 50cqw; padding: 3.4cqw; border-radius: 2.4cqw; display: grid; gap: 1.8cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pr-mast { height: 3.2cqw; border-radius: 1cqw; background: var(--ai-ink); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pr-h { height: 2.4cqw; width: 90%; border-radius: 1cqw; background: color-mix(in srgb, var(--ai-ink) 70%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pr-h.is-s { width: 60%; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pr-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 2.4cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pr-img { height: 14cqw; border-radius: 1.6cqw; background: linear-gradient(135deg, color-mix(in srgb, var(--tone) 55%, var(--ai-paper)), color-mix(in srgb, var(--tone) 25%, var(--ai-paper))); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pr-txt { display: grid; gap: 1.4cqw; align-content: start; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pr-txt i { height: 1.4cqw; border-radius: 1cqw; background: color-mix(in srgb, var(--ai-ink) 16%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pr-txt i:last-child { width: 60%; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__visual .buildpress-gjc-svc-bento__pr-badge { right: 14cqw; bottom: 8cqw; width: 12cqw; height: 12cqw; border-radius: 50%; display: grid; place-items: center; color: var(--ai-paper); background: var(--tone-dk); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pr-badge svg { width: 6cqw; height: 6cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ko-card { top: 8cqw; left: 12cqw; width: 40cqw; padding: 3cqw; border-radius: 3cqw; display: grid; gap: 2.4cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ko-top { display: flex; gap: 2cqw; align-items: center; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ko-av { flex: none; width: 7cqw; height: 7cqw; border-radius: 50%; background: linear-gradient(135deg, var(--tone), var(--tone-dk)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ko-ln { flex: 1; display: grid; gap: 1.2cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ko-ln i { height: 1.6cqw; border-radius: 1cqw; background: color-mix(in srgb, var(--ai-ink) 22%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ko-ln i.is-s { width: 60%; background: color-mix(in srgb, var(--ai-ink) 12%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ko-img { display: block; height: 15cqw; border-radius: 2cqw; background: linear-gradient(135deg, color-mix(in srgb, var(--tone) 50%, var(--ai-paper)), color-mix(in srgb, var(--ai-gold) 40%, var(--ai-paper))); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ko-stats { display: flex; gap: 1.6cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ko-stats i { flex: 1; height: 3cqw; border-radius: 1.2cqw; background: color-mix(in srgb, var(--tone) 25%, var(--ai-paper)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ko-avs { top: 12cqw; right: 12cqw; padding: 2cqw 3cqw 2cqw 5cqw; border-radius: 6cqw; display: flex; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ko-avs i { width: 8cqw; height: 8cqw; margin-left: -2cqw; border-radius: 50%; border: 0.8cqw solid var(--ai-paper); background: var(--tone); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ko-avs i:nth-child(2) { background: var(--tone-dk); } .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ko-avs i:nth-child(3) { background: color-mix(in srgb, var(--tone) 40%, var(--ai-paper)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pk-box, .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pk-can, .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pk-bottle { bottom: 9cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pk-box { left: 11cqw; width: 28cqw; height: 24cqw; border-radius: 2cqw; overflow: hidden; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pk-lid { position: absolute; inset: 0 0 auto 0; height: 6cqw; background: color-mix(in srgb, var(--tone) 40%, var(--ai-paper)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pk-mark { position: absolute; left: 50%; top: 58%; width: 9cqw; height: 9cqw; border-radius: 50%; transform: translate(-50%, -50%); background: var(--tone-dk); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pk-can { left: 43cqw; width: 16cqw; height: 32cqw; border-radius: 3cqw 3cqw 2cqw 2cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pk-band { position: absolute; left: 0; right: 0; top: 30%; height: 38%; background: color-mix(in srgb, var(--tone) 40%, var(--ai-paper)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pk-can .buildpress-gjc-svc-bento__pk-mark { top: 49%; width: 7cqw; height: 7cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pk-bottle { right: 11cqw; width: 14cqw; height: 40cqw; border-radius: 3.6cqw 3.6cqw 2.4cqw 2.4cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pk-cap { position: absolute; left: 30%; right: 30%; top: -5cqw; height: 6cqw; border-radius: 1.2cqw; background: var(--tone-dk); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__pk-label { position: absolute; left: 12%; right: 12%; top: 44%; height: 24%; border-radius: 1.6cqw; background: color-mix(in srgb, var(--tone) 40%, var(--ai-paper)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__visual .buildpress-gjc-svc-bento__ph-frame { top: 8cqw; left: 14cqw; width: 46cqw; height: 40cqw; border-radius: 3cqw; overflow: hidden; background: linear-gradient(160deg, color-mix(in srgb, var(--tone) 22%, var(--ai-paper)), var(--ai-paper)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ph-c { position: absolute; width: 5cqw; height: 5cqw; border: 0 solid var(--tone-dk); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ph-c.is-tl { top: 3cqw; left: 3cqw; border-top-width: 0.9cqw; border-left-width: 0.9cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ph-c.is-tr { top: 3cqw; right: 3cqw; border-top-width: 0.9cqw; border-right-width: 0.9cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ph-c.is-bl { bottom: 3cqw; left: 3cqw; border-bottom-width: 0.9cqw; border-left-width: 0.9cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ph-c.is-br { bottom: 3cqw; right: 3cqw; border-bottom-width: 0.9cqw; border-right-width: 0.9cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ph-subj { position: absolute; left: 50%; bottom: 9cqw; width: 12cqw; height: 24cqw; border-radius: 3cqw 3cqw 2cqw 2cqw; transform: translateX(-50%); background: linear-gradient(160deg, color-mix(in srgb, var(--tone) 70%, var(--ai-paper)), var(--tone-dk)); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ph-cap { position: absolute; left: 28%; right: 28%; top: -4cqw; height: 5cqw; border-radius: 1cqw; background: var(--ai-ink); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ph-shadow { position: absolute; left: 50%; bottom: 6cqw; width: 22cqw; height: 3.4cqw; border-radius: 50%; transform: translateX(-50%); background: color-mix(in srgb, var(--ai-ink) 14%, transparent); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ph-light { top: 9cqw; right: 12cqw; width: 18cqw; height: 11cqw; border-radius: 2cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ph-btn { right: 15cqw; bottom: 9cqw; width: 13cqw; height: 13cqw; border-radius: 50%; display: grid; place-items: center; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__ph-btn i { width: 8cqw; height: 8cqw; border-radius: 50%; background: var(--tone-dk); }

/* icon visual for services without their own illustration yet */
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__iv-tile { top: 50%; left: 50%; display: grid; place-items: center; width: 17cqw; height: 17cqw; color: var(--tone-dk); border-radius: 4.5cqw; transform: translate(-50%, -50%); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__iv-tile svg { width: 8cqw; height: 8cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__iv-dot { border-radius: 50%; background: color-mix(in srgb, var(--tone) 30%, var(--ai-paper)); box-shadow: none; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__iv-dot--a { top: 14cqw; left: 20cqw; width: 6cqw; height: 6cqw; }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__iv-dot--b { right: 18cqw; bottom: 12cqw; width: 9cqw; height: 9cqw; }

@media (hover: hover) and (pointer: fine) {
  .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__item:hover { transform: translateY(-4px); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--tone) 55%, transparent), 0 1.5rem 2.5rem -1.75rem color-mix(in srgb, var(--tone-dk) 60%, transparent); }
  .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__item:hover .buildpress-gjc-svc-bento__more svg { transform: translateX(4px); }
}
@media (max-width: 1024px) {
  .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__intro { margin-bottom: 2rem; }
  .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__grid { grid-template-columns: minmax(0, 1fr); }
  .buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__item { padding: 1rem; }
}
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__item--violet { --tone: var(--ai-violet); --tone-dk: var(--e-global-color-tonevioletdk, #7c3aed); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__item--coral { --tone: var(--ai-coral); --tone-dk: var(--ai-coral-dk); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__item--cyan { --tone: var(--ai-cyan); --tone-dk: var(--e-global-color-tonecyandk, #0e7c9b); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__item--green { --tone: var(--ai-green); --tone-dk: var(--ai-green-dk); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__item--gold { --tone: var(--ai-gold); --tone-dk: var(--ai-gold-dk); }
.buildpress-gjc-svc-bento .buildpress-gjc-svc-bento__item--blue { --tone: var(--e-global-color-toneblue, #5b9bff); --tone-dk: var(--e-global-color-tonebluedk, #1d4ed8); }