/* ===========================================================================
   AXIS · Fonts
   Greenhouse uses exactly two families: Poppins (display) + Geist (everything).
   Loaded from Google Fonts. If you need offline/embedded binaries, swap these
   @import lines for local @font-face rules pointing at hosted .woff2 files.
   =========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&display=swap");

/* ===========================================================================
   AXIS · Color tokens
   Source of truth: greenhouse-eo/DESIGN.md front-matter (mirror of the live MUI
   theme). Greenhouse is built on bright neutral surfaces, deep structural blues,
   and one strong accent at a time. Core Blue is the default product energy;
   green/amber/crimson are controlled signals, never a rainbow.
   =========================================================================== */

.gh-agency-claude {
  /* --- Brand · Efeonce / Greenhouse logo colors ------------------------- */
  --brand-navy: #004070;        /* Efeonce institutional wordmark + "house" */
  --brand-green: #6ec207;       /* Greenhouse leaf / "green" + isotype accent */
  --brand-green-deep: #4b8405;  /* AA-legible green for text/fills */

  /* --- Primary · Core Blue (canonical CTA + active state) --------------- */
  --primary: #0375db;
  --primary-light: #3691e3;
  --primary-dark: #024c8f;
  --primary-tonal: #d7e9f9;     /* soft fill behind dark text */
  --on-primary: #ffffff;

  /* --- Secondary · AXIS green (structural / intentional action) --------- */
  --secondary: #4b8405;         /* secondary-700 — crisp, AA on white (4.56:1) */
  --secondary-light: #6ec207;   /* secondary-500 — bright lime, TINT/accent only */
  --secondary-dark: #396504;    /* secondary-800 — hover / active */
  --on-secondary: #ffffff;

  /* --- Info ------------------------------------------------------------- */
  --info: #1f6fd4;
  --on-info: #ffffff;

  /* --- Semantic · feedback (semantic only, never decorative) ------------ */
  --success: #157f47;           /* AA on white 5.05:1 */
  --warning: #ffb703;           /* uses DARK ink — white fails AA on amber */
  --error: #dc2e39;             /* AA on white 4.6:1 */
  --on-success: #ffffff;
  --on-warning: #2f2b3d;
  --on-error: #ffffff;

  /* Tonal feedback (soft surface + AA ink — the default chip/alert look).
     NEVER use the solid --warning/--error as a TEXT color; use the ink. */
  --success-tonal: #e3f3ea;
  --success-ink: #0f6b3b;
  --warning-tonal: #fff4d6;
  --warning-ink: #8a5a00;
  --error-tonal: #fbe1e3;
  --error-ink: #b71f29;
  --info-tonal: #e0edfb;
  --info-ink: #1a5cae;

  /* --- Neutrals · light mode (AXIS) ------------------------------------- */
  --neutral: #f8f7fa;           /* app-shell body background */
  --surface: #ffffff;           /* card / paper */
  --surface-alt: #fafafa;       /* quiet inset / striped row */
  --text-primary: #2f2b3d;      /* ink */
  --text-secondary: #6b6876;    /* secondary copy / metadata */
  --text-disabled: #a7a5ae;     /* disabled — also the brand slogan grey #848484 family */
  --border-subtle: #dbdbdb;     /* 1px card border + dividers */
  --border-strong: #c4c3cc;

  /* --- Neutrals · dark mode (AXIS) -------------------------------------- */
  --background-dark: #25293c;   /* dark app-shell body */
  --surface-dark: #2f3349;      /* dark paper */
  --text-primary-dark: #e1def5;
  --text-secondary-dark: #acabc1;
  --border-dark: #44485e;

  /* --- Data-storytelling semaphore (KPI health — distinct from UI feedback)
     Per UX_WRITING_RESEARCH §15. Pair color with icon + text, never color alone. */
  --semaphore-optimal: #6ec207;
  --semaphore-attention: #ff6500;
  --semaphore-critical: #bb1954;

  /* --- Chart series · "Deep-bright" categorical (self-contained, NOT brand)
     A chart series must never be mistaken for a UI status color. */
  --chart-1: #5145e0;  /* indigo */
  --chart-2: #1fba85;  /* verde */
  --chart-3: #fb7a00;  /* naranja */
  --chart-4: #d633c9;  /* magenta */
  --chart-5: #3cc9f0;  /* cian */
  --chart-6: #9be036;  /* lima */
  /* directional (finance / deltas) */
  --chart-positive: #3dba5d;
  --chart-caution: #f0a526;
  --chart-negative: #ff4d49;
  --chart-neutral: #94a3b8;

  /* === Semantic aliases (consume these in product UI) ==================== */
  --app-bg: var(--neutral);
  --surface-card: var(--surface);
  --surface-sunken: var(--surface-alt);
  --text-body: var(--text-primary);
  --text-muted: var(--text-secondary);
  --text-link: var(--primary);
  --action-primary: var(--primary);
  --action-primary-hover: var(--primary-dark);
  --focus-ring: var(--primary);
  --divider: var(--border-subtle);
}

/* ===========================================================================
   AXIS · Typography tokens
   Two active families only: Poppins for controlled display moments, Geist for
   everything else (body, tables, forms, chips, buttons, IDs, KPI values).
   Numeric runs use Geist with tabular-nums — never a monospace family.
   Sizes are rem (scale with the user's font-size preference; WCAG 1.4.4).
   Weight roles: 400 body · 600 labels/titles/buttons · 700 strong · 800 display/KPI.
   =========================================================================== */

.gh-agency-claude {
  /* --- Families -------------------------------------------------------- */
  --font-display: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-numeric: "Geist", system-ui, sans-serif; /* with font-feature-settings "tnum" 1 */

  /* --- Weight roles ---------------------------------------------------- */
  --fw-regular: 400;     /* @kind font */
  --fw-semibold: 600;    /* @kind font */
  --fw-bold: 700;        /* @kind font */
  --fw-extrabold: 800;   /* @kind font */
  --fw-black: 900;       /* @kind font */ /* brand slogan only */

  /* --- Display scale · Poppins (controlled moments only) --------------- */
  --type-headline-display-size: 2rem;       --type-headline-display-weight: 800; --type-headline-display-lh: 1.25;
  --type-headline-lg-size: 1.5rem;          --type-headline-lg-weight: 700;      --type-headline-lg-lh: 1.25;
  --type-headline-md-size: 1.25rem;         --type-headline-md-weight: 600;      --type-headline-md-lh: 1.25;
  --type-page-title-size: 1.25rem;          --type-page-title-weight: 600;       --type-page-title-lh: 1.4;
  --type-surface-hero-size: 2.125rem;       --type-surface-hero-weight: 600;     --type-surface-hero-lh: 1.15;
  --type-surface-hero-size-mobile: 1.75rem;

  /* --- Text scale · Geist --------------------------------------------- */
  --type-section-title-size: 1rem;          --type-section-title-weight: 600;    --type-section-title-lh: 1.5;
  --type-label-lg-size: 1rem;               --type-label-lg-weight: 600;
  --type-label-md-size: 0.875rem;           --type-label-md-weight: 600;         --type-label-md-lh: 1.5;
  --type-label-sm-size: 0.8125rem;          --type-label-sm-weight: 600;
  --type-body-lg-size: 1rem;                --type-body-lg-weight: 400;          --type-body-lg-lh: 1.5;
  --type-body-md-size: 0.875rem;            --type-body-md-weight: 400;          --type-body-md-lh: 1.5;
  --type-body-sm-size: 0.8125rem;           --type-body-sm-weight: 400;          --type-body-sm-lh: 1.45; --type-body-sm-ls: 0.03em;
  --type-disclosure-size: 0.75rem;          --type-disclosure-weight: 400;       --type-disclosure-lh: 1.45; --type-disclosure-ls: 0.03em;
  --type-overline-size: 0.75rem;            --type-overline-weight: 600;         --type-overline-lh: 1.167; --type-overline-ls: 0.08em;

  /* --- Numeric (Geist + tabular-nums) --------------------------------- */
  --type-numeric-id-size: 0.875rem;         --type-numeric-id-weight: 600;       --type-numeric-id-ls: 0.01em;
  --type-numeric-amount-size: 0.8125rem;    --type-numeric-amount-weight: 700;
  --type-kpi-size: 1.75rem;                 --type-kpi-weight: 800;              --type-kpi-lh: 1.05;
}

/* --- Optional helper classes (foundations specimens / quick prototypes) --- */
.gh-agency-claude .t-headline-display { font-family: var(--font-display); font-size: var(--type-headline-display-size); font-weight: var(--type-headline-display-weight); line-height: var(--type-headline-display-lh); color: var(--text-primary); }
.gh-agency-claude .t-headline-lg { font-family: var(--font-display); font-size: var(--type-headline-lg-size); font-weight: var(--type-headline-lg-weight); line-height: var(--type-headline-lg-lh); color: var(--text-primary); }
.gh-agency-claude .t-page-title { font-family: var(--font-display); font-size: var(--type-page-title-size); font-weight: var(--type-page-title-weight); line-height: var(--type-page-title-lh); color: var(--text-primary); }
.gh-agency-claude .t-surface-hero { font-family: var(--font-display); font-size: var(--type-surface-hero-size); font-weight: var(--type-surface-hero-weight); line-height: var(--type-surface-hero-lh); color: var(--text-primary); }
.gh-agency-claude .t-section-title { font-family: var(--font-sans); font-size: var(--type-section-title-size); font-weight: var(--type-section-title-weight); line-height: var(--type-section-title-lh); color: var(--text-primary); }
.gh-agency-claude .t-.gh-agency-claude-lg { font-family: var(--font-sans); font-size: var(--type-body-lg-size); font-weight: var(--type-body-lg-weight); line-height: var(--type-body-lg-lh); color: var(--text-primary); }
.gh-agency-claude .t-.gh-agency-claude-md { font-family: var(--font-sans); font-size: var(--type-body-md-size); font-weight: var(--type-body-md-weight); line-height: var(--type-body-md-lh); color: var(--text-primary); }
.gh-agency-claude .t-.gh-agency-claude-sm { font-family: var(--font-sans); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-lh); letter-spacing: var(--type-body-sm-ls); color: var(--text-secondary); }
.gh-agency-claude .t-overline { font-family: var(--font-sans); font-size: var(--type-overline-size); font-weight: var(--type-overline-weight); line-height: var(--type-overline-lh); letter-spacing: var(--type-overline-ls); text-transform: uppercase; color: var(--text-secondary); }
.gh-agency-claude .t-kpi { font-family: var(--font-numeric); font-size: var(--type-kpi-size); font-weight: var(--type-kpi-weight); line-height: var(--type-kpi-lh); font-feature-settings: "tnum" 1; color: var(--text-primary); }
.gh-agency-claude .t-numeric { font-family: var(--font-numeric); font-feature-settings: "tnum" 1; }

/* ===========================================================================
   AXIS · Spacing, radius, elevation & motion tokens
   Greenhouse favors predictable spacing and strong rhythm over visual tricks.
   Spacing step = 4px · N. Radius is moderate and systematic. Depth is restrained
   and semantic: two soft shadow layers + a 1px hairline, never a heavy drop.
   =========================================================================== */

.gh-agency-claude {
  /* --- Spacing (theme.spacing(N) = 4N px) ------------------------------ */
  --space-xs: 4px;
  --space-sm: 8px;     /* compact inline gap */
  --space-md: 16px;    /* standard inner spacing step */
  --space-lg: 24px;    /* default card padding + container rhythm */
  --space-xl: 32px;
  --space-xxl: 40px;   /* larger section breathing room */

  /* --- Radius ---------------------------------------------------------- */
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;    /* DEFAULT — cards, fields, chips, common surfaces */
  --radius-lg: 8px;    /* floating / high-emphasis — docks, dialogs */
  --radius-xl: 10px;   /* larger panels & previews */
  --radius-xxl: 12px;  /* large support / editorial surfaces */
  --radius-display: 16px;
  --radius-full: 9999px; /* pills / capsules (true circle = 50%) */

  /* --- Elevation · semantic roles (two soft layers + 1px hairline) ------
     No role exceeds 0 8px 24px rgba(0,0,0,.1). The border carries separation
     under forced-colors; the shadow is the enhancement. */
  --elevation-none: none;
  --elevation-raised:  0 1px 2px rgba(16, 24, 40, 0.04), 0 2px 6px rgba(16, 24, 40, 0.06);
  --elevation-floating: 0 2px 6px rgba(16, 24, 40, 0.06), 0 6px 16px rgba(16, 24, 40, 0.08);
  --elevation-overlay:  0 4px 10px rgba(16, 24, 40, 0.07), 0 8px 24px rgba(16, 24, 40, 0.10);
  --elevation-modal:    0 4px 12px rgba(16, 24, 40, 0.08), 0 8px 24px rgba(16, 24, 40, 0.10);

  /* --- Borders / hairlines (px — must not scale with font) ------------- */
  --hairline: 1px;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;

  /* --- Motion (ms, fixed scale) --------------------------------------- */
  --motion-instant: 75ms;    /* @kind other */
  --motion-short: 150ms;     /* @kind other */
  --motion-standard: 200ms;  /* @kind other */
  --motion-medium: 300ms;    /* @kind other */
  --motion-long: 400ms;      /* @kind other */
  --motion-extended: 600ms;  /* @kind other */

  /* Easing — never ease-in-out as default */
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);      /* @kind other */ /* default */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);      /* @kind other */
  --ease-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15); /* @kind other */ /* exits */
  --ease-linear: linear;                              /* @kind other */
}


  .gh-agency-claude html { scroll-behavior: smooth; }
  .gh-agency-claude { margin: 0; background: #04223d; }
  @media (prefers-reduced-motion: reduce) { .gh-agency-claude html { scroll-behavior: auto; } }
  .gh-agency-claude { --secondary: #0f766e; --secondary-dark: #115e59; --secondary-light: #14b8a6; --brand-green: #14b8a6; --brand-green-deep: #0f766e; }
  @keyframes ghFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
  @keyframes ghLive { 0% { box-shadow: 0 0 0 0 rgba(20,184,166,0.5); } 70% { box-shadow: 0 0 0 7px rgba(20,184,166,0); } 100% { box-shadow: 0 0 0 0 rgba(20,184,166,0); } }
  @keyframes ghSpin { to { transform: rotate(360deg); } }
  @keyframes ghDash { to { stroke-dashoffset: -60; } }
  @keyframes ghPulseDot { 0% { transform: scale(1); opacity: 0.34; } 70% { transform: scale(2.7); opacity: 0; } 100% { transform: scale(2.7); opacity: 0; } }
  @keyframes ghDrift { 0%, 100% { transform: translate(0,0) scale(1); } 50% { transform: translate(7%, -5%) scale(1.09); } }
  @keyframes ghFloat2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(8px); } }
  @keyframes ghGlowPulse { 0%, 100% { opacity: 0.82; transform: scale(1); } 50% { opacity: 1; transform: scale(1.06); } }
  @keyframes ghFlow { to { stroke-dashoffset: -596; } }
  @keyframes ghSever { to { stroke-dashoffset: -20; } }
  @keyframes ghXPulse { 0%,100% { transform: translate(-50%,-50%) scale(1); opacity: 0.7; } 50% { transform: translate(-50%,-50%) scale(1.28); opacity: 1; } }
  @keyframes ghBlink { 0%,100% { opacity: 1; } 50% { opacity: 0.25; } }
  @keyframes ghScan { 0% { transform: translateY(-120%); } 100% { transform: translateY(560%); } }
  @keyframes ghGlitch { 0%,100% { transform: translate(0,0); } 25% { transform: translate(-1.5px,1px); } 50% { transform: translate(1.5px,-1px); } 75% { transform: translate(-1px,-1px); } }
  .gh-agency-claude [data-silo] { transition: transform 0.28s var(--ease-emphasized), border-color 0.28s var(--ease-standard), background 0.28s var(--ease-standard), box-shadow 0.28s var(--ease-standard); }
  .gh-agency-claude [data-silo]:hover { transform: translateY(-4px); border-color: rgba(240,68,56,0.55) !important; background: rgba(240,68,56,0.09) !important; box-shadow: 0 16px 32px -14px rgba(240,68,56,0.45); z-index: 4; }
  .gh-agency-claude [data-silo]:hover [data-silo-ic] { animation: ghGlitch 0.3s steps(2) 2; color: #ff8a7e !important; background: rgba(240,68,56,0.26) !important; }
  .gh-agency-claude [data-silo]:hover [data-silo-tag] { opacity: 1 !important; transform: translateY(0) !important; }
  .gh-agency-claude .gh-brand-proof-avatars > :is(.gh-brand-proof-disc,.gh-brand-proof-count) { position: relative; transition: transform 0.28s var(--ease-emphasized), box-shadow 0.28s var(--ease-standard); cursor: default; }
  .gh-agency-claude .gh-brand-proof-avatars > :is(.gh-brand-proof-disc,.gh-brand-proof-count):hover { transform: translateY(-6px) scale(1.08); z-index: 6; box-shadow: 0 12px 24px rgba(0,0,0,0.55), 0 0 0 1px rgba(20,184,166,0.55) !important; }
  @media (prefers-reduced-motion: reduce) { .gh-agency-claude .gh-brand-proof-avatars > :is(.gh-brand-proof-disc,.gh-brand-proof-count) { transition: none; } .gh-agency-claude .gh-brand-proof-avatars > :is(.gh-brand-proof-disc,.gh-brand-proof-count):hover { transform: none; } }
  .gh-agency-claude a { color: var(--primary); text-decoration: none; }
  .gh-agency-claude a:hover { color: var(--primary-dark); }
  .gh-agency-claude a[data-nav]:hover { opacity: 1 !important; }
  .gh-agency-claude footer a:hover { color: #eaf2ff; }
  .gh-agency-claude details > summary { list-style: none; }
  .gh-agency-claude details > summary::-webkit-details-marker { display: none; }
  .gh-agency-claude button { border-radius: 12px !important; transition: transform var(--motion-short) var(--ease-emphasized), background var(--motion-short) var(--ease-standard), box-shadow var(--motion-short) var(--ease-standard) !important; }
  .gh-agency-claude button:hover { transform: translateY(-2px); }
  .gh-agency-claude button:active { transform: translateY(0) scale(0.985); }
  .gh-agency-claude button i.ti-arrow-right { transition: transform var(--motion-short) var(--ease-emphasized); }
  .gh-agency-claude button:hover i.ti-arrow-right { transform: translateX(4px); }
  @media (prefers-reduced-motion: reduce) { .gh-agency-claude button:hover, .gh-agency-claude button:active { transform: none !important; } .gh-agency-claude button:hover i.ti-arrow-right { transform: none; } }
  @media (prefers-reduced-motion: reduce) { .gh-agency-claude [data-silo]:hover { transform: none; } .gh-agency-claude [data-silo]:hover [data-silo-ic] { animation: none; } }
  .gh-agency-claude [data-cap] { transition: transform 0.3s var(--ease-emphasized), border-color 0.3s var(--ease-standard), background 0.3s var(--ease-standard), box-shadow 0.3s var(--ease-standard); }
  .gh-agency-claude [data-cap]:hover { transform: translateY(-4px); border-color: rgba(20,184,166,0.5) !important; background: rgba(20,184,166,0.09) !important; box-shadow: 0 16px 34px -16px rgba(20,184,166,0.5); z-index: 6; }
  .gh-agency-claude [data-cap]:hover [data-cap-ic] { background: rgba(20,184,166,0.28) !important; color: #a7f3e4 !important; }
  .gh-agency-claude [data-cap]:hover [data-cap-tag] { opacity: 1 !important; transform: translateY(0) !important; }
  @media (prefers-reduced-motion: reduce) { .gh-agency-claude [data-cap]:hover { transform: none; } }
  .gh-agency-claude [data-svc-card] { transition: transform 0.3s var(--ease-emphasized), border-color 0.3s var(--ease-standard), box-shadow 0.3s var(--ease-standard), opacity 0.4s var(--ease-standard), filter 0.4s var(--ease-standard); }
  .gh-agency-claude [data-svc-card] .gh-agency-service-link { position: static; color: inherit; font: inherit; text-decoration: none; background: none; }
  .gh-agency-claude [data-svc-card] .gh-agency-service-link::after { content: ''; position: absolute; inset: 0; z-index: 2; border-radius: inherit; }
  .gh-agency-claude [data-svc-card]:has(.gh-agency-service-link:focus-visible) { outline: 2px solid var(--primary); outline-offset: 4px; }
  .gh-agency-claude [data-svc-card] .gh-agency-service-link:focus-visible { outline: none; text-decoration: underline; text-underline-offset: .18em; }
  .gh-agency-claude [data-svc-card]:hover { transform: translateY(-5px); box-shadow: 0 18px 38px -18px rgba(47,43,61,0.28); z-index: 3; }
  .gh-agency-claude [data-svc-card][data-cat="mkt"]:hover { border-color: rgba(20,184,166,0.6) !important; }
  .gh-agency-claude [data-svc-card][data-cat="tech"]:hover { border-color: rgba(3,117,219,0.55) !important; }
  .gh-agency-claude [data-svc-card][data-cat="mkt"]:hover [data-svc-ic] { background: var(--secondary) !important; color: #fff !important; transform: scale(1.08) rotate(-4deg); }
  .gh-agency-claude [data-svc-card][data-cat="tech"]:hover [data-svc-ic] { background: var(--primary) !important; color: #fff !important; transform: scale(1.08) rotate(-4deg); }
  .gh-agency-claude [data-svc-card][data-dim="1"] { opacity: 0.28; filter: grayscale(0.65); }
  .gh-agency-claude [data-svc-card][data-dim="1"]:hover { transform: none; box-shadow: none; opacity: 0.5; }
  .gh-agency-claude [data-svc-filter] { border: 0; background: transparent; cursor: pointer; font-family: inherit; font-size: 0.875rem; font-weight: 600; color: var(--text-secondary); padding: 8px 18px; border-radius: var(--radius-full); transition: background 0.25s var(--ease-standard), color 0.25s var(--ease-standard), box-shadow 0.25s var(--ease-standard); }
  .gh-agency-claude [data-svc-filter][data-active="1"] { background: var(--text-primary); color: #fff; box-shadow: 0 2px 8px -2px rgba(47,43,61,0.4); }
  .gh-agency-claude [data-svc-filter]:not([data-active="1"]):hover { color: var(--text-primary); background: var(--surface-alt); }
  @media (prefers-reduced-motion: reduce) { .gh-agency-claude [data-svc-card]:hover { transform: none; } .gh-agency-claude [data-svc-card]:hover [data-svc-ic] { transform: none; } }
  @keyframes ghGrow { 0%, 100% { transform: scaleY(0.55); } 50% { transform: scaleY(1); } }
  .gh-agency-claude [data-phase] { transition: transform 0.3s var(--ease-emphasized), border-color 0.3s var(--ease-standard), box-shadow 0.3s var(--ease-standard); }
  .gh-agency-claude [data-phase]:hover { transform: translateY(-5px); border-color: rgba(20,184,166,0.55) !important; box-shadow: 0 18px 38px -18px rgba(47,43,61,0.22); z-index: 2; }
  .gh-agency-claude [data-phase]:hover [data-phase-ic] { background: var(--secondary) !important; color: #fff !important; transform: scale(1.08) rotate(-4deg); }
  .gh-agency-claude [data-phase]:hover [data-phase-arrow] { transform: translateX(4px); opacity: 1 !important; }
  .gh-agency-claude [data-squad-av] { transition: transform 0.3s var(--ease-emphasized); }
  .gh-agency-claude [data-squad-av]:hover { transform: translateY(-6px); }
  .gh-agency-claude [data-squad-av]:hover [data-squad-ring] { box-shadow: 0 0 0 3px rgba(20,184,166,0.45), 0 10px 22px -8px rgba(20,184,166,0.6); border-color: #5eead4 !important; }
  @media (prefers-reduced-motion: reduce) { .gh-agency-claude [data-phase]:hover, .gh-agency-claude [data-squad-av]:hover { transform: none; } .gh-agency-claude [data-phase]:hover [data-phase-ic] { transform: none; } }
  .gh-agency-claude [data-cmp] tbody tr { transition: background 0.18s var(--ease-standard); }
  .gh-agency-claude [data-cmp] tbody tr:hover { background: rgba(20,184,166,0.05); }
  .gh-agency-claude [data-fit-row] { transition: background 0.22s var(--ease-standard); }
  .gh-agency-claude [data-fit-row]:hover { background: rgba(20,184,166,0.07); }
  .gh-agency-claude [data-fit-row]:hover [data-fit-ic] { background: var(--secondary) !important; color: #fff !important; transform: scale(1.06); }
  .gh-agency-claude [data-case] { transition: transform 0.3s var(--ease-emphasized), border-color 0.3s var(--ease-standard), box-shadow 0.3s var(--ease-standard); }
  .gh-agency-claude [data-case]:hover { transform: translateY(-5px); border-color: rgba(20,184,166,0.5); box-shadow: 0 18px 38px -18px rgba(15,118,110,0.28); }
  @media (prefers-reduced-motion: reduce) { .gh-agency-claude [data-fit-row]:hover [data-fit-ic] { transform: none; } .gh-agency-claude [data-case]:hover { transform: none; } }
  @keyframes ghMarqueeL { from { transform: translateX(0); } to { transform: translateX(calc(-1 * var(--gh-marquee-distance, 0px))); } }
  @keyframes ghMarqueeR { from { transform: translateX(calc(-1 * var(--gh-marquee-distance, 0px))); } to { transform: translateX(0); } }
  .gh-agency-claude [data-work] { transition: transform 0.3s var(--ease-emphasized), border-color 0.3s var(--ease-standard), box-shadow 0.3s var(--ease-standard); }
  .gh-agency-claude [data-work]:hover { transform: translateY(-4px) scale(1.03); border-color: rgba(20,184,166,0.6) !important; box-shadow: 0 18px 38px -18px rgba(47,43,61,0.32); z-index: 3; }
  .gh-agency-claude [data-work]:hover [data-work-badge] { opacity: 1; transform: translateY(0); }
  .gh-agency-claude [data-rails]:hover [data-marquee] { animation-play-state: paused; }
  @media (prefers-reduced-motion: reduce) { .gh-agency-claude [data-work]:hover { transform: none; } .gh-agency-claude [data-marquee] { animation: none !important; } }
  .gh-agency-claude [data-prod] { transition: transform 0.3s var(--ease-emphasized), border-color 0.3s var(--ease-standard), box-shadow 0.3s var(--ease-standard); }
  .gh-agency-claude [data-prod]:hover { transform: translateY(-5px); border-color: rgba(74,163,236,0.6) !important; box-shadow: 0 20px 40px -18px rgba(2,14,26,0.7); }
  .gh-agency-claude [data-prod]:hover [data-prod-ic] { transform: scale(1.07) rotate(-4deg); }
  .gh-agency-claude [data-prod-ic] { transition: transform 0.3s var(--ease-emphasized); }
  @media (prefers-reduced-motion: reduce) { .gh-agency-claude [data-prod]:hover { transform: none; } .gh-agency-claude [data-prod]:hover [data-prod-ic] { transform: none; } }
  .gh-agency-claude [data-cert] { transition: border-color 0.22s var(--ease-standard), background 0.22s var(--ease-standard); }
  .gh-agency-claude [data-cert]:hover { border-color: rgba(20,184,166,0.5); background: rgba(20,184,166,0.05); }
  .gh-agency-claude [data-stack-chip] { transition: transform 0.2s var(--ease-emphasized), border-color 0.2s var(--ease-standard), color 0.2s var(--ease-standard); }
  .gh-agency-claude [data-stack-chip]:hover { transform: translateY(-2px); border-color: rgba(20,184,166,0.55); color: var(--text-primary); }
  @media (prefers-reduced-motion: reduce) { .gh-agency-claude [data-stack-chip]:hover { transform: none; } }
  .gh-agency-claude [data-faq] { transition: border-color 0.2s var(--ease-standard), box-shadow 0.2s var(--ease-standard); }
  .gh-agency-claude [data-faq]:hover { border-color: var(--border-strong); }
  .gh-agency-claude [data-faq][open] { border-color: rgba(20,184,166,0.45) !important; box-shadow: 0 12px 28px -18px rgba(15,118,110,0.32); }
  .gh-agency-claude [data-faq][open] summary { color: var(--secondary-dark) !important; }