.elementor-18450 .elementor-element.elementor-element-529d983{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Credibled page CSS: Gig and on-demand platforms (/background-checks-for-gig-platforms/)
   Paste into Page Settings > Advanced > Custom CSS. Requires credibled-core.css site wide.
   Prefix .cb-gig. Defines no tokens, restyles no .cb-* class; variations use gig-* classes alongside.
   Promotion candidates for core (used on 3+ pages): hairline eyebrow, dark band layers, wave CTA band. */

/* shell */
.cb-gig { color: var(--text-body); font-family: var(--font-sans); }
.cb-gig p { margin: 0; text-wrap: pretty; }
.cb-gig h1, .cb-gig h2, .cb-gig h3 { margin: 0; text-wrap: balance; }
.cb-gig [id] { scroll-margin-top: var(--space-24); }
.cb-gig .gig-i { display: block; flex: none; }
.cb-gig .gig-front { position: relative; z-index: 2; }
.cb-gig .gig-sec { position: relative; padding: var(--space-32) 0; background: var(--surface-page); }
.cb-gig .gig-sec--subtle { background: var(--ink-50); }
.cb-gig .gig-sec--lavender { background: var(--indigo-50); }
.cb-gig .gig-sec--cream { background: var(--cream); }
.cb-gig .gig-sec--peach { padding: var(--space-10) 0; background: var(--surface-peach); border-top: 1px solid var(--orange-100); }
.cb-gig .gig-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-16) var(--space-20); align-items: center; }
.cb-gig .gig-split--lead { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); }
.cb-gig .gig-split--narrow { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.cb-gig .gig-split--aside { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); }
.cb-gig .gig-top { align-items: start; }
.cb-gig .gig-end { align-items: end; }
.cb-gig .gig-cols-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.cb-gig .gig-cols-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-10) var(--space-12); }

/* type */
.cb-gig .gig-eyebrow { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-4); font: var(--fw-semibold) var(--fs-overline)/1.3 var(--font-sans); letter-spacing: var(--ls-overline); text-transform: uppercase; color: var(--orange-700); }
.cb-gig .gig-eyebrow::before, .cb-gig .gig-eyebrow--center::after { content: ""; flex: none; width: 28px; height: 1px; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--orange-500) 70%, transparent)); }
.cb-gig .gig-eyebrow--center { justify-content: center; }
.cb-gig .gig-eyebrow--center::after { background: linear-gradient(90deg, color-mix(in srgb, var(--orange-500) 70%, transparent), transparent); }
.cb-gig .gig-h2 { margin-bottom: var(--space-6); font: var(--fw-bold) clamp(32px, 3.5vw, 46px)/1.08 var(--font-display); letter-spacing: -.03em; color: var(--text-strong); }
.cb-gig .gig-h2--flush { margin-bottom: 0; }
.cb-gig .gig-h3-xl { margin: 0 0 var(--space-4) !important; font: var(--fw-bold) clamp(26px, 2.6vw, 34px)/1.15 var(--font-display) !important; letter-spacing: -.025em !important; text-transform: none !important; color: var(--text-strong); }
.cb-gig .gig-lede { max-width: 560px; font: var(--fw-regular) var(--fs-body-lg)/1.7 var(--font-sans); color: var(--text-body); }
.cb-gig .gig-lede + .gig-lede { margin-top: var(--space-4); }
.cb-gig .gig-body { font: var(--fw-regular) 15px/1.7 var(--font-sans); color: var(--text-body); }
.cb-gig .gig-kicker { margin-bottom: var(--space-3); font: var(--fw-medium) 11.5px/1.2 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-500); }
.cb-gig .gig-strong { font-weight: var(--fw-semibold); }
.cb-gig .gig-em { font-weight: var(--fw-semibold); color: var(--text-strong); }
.cb-gig .gig-num { font: var(--fw-medium) 12px/1 var(--font-mono); letter-spacing: .08em; color: var(--orange-700); }
.cb-gig .gig-head { max-width: var(--container-narrow); margin-bottom: var(--space-12); }
.cb-gig .gig-head--center { margin-left: auto; margin-right: auto; text-align: center; }

/* hero */
.cb-gig .gig-hero { position: relative; overflow: hidden; padding: var(--space-20) 0 0; background: linear-gradient(170deg, var(--white) 0%, var(--indigo-50) 100%); }
.cb-gig .gig-hero::before, .cb-gig .gig-hero::after, .cb-gig .gig-sec--dark::before, .cb-gig .gig-sec--dark::after, .cb-gig .gig-cta::before, .cb-gig .gig-cta::after { content: ""; position: absolute; inset: 0; pointer-events: none; }
.cb-gig .gig-hero::before { background: repeating-linear-gradient(0deg, color-mix(in srgb, var(--indigo-700) 5%, transparent) 0 1px, transparent 1px 72px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--indigo-700) 5%, transparent) 0 1px, transparent 1px 72px); mask-image: radial-gradient(ellipse 85% 75% at 72% 30%, var(--ink-900), transparent 78%); }
.cb-gig .gig-hero::after { background: radial-gradient(ellipse 34% 44% at 80% 56%, color-mix(in srgb, var(--peach) 85%, transparent), transparent 70%), radial-gradient(ellipse 46% 50% at 70% 12%, color-mix(in srgb, var(--indigo-700) 8%, transparent), transparent 70%); }
.cb-gig .gig-pill { display: inline-flex; align-items: center; gap: var(--space-2); max-width: 100%; margin-bottom: var(--space-6); padding: var(--space-2) var(--space-4) var(--space-2) var(--space-2); background: linear-gradient(160deg, var(--white), var(--indigo-50)); border: 1px solid var(--indigo-100); border-radius: var(--radius-pill); box-shadow: var(--shadow-sm); font: var(--fw-semibold) var(--fs-overline)/1.35 var(--font-sans); letter-spacing: .07em; text-transform: uppercase; color: var(--text-strong); }
.cb-gig .gig-pill-ic { width: 26px; height: 26px; flex: none; display: grid; place-items: center; background: var(--orange-50); border: 1px solid var(--orange-200); border-radius: 50%; color: var(--orange-600); }
.cb-gig .gig-h1 { max-width: 640px; margin-bottom: var(--space-6); font: var(--fw-extrabold) clamp(38px, 5.2vw, 68px)/1.02 var(--font-display); letter-spacing: -.04em; color: var(--text-strong); }
.cb-gig .gig-accent { color: var(--accent); }
.cb-gig .gig-sub { max-width: 560px; margin-bottom: var(--space-8); font: var(--fw-regular) clamp(17px, 1.45vw, 19.5px)/1.65 var(--font-sans); color: var(--text-body); }
.cb-gig .gig-cta-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.cb-gig .gig-note { margin-top: var(--space-4); font: var(--fw-medium) var(--fs-body-sm)/1.5 var(--font-sans); color: var(--ink-500); }
.cb-gig .gig-trust { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4); margin-top: var(--space-8); font: var(--fw-medium) 13.5px/1.3 var(--font-sans); color: var(--ink-600); }
.cb-gig .gig-trust > span { display: inline-flex; align-items: center; gap: var(--space-2); }
.cb-gig .gig-stars { font-size: 13px; letter-spacing: 2px; color: var(--accent); }
.cb-gig .gig-trust > .gig-sep { width: 1px; height: 14px; background: var(--ink-200); }

/* hero worker file */
.cb-gig .gig-hcard { position: relative; isolation: isolate; width: 100%; max-width: 470px; justify-self: end; margin-top: var(--space-8); }
.cb-gig .gig-hcard::before, .cb-gig .gig-hcard::after { content: ""; position: absolute; z-index: -1; height: 80px; border: 1px solid var(--indigo-100); border-radius: var(--radius-xl); }
.cb-gig .gig-hcard::before { left: var(--space-10); right: var(--space-10); top: -28px; background: color-mix(in srgb, var(--white) 55%, transparent); }
.cb-gig .gig-hcard::after { left: var(--space-5); right: var(--space-5); top: -14px; background: color-mix(in srgb, var(--white) 85%, transparent); box-shadow: var(--shadow-sm); }
.cb-gig .gig-file-card { position: relative; overflow: hidden; background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); }
.cb-gig .gig-bar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-5); background: var(--brand); font: var(--fw-medium) 11px/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: color-mix(in srgb, var(--white) 72%, transparent); }
.cb-gig .gig-bar img { display: block; width: auto; }
.cb-gig .gig-worker { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-4) var(--space-5); border-bottom: 1px solid var(--border-subtle); }
.cb-gig .gig-avatar { width: 44px; height: 44px; flex: none; display: grid; place-items: center; background: var(--indigo-100); border-radius: 50%; font: var(--fw-bold) 15px/1 var(--font-display); color: var(--brand); }
.cb-gig .gig-worker-id { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--space-1); font: var(--fw-regular) 13px/1.4 var(--font-sans); color: var(--ink-500); }
.cb-gig .gig-worker-id strong { font: var(--fw-bold) 18px/1.2 var(--font-display); letter-spacing: -.015em; color: var(--text-strong); }
.cb-gig .gig-tl { padding: var(--space-1) var(--space-5) var(--space-2); }
.cb-gig .gig-tl-row { display: grid; grid-template-columns: 56px 20px minmax(0, 1fr); column-gap: var(--space-3); }
.cb-gig .gig-tl-time { padding-top: var(--space-4); text-align: right; white-space: nowrap; font: var(--fw-medium) 11.5px/20px var(--font-mono); color: var(--ink-500); }
.cb-gig .gig-tl-rail { position: relative; display: flex; flex-direction: column; align-items: center; }
.cb-gig .gig-line { width: 2px; height: var(--space-4); flex: none; background: var(--ink-150); }
.cb-gig .gig-line--grow { flex: 1; height: auto; }
.cb-gig .gig-line--off { background: transparent; }
.cb-gig .gig-line--hot { background: var(--orange-500); }
.cb-gig .gig-line--accent { background: linear-gradient(180deg, var(--orange-300), var(--orange-500)); }
.cb-gig .gig-dot { width: 20px; height: 20px; flex: none; display: grid; place-items: center; border: 1px solid; border-radius: 50%; }
.cb-gig .gig-dot--ok { background: var(--green-50); border-color: var(--green-200); color: var(--green-600); }
.cb-gig .gig-dot--run { background: var(--orange-50); border-color: var(--orange-200); }
.cb-gig .gig-dot--info { background: var(--blue-50); border-color: var(--status-progress-bd); color: var(--blue-600); }
.cb-gig .gig-dot--wait { background: var(--amber-50); border-color: var(--amber-200); color: var(--amber-700); }
.cb-gig .gig-pulse { display: block; width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--orange-500); animation: gig-ring 1.6s cubic-bezier(.4,0,.2,1) infinite; }
.cb-gig .gig-15 { position: absolute; left: 50%; bottom: -10px; translate: -50% 0; z-index: 2; white-space: nowrap; padding: var(--space-1) var(--space-2); font: var(--fw-semibold) 10.5px/1 var(--font-mono); color: var(--orange-700); background: var(--surface-card); border: 1px solid var(--orange-200); border-radius: var(--radius-pill); }
.cb-gig .gig-tl-body { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-2) var(--space-3); padding: var(--space-4) 0; border-bottom: 1px solid var(--ink-100); }
.cb-gig .gig-tl-row:last-child .gig-tl-body { border-bottom: 0; padding-bottom: var(--space-3); }
.cb-gig .gig-tl-title { font: var(--fw-semibold) 14px/20px var(--font-sans); color: var(--text-strong); }
.cb-gig .gig-tl-meta { font: var(--fw-regular) 12.5px/1.55 var(--font-sans); color: var(--ink-500); }
.cb-gig .gig-hook { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); padding: var(--space-3) var(--space-5); background: var(--indigo-950); font: var(--fw-medium) 12px/1.5 var(--font-mono); color: var(--white); }
.cb-gig .gig-hook .gig-i { color: var(--orange-400); }
.cb-gig .gig-hook-dim { color: color-mix(in srgb, var(--white) 35%, transparent); }
.cb-gig .gig-hook-key { color: var(--orange-300); }
.cb-gig .gig-hook-ok { color: var(--green-200); }
.cb-gig .gig-hook-run { color: var(--blue-200); }
.cb-gig .gig-run-txt { color: var(--orange-700); }
.cb-gig [data-crim="done"] [data-show="crim-run"], .cb-gig [data-crim="run"] [data-show="crim-done"],
.cb-gig [data-refs="done"] [data-show="refs-run"], .cb-gig [data-refs="run"] [data-show="refs-done"],
.cb-gig [data-ready="done"] [data-show="ready-run"], .cb-gig [data-ready="run"] [data-show="ready-done"] { display: none; }
.cb-gig .gig-hcard.is-live [data-show] { animation: gig-in .45s cubic-bezier(.4,0,.2,1) both; }
.cb-gig .gig-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: var(--space-20); padding: var(--space-8) 0 var(--space-16); border-top: 1px solid var(--indigo-100); }
.cb-gig .gig-stat { padding: 0 var(--space-6); border-left: 1px solid var(--indigo-100); font: var(--fw-regular) 14px/1.5 var(--font-sans); color: var(--ink-500); }
.cb-gig .gig-stat:first-child { padding-left: 0; border-left: 0; }
.cb-gig .gig-stat strong { display: block; margin-bottom: var(--space-3); font: var(--fw-extrabold) clamp(30px, 2.8vw, 40px)/1 var(--font-display); letter-spacing: -.035em; color: var(--text-strong); font-variant-numeric: tabular-nums; }

/* why platforms: phone */
.cb-gig .gig-statement { max-width: 560px; margin-top: var(--space-8); padding-top: var(--space-6); border-top: 1px solid var(--border-subtle); font: var(--fw-semibold) clamp(20px, 1.9vw, 24px)/1.45 var(--font-display); letter-spacing: -.015em; color: var(--text-strong); }
.cb-gig .gig-statement span { color: var(--orange-600); }
.cb-gig .gig-stage { position: relative; display: flex; justify-content: center; padding: var(--space-6) 0; }
.cb-gig .gig-stage::before { content: ""; position: absolute; left: 50%; top: 50%; width: 540px; height: 540px; max-width: 130%; translate: -50% -50%; border-radius: 50%; background: radial-gradient(circle, var(--indigo-100) 0%, color-mix(in srgb, var(--indigo-100) 60%, transparent) 42%, transparent 70%); }
.cb-gig .gig-phone { position: relative; width: 284px; padding: var(--space-3); background: var(--indigo-950); border-radius: calc(var(--radius-2xl) + var(--space-4)); box-shadow: var(--shadow-xl); }
.cb-gig .gig-screen { position: relative; display: flex; flex-direction: column; height: 580px; overflow: hidden; background: var(--surface-card); border-radius: calc(var(--radius-2xl) + var(--space-1)); }
.cb-gig .gig-status { position: relative; display: flex; align-items: center; justify-content: space-between; height: 46px; flex: none; padding: 0 var(--space-5) 0 var(--space-6); font: var(--fw-semibold) 13px/1 var(--font-sans); color: var(--ink-800); }
.cb-gig .gig-island { position: absolute; left: 50%; top: 11px; translate: -50% 0; width: 84px; height: 24px; background: var(--indigo-950); border-radius: var(--radius-pill); }
.cb-gig .gig-signal { display: flex; align-items: flex-end; column-gap: calc(var(--space-1) / 2); }
.cb-gig .gig-signal > span { width: 3px; height: 5px; background: var(--ink-800); border-radius: var(--radius-xs); }
.cb-gig .gig-signal > span:nth-child(2) { height: 7px; }
.cb-gig .gig-signal > span:nth-child(3) { height: 9px; }
.cb-gig .gig-signal > .gig-battery { position: relative; width: 21px; height: 10px; margin-left: var(--space-1); background: none; border: 1.5px solid var(--ink-800); border-radius: var(--radius-xs); }
.cb-gig .gig-battery::after { content: ""; position: absolute; left: 1.5px; top: 1.5px; bottom: 1.5px; width: 12px; background: var(--ink-800); border-radius: var(--radius-xs); }
.cb-gig .gig-phone-head { padding: var(--space-2) var(--space-5) 0; }
.cb-gig .gig-phone-meta { display: flex; justify-content: space-between; font: var(--fw-medium) 10.5px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-500); }
.cb-gig .gig-progress { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-1); margin-top: var(--space-3); }
.cb-gig .gig-progress span { height: 4px; background: var(--ink-150); border-radius: var(--radius-xs); }
.cb-gig .gig-progress .is-done { background: var(--accent); }
.cb-gig .gig-phone-title { margin-top: var(--space-5); font: var(--fw-bold) 21px/1.2 var(--font-display); letter-spacing: -.02em; color: var(--text-strong); }
.cb-gig .gig-phone-sub { margin-top: var(--space-1); font: var(--fw-regular) 13px/1.5 var(--font-sans); color: var(--ink-500); }
.cb-gig .gig-idframe { position: relative; overflow: hidden; margin: var(--space-4) var(--space-5) 0; padding: var(--space-6) var(--space-5); background: var(--indigo-50); border-radius: var(--radius-lg); }
.cb-gig .gig-corner { position: absolute; width: 18px; height: 18px; border: 2px solid var(--accent); }
.cb-gig .gig-corner--tl { left: 9px; top: 9px; border-right: 0; border-bottom: 0; border-top-left-radius: var(--radius-sm); }
.cb-gig .gig-corner--tr { right: 9px; top: 9px; border-left: 0; border-bottom: 0; border-top-right-radius: var(--radius-sm); }
.cb-gig .gig-corner--bl { left: 9px; bottom: 9px; border-right: 0; border-top: 0; border-bottom-left-radius: var(--radius-sm); }
.cb-gig .gig-corner--br { right: 9px; bottom: 9px; border-left: 0; border-top: 0; border-bottom-right-radius: var(--radius-sm); }
.cb-gig .gig-idcard { position: relative; padding: var(--space-3); background: var(--surface-card); border: 1px solid var(--indigo-100); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }
.cb-gig .gig-idcard-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-3); font: var(--fw-bold) 8.5px/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-strong); }
.cb-gig .gig-idchip { width: 18px; height: 12px; background: var(--orange-200); border-radius: var(--radius-xs); }
.cb-gig .gig-idcard-body { display: flex; align-items: center; gap: var(--space-3); }
.cb-gig .gig-idphoto { width: 44px; height: 54px; flex: none; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; background: var(--indigo-100); border-radius: var(--radius-sm); color: var(--indigo-300); }
.cb-gig .gig-idlines { flex: 1; display: flex; flex-direction: column; gap: var(--space-2); }
.cb-gig .gig-idlines span { height: 6px; width: 60%; background: var(--ink-150); border-radius: var(--radius-xs); }
.cb-gig .gig-idlines span:nth-child(1) { width: 80%; background: var(--indigo-200); }
.cb-gig .gig-idlines span:nth-child(3) { width: 72%; }
.cb-gig .gig-idlines span:nth-child(4) { width: 44%; }
.cb-gig .gig-scan { position: absolute; left: 10px; right: 10px; top: 10%; height: 2px; background: linear-gradient(90deg, transparent, var(--orange-500) 30%, var(--orange-400) 70%, transparent); border-radius: var(--radius-xs); box-shadow: var(--shadow-brand); animation: gig-scan 7s cubic-bezier(.4,0,.2,1) infinite; }
.cb-gig .gig-checklist { display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: var(--space-4) var(--space-5) 0; list-style: none; }
.cb-gig .gig-checklist li { display: flex; align-items: center; gap: var(--space-3); margin: 0; font: var(--fw-medium) 13px/1.3 var(--font-sans); color: var(--ink-700); }
.cb-gig .gig-phone-cta { margin-top: auto; padding: var(--space-4) var(--space-5) var(--space-5); }
.cb-gig .gig-phone-cta span { display: flex; align-items: center; justify-content: center; height: 46px; background: var(--brand); border-radius: var(--radius-md); font: var(--fw-semibold) 14.5px/1 var(--font-sans); color: var(--on-brand); }
.cb-gig .gig-chip { position: absolute; display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); background: color-mix(in srgb, var(--white) 95%, transparent); backdrop-filter: blur(8px); border: 1px solid var(--green-200); border-radius: var(--radius-md); box-shadow: var(--shadow-lg); font: var(--fw-regular) 11.5px/1.45 var(--font-sans); color: var(--ink-500); animation: gig-float 6s cubic-bezier(.4,0,.2,1) infinite; }
.cb-gig .gig-chip strong { display: block; margin-bottom: var(--space-1); font: var(--fw-semibold) 11.5px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--green-700); }
.cb-gig .gig-chip--a { left: max(0px, calc(50% - 262px)); top: 42%; }
.cb-gig .gig-chip--b { right: max(0px, calc(50% - 262px)); top: 60%; border-color: var(--orange-200); animation-duration: 5.4s; animation-delay: -2.2s; }
.cb-gig .gig-chip--b strong { color: var(--orange-700); }
.cb-gig .gig-chip > span:last-child { display: block; }
.cb-gig .gig-chip-dot { width: 7px; height: 7px; flex: none; background: var(--green-600); border-radius: 50%; }
.cb-gig .gig-pillars-intro { margin: var(--space-24) 0 var(--space-6); font: var(--fw-semibold) 13px/1.4 var(--font-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-500); }
.cb-gig .gig-pillar { padding-top: var(--space-6); border-top: 2px solid var(--brand); }
.cb-gig .gig-pillar-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-5); color: var(--accent); }
.cb-gig .gig-pillar-top .gig-num { color: var(--ink-500); }
.cb-gig .gig-pillar h3 { margin-bottom: var(--space-3); font: var(--fw-bold) 26px/1.15 var(--font-display); letter-spacing: -.025em; color: var(--text-strong); }
.cb-gig .gig-pillar p { font: var(--fw-regular) var(--fs-body)/1.7 var(--font-sans); color: var(--text-body); }

/* worker file */
.cb-gig .gig-intro { gap: var(--space-6) var(--space-20); margin-bottom: var(--space-12); }
.cb-gig .gig-file-wrap { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: var(--space-8) var(--space-10); align-items: start; }
.cb-gig .gig-sticky { position: sticky; top: var(--space-24); }
.cb-gig .gig-opts { display: flex; flex-direction: column; gap: var(--space-3); }
.cb-gig .gig-opt { display: flex; align-items: center; gap: var(--space-4); width: 100%; min-height: 0; margin: 0; padding: var(--space-4); text-align: left; text-transform: none; letter-spacing: normal; font: inherit; color: inherit; cursor: pointer; appearance: none; background: color-mix(in srgb, var(--white) 60%, transparent); border: 1px solid var(--ink-150); border-radius: var(--radius-lg); box-shadow: none; transition: background-color .2s cubic-bezier(.4,0,.2,1), border-color .2s cubic-bezier(.4,0,.2,1), box-shadow .2s cubic-bezier(.4,0,.2,1); }
.cb-gig .gig-opt:hover { background: var(--surface-card); border-color: var(--indigo-200); }
.cb-gig .gig-opt[aria-pressed="true"] { background: var(--surface-card); border-color: var(--orange-300); box-shadow: var(--shadow-md); }
.cb-gig .gig-opt-ic { width: 40px; height: 40px; flex: none; display: grid; place-items: center; background: var(--surface-card); border: 1px solid var(--indigo-100); border-radius: var(--radius-md); color: var(--brand); transition: background-color .2s, border-color .2s, color .2s; }
.cb-gig .gig-opt[aria-pressed="true"] .gig-opt-ic { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.cb-gig .gig-opt-txt { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; font: var(--fw-regular) 13px/1.4 var(--font-sans); color: var(--ink-500); }
.cb-gig .gig-opt-txt strong { font: var(--fw-semibold) 15.5px/1.25 var(--font-display); color: var(--text-strong); }
.cb-gig .gig-aside-note { margin-top: var(--space-6); }
.cb-gig .gig-file { overflow: hidden; background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }
.cb-gig .gig-file-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-4) var(--space-6); border-bottom: 1px solid var(--border-subtle); }
.cb-gig .gig-file-title { display: flex; align-items: center; gap: var(--space-3); font: var(--fw-bold) 16px/1.2 var(--font-display); color: var(--text-strong); }
.cb-gig .gig-file-chip { display: inline-flex; gap: var(--space-2); padding: var(--space-2) var(--space-3); background: var(--orange-50); border: 1px solid var(--orange-200); border-radius: var(--radius-pill); font: var(--fw-medium) 12px/1 var(--font-mono); color: var(--orange-700); }
.cb-gig .gig-frow { display: grid; grid-template-columns: 24px minmax(0, .9fr) minmax(0, 1.3fr); gap: var(--space-2) var(--space-4); align-items: start; padding: var(--space-4) var(--space-6); border-bottom: 1px solid var(--ink-100); transition: background-color .2s cubic-bezier(.4,0,.2,1); }
.cb-gig .gig-file .gig-frow:last-child { border-bottom: 0; }
.cb-gig .gig-frow[data-on="yes"] { background: var(--orange-50); }
.cb-gig .gig-frow--head { padding-top: var(--space-3); padding-bottom: var(--space-3); background: var(--ink-50); border-bottom-color: var(--border-subtle); font: var(--fw-medium) 11px/1.2 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-500); }
.cb-gig .gig-mark, .cb-gig .gig-x { width: 22px; height: 22px; display: grid; place-items: center; margin-top: 1px; border-radius: 50%; }
.cb-gig .gig-mark { background: var(--surface-card); border: 1.5px solid var(--ink-200); color: transparent; transition: background-color .2s, border-color .2s, color .2s; }
.cb-gig [data-on="yes"] .gig-mark { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.cb-gig .gig-x { background: var(--ink-100); color: var(--ink-500); }
.cb-gig .gig-frow-need { font: var(--fw-medium) 15px/1.5 var(--font-sans); color: var(--ink-800); }
.cb-gig .gig-frow-what { font: var(--fw-regular) 14.5px/1.6 var(--font-sans); color: var(--text-body); }
.cb-gig .gig-notfile { margin-top: var(--space-4); padding: var(--space-1) var(--space-6); border: 1px dashed var(--ink-200); border-radius: var(--radius-lg); }
.cb-gig .gig-notfile .gig-kicker { margin: var(--space-4) 0 0; }
.cb-gig .gig-notfile .gig-frow { padding-left: 0; padding-right: 0; border-bottom-color: var(--ink-150); }
.cb-gig .gig-notfile .gig-frow:last-child { border-bottom: 0; }

/* dark api band */
.cb-gig .gig-sec--dark { overflow: hidden; background: var(--indigo-900); }
.cb-gig .gig-sec--dark::before { background: repeating-linear-gradient(0deg, color-mix(in srgb, var(--white) 3.5%, transparent) 0 1px, transparent 1px 78px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--white) 3.5%, transparent) 0 1px, transparent 1px 78px); mask-image: linear-gradient(180deg, var(--ink-900), color-mix(in srgb, var(--ink-900) 35%, transparent) 55%, transparent); }
.cb-gig .gig-sec--dark::after { background: radial-gradient(ellipse 52% 40% at 86% 6%, color-mix(in srgb, var(--indigo-500) 60%, transparent), transparent 70%), radial-gradient(ellipse 40% 34% at 4% 70%, color-mix(in srgb, var(--indigo-500) 30%, transparent), transparent 70%); }
.cb-gig .gig-grain { position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 160px 160px; }
.cb-gig .gig-sec--dark .gig-eyebrow { color: var(--orange-300); }
.cb-gig .gig-sec--dark .gig-eyebrow::before { background: linear-gradient(90deg, transparent, var(--orange-400)); }
.cb-gig .gig-sec--dark .gig-h2 { margin: 0 0 var(--space-6) !important; font: var(--fw-bold) clamp(32px, 3.5vw, 46px)/1.08 var(--font-display) !important; letter-spacing: -.03em !important; text-transform: none !important; }
.cb-gig .gig-sec--dark h2, .cb-gig .gig-sec--dark h3 { color: #fff !important; }
.cb-gig .gig-sec--dark p { color: color-mix(in srgb, var(--white) 80%, transparent); }
.cb-gig .gig-link-dark, .cb-gig .gig-textlink { color: #fff; text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--white) 40%, transparent); text-underline-offset: 3px; }
.cb-gig .gig-link-dark:hover, .cb-gig .gig-textlink:hover, .cb-gig .gig-textlink:hover * { color: var(--orange-300) !important; text-decoration-color: var(--orange-300); }
.cb-gig .gig-feats { gap: var(--space-8); margin-top: var(--space-12); }
.cb-gig .gig-feat-ic { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: var(--space-4); background: color-mix(in srgb, var(--white) 6%, transparent); border: 1px solid var(--border-inverse); border-radius: var(--radius-md); color: var(--orange-300); }
.cb-gig .gig-feat h3 { margin: 0 0 var(--space-2) !important; font: var(--fw-semibold) 17px/1.3 var(--font-display) !important; letter-spacing: -.01em !important; text-transform: none !important; }
.cb-gig .gig-sec--dark .gig-feat p { font: var(--fw-regular) 14.5px/1.65 var(--font-sans); color: color-mix(in srgb, var(--white) 74%, transparent); }
.cb-gig .gig-panel { padding: var(--space-6) var(--space-6) var(--space-3); background: color-mix(in srgb, var(--white) 4.5%, transparent); border: 1px solid var(--border-inverse); border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); }
.cb-gig .gig-panel-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); padding-bottom: var(--space-4); border-bottom: 1px solid var(--border-inverse); font: var(--fw-medium) 11px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: color-mix(in srgb, var(--white) 60%, transparent); }
.cb-gig .gig-panel-key { display: inline-flex; align-items: center; gap: var(--space-3); font-size: 12.5px; letter-spacing: 0; text-transform: none; color: var(--white); }
.cb-gig .gig-panel-key .gig-i { color: var(--orange-300); }
.cb-gig .gig-step { display: grid; grid-template-columns: 18px minmax(0, 1fr); column-gap: var(--space-4); }
.cb-gig .gig-step-rail { display: flex; flex-direction: column; align-items: center; }
.cb-gig .gig-sl { width: 2px; height: var(--space-5); flex: none; background: var(--border-inverse); }
.cb-gig .gig-sl--grow { flex: 1; height: auto; }
.cb-gig .gig-sl--off { background: transparent; }
.cb-gig .gig-sdot { width: 14px; height: 14px; flex: none; background: var(--indigo-900); border: 2px solid; border-radius: 50%; }
.cb-gig .gig-sdot--wait { border-color: var(--amber-500); }
.cb-gig .gig-sdot--run { border-color: var(--blue-400); }
.cb-gig .gig-sdot--ok { background: var(--green-500); border-color: var(--green-500); outline: 4px solid color-mix(in srgb, var(--green-500) 18%, transparent); }
.cb-gig .gig-sdot--flag { border-color: var(--red-500); }
.cb-gig .gig-step-body { padding: var(--space-4) 0 var(--space-5); }
.cb-gig .gig-step-body p { margin-top: var(--space-3); font: var(--fw-regular) 14.5px/1.6 var(--font-sans); }
.cb-gig .gig-step--then .gig-step-body { padding: var(--space-1) 0; font: var(--fw-medium) 11px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: color-mix(in srgb, var(--white) 55%, transparent); }
.cb-gig .gig-code { display: inline-flex; margin: 0; padding: var(--space-1) var(--space-2); font: var(--fw-semibold) 12.5px/1.2 var(--font-mono); background: none; border: 1px solid; border-radius: var(--radius-sm); }
.cb-gig .gig-code--wait { color: var(--amber-200); background: color-mix(in srgb, var(--amber-500) 12%, transparent); border-color: color-mix(in srgb, var(--amber-500) 35%, transparent); }
.cb-gig .gig-code--run { color: var(--blue-200); background: color-mix(in srgb, var(--blue-500) 14%, transparent); border-color: color-mix(in srgb, var(--blue-500) 38%, transparent); }
.cb-gig .gig-code--ok { color: var(--green-200); background: color-mix(in srgb, var(--green-500) 16%, transparent); border-color: color-mix(in srgb, var(--green-500) 42%, transparent); }
.cb-gig .gig-code--flag { color: var(--red-200); background: color-mix(in srgb, var(--red-500) 16%, transparent); border-color: color-mix(in srgb, var(--red-500) 42%, transparent); }
.cb-gig .gig-dup-row { margin-top: var(--space-32); padding-top: var(--space-24); border-top: 1px solid var(--border-inverse); }
.cb-gig .gig-dup { position: relative; isolation: isolate; width: 100%; max-width: 500px; justify-self: center; }
.cb-gig .gig-dup::before { content: ""; position: absolute; z-index: -1; inset: 22px -18px -22px 18px; background: color-mix(in srgb, var(--white) 6%, transparent); border: 1px solid var(--border-inverse); border-radius: var(--radius-xl); }
.cb-gig .gig-dup-card { overflow: hidden; background: var(--surface-card); border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); }
.cb-gig .gig-dup-head { display: flex; align-items: flex-start; gap: var(--space-4); padding: var(--space-6) var(--space-6) var(--space-5); }
.cb-gig .gig-dup-ic { width: 42px; height: 42px; flex: none; display: grid; place-items: center; background: var(--amber-50); border: 1px solid var(--amber-200); border-radius: var(--radius-md); color: var(--amber-700); }
.cb-gig .gig-dup-title { font: var(--fw-bold) 18px/1.3 var(--font-display); letter-spacing: -.015em; color: var(--text-strong); }
.cb-gig .gig-dup-ok { display: flex; align-items: center; gap: var(--space-2); margin-top: var(--space-2); font: var(--fw-medium) 13.5px/1.4 var(--font-sans); color: var(--green-700); }
.cb-gig .gig-dup-ok .gig-i { color: var(--green-600); }
.cb-gig .gig-dl { margin: 0; padding: 0 var(--space-6) var(--space-1); border-top: 1px solid var(--border-subtle); }
.cb-gig .gig-dl > div { display: grid; grid-template-columns: 124px minmax(0, 1fr); gap: var(--space-3); align-items: center; padding: var(--space-3) 0; border-bottom: 1px dashed var(--ink-150); }
.cb-gig .gig-dl > div:last-child { border-bottom: 0; }
.cb-gig .gig-dl dt { font: var(--fw-medium) 11px/1.2 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-500); }
.cb-gig .gig-dl dd { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin: 0; font: var(--fw-medium) 14px/1.4 var(--font-sans); color: var(--ink-800); }
.cb-gig .gig-dup-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-3); padding: var(--space-4) var(--space-6) var(--space-5); background: var(--ink-50); border-top: 1px solid var(--border-subtle); }
.cb-gig .gig-contact { display: flex; align-items: flex-start; gap: var(--space-4); margin-top: var(--space-10); padding: var(--space-6); background: color-mix(in srgb, var(--white) 5%, transparent); border: 1px solid var(--border-inverse); border-radius: var(--radius-lg); }
.cb-gig .gig-contact-ic { width: 40px; height: 40px; flex: none; display: grid; place-items: center; background: color-mix(in srgb, var(--orange-400) 14%, transparent); border: 1px solid color-mix(in srgb, var(--orange-400) 40%, transparent); border-radius: 50%; color: var(--orange-300); }
.cb-gig .gig-contact h3 { margin: 0 0 var(--space-2) !important; font: var(--fw-semibold) 18px/1.3 var(--font-display) !important; letter-spacing: -.01em !important; text-transform: none !important; }
.cb-gig .gig-sec--dark .gig-contact p { font: var(--fw-regular) 15px/1.65 var(--font-sans); color: color-mix(in srgb, var(--white) 76%, transparent); }

/* by platform */
.cb-gig .gig-prow { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.2fr) minmax(0, 1.15fr); gap: var(--space-10); align-items: start; padding: var(--space-6) 0; border-bottom: 1px solid var(--border-subtle); }
.cb-gig .gig-prow--head { padding: 0 0 var(--space-3); border-bottom: 2px solid var(--brand); font: var(--fw-medium) 11.5px/1.2 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-500); }
.cb-gig .gig-prow h3 { font: var(--fw-semibold) 18px/1.35 var(--font-display); letter-spacing: -.012em; color: var(--text-strong); }
.cb-gig .gig-tags { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.cb-gig .gig-tag { display: inline-flex; padding: var(--space-1) var(--space-3); background: var(--indigo-50); border: 1px solid var(--indigo-100); border-radius: var(--radius-pill); font: var(--fw-medium) 13px/1.4 var(--font-sans); color: var(--brand); }
.cb-gig .gig-tag--add { background: var(--orange-50); border-color: var(--orange-200); color: var(--orange-800); }
.cb-gig .gig-cell-note { font: var(--fw-regular) 15px/1.65 var(--font-sans); color: var(--text-body); }
.cb-gig .gig-m-label { display: none; margin-bottom: var(--space-2); font: var(--fw-medium) 11px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-500); }
.cb-gig .gig-ride { gap: var(--space-8) var(--space-16); align-items: start; margin-top: var(--space-16); padding: var(--space-12); background: var(--cream); border-radius: var(--radius-2xl); }
.cb-gig .gig-ride-k { font: var(--fw-medium) 11.5px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--orange-700); }
.cb-gig .gig-ride h3 { margin: var(--space-3) 0 var(--space-6); font: var(--fw-bold) clamp(24px, 2.4vw, 30px)/1.2 var(--font-display); letter-spacing: -.02em; color: var(--text-strong); }
.cb-gig .gig-figure { display: flex; align-items: center; gap: var(--space-4); max-width: 320px; font: var(--fw-medium) 14px/1.45 var(--font-sans); color: var(--ink-600); }
.cb-gig .gig-figure strong { font: var(--fw-extrabold) 64px/.9 var(--font-display); letter-spacing: -.05em; color: var(--accent); }
.cb-gig .gig-ride .gig-body { font-size: var(--fs-body); }
.cb-gig .gig-ride .gig-body + .gig-body { margin-top: var(--space-4); }
.cb-gig .gig-source { margin-top: var(--space-6); padding-top: var(--space-4); border-top: 1px solid var(--cream-dark); font: var(--fw-regular) 13px/1.6 var(--font-sans); color: var(--ink-500); }

/* re-screening and limits */
.cb-gig .gig-diagram { margin: 0; padding: var(--space-8) var(--space-8) var(--space-6); background: var(--surface-card); border: 1px solid var(--indigo-100); border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }
.cb-gig .gig-axis { display: flex; justify-content: space-between; margin-bottom: var(--space-6); font: var(--fw-medium) 11px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-500); }
.cb-gig .gig-track-label { margin: var(--space-6) 0 var(--space-3); font: var(--fw-semibold) 14px/1.3 var(--font-sans); color: var(--text-strong); }
.cb-gig .gig-axis + .gig-track-label { margin-top: 0; }
.cb-gig .gig-track { position: relative; display: flex; align-items: center; justify-content: center; height: 42px; padding: 0 var(--space-3); overflow: hidden; background: repeating-linear-gradient(135deg, var(--indigo-100) 0 5px, var(--white) 5px 11px); border: 1px solid var(--indigo-100); border-radius: var(--radius-md); }
.cb-gig .gig-track::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 8px; background: var(--accent); }
.cb-gig .gig-track-pill { position: relative; padding: var(--space-1) var(--space-3); background: var(--surface-card); border: 1px solid var(--indigo-100); border-radius: var(--radius-pill); text-align: center; font: var(--fw-medium) 12.5px/1.3 var(--font-sans); color: var(--brand); }
.cb-gig .gig-track-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-1); }
.cb-gig .gig-track-row .gig-track { border-radius: var(--radius-xs); }
.cb-gig .gig-track-row .gig-track:first-child { border-radius: var(--radius-md) var(--radius-xs) var(--radius-xs) var(--radius-md); }
.cb-gig .gig-track-row .gig-track:last-child { border-radius: var(--radius-xs) var(--radius-md) var(--radius-md) var(--radius-xs); }
.cb-gig .gig-legend { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-6); margin-top: var(--space-6); padding-top: var(--space-4); border-top: 1px solid var(--border-subtle); font: var(--fw-regular) 13px/1.3 var(--font-sans); color: var(--ink-500); }
.cb-gig .gig-legend > span { display: inline-flex; align-items: center; gap: var(--space-2); }
.cb-gig .gig-sw { width: 10px; height: 10px; background: var(--accent); border-radius: var(--radius-xs); }
.cb-gig .gig-sw--hatch { background: repeating-linear-gradient(135deg, var(--indigo-200) 0 2px, var(--white) 2px 4px); border: 1px solid var(--indigo-200); }
.cb-gig .gig-soon { margin-top: var(--space-4); padding: var(--space-6); background: var(--surface-card); border: 1px dashed var(--indigo-200); border-radius: var(--radius-xl); }
.cb-gig .gig-soon-top { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin-bottom: var(--space-3); font: var(--fw-medium) 13px/1 var(--font-sans); color: var(--ink-500); }
.cb-gig .gig-soon h3 { margin-bottom: var(--space-2); font: var(--fw-bold) 19px/1.3 var(--font-display); letter-spacing: -.015em; color: var(--text-strong); }
.cb-gig .gig-soon p { margin-bottom: var(--space-4); font: var(--fw-regular) 15px/1.65 var(--font-sans); color: var(--text-body); }
.cb-gig .gig-limits-row { align-items: start; margin-top: var(--space-24); }
.cb-gig .gig-limit { padding: var(--space-5) var(--space-5) var(--space-6); background: var(--surface-card); border: 1px solid var(--indigo-100); border-radius: var(--radius-lg); }
.cb-gig .gig-limit--wide { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-4); padding-bottom: var(--space-5); }
.cb-gig .gig-limit-top { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-3); font: var(--fw-semibold) 15.5px/1.3 var(--font-display); color: var(--text-strong); }
.cb-gig .gig-limit--wide .gig-limit-top { margin-bottom: 0; }
.cb-gig .gig-limit p { font: var(--fw-regular) 14.5px/1.65 var(--font-sans); color: var(--text-body); }
.cb-gig .gig-limit .gig-x { width: 24px; height: 24px; margin-top: 0; color: var(--ink-600); }

/* newcomers */
.cb-gig .gig-facts { padding: var(--space-1) var(--space-8); background: var(--surface-card); border: 1px solid var(--cream-dark); border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); }
.cb-gig .gig-fact { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: var(--space-3) var(--space-6); align-items: center; padding: var(--space-6) 0; border-bottom: 1px solid var(--ink-150); }
.cb-gig .gig-fact:last-child { border-bottom: 0; }
.cb-gig .gig-fact strong { display: block; font: var(--fw-extrabold) 38px/1 var(--font-display); letter-spacing: -.04em; color: var(--text-strong); font-variant-numeric: tabular-nums; }
.cb-gig .gig-fact-k { display: block; margin-top: var(--space-2); font: var(--fw-medium) 11px/1.3 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-500); }
.cb-gig .gig-fact-ic { width: 46px; height: 46px; display: grid; place-items: center; background: var(--indigo-50); border: 1px solid var(--indigo-100); border-radius: 50%; color: var(--brand); }
.cb-gig .gig-fact p { font: var(--fw-regular) 15.5px/1.65 var(--font-sans); color: var(--text-body); }

/* pricing and trust */
.cb-gig .gig-price { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }
.cb-gig .gig-price-col { padding: var(--space-8); }
.cb-gig .gig-price-col + .gig-price-col { border-left: 1px solid var(--border-subtle); }
.cb-gig .gig-price-ic { width: 44px; height: 44px; display: grid; place-items: center; background: var(--orange-50); border: 1px solid var(--orange-200); border-radius: var(--radius-md); color: var(--orange-600); }
.cb-gig .gig-price h3 { margin: var(--space-5) 0 var(--space-3); font: var(--fw-bold) 22px/1.2 var(--font-display); letter-spacing: -.02em; color: var(--text-strong); }
.cb-gig .gig-price p { font: var(--fw-regular) 15.5px/1.7 var(--font-sans); color: var(--text-body); }
.cb-gig .gig-trustband { gap: var(--space-6) var(--space-12); margin-top: var(--space-5); padding: var(--space-10); background: var(--indigo-50); border: 1px solid var(--indigo-100); border-radius: var(--radius-xl); }
.cb-gig .gig-trustband h3 { margin-bottom: var(--space-2); font: var(--fw-bold) 24px/1.2 var(--font-display); letter-spacing: -.02em; color: var(--text-strong); }
.cb-gig .gig-trustband p { margin-bottom: var(--space-4); font: var(--fw-regular) var(--fs-body)/1.65 var(--font-sans); color: var(--text-body); }
.cb-gig .gig-trust-list { margin: 0; padding: 0; list-style: none; }
.cb-gig .gig-trust-list li { display: flex; align-items: center; gap: var(--space-3); margin: 0; padding: var(--space-3) var(--space-4); background: var(--surface-card); border: 1px solid var(--indigo-100); border-radius: var(--radius-md); font: var(--fw-medium) 14.5px/1.35 var(--font-sans); color: var(--ink-800); }
.cb-gig .gig-trust-list .gig-i { color: var(--brand); }

/* worker band */
.cb-gig .gig-band { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-6) var(--space-12); }
.cb-gig .gig-band-main { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-5) var(--space-8); flex: 1 1 560px; min-width: 0; }
.cb-gig .gig-band-main img { display: block; flex: none; width: auto; }
.cb-gig .gig-band-copy { flex: 1 1 380px; min-width: 0; }
.cb-gig .gig-band h3 { margin-bottom: var(--space-1); font: var(--fw-bold) 20px/1.25 var(--font-display); letter-spacing: -.015em; color: var(--text-strong); }
.cb-gig .gig-band p { max-width: 660px; font: var(--fw-regular) 15px/1.6 var(--font-sans); color: var(--text-body); }

/* faq */
.cb-gig .gig-faq-nav { display: flex; flex-direction: column; margin-top: var(--space-8); border-top: 1px solid var(--ink-150); }
.cb-gig .gig-faq-nav a { display: flex; align-items: baseline; gap: var(--space-4); padding: var(--space-4) 0; border-bottom: 1px solid var(--ink-150); font: var(--fw-semibold) 15.5px/1.3 var(--font-display); color: var(--text-strong); text-decoration: none; }
.cb-gig .gig-faq-nav a:hover { color: var(--orange-600); text-decoration: none; }
.cb-gig .gig-verified { display: flex; align-items: flex-start; gap: var(--space-3); margin-top: var(--space-6); font: var(--fw-regular) 13px/1.55 var(--font-sans); color: var(--ink-500); }
.cb-gig .gig-verified .gig-i { color: var(--green-600); }
.cb-gig .gig-faq-groups { display: flex; flex-direction: column; gap: var(--space-12); }
.cb-gig .gig-faq-group h3 { display: flex; align-items: baseline; gap: var(--space-3); margin-bottom: var(--space-3); font: var(--fw-bold) 21px/1.25 var(--font-display); letter-spacing: -.015em; color: var(--text-strong); }
.cb-gig .gig-faq-card { padding: 0 var(--space-6); background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-xl); box-shadow: var(--shadow-xs); }
.cb-gig .gig-faq-last { border-bottom-color: transparent; }
.cb-gig .gig-faq-card .cb-faq-body { animation: gig-in .22s cubic-bezier(.4,0,.2,1) both; }

/* wave cta band: section carries data-screen-label="CTA" for the core heading guard */
.cb-gig .gig-cta { position: relative; overflow: hidden; padding: clamp(150px, 17vw, 360px) 0 var(--space-32); background: var(--indigo-900); }
.cb-gig .gig-cta::before { background: url("https://credibled.com/wp-content/uploads/2026/07/cta-wave.jpg") center top / 100% auto no-repeat; }
.cb-gig .gig-cta::after { background: radial-gradient(ellipse 62% 70% at 50% 68%, color-mix(in srgb, var(--indigo-900) 70%, transparent), transparent 75%), linear-gradient(180deg, transparent 42%, color-mix(in srgb, var(--indigo-900) 72%, transparent) 72%, var(--indigo-900) 88%); }
.cb-gig .gig-cta .gig-grain { opacity: .03; }
.cb-gig .gig-cta-inner { text-align: center; }
.cb-gig .gig-cta h2 { margin: 0 0 var(--space-5) !important; font: var(--fw-extrabold) clamp(34px, 4.4vw, 56px)/1.06 var(--font-display) !important; letter-spacing: -.035em !important; color: #fff !important; text-transform: none !important; }
.cb-gig .gig-cta p { max-width: 600px; margin: 0 auto var(--space-10); font: var(--fw-regular) var(--fs-body-lg)/1.65 var(--font-sans); color: color-mix(in srgb, var(--white) 90%, transparent); }
.cb-gig .gig-cta-row--center { justify-content: center; gap: var(--space-4) var(--space-8); }
.cb-gig .gig-textlink { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); padding: var(--space-3) var(--space-2); font: var(--fw-semibold) var(--fs-body)/1 var(--font-sans); text-decoration: none; }
.cb-gig .gig-textlink, .cb-gig .gig-textlink * { color: #fff; }

/* motion (reduced motion is handled globally by core) */
@keyframes gig-ring { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--orange-500) 50%, transparent); } 70%, 100% { box-shadow: 0 0 0 8px transparent; } }
@keyframes gig-float { 50% { transform: translateY(-10px); } }
@keyframes gig-scan { 0%, 100% { top: 10%; } 50% { top: 86%; } }
@keyframes gig-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@keyframes gig-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) and (min-width: 861px) {
    .cb-gig .gig-rise { animation: gig-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 220px; }
  }
}

/* responsive */
@media (max-width: 1024px) {
  .cb-gig .gig-split, .cb-gig .gig-file-wrap { grid-template-columns: minmax(0, 1fr); }
  .cb-gig .gig-hcard { justify-self: center; }
  .cb-gig .gig-sticky { position: static; }
  .cb-gig .gig-opts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px) { .cb-gig .gig-cta::before { background-size: cover; } }
@media (max-width: 860px) {
  .cb-gig .gig-sec { padding: var(--space-16) 0; }
  .cb-gig .gig-sec--peach { padding: var(--space-8) 0; }
  .cb-gig .gig-hero { padding-top: var(--space-10); }
  .cb-gig .gig-cta { padding: clamp(150px, 42vw, 260px) 0 var(--space-20); }
  .cb-gig .gig-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-6); margin-top: var(--space-12); }
  .cb-gig .gig-stat { padding: 0; border-left: 0; }
  .cb-gig .gig-cols-3, .cb-gig .gig-price { grid-template-columns: minmax(0, 1fr); }
  .cb-gig .gig-price-col + .gig-price-col { border-left: 0; border-top: 1px solid var(--border-subtle); }
  .cb-gig .gig-prow { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .cb-gig .gig-prow--head { display: none; }
  .cb-gig .gig-m-label { display: block; }
  .cb-gig .gig-pillars-intro, .cb-gig .gig-limits-row { margin-top: var(--space-16); }
  .cb-gig .gig-dup-row { margin-top: var(--space-16); padding-top: var(--space-16); }
}
@media (max-width: 640px) {
  .cb-gig .gig-cols-2, .cb-gig .gig-opts, .cb-gig .gig-fact, .cb-gig .gig-dl > div { grid-template-columns: minmax(0, 1fr); }
  .cb-gig .gig-dl > div { gap: var(--space-1); }
  .cb-gig .gig-frow { grid-template-columns: 24px minmax(0, 1fr); padding-left: var(--space-4); padding-right: var(--space-4); }
  .cb-gig .gig-frow > :nth-child(3) { grid-column: 2; }
  .cb-gig .gig-frow--head { display: none; }
  .cb-gig .gig-notfile { padding: var(--space-1) var(--space-4); }
  .cb-gig .gig-notfile .gig-frow { padding-left: 0; padding-right: 0; }
  .cb-gig .gig-cta-row > a { flex: 1 1 100%; }
  .cb-gig .gig-trust > .gig-sep { display: none; }
  .cb-gig .gig-chip--a { left: 0; top: -4px; }
  .cb-gig .gig-chip--b { right: 0; top: auto; bottom: -4px; }
  .cb-gig .gig-ride, .cb-gig .gig-trustband, .cb-gig .gig-price-col { padding: var(--space-6) var(--space-5); }
  .cb-gig .gig-facts, .cb-gig .gig-faq-card { padding-left: var(--space-5); padding-right: var(--space-5); }
  .cb-gig .gig-tl-row { grid-template-columns: 48px 20px minmax(0, 1fr); column-gap: var(--space-2); }
}