.buildpress-gjc-home-usp {
    --gjc-usp-ink: var(--e-global-color-primary, #050505);
    --gjc-usp-text: var(--e-global-color-text, #333333);
    --gjc-usp-accent: var(--e-global-color-accent, #E3185C);
    --gjc-usp-mate: var(--e-global-color-8ab7c18, #57C4F2);
    --gjc-usp-mate-light: var(--e-global-color-a272205, #D5F0FC);
    --gjc-usp-mate-deep: var(--e-global-color-1cbca9e, #147FA8);
    --gjc-usp-positive: var(--e-global-color-c76f898, #59B99A);
    --gjc-usp-muted: color-mix(in srgb, var(--e-global-color-text, #333333) 72%, var(--e-global-color-900224d, #fff));
    --gjc-usp-soft: color-mix(in srgb, var(--e-global-color-900224d, #fff) 94%, var(--e-global-color-primary, #050505));
    --gjc-usp-surface: var(--e-global-color-900224d, #FFFFFF);
    --gjc-usp-browser: color-mix(in srgb, var(--gjc-usp-soft) 88%, var(--gjc-usp-surface));
    --gjc-usp-shadow: color-mix(in srgb, var(--gjc-usp-ink) 7%, transparent);
    width: 100%;
    padding: 5rem 1rem 8rem;
    color: var(--gjc-usp-ink);
    background: var(--gjc-usp-surface);
    font-family: var(--e-global-typography-text-font-family, sans-serif);
}

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__inner { width: min(100%, 75rem); margin-inline: auto; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__header { max-width: 61rem; margin-inline: auto; text-align: center; }

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__title {
    max-width: 21ch;
    margin: 0 auto;
    color: var(--gjc-usp-ink);
    font-family: var(--e-global-typography-primary-font-family, sans-serif);
    font-size: var(--gjc-home-type-section, var(--e-global-typography-primary-font-size, 3.75rem));
    font-weight: var(--e-global-typography-primary-font-weight, 700);
    line-height: var(--gjc-home-leading-display, 1.06);
    letter-spacing: 0;
    text-wrap: balance;
}

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__title-logo { display: inline-block; height: 0.92em; margin-inline: 0.1em; vertical-align: -0.12em; line-height: 0; animation: gjc-usp-mate-float 4.8s ease-in-out infinite; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__title-logo img { display: block; width: auto; height: 100%; max-width: none; object-fit: contain; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__title-word { color: var(--gjc-usp-mate-deep); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__description { max-width: 40rem; margin: 1.5rem auto 0; color: var(--gjc-usp-text); font-size: var(--gjc-home-type-lead, var(--e-global-typography-text-font-size, 1.05rem)); font-weight: var(--e-global-typography-text-font-weight, 400); line-height: var(--e-global-typography-text-line-height, 1.6); text-wrap: balance; }

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__selector { display: grid; grid-template-columns: minmax(23rem, 34rem) minmax(0, 1fr); gap: clamp(3rem, 6vw, 5.5rem); align-items: center; max-width: 75rem; margin: 5.5rem auto 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview { position: relative; width: 100%; aspect-ratio: 4 / 3; margin: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; opacity: 0; transform: scale(0.975); transition: opacity 280ms ease, transform 280ms ease; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active { opacity: 1; transform: scale(1); }

/* One soft-grey browser silhouette frames every product miniature. */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__browser { display: grid; width: 100%; height: 100%; padding: clamp(0.75rem, 2.2vw, 1.25rem); overflow: hidden; background: var(--gjc-usp-browser); border: 0; border-radius: 0.75rem; box-shadow: 0 0.55rem 1.6rem var(--gjc-usp-shadow); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__brand-icon { display: grid; flex: 0 0 auto; place-items: center; width: 1rem; height: 1rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__brand-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }

/* 01: calendar */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__browser--planner { grid-template-rows: auto auto auto minmax(0, 1fr); gap: clamp(0.38rem, 1vw, 0.65rem); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-topline { display: flex; align-items: start; justify-content: space-between; gap: 0.75rem; padding: 0.25rem 0.12rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-topline > div { display: grid; gap: 0.12rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-topline strong { color: var(--gjc-usp-ink); font-family: var(--e-global-typography-primary-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.92rem); line-height: 1; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-topline small { color: var(--gjc-usp-muted); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.55rem); font-weight: var(--e-global-typography-accent-font-weight, 500); line-height: 1.2; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-topline em { padding: 0.38rem 0.5rem; color: var(--gjc-usp-mate-deep); background: color-mix(in srgb, var(--gjc-usp-mate-light) 78%, var(--gjc-usp-surface)); border-radius: 999rem; font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.54rem); font-style: normal; font-weight: var(--e-global-typography-accent-font-weight, 700); line-height: 1; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-legend { display: flex; flex-wrap: wrap; gap: 0.45rem 0.75rem; align-items: center; color: var(--gjc-usp-muted); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.47rem); font-weight: var(--e-global-typography-accent-font-weight, 600); line-height: 1; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-legend span { display: inline-flex; gap: 0.25rem; align-items: center; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-legend i { display: block; width: 0.34rem; aspect-ratio: 1; background: var(--gjc-usp-mate); border-radius: 50%; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-legend span:nth-child(2) i { background: var(--gjc-usp-accent); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-legend span:nth-child(3) i { background: var(--gjc-usp-positive); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-weekdays,
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: clamp(0.18rem, 0.55vw, 0.34rem); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-weekdays { color: var(--gjc-usp-muted); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.43rem); font-weight: var(--e-global-typography-accent-font-weight, 600); text-align: center; text-transform: uppercase; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-grid { grid-auto-rows: 1fr; min-height: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-grid article { display: grid; align-content: space-between; min-width: 0; min-height: 0; padding: clamp(0.22rem, 0.58vw, 0.4rem); background: var(--gjc-usp-surface); border-radius: 0.22rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-grid article.is-empty { background: color-mix(in srgb, var(--gjc-usp-surface) 42%, transparent); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-grid b { color: var(--gjc-usp-muted); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.48rem); font-weight: var(--e-global-typography-accent-font-weight, 600); line-height: 1; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-grid .has-post { background: var(--gjc-usp-surface); box-shadow: 0 0.12rem 0.35rem color-mix(in srgb, var(--gjc-usp-ink) 5%, transparent); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-grid .has-post b { color: var(--gjc-usp-ink); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-grid article > span { display: grid; gap: 0.15rem; align-items: end; min-width: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-grid .buildpress-gjc-home-usp__brand-icon { width: clamp(0.58rem, 1.5vw, 0.8rem); height: clamp(0.58rem, 1.5vw, 0.8rem); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-grid small { overflow: hidden; color: var(--gjc-usp-text); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.39rem); font-weight: var(--e-global-typography-accent-font-weight, 600); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }

/* 02: approval */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__browser--approval { place-items: center; padding: clamp(0.9rem, 3.5vw, 2rem); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-card { display: grid; gap: clamp(0.55rem, 1.3vw, 0.8rem); width: min(100%, 23rem); padding: clamp(0.82rem, 2.1vw, 1.1rem); background: var(--gjc-usp-surface); border-radius: 0.45rem; box-shadow: 0 0.55rem 1.2rem color-mix(in srgb, var(--gjc-usp-ink) 8%, transparent); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-meta { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.5rem; align-items: center; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-avatar { display: grid; place-items: center; width: 1.72rem; aspect-ratio: 1; color: var(--gjc-usp-surface); background: var(--gjc-usp-mate-deep); border-radius: 50%; font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.48rem); font-weight: var(--e-global-typography-accent-font-weight, 700); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-meta > div { display: grid; gap: 0.1rem; min-width: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-meta strong { overflow: hidden; color: var(--gjc-usp-ink); font-family: var(--e-global-typography-primary-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.68rem); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-meta small { overflow: hidden; color: var(--gjc-usp-muted); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.48rem); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-meta em { padding: 0.33rem 0.4rem; color: color-mix(in srgb, var(--gjc-usp-accent) 80%, var(--gjc-usp-ink)); background: color-mix(in srgb, var(--gjc-usp-accent) 12%, var(--gjc-usp-surface)); border-radius: 999rem; font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.42rem); font-style: normal; font-weight: var(--e-global-typography-accent-font-weight, 700); line-height: 1; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset { position: relative; display: grid; align-content: end; min-height: clamp(4.65rem, 12vw, 6.1rem); padding: 0.6rem; overflow: hidden; color: var(--gjc-usp-surface); background: var(--gjc-usp-mate-deep); border-radius: 0.3rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset > span { z-index: 2; font-family: var(--e-global-typography-primary-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 1rem); font-weight: var(--e-global-typography-primary-font-weight, 700); line-height: 0.86; letter-spacing: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset > i { position: absolute; display: block; width: 48%; aspect-ratio: 1; background: var(--gjc-usp-mate); border-radius: 50%; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset > i:nth-of-type(1) { top: -24%; right: 10%; opacity: 0.88; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset > i:nth-of-type(2) { right: -6%; bottom: -41%; width: 62%; background: var(--gjc-usp-accent); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-card p { margin: 0; color: var(--gjc-usp-text); font-family: var(--e-global-typography-primary-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.65rem); font-weight: var(--e-global-typography-primary-font-weight, 600); line-height: 1.35; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-destinations { display: flex; gap: 0.6rem; align-items: center; justify-content: space-between; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-destinations > span { color: var(--gjc-usp-muted); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.48rem); font-weight: var(--e-global-typography-accent-font-weight, 600); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-destinations > div { display: flex; gap: 0.28rem; align-items: center; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-destinations .buildpress-gjc-home-usp__brand-icon { width: 0.92rem; height: 0.92rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0.45rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-actions > * { display: grid; place-items: center; min-height: 1.65rem; padding: 0.35rem; border-radius: 0.24rem; font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.5rem); font-weight: var(--e-global-typography-accent-font-weight, 700); line-height: 1; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-actions span { color: var(--gjc-usp-text); background: var(--gjc-usp-soft); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-actions b { color: var(--gjc-usp-surface); background: var(--gjc-usp-positive); }

/* Refined miniature framing and approval workflow. */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__browser { box-shadow: none; }

/* 02: approval */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__browser--approval { place-items: stretch; padding: clamp(0.75rem, 2.8vw, 1.55rem); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-card { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: clamp(0.48rem, 1.2vw, 0.7rem); width: 100%; height: 100%; padding: clamp(0.72rem, 1.8vw, 0.98rem); background: var(--gjc-usp-surface); border: 0.0625rem solid color-mix(in srgb, var(--gjc-usp-ink) 8%, transparent); border-radius: 0.45rem; box-shadow: none; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-meta { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.5rem; align-items: center; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-avatar { display: grid; place-items: center; width: 1.68rem; aspect-ratio: 1; color: var(--gjc-usp-surface); background: var(--gjc-usp-mate-deep); border-radius: 50%; font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.46rem); font-weight: var(--e-global-typography-accent-font-weight, 700); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-meta > div { display: grid; gap: 0.1rem; min-width: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-meta strong { overflow: hidden; color: var(--gjc-usp-ink); font-family: var(--e-global-typography-primary-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.66rem); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-meta small { overflow: hidden; color: var(--gjc-usp-muted); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.46rem); font-weight: var(--e-global-typography-accent-font-weight, 600); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-meta em { padding: 0.32rem 0.42rem; color: color-mix(in srgb, var(--gjc-usp-accent) 80%, var(--gjc-usp-ink)); background: color-mix(in srgb, var(--gjc-usp-accent) 12%, var(--gjc-usp-surface)); border-radius: 999rem; font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.42rem); font-style: normal; font-weight: var(--e-global-typography-accent-font-weight, 700); line-height: 1; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-workspace { display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr); gap: clamp(0.42rem, 1.1vw, 0.62rem); min-height: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset { position: relative; display: grid; align-content: end; min-height: 0; padding: clamp(0.45rem, 1.1vw, 0.6rem); overflow: hidden; color: var(--gjc-usp-surface); background: var(--gjc-usp-mate-deep); border-radius: 0.3rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset-logo { position: absolute; z-index: 3; top: clamp(0.45rem, 1.1vw, 0.6rem); left: clamp(0.45rem, 1.1vw, 0.6rem); display: block; width: clamp(1.18rem, 3vw, 1.45rem); height: clamp(1.18rem, 3vw, 1.45rem); object-fit: contain; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset > span { z-index: 2; font-family: var(--e-global-typography-primary-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.78rem); font-weight: var(--e-global-typography-primary-font-weight, 700); line-height: 0.86; letter-spacing: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset > small { z-index: 2; margin-top: 0.28rem; color: color-mix(in srgb, var(--gjc-usp-surface) 76%, transparent); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.42rem); font-weight: var(--e-global-typography-accent-font-weight, 700); line-height: 1; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset > i { position: absolute; display: block; width: 62%; aspect-ratio: 1; background: var(--gjc-usp-mate); border-radius: 50%; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset > i:nth-of-type(1) { top: -16%; right: -17%; opacity: 0.88; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset > i:nth-of-type(2) { right: -25%; bottom: -23%; width: 74%; background: var(--gjc-usp-accent); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-thread { display: grid; gap: clamp(0.2rem, 0.6vw, 0.3rem); align-content: start; min-height: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-comment { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.35rem; align-items: center; min-width: 0; padding: clamp(0.3rem, 0.8vw, 0.44rem); background: color-mix(in srgb, var(--gjc-usp-soft) 72%, var(--gjc-usp-surface)); border: 0.0625rem solid color-mix(in srgb, var(--gjc-usp-ink) 7%, transparent); border-radius: 0.26rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-comment > span { display: grid; place-items: center; width: 1.15rem; aspect-ratio: 1; color: var(--gjc-usp-surface); background: var(--gjc-usp-accent); border-radius: 50%; font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.35rem); font-weight: var(--e-global-typography-accent-font-weight, 700); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-comment:nth-child(2) > span { background: var(--gjc-usp-mate); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-comment:nth-child(3) > span { background: var(--gjc-usp-positive); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-comment > div { display: grid; gap: 0.13rem; min-width: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-comment strong { overflow: hidden; color: var(--gjc-usp-ink); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.43rem); font-weight: var(--e-global-typography-accent-font-weight, 700); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-comment p { overflow: hidden; margin: 0; color: var(--gjc-usp-text); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.43rem); font-weight: var(--e-global-typography-accent-font-weight, 500); line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-summary { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(6.4rem, 1.15fr); gap: 0.5rem; align-items: stretch; min-height: 2.25rem; padding-top: 0.48rem; border-top: 0.0625rem solid color-mix(in srgb, var(--gjc-usp-ink) 8%, transparent); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-summary > span { display: inline-flex; gap: 0.25rem; align-items: center; color: var(--gjc-usp-positive); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.43rem); font-weight: var(--e-global-typography-accent-font-weight, 700); line-height: 1; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-summary > span i { display: block; width: 0.35rem; aspect-ratio: 1; background: currentColor; border-radius: 50%; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-summary > strong { display: grid; place-items: center; min-height: 2.05rem; padding: 0.48rem 0.66rem; color: var(--gjc-usp-surface); background: var(--gjc-usp-positive); border-radius: 0.3rem; font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.6rem); font-weight: var(--e-global-typography-accent-font-weight, 700); line-height: 1; white-space: nowrap; }

/* 03: performance */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__browser--analytics { grid-template-rows: auto minmax(0, 1.35fr) auto auto; gap: clamp(0.5rem, 1.25vw, 0.75rem); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__analytics-topline { display: flex; align-items: end; justify-content: space-between; gap: 0.75rem; padding: 0.22rem 0.08rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__analytics-topline > div { display: grid; gap: 0.18rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__analytics-topline span { color: var(--gjc-usp-muted); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.54rem); font-weight: var(--e-global-typography-accent-font-weight, 600); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__analytics-topline strong { color: var(--gjc-usp-ink); font-family: var(--e-global-typography-primary-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 1.28rem); line-height: 0.85; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__analytics-topline em { color: var(--gjc-usp-positive); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.5rem); font-style: normal; font-weight: var(--e-global-typography-accent-font-weight, 700); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__chart-card { position: relative; display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 0.8rem; align-items: end; min-height: 0; padding: clamp(0.6rem, 1.7vw, 0.85rem); overflow: hidden; background: var(--gjc-usp-surface); border-radius: 0.42rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__chart-copy { z-index: 1; display: grid; gap: 0.22rem; align-content: start; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__chart-copy span { color: var(--gjc-usp-muted); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.48rem); font-weight: var(--e-global-typography-accent-font-weight, 600); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__chart-copy strong { color: var(--gjc-usp-ink); font-family: var(--e-global-typography-primary-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 1.08rem); line-height: 1; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__chart-copy small { color: var(--gjc-usp-positive); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.43rem); font-weight: var(--e-global-typography-accent-font-weight, 700); line-height: 1.2; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__chart-card svg { display: block; align-self: end; width: 100%; height: clamp(3.3rem, 8vw, 4.5rem); overflow: visible; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__chart-area { fill: color-mix(in srgb, var(--gjc-usp-mate) 22%, transparent); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__chart-line { fill: none; stroke: var(--gjc-usp-mate-deep); stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; vector-effect: non-scaling-stroke; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__analytics-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.4rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__analytics-stats article { display: grid; gap: 0.18rem; min-width: 0; padding: 0.48rem; background: var(--gjc-usp-surface); border-radius: 0.3rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__analytics-stats span { overflow: hidden; color: var(--gjc-usp-muted); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.42rem); font-weight: var(--e-global-typography-accent-font-weight, 600); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__analytics-stats strong { overflow: hidden; color: var(--gjc-usp-ink); font-family: var(--e-global-typography-primary-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.68rem); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__analytics-stats em { overflow: hidden; color: var(--gjc-usp-positive); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.4rem); font-style: normal; font-weight: var(--e-global-typography-accent-font-weight, 700); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__channel-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.44rem; align-items: center; min-width: 0; padding: 0.3rem 0.12rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__channel-row > span { display: flex; gap: 0.14rem; align-items: center; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__channel-row .buildpress-gjc-home-usp__brand-icon { width: 0.78rem; height: 0.78rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__channel-row strong { overflow: hidden; color: var(--gjc-usp-text); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.52rem); font-weight: var(--e-global-typography-accent-font-weight, 700); text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__channel-row em { color: var(--gjc-usp-muted); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.48rem); font-style: normal; font-weight: var(--e-global-typography-accent-font-weight, 600); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__channel-row i { grid-column: 2 / -1; display: block; height: 0.22rem; margin-top: -0.2rem; overflow: hidden; background: color-mix(in srgb, var(--gjc-usp-ink) 8%, transparent); border-radius: 999rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__channel-row i::before { display: block; width: var(--gjc-usp-bar); height: 100%; content: ''; background: var(--gjc-usp-mate); border-radius: inherit; }

/* 04: MCP */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__browser--mcp { grid-template-rows: auto auto minmax(0, 1fr) auto; gap: clamp(0.55rem, 1.3vw, 0.8rem); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-topline { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.2rem 0.08rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-topline span { color: var(--gjc-usp-ink); font-family: var(--e-global-typography-primary-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.85rem); line-height: 1; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-topline em { padding: 0.34rem 0.45rem; color: var(--gjc-usp-positive); background: color-mix(in srgb, var(--gjc-usp-positive) 12%, var(--gjc-usp-surface)); border-radius: 999rem; font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.48rem); font-style: normal; font-weight: var(--e-global-typography-accent-font-weight, 700); line-height: 1; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-hub { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.55rem; align-items: center; padding: clamp(0.5rem, 1.3vw, 0.7rem); background: var(--gjc-usp-surface); border-radius: 0.38rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-hub > img { display: block; width: 2rem; height: 2rem; object-fit: contain; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-hub > div { display: grid; gap: 0.13rem; min-width: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-hub strong { overflow: hidden; color: var(--gjc-usp-ink); font-family: var(--e-global-typography-primary-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.68rem); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-hub small { overflow: hidden; color: var(--gjc-usp-mate-deep); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.46rem); font-weight: var(--e-global-typography-accent-font-weight, 600); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-hub em { display: inline-flex; gap: 0.25rem; align-items: center; color: var(--gjc-usp-positive); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.45rem); font-style: normal; font-weight: var(--e-global-typography-accent-font-weight, 700); white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-hub em i { display: block; width: 0.38rem; aspect-ratio: 1; background: currentColor; border-radius: 50%; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-agent-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.42rem; align-content: center; min-height: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-agent { display: flex; gap: 0.45rem; align-items: center; min-width: 0; padding: 0.48rem; background: var(--gjc-usp-surface); border-radius: 0.32rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__agent-mark { display: grid; flex: 0 0 auto; place-items: center; width: 1.32rem; height: 1.32rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__agent-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-agent > span:last-child { overflow: hidden; color: var(--gjc-usp-text); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.55rem); font-weight: var(--e-global-typography-accent-font-weight, 700); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-note { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0.08rem 0.12rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-note span { color: var(--gjc-usp-muted); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.45rem); font-weight: var(--e-global-typography-accent-font-weight, 600); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-note strong { color: var(--gjc-usp-mate-deep); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.45rem); font-weight: var(--e-global-typography-accent-font-weight, 700); }

/* Interactive USP list */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-list { display: grid; min-width: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature { padding: 1.12rem 0; border-bottom: 0.0625rem solid color-mix(in srgb, var(--gjc-usp-ink) 10%, transparent); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature:first-child { padding-top: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-heading { margin: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-trigger { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: 0.75rem; align-items: center; width: 100%; min-height: 2.75rem; padding: 0.25rem 0; color: color-mix(in srgb, var(--gjc-usp-ink) 25%, var(--gjc-usp-surface)); text-align: left; cursor: pointer; background: transparent; border: 0; border-radius: 0; transition: color 180ms ease; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-trigger:hover,
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-trigger:focus-visible,
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature.is-active .buildpress-gjc-home-usp__feature-trigger { color: var(--gjc-usp-ink); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-trigger,
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-trigger:hover,
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-trigger:focus-visible,
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-trigger:active,
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature.is-active .buildpress-gjc-home-usp__feature-trigger {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-trigger:focus-visible { outline: 0.125rem solid var(--gjc-usp-mate-deep); outline-offset: 0.3rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-index { color: var(--gjc-usp-muted); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.72rem); font-weight: var(--e-global-typography-accent-font-weight, 500); line-height: 1; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-title { font-family: var(--e-global-typography-primary-font-family, sans-serif); font-size: var(--gjc-home-type-feature, var(--e-global-typography-primary-font-size, 2.05rem)); font-weight: var(--e-global-typography-primary-font-weight, 700); line-height: 1.1; letter-spacing: 0; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-description { max-width: 31rem; margin: 0.75rem 0 0 3.25rem; color: var(--gjc-usp-text); font-family: var(--e-global-typography-text-font-family, sans-serif); font-size: var(--gjc-home-type-body, var(--e-global-typography-text-font-size, 0.98rem)); font-weight: var(--e-global-typography-text-font-weight, 400); line-height: var(--e-global-typography-text-line-height, 1.55); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-description[hidden] { display: none; }

/* Keep the sample post quiet so its workflow, not its artwork, holds attention. */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-avatar { background: transparent; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-avatar img { display: block; width: 100%; height: 100%; object-fit: contain; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset { color: var(--gjc-usp-ink); background: color-mix(in srgb, var(--gjc-usp-soft) 88%, var(--gjc-usp-surface)); border: 0.0625rem solid color-mix(in srgb, var(--gjc-usp-ink) 8%, transparent); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset > small { color: var(--gjc-usp-muted); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset > i { background: color-mix(in srgb, var(--gjc-usp-ink) 8%, transparent); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset > i:nth-of-type(2) { background: color-mix(in srgb, var(--gjc-usp-ink) 13%, transparent); }

/* Active previews receive contained, data-oriented motion without changing their layout. */
@media (prefers-reduced-motion: no-preference) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post { animation: gjc-usp-calendar-post 5.8s ease-in-out infinite; will-change: transform; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(3n + 1) { animation-delay: 0.2s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(3n + 2) { animation-delay: 1.65s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(3n) { animation-delay: 3.1s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-topline em { animation: gjc-usp-status-pulse 3.8s ease-in-out infinite; }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-asset-logo { animation: gjc-usp-logo-settle 5.6s ease-in-out infinite; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-comment { animation: gjc-usp-feedback-nudge 5.4s ease-in-out infinite; will-change: transform, opacity; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-comment:nth-child(1) { animation-delay: 0.2s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-comment:nth-child(2) { animation-delay: 0.75s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-comment:nth-child(3) { animation-delay: 1.3s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-summary > strong { animation: gjc-usp-approve-ready 4.6s ease-in-out infinite 2.3s; }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__chart-area { animation: gjc-usp-chart-breathe 4.8s ease-in-out infinite; transform-origin: bottom center; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__analytics-stats article { animation: gjc-usp-stat-rise 5.4s ease-in-out infinite; will-change: transform; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__analytics-stats article:nth-child(2) { animation-delay: 0.45s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__analytics-stats article:nth-child(3) { animation-delay: 0.9s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__channel-row i::before { transform-origin: left center; animation: gjc-usp-bar-breathe 4.8s ease-in-out infinite; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__channel-row + .buildpress-gjc-home-usp__channel-row i::before { animation-delay: 0.7s; }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-hub > img { animation: gjc-usp-hub-float 4.6s ease-in-out infinite; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-hub em i { animation: gjc-usp-connection-pulse 2.7s ease-in-out infinite; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent { animation: gjc-usp-agent-float 5.6s ease-in-out infinite; will-change: transform; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(2n) { animation-delay: 0.8s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(3n) { animation-delay: 1.6s; }
}

@keyframes gjc-usp-calendar-post { 0%, 100% { transform: translateY(0); } 48% { transform: translateY(-0.1rem); } }
@keyframes gjc-usp-status-pulse { 0%, 100% { transform: scale(1); } 48% { transform: scale(1.035); } }
@keyframes gjc-usp-logo-settle { 0%, 100% { transform: translateY(0) rotate(0); } 46% { transform: translateY(-0.08rem) rotate(-3deg); } }
@keyframes gjc-usp-feedback-nudge { 0%, 100% { opacity: 1; transform: translateX(0); } 12% { opacity: 0.76; transform: translateX(0.1rem); } 24% { opacity: 1; transform: translateX(0); } }
@keyframes gjc-usp-approve-ready { 0%, 100% { transform: scale(1); } 16% { transform: scale(1.025); } 28% { transform: scale(1); } }
@keyframes gjc-usp-chart-breathe { 0%, 100% { opacity: 1; transform: scaleY(1); } 50% { opacity: 0.78; transform: scaleY(0.94); } }
@keyframes gjc-usp-stat-rise { 0%, 100% { transform: translateY(0); } 45% { transform: translateY(-0.09rem); } }
@keyframes gjc-usp-bar-breathe { 0%, 100% { transform: scaleX(1); } 50% { transform: scaleX(0.88); } }
@keyframes gjc-usp-hub-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.1rem); } }
@keyframes gjc-usp-connection-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.48; transform: scale(1.45); } }
@keyframes gjc-usp-agent-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.08rem); } }
@keyframes gjc-usp-mate-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.075em); } }

/* Operational states use one shared timeline so each miniature can complete before the next preview appears. */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-comment:nth-child(3) > span { background: var(--gjc-usp-mate-deep); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-action { position: relative; overflow: hidden; background: var(--gjc-usp-positive); opacity: 1; filter: none; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-action > span { grid-area: 1 / 1; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-action-approved { display: inline-flex; gap: 0.34rem; align-items: center; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-action-approved svg { display: block; width: 0.84rem; height: 0.84rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.1; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-action-pending { display: none; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-agent > span:nth-child(2) { overflow: hidden; color: var(--gjc-usp-text); font-family: var(--e-global-typography-accent-font-family, sans-serif); font-size: var(--e-global-typography-accent-font-size, 0.55rem); font-weight: var(--e-global-typography-accent-font-weight, 700); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-agent-status { display: block; flex: 0 0 auto; width: 0.42rem; aspect-ratio: 1; margin-left: auto; background: var(--gjc-usp-positive); border-radius: 50%; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__chart-card { display: block; isolation: isolate; padding: clamp(0.6rem, 1.7vw, 0.85rem); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__chart-copy { position: relative; z-index: 2; width: fit-content; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__chart-card svg { position: absolute; z-index: 1; top: 2.55rem; right: clamp(0.6rem, 1.7vw, 0.85rem); bottom: clamp(0.6rem, 1.7vw, 0.85rem); left: clamp(0.6rem, 1.7vw, 0.85rem); width: auto; height: auto; margin: 0; }

@media (prefers-reduced-motion: no-preference) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post { animation: none; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post > span { animation: gjc-usp-calendar-upload 5s cubic-bezier(0.22, 1, 0.36, 1) infinite both; will-change: transform, opacity; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(2) > span { animation-delay: 0.15s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(4) > span { animation-delay: 0.42s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(8) > span { animation-delay: 0.69s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(11) > span { animation-delay: 0.96s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(12) > span { animation-delay: 1.23s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(15) > span { animation-delay: 1.5s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(18) > span { animation-delay: 1.77s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(20) > span { animation-delay: 2.04s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(23) > span { animation-delay: 2.31s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(25) > span { animation-delay: 2.58s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-grid .has-post:nth-child(28) > span { animation-delay: 2.85s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__calendar-topline em { animation: gjc-usp-calendar-count 5s ease-in-out infinite both; }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-asset-logo { animation: gjc-usp-approval-logo 5s ease-in-out infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-comment:nth-child(1) { animation: gjc-usp-feedback-one 5s cubic-bezier(0.22, 1, 0.36, 1) infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-comment:nth-child(2) { animation: gjc-usp-feedback-two 5s cubic-bezier(0.22, 1, 0.36, 1) infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-comment:nth-child(3) { animation: gjc-usp-feedback-three 5s cubic-bezier(0.22, 1, 0.36, 1) infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-resolved { animation: gjc-usp-feedback-resolved 5s ease-in-out infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-action { display: grid; animation: gjc-usp-approval-action 5s ease-in-out infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-action-pending { display: grid; animation: gjc-usp-approval-pending 5s ease-in-out infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-action-approved { display: inline-flex; animation: gjc-usp-approval-approved 5s ease-in-out infinite both; }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__analytics-topline > div,
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__chart-copy { animation: gjc-usp-analytics-reveal 5s ease-in-out infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__chart-line { stroke-dasharray: 1; stroke-dashoffset: 1; animation: gjc-usp-chart-draw 5s cubic-bezier(0.22, 1, 0.36, 1) infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__chart-area { animation: gjc-usp-chart-fill 5s ease-in-out infinite both; transform-origin: bottom center; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__analytics-stats article { animation: gjc-usp-analytics-reveal 5s ease-in-out infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__analytics-stats article:nth-child(2) { animation-delay: 0.14s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__analytics-stats article:nth-child(3) { animation-delay: 0.28s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__channel-row { animation: gjc-usp-analytics-reveal 5s ease-in-out infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__channel-row + .buildpress-gjc-home-usp__channel-row { animation-delay: 0.18s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__channel-row i::before { transform-origin: left center; animation: gjc-usp-channel-grow 5s cubic-bezier(0.22, 1, 0.36, 1) infinite both; }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-hub { animation: gjc-usp-hub-connect 5s ease-in-out infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-hub em { animation: gjc-usp-hub-connected 5s ease-in-out infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent { animation: gjc-usp-agent-connect 5s cubic-bezier(0.22, 1, 0.36, 1) infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent-status { animation: gjc-usp-agent-connected 5s ease-in-out infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(1),
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(1) .buildpress-gjc-home-usp__mcp-agent-status { animation-delay: 0.45s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(2),
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(2) .buildpress-gjc-home-usp__mcp-agent-status { animation-delay: 0.75s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(3),
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(3) .buildpress-gjc-home-usp__mcp-agent-status { animation-delay: 1.05s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(4),
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(4) .buildpress-gjc-home-usp__mcp-agent-status { animation-delay: 1.35s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(5),
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(5) .buildpress-gjc-home-usp__mcp-agent-status { animation-delay: 1.65s; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(6),
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__mcp-agent:nth-child(6) .buildpress-gjc-home-usp__mcp-agent-status { animation-delay: 1.95s; }
}

@keyframes gjc-usp-calendar-upload { 0%, 5% { opacity: 0; transform: translateY(0.26rem) scale(0.86); } 13%, 84% { opacity: 1; transform: translateY(0) scale(1); } 96%, 100% { opacity: 0; transform: translateY(-0.08rem) scale(0.98); } }
@keyframes gjc-usp-calendar-count { 0%, 8% { opacity: 0.35; transform: scale(0.94); } 20%, 86% { opacity: 1; transform: scale(1); } 100% { opacity: 0.35; transform: scale(0.94); } }
@keyframes gjc-usp-approval-logo { 0%, 6% { opacity: 0; transform: translateY(0.16rem) scale(0.88); } 16%, 86% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-0.08rem) scale(0.98); } }
@keyframes gjc-usp-feedback-one { 0%, 5% { opacity: 0; transform: translateX(0.35rem); } 13%, 82% { opacity: 1; transform: translateX(0); } 96%, 100% { opacity: 0; transform: translateX(-0.12rem); } }
@keyframes gjc-usp-feedback-two { 0%, 16% { opacity: 0; transform: translateX(0.35rem); } 24%, 82% { opacity: 1; transform: translateX(0); } 96%, 100% { opacity: 0; transform: translateX(-0.12rem); } }
@keyframes gjc-usp-feedback-three { 0%, 27% { opacity: 0; transform: translateX(0.35rem); } 35%, 82% { opacity: 1; transform: translateX(0); } 96%, 100% { opacity: 0; transform: translateX(-0.12rem); } }
@keyframes gjc-usp-feedback-resolved { 0%, 38% { opacity: 0; transform: translateY(0.12rem); } 46%, 86% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-0.06rem); } }
@keyframes gjc-usp-approval-action { 0%, 44% { opacity: 0; transform: translateY(0.14rem) scale(0.985); } 52%, 90% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-0.06rem) scale(0.99); } }
@keyframes gjc-usp-approval-pending { 0%, 51% { opacity: 0; transform: translateY(0.08rem); } 56%, 62% { opacity: 1; transform: translateY(0); } 70%, 100% { opacity: 0; transform: translateY(-0.08rem); } }
@keyframes gjc-usp-approval-approved { 0%, 62% { opacity: 0; transform: translateY(0.08rem); } 70%, 90% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-0.08rem); } }
@keyframes gjc-usp-analytics-reveal { 0%, 8% { opacity: 0; transform: translateY(0.14rem); } 16%, 88% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-0.06rem); } }
@keyframes gjc-usp-chart-draw { 0%, 8% { opacity: 0; stroke-dashoffset: 1; } 14% { opacity: 1; } 40%, 88% { opacity: 1; stroke-dashoffset: 0; } 100% { opacity: 0; stroke-dashoffset: 1; } }
@keyframes gjc-usp-chart-fill { 0%, 17% { opacity: 0; } 45%, 88% { opacity: 1; } 100% { opacity: 0; } }
@keyframes gjc-usp-channel-grow { 0%, 24% { opacity: 0; transform: scaleX(0); } 44%, 88% { opacity: 1; transform: scaleX(1); } 100% { opacity: 0; transform: scaleX(0); } }
@keyframes gjc-usp-hub-connect { 0%, 8% { opacity: 0; transform: translateY(0.16rem); } 16%, 88% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-0.08rem); } }
@keyframes gjc-usp-hub-connected { 0%, 18% { opacity: 0; transform: scale(0.9); } 27%, 88% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.94); } }
@keyframes gjc-usp-agent-connect { 0%, 8% { opacity: 0; transform: translateY(0.18rem); } 16%, 88% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-0.08rem); } }
@keyframes gjc-usp-agent-connected { 0%, 15% { opacity: 0; transform: scale(0.3); } 24%, 88% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.6); } }

/* The Approval action remains available from the first feedback, then fills only at completion. */
@media (prefers-reduced-motion: no-preference) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-action { display: grid; color: var(--gjc-usp-positive); background: transparent; border: 0.09375rem solid var(--gjc-usp-positive); opacity: 1; transform: none; animation: none; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-action::before { position: absolute; z-index: 0; inset: 0; content: ''; background: var(--gjc-usp-positive); opacity: 0; transform: scaleX(0.96); transform-origin: left center; animation: gjc-usp-approval-fill 5s cubic-bezier(0.22, 1, 0.36, 1) infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-action > span { z-index: 1; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-action-pending { display: grid; color: var(--gjc-usp-positive); animation: gjc-usp-approval-pending-visible 5s ease-in-out infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-action-approved { display: inline-flex; color: var(--gjc-usp-surface); animation: gjc-usp-approval-approved-visible 5s ease-in-out infinite both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__chart-line { stroke-dasharray: 1; stroke-dashoffset: 1; }
}

@keyframes gjc-usp-approval-fill { 0%, 61% { opacity: 0; transform: scaleX(0.96); } 70%, 91% { opacity: 1; transform: scaleX(1); } 100% { opacity: 0; transform: scaleX(0.98); } }
@keyframes gjc-usp-approval-pending-visible { 0%, 61% { opacity: 1; transform: translateY(0); } 69%, 100% { opacity: 0; transform: translateY(-0.08rem); } }
@keyframes gjc-usp-approval-approved-visible { 0%, 63% { opacity: 0; transform: translateY(0.08rem); } 71%, 91% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-0.08rem); } }

@media (max-width: 767px) {
    .buildpress-gjc-home-usp { padding: 4rem 1rem 6rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__title { max-width: 16ch; font-size: var(--gjc-home-type-section, var(--e-global-typography-primary-font-size, 2.5rem)); }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__description { font-size: var(--gjc-home-type-body, var(--e-global-typography-text-font-size, 0.975rem)); }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__selector { grid-template-columns: minmax(0, 1fr); gap: 2.75rem; margin-top: 3.75rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview { width: min(100%, 30rem); justify-self: center; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-topline strong { font-size: var(--e-global-typography-accent-font-size, 0.84rem); }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-grid small { display: none; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-grid article > span { justify-items: end; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-grid .buildpress-gjc-home-usp__brand-icon { width: 0.72rem; height: 0.72rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-title { font-size: var(--gjc-home-type-feature, var(--e-global-typography-primary-font-size, 1.7rem)); }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-description { margin-left: 3.25rem; font-size: var(--gjc-home-type-body, var(--e-global-typography-text-font-size, 0.94rem)); }
}

@media (max-width: 390px) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__browser { padding: 0.65rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-legend { gap: 0.35rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__calendar-legend span { font-size: var(--e-global-typography-accent-font-size, 0.42rem); }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-card { gap: 0.46rem; padding: 0.66rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-asset { min-height: 4.25rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-agent { gap: 0.32rem; padding: 0.38rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mcp-agent > span:last-child { font-size: var(--e-global-typography-accent-font-size, 0.49rem); }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__agent-mark { width: 1.14rem; height: 1.14rem; }
}

@media (max-width: 390px) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__browser--approval { padding: 0.65rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-card { gap: 0.42rem; padding: 0.62rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-workspace { gap: 0.36rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-comment { gap: 0.28rem; padding: 0.28rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-comment > span { width: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__title-logo { animation: none; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel,
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-trigger { transition: none; }
}

/* Mate Hub: platform and AI sources resolve together into a clear Mate integration dock. */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub { position: relative; display: grid; place-items: center; width: min(100%, 26rem); height: clamp(12rem, 20vw, 14.5rem); margin: 0 auto 1.75rem; isolation: isolate; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-logo { position: relative; z-index: 3; display: block; height: 3rem; margin: 0; line-height: 0; animation: none; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-logo img { width: auto; height: 100%; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-word { position: relative; z-index: 3; color: var(--gjc-usp-mate-deep); font-size: var(--e-global-typography-primary-font-size, 2rem); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal { position: absolute; z-index: 1; top: 50%; left: 50%; width: 10rem; height: 5rem; border: 1px solid color-mix(in srgb, var(--gjc-usp-ink) 8%, transparent); border-radius: 0.5rem; transform: translate(-50%, -50%); background: var(--gjc-usp-surface); box-shadow: 0 0.65rem 1.65rem color-mix(in srgb, var(--gjc-usp-ink) 10%, transparent), inset 0 -0.08rem 0 color-mix(in srgb, var(--gjc-usp-mate-light) 70%, transparent); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::before { position: absolute; top: calc(100% + 0.6rem); left: 50%; width: 5.25rem; height: 0.55rem; content: ""; border-radius: 0.5rem; transform: translateX(-50%) scaleX(0.8); transform-origin: center; background: color-mix(in srgb, var(--gjc-usp-mate-light) 68%, var(--gjc-usp-surface)); box-shadow: 0 0.3rem 0.7rem color-mix(in srgb, var(--gjc-usp-mate-light) 38%, transparent); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::after { position: absolute; top: calc(100% + 0.75rem); left: 50%; width: 3.1rem; height: 0.26rem; content: ""; border-radius: 0.5rem; transform: translateX(-50%) scaleX(0.7); transform-origin: center; background: var(--gjc-usp-mate-deep); opacity: 0.22; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icons { position: absolute; z-index: 4; inset: 0; pointer-events: none; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 1.85rem; aspect-ratio: 1; padding: 0.25rem; overflow: hidden; opacity: 0.9; background: var(--gjc-usp-surface); border-radius: 0.5rem; box-shadow: 0 0.3rem 0.85rem var(--gjc-usp-shadow); transform: translate(var(--gjc-usp-hub-x), var(--gjc-usp-hub-y)) rotate(var(--gjc-usp-hub-rotate)); transform-origin: center; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon { animation: gjc-usp-mate-hub-intake 5s cubic-bezier(0.2, 0.8, 0.2, 1) infinite both; }
.buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::before { animation: gjc-usp-mate-hub-receive 5s cubic-bezier(0.2, 0.8, 0.2, 1) infinite both; }
.buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::after { animation: gjc-usp-mate-hub-receive-line 5s cubic-bezier(0.2, 0.8, 0.2, 1) infinite both; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--facebook { --gjc-usp-hub-x: -8.6rem; --gjc-usp-hub-y: -2.45rem; --gjc-usp-hub-target-x: -2.8rem; --gjc-usp-hub-target-y: 2.6rem; --gjc-usp-hub-rotate: -10deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--instagram { --gjc-usp-hub-x: -4.6rem; --gjc-usp-hub-y: -4.65rem; --gjc-usp-hub-target-x: -2rem; --gjc-usp-hub-target-y: 2.6rem; --gjc-usp-hub-rotate: 8deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--linkedin { --gjc-usp-hub-x: 0; --gjc-usp-hub-y: -5.25rem; --gjc-usp-hub-target-x: -1.2rem; --gjc-usp-hub-target-y: 2.6rem; --gjc-usp-hub-rotate: 12deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--tiktok { --gjc-usp-hub-x: 4.6rem; --gjc-usp-hub-y: -4.65rem; --gjc-usp-hub-target-x: -0.4rem; --gjc-usp-hub-target-y: 2.6rem; --gjc-usp-hub-rotate: -8deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--youtube { --gjc-usp-hub-x: 8.6rem; --gjc-usp-hub-y: -2.45rem; --gjc-usp-hub-target-x: 0.4rem; --gjc-usp-hub-target-y: 2.6rem; --gjc-usp-hub-rotate: 8deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--threads { --gjc-usp-hub-x: 6.25rem; --gjc-usp-hub-y: 2.35rem; --gjc-usp-hub-target-x: 1.2rem; --gjc-usp-hub-target-y: 2.6rem; --gjc-usp-hub-rotate: -10deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--chatgpt { --gjc-usp-hub-x: 0; --gjc-usp-hub-y: 3.65rem; --gjc-usp-hub-target-x: 2rem; --gjc-usp-hub-target-y: 2.6rem; --gjc-usp-hub-rotate: 10deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--gemini { --gjc-usp-hub-x: -6.25rem; --gjc-usp-hub-y: 2.35rem; --gjc-usp-hub-target-x: 2.8rem; --gjc-usp-hub-target-y: 2.6rem; --gjc-usp-hub-rotate: -7deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__title { max-width: 16ch; }

@keyframes gjc-usp-mate-hub-intake {
    0%, 8% { opacity: 0; transform: translate(var(--gjc-usp-hub-x), var(--gjc-usp-hub-y)) rotate(var(--gjc-usp-hub-rotate)) scale(0.72); }
    18%, 52% { opacity: 0.96; transform: translate(var(--gjc-usp-hub-x), var(--gjc-usp-hub-y)) rotate(var(--gjc-usp-hub-rotate)) scale(1); }
    78% { opacity: 0.82; transform: translate(var(--gjc-usp-hub-target-x), var(--gjc-usp-hub-target-y)) rotate(0) scale(0.42); }
    88%, 100% { opacity: 0; transform: translate(var(--gjc-usp-hub-target-x), var(--gjc-usp-hub-target-y)) rotate(0) scale(0.12); }
}

@keyframes gjc-usp-mate-hub-receive {
    0%, 52%, 100% { opacity: 0.72; transform: translateX(-50%) scaleX(0.8); }
    70%, 82% { opacity: 1; transform: translateX(-50%) scaleX(1); }
}

@keyframes gjc-usp-mate-hub-receive-line {
    0%, 52%, 100% { opacity: 0.22; transform: translateX(-50%) scaleX(0.7); }
    70%, 82% { opacity: 0.82; transform: translateX(-50%) scaleX(1); }
}

@media (max-width: 767px) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub { width: min(100%, 22rem); height: 11.25rem; margin-bottom: 1.25rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-logo { height: 2.5rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal { width: 8rem; height: 4.25rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::before { width: 4.25rem; top: calc(100% + 0.45rem); }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::after { top: calc(100% + 0.58rem); }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon { width: 1.5rem; padding: 0.2rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--facebook { --gjc-usp-hub-x: -7.3rem; --gjc-usp-hub-y: -2.25rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--instagram { --gjc-usp-hub-x: -3.9rem; --gjc-usp-hub-y: -3.9rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--linkedin { --gjc-usp-hub-x: 0; --gjc-usp-hub-y: -4.35rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--tiktok { --gjc-usp-hub-x: 3.9rem; --gjc-usp-hub-y: -3.9rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--youtube { --gjc-usp-hub-x: 7.3rem; --gjc-usp-hub-y: -2.25rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--threads { --gjc-usp-hub-x: 5.25rem; --gjc-usp-hub-y: 2.1rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--chatgpt { --gjc-usp-hub-x: 0; --gjc-usp-hub-y: 3.25rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--gemini { --gjc-usp-hub-x: -5.25rem; --gjc-usp-hub-y: 2.1rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__title-hub-icon { --gjc-usp-hub-target-y: 2.35rem; }
}

@media (prefers-reduced-motion: reduce) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon { animation: none !important; opacity: 0.82; transform: translate(var(--gjc-usp-hub-x), var(--gjc-usp-hub-y)) rotate(var(--gjc-usp-hub-rotate)); }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::before,
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::after { animation: none; }
}

/* Mobile readers progress through each workflow as one text-and-preview unit. */
@media (max-width: 767px) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__selector {
        display: block;
        margin-top: 3.25rem;
    }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview {
        display: none;
    }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-list {
        display: grid;
    }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature {
        padding: 1.35rem 0 2rem;
    }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature:first-child {
        padding-top: 0;
    }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-trigger {
        cursor: default;
    }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature.is-active .buildpress-gjc-home-usp__feature-trigger,
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature-trigger {
        color: var(--gjc-usp-ink);
    }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel {
        position: relative;
        inset: auto;
        display: grid;
        place-items: center;
        width: min(100%, 30rem);
        aspect-ratio: 4 / 3;
        margin: 1.3rem auto 0;
        opacity: 1 !important;
        transform: none !important;
        transition: none;
    }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__feature > .buildpress-gjc-home-usp__preview-panel .buildpress-gjc-home-usp__browser {
        width: 100%;
    }
}

/* Keep the analytics line continuous; dash drawing produced a visible mid-path gap. */
@media (prefers-reduced-motion: no-preference) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__chart-line {
        opacity: 1;
        stroke-dasharray: none;
        stroke-dashoffset: 0;
        animation: none;
    }
}

/* Mate Hub: sources gather into a centered row before entering the workspace. */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub { width: min(100%, 30rem); height: clamp(14rem, 25vw, 17rem); }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::before,
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::after { display: none; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon { width: 2.15rem; padding: 0.28rem; }
.buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon { animation: gjc-usp-mate-hub-row-intake 5.8s cubic-bezier(0.2, 0.8, 0.2, 1) infinite both; }
.buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal { animation: gjc-usp-mate-hub-accept 5.8s cubic-bezier(0.2, 0.8, 0.2, 1) infinite both; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--facebook { --gjc-usp-hub-x: -10.5rem; --gjc-usp-hub-y: -3rem; --gjc-usp-hub-target-x: -6.48rem; --gjc-usp-hub-target-y: 3rem; --gjc-usp-hub-rotate: -10deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--instagram { --gjc-usp-hub-x: -5.6rem; --gjc-usp-hub-y: -6.25rem; --gjc-usp-hub-target-x: -4.63rem; --gjc-usp-hub-target-y: 3rem; --gjc-usp-hub-rotate: 8deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--linkedin { --gjc-usp-hub-x: 0; --gjc-usp-hub-y: -7.1rem; --gjc-usp-hub-target-x: -2.78rem; --gjc-usp-hub-target-y: 3rem; --gjc-usp-hub-rotate: 12deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--tiktok { --gjc-usp-hub-x: 5.6rem; --gjc-usp-hub-y: -6.25rem; --gjc-usp-hub-target-x: -0.93rem; --gjc-usp-hub-target-y: 3rem; --gjc-usp-hub-rotate: -8deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--youtube { --gjc-usp-hub-x: 10.5rem; --gjc-usp-hub-y: -3rem; --gjc-usp-hub-target-x: 0.93rem; --gjc-usp-hub-target-y: 3rem; --gjc-usp-hub-rotate: 8deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--threads { --gjc-usp-hub-x: 8.25rem; --gjc-usp-hub-y: 3.2rem; --gjc-usp-hub-target-x: 2.78rem; --gjc-usp-hub-target-y: 3rem; --gjc-usp-hub-rotate: -10deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--chatgpt { --gjc-usp-hub-x: 0; --gjc-usp-hub-y: 5.1rem; --gjc-usp-hub-target-x: 4.63rem; --gjc-usp-hub-target-y: 3rem; --gjc-usp-hub-rotate: 10deg; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--gemini { --gjc-usp-hub-x: -8.25rem; --gjc-usp-hub-y: 3.2rem; --gjc-usp-hub-target-x: 6.48rem; --gjc-usp-hub-target-y: 3rem; --gjc-usp-hub-rotate: -7deg; }

@keyframes gjc-usp-mate-hub-row-intake {
    0%, 8% { opacity: 0; transform: translate(var(--gjc-usp-hub-x), var(--gjc-usp-hub-y)) rotate(var(--gjc-usp-hub-rotate)) scale(0.72); }
    18%, 48% { opacity: 0.98; transform: translate(var(--gjc-usp-hub-x), var(--gjc-usp-hub-y)) rotate(var(--gjc-usp-hub-rotate)) scale(1); }
    64%, 76% { opacity: 1; transform: translate(var(--gjc-usp-hub-target-x), var(--gjc-usp-hub-target-y)) rotate(0) scale(0.82); }
    90% { opacity: 0.76; transform: translate(0, 0) rotate(0) scale(0.5); }
    98%, 100% { opacity: 0; transform: translate(0, 0) rotate(0) scale(0.12); }
}

@keyframes gjc-usp-mate-hub-accept {
    0%, 76%, 100% { box-shadow: 0 0.65rem 1.65rem color-mix(in srgb, var(--gjc-usp-ink) 10%, transparent), inset 0 -0.08rem 0 color-mix(in srgb, var(--gjc-usp-mate-light) 70%, transparent); }
    86%, 94% { box-shadow: 0 0.85rem 1.85rem color-mix(in srgb, var(--gjc-usp-mate) 28%, transparent), inset 0 -0.2rem 0 color-mix(in srgb, var(--gjc-usp-mate) 72%, var(--gjc-usp-surface)); }
}

@media (max-width: 767px) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub { width: min(100%, 24rem); height: 14rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon { width: 1.75rem; padding: 0.22rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--facebook { --gjc-usp-hub-x: -8.2rem; --gjc-usp-hub-y: -2.6rem; --gjc-usp-hub-target-x: -5.4rem; --gjc-usp-hub-target-y: 2.45rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--instagram { --gjc-usp-hub-x: -4.5rem; --gjc-usp-hub-y: -5rem; --gjc-usp-hub-target-x: -3.85rem; --gjc-usp-hub-target-y: 2.45rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--linkedin { --gjc-usp-hub-x: 0; --gjc-usp-hub-y: -5.75rem; --gjc-usp-hub-target-x: -2.3rem; --gjc-usp-hub-target-y: 2.45rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--tiktok { --gjc-usp-hub-x: 4.5rem; --gjc-usp-hub-y: -5rem; --gjc-usp-hub-target-x: -0.75rem; --gjc-usp-hub-target-y: 2.45rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--youtube { --gjc-usp-hub-x: 8.2rem; --gjc-usp-hub-y: -2.6rem; --gjc-usp-hub-target-x: 0.75rem; --gjc-usp-hub-target-y: 2.45rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--threads { --gjc-usp-hub-x: 6.3rem; --gjc-usp-hub-y: 2.5rem; --gjc-usp-hub-target-x: 2.3rem; --gjc-usp-hub-target-y: 2.45rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--chatgpt { --gjc-usp-hub-x: 0; --gjc-usp-hub-y: 4rem; --gjc-usp-hub-target-x: 3.85rem; --gjc-usp-hub-target-y: 2.45rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--gemini { --gjc-usp-hub-x: -6.3rem; --gjc-usp-hub-y: 2.5rem; --gjc-usp-hub-target-x: 5.4rem; --gjc-usp-hub-target-y: 2.45rem; }
}

/* Reveal the whole trajectory from left to right so the chart grows without a broken stroke. */
@media (prefers-reduced-motion: no-preference) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__chart-card svg {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0);
        will-change: clip-path, opacity;
    }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__chart-card svg {
        animation: gjc-usp-chart-growth 5s cubic-bezier(0.22, 1, 0.36, 1) infinite both;
    }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__chart-line {
        opacity: 1;
        stroke-dasharray: none;
        stroke-dashoffset: 0;
        animation: none;
    }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__chart-area {
        opacity: 1;
        animation: none;
    }
}

@keyframes gjc-usp-chart-growth {
    0%, 8% { opacity: 0; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }
    13% { opacity: 1; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }
    48%, 88% { opacity: 1; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
    100% { opacity: 0; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
}

/* Approval uses one feedback count and completes once before the preview changes. */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__approval-meta { grid-template-columns: auto minmax(0, 1fr); }

@media (prefers-reduced-motion: no-preference) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-asset-logo { animation: gjc-usp-approval-logo-quick 3.6s ease-out 1 both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-comment:nth-child(1) { animation: gjc-usp-feedback-one-quick 3.6s cubic-bezier(0.22, 1, 0.36, 1) 1 both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-comment:nth-child(2) { animation: gjc-usp-feedback-two-quick 3.6s cubic-bezier(0.22, 1, 0.36, 1) 1 both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-comment:nth-child(3) { animation: gjc-usp-feedback-three-quick 3.6s cubic-bezier(0.22, 1, 0.36, 1) 1 both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-resolved { animation: gjc-usp-feedback-resolved-quick 3.6s ease-out 1 both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-action::before { animation: gjc-usp-approval-fill-quick 3.6s cubic-bezier(0.22, 1, 0.36, 1) 1 both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-action-pending { animation: gjc-usp-approval-pending-quick 3.6s ease-out 1 both; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__preview-panel.is-active .buildpress-gjc-home-usp__approval-action-approved { animation: gjc-usp-approval-approved-quick 3.6s ease-out 1 both; }
}

@keyframes gjc-usp-approval-logo-quick { 0%, 4% { opacity: 0; transform: translateY(0.14rem) scale(0.9); } 12%, 100% { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes gjc-usp-feedback-one-quick { 0%, 6% { opacity: 0; transform: translateX(0.28rem); } 14%, 100% { opacity: 1; transform: translateX(0); } }
@keyframes gjc-usp-feedback-two-quick { 0%, 17% { opacity: 0; transform: translateX(0.28rem); } 25%, 100% { opacity: 1; transform: translateX(0); } }
@keyframes gjc-usp-feedback-three-quick { 0%, 28% { opacity: 0; transform: translateX(0.28rem); } 36%, 100% { opacity: 1; transform: translateX(0); } }
@keyframes gjc-usp-feedback-resolved-quick { 0%, 39% { opacity: 0; transform: translateY(0.1rem); } 47%, 100% { opacity: 1; transform: translateY(0); } }
@keyframes gjc-usp-approval-fill-quick { 0%, 52% { opacity: 0; transform: scaleX(0.96); } 62%, 100% { opacity: 1; transform: scaleX(1); } }
@keyframes gjc-usp-approval-pending-quick { 0%, 54% { opacity: 1; transform: translateY(0); } 62%, 100% { opacity: 0; transform: translateY(-0.08rem); } }
@keyframes gjc-usp-approval-approved-quick { 0%, 55% { opacity: 0; transform: translateY(0.08rem); } 64%, 100% { opacity: 1; transform: translateY(0); } }

/* Mate Hub merge: preserve icon spacing, protect the logo, and confirm absorption. */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icons { z-index: 2; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon { --gjc-usp-hub-merge-y: 1.7rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--facebook { --gjc-usp-hub-target-x: -8.23rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--instagram { --gjc-usp-hub-target-x: -6.13rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--linkedin { --gjc-usp-hub-target-x: -4.03rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--tiktok { --gjc-usp-hub-target-x: -1.93rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--youtube { --gjc-usp-hub-target-x: 0.17rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--threads { --gjc-usp-hub-target-x: 2.27rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--chatgpt { --gjc-usp-hub-target-x: 4.37rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--gemini { --gjc-usp-hub-target-x: 6.47rem; }

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::before {
    position: absolute;
    inset: -0.125rem;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    content: '';
    background: transparent;
    border: 0.09375rem solid color-mix(in srgb, var(--gjc-usp-mate) 52%, transparent);
    border-radius: 0.625rem;
    box-shadow: 0 0 0 0.0625rem color-mix(in srgb, var(--gjc-usp-mate-light) 18%, transparent);
    opacity: 0;
    pointer-events: none;
    transform: scale(0.94);
}

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::after {
    position: absolute;
    inset: 0;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    content: '';
    background: color-mix(in srgb, var(--gjc-usp-mate-light) 18%, transparent);
    border-radius: inherit;
    box-shadow: none;
    opacity: 0;
    pointer-events: none;
    transform: none;
}

@media (prefers-reduced-motion: no-preference) {
    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon { animation: gjc-usp-mate-hub-spaced-intake 5.8s cubic-bezier(0.2, 0.8, 0.2, 1) infinite both; }
    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal { animation: gjc-usp-mate-hub-absorb 5.8s cubic-bezier(0.2, 0.8, 0.2, 1) infinite both; }
    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::before { animation: gjc-usp-mate-hub-merge-ring 5.8s cubic-bezier(0.2, 0.8, 0.2, 1) infinite both; }
    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::after { animation: gjc-usp-mate-hub-merge-flash 5.8s ease-out infinite both; }
}

@keyframes gjc-usp-mate-hub-spaced-intake {
    0%, 8% { opacity: 0; transform: translate(var(--gjc-usp-hub-x), var(--gjc-usp-hub-y)) rotate(var(--gjc-usp-hub-rotate)) scale(0.72); }
    18%, 48% { opacity: 0.98; transform: translate(var(--gjc-usp-hub-x), var(--gjc-usp-hub-y)) rotate(var(--gjc-usp-hub-rotate)) scale(1); }
    64%, 76% { opacity: 1; transform: translate(var(--gjc-usp-hub-target-x), var(--gjc-usp-hub-target-y)) rotate(0) scale(0.82); }
    89% { opacity: 0.78; transform: translate(0, var(--gjc-usp-hub-merge-y)) rotate(0) scale(0.42); }
    97%, 100% { opacity: 0; transform: translate(0, var(--gjc-usp-hub-merge-y)) rotate(0) scale(0.12); }
}

@keyframes gjc-usp-mate-hub-absorb {
    0%, 76%, 100% { border-color: color-mix(in srgb, var(--gjc-usp-ink) 8%, transparent); box-shadow: 0 0.65rem 1.65rem color-mix(in srgb, var(--gjc-usp-ink) 10%, transparent), inset 0 -0.08rem 0 color-mix(in srgb, var(--gjc-usp-mate-light) 70%, transparent); }
    85%, 94% { border-color: color-mix(in srgb, var(--gjc-usp-mate) 68%, var(--gjc-usp-surface)); box-shadow: 0 0 0 0.125rem color-mix(in srgb, var(--gjc-usp-mate) 18%, transparent), 0 0.95rem 2.4rem color-mix(in srgb, var(--gjc-usp-mate) 44%, transparent), inset 0 -0.24rem 0 color-mix(in srgb, var(--gjc-usp-mate) 84%, var(--gjc-usp-surface)); }
}

@keyframes gjc-usp-mate-hub-merge-ring {
    0%, 78%, 100% { opacity: 0; transform: scale(0.94); }
    85% { opacity: 1; transform: scale(1.035); }
    94% { opacity: 0.18; transform: scale(1.09); }
}

@keyframes gjc-usp-mate-hub-merge-flash {
    0%, 80%, 100% { opacity: 0; }
    87%, 93% { opacity: 0.72; }
}

@media (max-width: 767px) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon { --gjc-usp-hub-merge-y: 1.5rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--facebook { --gjc-usp-hub-target-x: -6.67rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--instagram { --gjc-usp-hub-target-x: -4.97rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--linkedin { --gjc-usp-hub-target-x: -3.27rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--tiktok { --gjc-usp-hub-target-x: -1.57rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--youtube { --gjc-usp-hub-target-x: 0.13rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--threads { --gjc-usp-hub-target-x: 1.83rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--chatgpt { --gjc-usp-hub-target-x: 3.53rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--gemini { --gjc-usp-hub-target-x: 5.23rem; }
}

@media (prefers-reduced-motion: reduce) {
    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal,
    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::before,
    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal::after { animation: none; }
}

/* Mate Hub: the icon row streams cleanly into the unframed brand mark. */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-portal {
    display: none;
}

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-logo {
    z-index: 4;
    opacity: 1;
    filter: none;
    mix-blend-mode: normal;
}

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icons {
    z-index: 2;
}

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icons::before {
    position: absolute;
    top: calc(50% + 1.55rem);
    left: 50%;
    width: 0.1rem;
    height: 2rem;
    content: '';
    background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--gjc-usp-mate) 80%, transparent) 30%, color-mix(in srgb, var(--gjc-usp-mate-deep) 72%, transparent) 70%, transparent);
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%) scaleY(0.45);
    transform-origin: center bottom;
    will-change: transform, opacity;
}

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icons::after {
    position: absolute;
    top: calc(50% + 1.7rem);
    left: 50%;
    width: 0.24rem;
    aspect-ratio: 1;
    content: '';
    background: var(--gjc-usp-mate);
    border-radius: 50%;
    box-shadow: 0 0.58rem 0 color-mix(in srgb, var(--gjc-usp-mate) 76%, transparent), 0 1.16rem 0 color-mix(in srgb, var(--gjc-usp-mate-deep) 68%, transparent);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 0.7rem) scale(0.5);
    will-change: transform, opacity;
}

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon {
    --gjc-usp-hub-merge-y: 2.55rem;
    --gjc-usp-hub-stream-stage-y: 1.65rem;
    --gjc-usp-hub-stream-y: 0.9rem;
    will-change: transform, opacity, filter;
}

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--facebook { --gjc-usp-hub-target-x: -8.23rem; --gjc-usp-hub-stream-x: -1.65rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--instagram { --gjc-usp-hub-target-x: -6.13rem; --gjc-usp-hub-stream-x: -1.18rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--linkedin { --gjc-usp-hub-target-x: -4.03rem; --gjc-usp-hub-stream-x: -0.71rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--tiktok { --gjc-usp-hub-target-x: -1.93rem; --gjc-usp-hub-stream-x: -0.24rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--youtube { --gjc-usp-hub-target-x: 0.17rem; --gjc-usp-hub-stream-x: 0.24rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--threads { --gjc-usp-hub-target-x: 2.27rem; --gjc-usp-hub-stream-x: 0.71rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--chatgpt { --gjc-usp-hub-target-x: 4.37rem; --gjc-usp-hub-stream-x: 1.18rem; }
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--gemini { --gjc-usp-hub-target-x: 6.47rem; --gjc-usp-hub-stream-x: 1.65rem; }

@media (prefers-reduced-motion: no-preference) {
    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon {
        animation: gjc-usp-mate-hub-ribbon-intake 5.2s cubic-bezier(0.22, 1, 0.36, 1) infinite both;
    }

    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-logo {
        animation: gjc-usp-mate-hub-logo-acknowledge 5.2s cubic-bezier(0.22, 1, 0.36, 1) infinite both;
    }

    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icons::before {
        animation: gjc-usp-mate-hub-data-beam 5.2s cubic-bezier(0.22, 1, 0.36, 1) infinite both;
    }

    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icons::after {
        animation: gjc-usp-mate-hub-data-nodes 5.2s cubic-bezier(0.22, 1, 0.36, 1) infinite both;
    }
}

@keyframes gjc-usp-mate-hub-ribbon-intake {
    0%, 7% {
        opacity: 0;
        filter: blur(0.08rem);
        transform: translate(var(--gjc-usp-hub-x), var(--gjc-usp-hub-y)) rotate(var(--gjc-usp-hub-rotate)) scale(0.72);
    }
    14%, 34% {
        opacity: 0.96;
        filter: blur(0);
        transform: translate(var(--gjc-usp-hub-x), var(--gjc-usp-hub-y)) rotate(var(--gjc-usp-hub-rotate)) scale(1);
    }
    46%, 58% {
        opacity: 1;
        filter: blur(0);
        transform: translate(var(--gjc-usp-hub-target-x), var(--gjc-usp-hub-merge-y)) rotate(0) scale(0.82);
    }
    66% {
        opacity: 0.9;
        filter: blur(0);
        transform: translate(var(--gjc-usp-hub-stream-x), var(--gjc-usp-hub-stream-stage-y)) rotate(0) scale(0.54);
    }
    76% {
        opacity: 0.08;
        filter: blur(0.1rem);
        transform: translate(0, var(--gjc-usp-hub-stream-y)) rotate(0) scale(0.14);
    }
    92%, 100% {
        opacity: 0;
        filter: blur(0.14rem);
        transform: translate(0, var(--gjc-usp-hub-stream-y)) rotate(0) scale(0.08);
    }
}

@keyframes gjc-usp-mate-hub-data-beam {
    0%, 76%, 100% {
        opacity: 0;
        transform: translateX(-50%) scaleY(0.45);
    }
    82%, 91% {
        opacity: 0.82;
        transform: translateX(-50%) scaleY(1);
    }
    96% {
        opacity: 0;
        transform: translateX(-50%) scaleY(1.12);
    }
}

@keyframes gjc-usp-mate-hub-data-nodes {
    0%, 78%, 100% {
        opacity: 0;
        transform: translate(-50%, 0.7rem) scale(0.5);
    }
    84% {
        opacity: 0.9;
        transform: translate(-50%, 0.2rem) scale(1);
    }
    92% {
        opacity: 0.26;
        transform: translate(-50%, -1.15rem) scale(0.68);
    }
    97% {
        opacity: 0;
        transform: translate(-50%, -1.4rem) scale(0.4);
    }
}

@keyframes gjc-usp-mate-hub-logo-acknowledge {
    0%, 83%, 100% {
        filter: none;
        transform: scale(1);
    }
    91% {
        filter: drop-shadow(0 0.4rem 0.9rem color-mix(in srgb, var(--gjc-usp-mate) 26%, transparent));
        transform: scale(1.022);
    }
}

@media (max-width: 767px) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon { --gjc-usp-hub-merge-y: 2.2rem; --gjc-usp-hub-stream-stage-y: 1.35rem; --gjc-usp-hub-stream-y: 0.78rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--facebook { --gjc-usp-hub-target-x: -6.67rem; --gjc-usp-hub-stream-x: -1.35rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--instagram { --gjc-usp-hub-target-x: -4.97rem; --gjc-usp-hub-stream-x: -0.96rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--linkedin { --gjc-usp-hub-target-x: -3.27rem; --gjc-usp-hub-stream-x: -0.58rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--tiktok { --gjc-usp-hub-target-x: -1.57rem; --gjc-usp-hub-stream-x: -0.19rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon--youtube { --gjc-usp-hub-target-x: 0.13rem; --gjc-usp-hub-stream-x: 0.19rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__title-hub-icon--threads { --gjc-usp-hub-target-x: 1.83rem; --gjc-usp-hub-stream-x: 0.58rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__title-hub-icon--chatgpt { --gjc-usp-hub-target-x: 3.53rem; --gjc-usp-hub-stream-x: 0.96rem; }
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__title-hub-icon--gemini { --gjc-usp-hub-target-x: 5.23rem; --gjc-usp-hub-stream-x: 1.35rem; }
}

@media (prefers-reduced-motion: reduce) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-logo,
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icon,
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icons::before,
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icons::after {
        animation: none;
        filter: none;
    }
}

/* Mate Hub AI dock: a luminous frame replaces the thin data-beam merge state. */
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icons::before,
.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-hub-icons::after {
    display: none;
}

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub::before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 11.5rem;
    height: 4.8rem;
    content: '';
    background: transparent;
    border: 0.09375rem solid color-mix(in srgb, var(--gjc-usp-mate) 90%, transparent);
    border-radius: 0.65rem;
    box-shadow: 0 0 0 0.0625rem color-mix(in srgb, var(--gjc-usp-mate-light) 82%, transparent), 0 0.2rem 0.7rem color-mix(in srgb, var(--gjc-usp-mate-light) 72%, transparent), 0 1.1rem 2.5rem color-mix(in srgb, var(--gjc-usp-mate) 42%, transparent);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0.94);
    will-change: opacity, transform, box-shadow;
}

.buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub::after {
    position: absolute;
    z-index: 1;
    top: calc(50% + 2.55rem);
    left: 50%;
    width: 5.6rem;
    height: 0.14rem;
    content: '';
    background: var(--gjc-usp-mate);
    border-radius: 999rem;
    box-shadow: 0 0 0.35rem color-mix(in srgb, var(--gjc-usp-mate) 88%, transparent), -1.5rem 0 0 color-mix(in srgb, var(--gjc-usp-mate-light) 80%, transparent), 1.5rem 0 0 color-mix(in srgb, var(--gjc-usp-mate-light) 80%, transparent);
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%) scaleX(0.4);
    transform-origin: center;
    will-change: opacity, transform, box-shadow;
}

@media (prefers-reduced-motion: no-preference) {
    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub::before {
        animation: gjc-usp-mate-hub-dock-frame 5.2s cubic-bezier(0.22, 1, 0.36, 1) infinite both;
    }

    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub::after {
        animation: gjc-usp-mate-hub-dock-rail 5.2s cubic-bezier(0.22, 1, 0.36, 1) infinite both;
    }

    .buildpress-gjc-home-usp.is-in-view .buildpress-gjc-home-usp__mate-hub .buildpress-gjc-home-usp__title-logo {
        animation: none;
        filter: none;
        transform: none;
    }
}

@keyframes gjc-usp-mate-hub-dock-frame {
    0%, 58%, 100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.94);
    }
    64% {
        opacity: 0.6;
        transform: translate(-50%, -50%) scale(0.99);
    }
    72% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        box-shadow: 0 0 0 0.125rem color-mix(in srgb, var(--gjc-usp-mate-light) 96%, transparent), 0 0.25rem 0.9rem color-mix(in srgb, var(--gjc-usp-mate-light) 88%, transparent), 0 1.25rem 2.8rem color-mix(in srgb, var(--gjc-usp-mate) 56%, transparent);
    }
    86% {
        opacity: 0.22;
        transform: translate(-50%, -50%) scale(1.045);
    }
}

@keyframes gjc-usp-mate-hub-dock-rail {
    0%, 60%, 100% {
        opacity: 0;
        transform: translateX(-50%) scaleX(0.4);
    }
    66% {
        opacity: 0.94;
        transform: translateX(-50%) scaleX(1);
    }
    74% {
        opacity: 1;
        transform: translateX(-50%) scaleX(1.1);
        box-shadow: 0 0 0.6rem color-mix(in srgb, var(--gjc-usp-mate) 96%, transparent), -1.5rem 0 0 color-mix(in srgb, var(--gjc-usp-mate-light) 92%, transparent), 1.5rem 0 0 color-mix(in srgb, var(--gjc-usp-mate-light) 92%, transparent);
    }
    86% {
        opacity: 0;
        transform: translateX(-50%) scaleX(1.18);
    }
}

@media (max-width: 767px) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub::before {
        width: 8.8rem;
        height: 3.9rem;
    }

    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub::after {
        top: calc(50% + 2.2rem);
        width: 4.45rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub::before,
    .buildpress-gjc-home-usp .buildpress-gjc-home-usp__mate-hub::after {
        animation: none;
    }
}