/* Corporate Services Hub — design tokens from service-hub.html kit */
:root {
  /* service-hub-1 — Figma 223:282 (desktop) / 223:545 (mobile) */
  --fs-service-hub-1-breadcrumb: 1.125rem; /* 18px */
  --fs-service-hub-1-breadcrumb-mobile: 0.75rem; /* 12px */
  --lh-service-hub-1-breadcrumb: 1.875rem; /* 30px */
  --fs-service-hub-1-title: 3.375rem; /* 54px */
  --fs-service-hub-1-title-mobile: 1.5rem; /* 24px */
  --lh-service-hub-1-title: 3.375rem; /* 54px */
  --lh-service-hub-1-title-mobile: 1.8125rem; /* 29px */
  --fs-service-hub-1-body: 1.125rem; /* 18px */
  --fs-service-hub-1-body-mobile: 1rem; /* 16px */
  --lh-service-hub-1-body: 1.875rem; /* 30px */
  --ls-service-hub-1: -0.02em;
  --service-hub-1-pad-y: 7.5rem; /* 120px */
  --service-hub-1-pad-y-mobile: 3.5rem; /* 56px */
  --service-hub-1-content-max: 92.5rem; /* 1480px */
  --service-hub-1-copy-w: 42rem; /* 672px */
  --service-hub-1-title-w: 41rem; /* 656px */
  --service-hub-1-media-w: 46.75rem; /* 748px */
  --service-hub-1-media-h: 34.1875rem; /* 547px */
  --service-hub-1-media-w-mobile: 17.875rem; /* 286px */
  --service-hub-1-row-gap: 3.75rem; /* 60px — column gap / mobile text→image */
  --service-hub-1-stack-gap: 2rem; /* 32px — mobile breadcrumb→content */
  --service-hub-1-text-gap: 2rem; /* 32px desktop title→body */
  --service-hub-1-text-gap-mobile: 1.5rem; /* 24px */
  /* Local services hub intro — Figma 364:98 (media 748×695, italic tagline) */
  --service-hub-1-media-h-hub: 43.4375rem; /* 695px */
  --fs-service-hub-1-tagline: 1rem; /* 16px */
  --lh-service-hub-1-tagline: 1.875rem; /* 30px */

  /* hub-services — Figma 670:2004 (tabs) + 364:192 (grid) */
  --hub-services-tab-bar-pad-y: 1rem; /* 16px */
  --hub-services-tab-gap: 1.4375rem; /* 23px */
  --hub-services-tab-w: 14.875rem; /* 238px */
  --hub-services-tab-pad-y: 1.5rem; /* 24px */
  --hub-services-tab-border: 3px;
  --hub-services-header-max: 93.6875rem; /* 1499px */
  --hub-services-title-max: 93.6875rem;
  --hub-services-grid-max: 92.3125rem; /* 1477px */
  --hub-services-card-img-h: 16.25rem; /* 260px */
  --hub-services-card-body-h: 16.25rem; /* 260px */
  --hub-services-card-text-max: 23rem; /* 368px */
  --shadow-hub-services-card: 0 4px 20px 0 rgba(0, 0, 0, 0.05);

  /* process-v2 — Figma 389:80 (desktop) / 175:4560 (mobile) */
  --fw-extrabold: 800;
  --fs-process-v2-title: 3.375rem; /* 54px */
  --fs-process-v2-title-mobile: 1.5rem; /* 24px */
  --lh-process-v2-title: 3.375rem; /* 54px */
  --lh-process-v2-title-mobile: 1.8125rem; /* 29px */
  --fs-process-v2-body: 1.125rem; /* 18px */
  --fs-process-v2-body-mobile: 1rem; /* 16px */
  --lh-process-v2-body: 1.875rem; /* 30px */
  --fs-process-v2-highlight: 2.5rem; /* 40px */
  --fs-process-v2-highlight-mobile: 1.25rem; /* 20px */
  --lh-process-v2-highlight: 2.625rem; /* 42px */
  --ls-process-v2: -0.02em;
  --process-v2-pad-y: 7.5rem; /* 120px */
  --process-v2-pad-y-mobile: 3.5rem; /* 56px */
  --process-v2-content-max: 92.5rem; /* 1480px */
  --process-v2-media-w: 46.75rem; /* 748px */
  --process-v2-copy-max: 42.25rem; /* 676px */
  --process-v2-row-gap: 3.75rem; /* 60px — image / copy column gap */
  --process-v2-stack-gap: 2rem; /* 32px */
  --process-v2-copy-gap: 2.25rem; /* 36px — text-block to CTA on desktop */
  --process-v2-intro-gap-mobile: 1.5rem; /* 24px — title/body/highlight */

  /* services-v1 — Figma 170:2844 (desktop) / 182:45 (mobile) */
  --color-border-card: #e9e9e9;
  --color-border-tab: #a1a1a1;
  --color-tab-inactive: #f0f0f0;
  --color-text-muted: #a1a1a1;
  --color-text-heading: #212529;
  --fs-services-title: 3.375rem; /* 54px */
  --fs-services-title-mobile: 1.5rem; /* 24px */
  --lh-services-title: 3.375rem; /* 54px */
  --lh-services-title-mobile: 1.8125rem; /* 29px */
  --fs-services-intro: 1.125rem; /* 18px */
  --fs-services-intro-mobile: 1rem; /* 16px */
  --fs-services-card-title: 1.5rem; /* 24px */
  --fs-services-card-title-mobile: 1rem; /* 16px */
  --lh-services-card-title: 2.25rem; /* 36px */
  --lh-services-card-title-mobile: 1.875rem; /* 30px */
  --fs-services-card-body: 1rem; /* 16px */
  --fs-services-card-body-mobile: 0.8125rem; /* 13px */
  --lh-services-card-body: 1.25rem; /* 20px */
  --fs-services-tab: 1rem; /* 16px */
  --fs-services-tab-mobile: 0.875rem; /* 14px */
  --fs-services-disclaimer: 1rem; /* 16px */
  --fs-services-disclaimer-mobile: 0.75rem; /* 12px */
  --services-content-max: 92.3125rem; /* 1477px — card grid width */
  --services-gap: 2.125rem; /* 34px — card gap */
  --services-pad-y: 7.5rem; /* 120px */
  --services-pad-y-mobile: 3.5rem; /* 56px */
  --services-card-img-h-lg: 22.25rem; /* 356px */
  --services-card-img-h-md: 16.25rem; /* 260px */
  --services-card-img-h-mobile: 10.125rem; /* 162px */
  --services-card-body-h: 16.25rem; /* 260px */
  --services-card-body-h-mobile: 10.125rem; /* 162px */
  --radius-tab: 0.5rem; /* 8px */
  --radius-service-card: 0;
  --radius-faq: 0.5rem; /* 8px */
  --radius-card: var(--radius-faq);
  --fw-semibold: 600;

  /* testimonials — Figma 656:47 (desktop) / 172:3926 (mobile) */
  --fs-testimonials-title: 3.375rem; /* 54px */
  --fs-testimonials-title-mobile: 1.5rem; /* 24px */
  --lh-testimonials-title: 3.375rem; /* 54px */
  --lh-testimonials-title-mobile: 1.8125rem; /* 29px */
  --ls-testimonials-title-mobile: -0.02em;
  --fs-testimonials-lead: 1.125rem; /* 18px */
  --lh-testimonials-lead: 1.875rem; /* 30px */
  --ls-testimonials: -0.02em;
  --fs-testimonials-name: 1.5rem; /* 24px */
  --fs-testimonials-name-mobile: 1.25rem; /* 20px */
  --fs-testimonials-date: 0.8125rem; /* 13px */
  --fs-testimonials-quote: 1rem; /* 16px */
  --fs-testimonials-quote-mobile: 0.9375rem; /* 15px */
  --lh-testimonials-quote: 1.25rem; /* 20px */
  --fs-testimonials-summary: 1.125rem; /* 18px */
  --fs-testimonials-summary-mobile: 0.75rem; /* 12px */
  --testimonials-pad-y: 7.5rem; /* 120px */
  --testimonials-pad-y-mobile: 3.5rem; /* 56px */
  --testimonials-content-max: 92.4375rem; /* 1479px — card row width */
  --testimonials-card-gap: 2rem; /* 32px */
  --testimonials-card-stack-mobile: 2.5rem; /* 40px */
  --testimonials-avatar: 5.9375rem; /* 95px */
  --testimonials-avatar-mobile: 4.0625rem; /* 65px */

  /* testimonials-shine-template — red plate — Figma 656:649 (desktop) / 794:2017 (mobile) */
  /* Layout sizes reuse --testimonials-* above. Active pager dot is white on red. */
  --color-testimonials-shine-dot-active: var(--color-text-inverse);

  /* testimonials-v2 — same red plate as testimonials-shine-template (Figma 656:649 / 794:2017) */
  --color-testimonials-v2-dot-active: var(--color-testimonials-shine-dot-active);

  /* process — Figma 172:3574 (desktop) / 175:4529 (mobile) */
  --color-process-surface: #c52233; /* section fallback + step badge */
  --fs-process-title: 3.375rem; /* 54px */
  --fs-process-title-mobile: 1.5rem; /* 24px */
  --lh-process-title: 3.375rem; /* 54px */
  --lh-process-title-mobile: 1.8125rem; /* 29px */
  --fs-process-intro: 1.125rem; /* 18px */
  --fs-process-card-title: 1.5rem; /* 24px */
  --lh-process-card-title: 1.8125rem; /* 29px */
  --fs-process-card-body: 1rem; /* 16px */
  --lh-process-card-body: 1.25rem; /* 20px */
  --fs-process-badge: 4rem; /* 64px */
  --lh-process-badge: 2.25rem; /* 36px — Figma optical center in circle */
  --fs-process-badge-mobile: 1.5rem; /* 24px */
  --ls-process-title: -0.02em;
  --ls-process-body: -0.02em;
  --process-pad-y: 3.5rem; /* 56px */
  --process-header-max: 93.6875rem; /* 1499px — Figma heading band */
  --process-header-max-mobile: 20rem; /* 320px */
  --process-steps-gap: 2.125rem; /* 34px */
  --process-card-w: 22rem; /* 352px */
  --process-card-w-mobile: 18.0625rem; /* 289px */
  --process-card-text-max: 18.6875rem; /* 299px */
  --process-card-pad-mobile: 1.25rem; /* 20px */
  --process-card-gap-mobile: 1.5625rem; /* 25px */
  --process-badge-size: 5.6875rem; /* 91px */
  --process-badge-size-mobile: 3.1875rem; /* 51px */
  --process-cta-min-w-mobile: 16.625rem; /* 266px */
  --process-cta-pad-y: 1.25rem; /* 20px */
  --process-cta-pad-x: 2.5rem; /* 40px */
  --shadow-process-card: 0 4px 10px 0 rgba(58, 58, 58, 0.05);
  --shadow-process-card-mobile: 0 4px 25px 0 rgba(0, 0, 0, 0.08);
  /* process--service-page-detail — lighting steps, Figma 391:485 (no mobile frame) */
  --process-pad-y-detail: 7.5rem; /* 120px desktop */
  --process-card-h-detail: 25.1875rem; /* 403px desktop cards */

  /* process--local — Figma 346:1700 (desktop; mobile reuses 175:4529 stack) */
  --process-local-card-w: 29.4375rem; /* 471px */
  --process-local-card-h: 32.5rem; /* 520px */
  --process-local-badge: 8.625rem; /* 138px */
  --fs-process-local-badge: 6rem; /* 96px — Inter Black */
  --process-local-card-text-max: 24.6875rem; /* 395px */

  /* local-guarantee — Figma 346:1738 (desktop) / 344:696 (mobile) */
  --local-guarantee-pad-y: 7.5rem; /* 120px */
  --local-guarantee-pad-y-mobile: 3.5rem; /* 56px */
  --local-guarantee-copy-max: 60.8125rem; /* 973px */
  --local-guarantee-card-w: 13.6875rem; /* 219px */
  --local-guarantee-card-h: 15.5625rem; /* 249px */
  --local-guarantee-card-gap: 2.5rem; /* 40px */
  --local-guarantee-card-inner-gap: 1.5rem; /* 24px icon → title */
  --local-guarantee-icon: 4.625rem; /* 74px */
  --local-guarantee-card-title-fs: 1rem; /* 16px Prompt ExtraBold */
  --local-guarantee-lh-card-title: 1.25rem; /* 20px */
  --local-guarantee-grid-max-mobile: 19rem; /* 304px */
  --local-guarantee-card-w-mobile: 9.25rem; /* 148px */
  --local-guarantee-card-h-mobile: 10.75rem; /* 172px */
  --local-guarantee-card-pad-mobile: 0.875rem; /* 14px */
  --local-guarantee-icon-mobile: 1.5rem; /* 24px */
  --local-guarantee-card-title-fs-mobile: 0.8125rem; /* 13px */
  --local-guarantee-section-gap: 4rem; /* 64px desktop band spacing */
  --local-guarantee-section-gap-mobile: 2rem; /* 32px mobile band spacing */
  --shadow-local-guarantee-card: var(--shadow-card);
  --shadow-local-guarantee-card-mobile: 0 4px 50px 0 rgba(0, 0, 0, 0.08);

  /* local-blog — Figma 346:2008 (desktop) / 360:259 (mobile) */
  --local-blog-pad-y: 7.5rem; /* 120px */
  --local-blog-pad-y-mobile: 3.5rem; /* 56px */
  --local-blog-bg-h: 280.01%; /* sparkle plate crop — desktop */
  --local-blog-layout-gap: 2rem; /* 32px image → copy */
  --local-blog-media-w: 54.625rem; /* 874px */
  --local-blog-media-h: 35.9375rem; /* 575px */
  --local-blog-copy-w: 35.9375rem; /* 575px */
  --local-blog-copy-h: 22.1875rem; /* 355px */
  --local-blog-copy-gap: 0.9375rem; /* 15px */
  --fs-local-blog-title: 3.375rem; /* 54px — Prompt Black */
  --fs-local-blog-title-mobile: 1.5rem; /* 24px */
  --lh-local-blog-title: 3.375rem; /* 54px */
  --lh-local-blog-title-mobile: 1.8125rem; /* 29px */
  --ls-local-blog-title-mobile: -0.02em; /* -0.48px at 24px */
  --fs-local-blog-post-title: 2.5rem; /* 40px — Prompt Black */
  --fs-local-blog-post-title-mobile: 1.5rem; /* 24px */
  --lh-local-blog-post-title-mobile: 1.8125rem; /* 29px */
  --ls-local-blog-post-title: -0.02em; /* -0.8px at 40px */
  --ls-local-blog-post-title-mobile: -0.02em;
  --fs-local-blog-excerpt: 1rem; /* 16px — Inter */
  --lh-local-blog-excerpt: 1.25rem; /* 20px */
  --ls-local-blog-excerpt: -0.02em; /* -0.32px at 16px */
  --local-blog-card-w-mobile: 18rem; /* 288px */
  --local-blog-card-pad-mobile: 1.5rem; /* 24px */
  --local-blog-card-gap-mobile: 1.5rem; /* 24px */
  --local-blog-media-w-mobile: 15.3125rem; /* 245px */
  --local-blog-media-h-mobile: 10.25rem; /* 164px */

  /* process-v3 — Figma 170:2196 (desktop) / 172:4168 (mobile) */
  --fs-process-v3-title: 3.375rem; /* 54px */
  --fs-process-v3-title-mobile: 1.5rem; /* 24px */
  --lh-process-v3-title: 3.375rem; /* 54px */
  --lh-process-v3-title-mobile: 1.8125rem; /* 29px */
  --fs-process-v3-body: 1.125rem; /* 18px */
  --fs-process-v3-body-mobile: 1rem; /* 16px */
  --lh-process-v3-body: 1.875rem; /* 30px */
  --ls-process-v3-title-mobile: -0.02em;
  --ls-process-v3-body: -0.02em;
  --process-v3-pad-y: 7.5rem; /* 120px */
  --process-v3-pad-y-mobile: 3.5rem; /* 56px */
  --process-v3-header-max: 93.6875rem; /* 1499px — Figma heading band */
  --process-v3-video-w: 71.0625rem; /* 1137px */
  --process-v3-video-w-mobile: 17.875rem; /* 286px */
  --process-v3-video-ratio: 1137 / 711; /* desktop frame; mobile 286/177 is nearly identical */
  --process-v3-play: 10.4375rem; /* 167px */
  --process-v3-play-mobile: 4.4375rem; /* 71px */

  /* cta-v1 — Figma 170:2180 (desktop) / 172:4264 (mobile) */
  --color-cta-v1-surface: #c52233; /* red plate fallback */
  --fs-cta-v1-title: 3.375rem; /* 54px */
  --fs-cta-v1-title-mobile: 1.5rem; /* 24px */
  --lh-cta-v1-title: 3.375rem; /* 54px */
  --lh-cta-v1-title-mobile: 1.8125rem; /* 29px */
  --ls-cta-v1-title-mobile: -0.02em; /* -0.48px at 24px */
  --fs-cta-v1-body: 1.125rem; /* 18px */
  --fs-cta-v1-body-mobile: 1.0625rem; /* 17px */
  --lh-cta-v1-body: 1.875rem; /* 30px */
  --ls-cta-v1-body: -0.02em;
  --cta-v1-pad-y: 7.5rem; /* 120px */
  --cta-v1-pad-y-mobile: 3.5rem; /* 56px */
  --cta-v1-stack-gap-mobile: 2.5rem; /* 40px — header → actions */
  --cta-v1-header-max: 93.6875rem; /* 1499px — Figma heading band */
  --cta-v1-actions-w: 35.9375rem; /* 575px — desktop button row */
  --cta-v1-actions-w-mobile: 16.125rem; /* 258px */
  --cta-v1-btn-pad-y: 1.25rem; /* 20px */
  --cta-v1-btn-pad-x: 2.5rem; /* 40px */
  /* cta-v1--about — Figma 321:297 (single blog about band) */
  --cta-v1-about-pad-y: 8.75rem; /* 140px */
  --cta-v1-about-stack-gap: 3.75rem; /* 60px — heading → buttons */
  --cta-v1-about-body-max: 64.9375rem; /* 1039px */
  --cta-v1-about-actions-w: 59.4375rem; /* 951px — three 300px pills */
  --cta-v1-about-btn-w: 18.75rem; /* 300px */

  /* cta-v2 — Figma 223:1212 (desktop) / 229:1646 (mobile) */
  --fs-cta-v2-title: 3.375rem; /* 54px — Prompt Black */
  --fs-cta-v2-title-mobile: 1.5rem; /* 24px — Inter Black */
  --lh-cta-v2-title: 3.375rem; /* 54px */
  --lh-cta-v2-title-mobile: normal;
  --ls-cta-v2-title-mobile: -0.02em; /* -0.48px at 24px */
  --cta-v2-pad-y: 7.5rem; /* 120px */
  --cta-v2-pad-y-mobile: 3.5rem; /* 56px */
  --cta-v2-title-max: 93.6875rem; /* 1499px — Figma heading band */
  --cta-v2-title-max-mobile: 20rem; /* 320px — Figma mobile content width */
  --cta-v2-body-max: 60.8125rem; /* 973px — Shine+ supporting copy (Figma 229:1850) */
  --fs-cta-v2-body: 1.125rem; /* 18px */
  --fs-cta-v2-body-mobile: 1rem; /* 16px */
  --lh-cta-v2-body: 1.875rem; /* 30px */
  --cta-v2-btn-pad-y: 1.25rem; /* 20px */
  --cta-v2-btn-pad-x: 2.5rem; /* 40px */
  --cta-v2-local-actions-gap: 1rem; /* 16px — dual button row */
  --cta-v2-local-phone-icon: 1.4375rem; /* 23px */
  --cta-v2-local-bg-h: 762.53%; /* tall star plate — Figma 346:1915 */

  /* cta-v3 — Figma 371:1211 (desktop) / 371:1517 (mobile) */
  --fs-cta-v3-title: 1.5rem; /* 24px — Prompt Black, both breakpoints */
  --lh-cta-v3-title: 1.8125rem; /* 29px */
  --fs-cta-v3-body: 1.125rem; /* 18px — Inter Medium */
  --lh-cta-v3-body: 1.4375rem; /* 23px */
  --cta-v3-pad-y: 7.5rem; /* 120px */
  --cta-v3-pad-y-mobile: 3.5rem; /* 56px */
  --cta-v3-card-h: 25.1875rem; /* 403px — desktop card floor */
  --cta-v3-card-w-mobile: 18rem; /* 288px */
  --cta-v3-card-gap: 2rem; /* 32px — gutter between cards */
  --cta-v3-card-pad-x: 2.5rem; /* 40px — desktop card */
  --cta-v3-card-pad-y: 3.75rem; /* 60px — desktop card */
  --cta-v3-card-pad-mobile: 1.25rem; /* 20px */
  --cta-v3-card-inner-gap: 3.75rem; /* 60px — desktop title → buttons */
  --cta-v3-text-gap: 1.5625rem; /* 25px — title → body / mobile stacks */
  --cta-v3-btn-stack-gap: 1rem; /* 16px */
  --cta-v3-btn-pad: 1.25rem; /* 20px */
  --cta-v3-btn-icon: 0.625rem; /* 10px arrow */
  --cta-v3-phone-icon: 1.4375rem; /* 23px */
  --cta-v3-bg-h: 732.38%; /* tall star plate — Figma 371:1211 */
  --cta-v3-bg-top: 0.04%;
  --shadow-cta-v3-card: 0 4px 10px 0 rgba(0, 0, 0, 0.05);
  --shadow-cta-v3-card-mobile: 0 4px 25px 0 rgba(0, 0, 0, 0.08);

  /* service-hub-v3 + proces-shine-template — Shine+ benefits — Figma 223:1231 (desktop) / 229:1620 (mobile) */
  --color-service-hub-v3-icon: #c52233; /* red badge fill behind icons */
  --fs-service-hub-v3-title: 3.375rem; /* 54px — Prompt Black */
  --fs-service-hub-v3-title-mobile: 1.5rem; /* 24px */
  --lh-service-hub-v3-title: 3.375rem; /* 54px */
  --lh-service-hub-v3-title-mobile: 1.8125rem; /* 29px */
  --fs-service-hub-v3-intro: 1.125rem; /* 18px — Inter */
  --fs-service-hub-v3-intro-mobile: 0.875rem; /* 14px */
  --lh-service-hub-v3-intro: 1.875rem; /* 30px */
  --ls-service-hub-v3: -0.02em;
  --fs-service-hub-v3-card-title: 1.5rem; /* 24px */
  --lh-service-hub-v3-card-title: 1.8125rem; /* 29px */
  --fs-service-hub-v3-card-body: 1rem; /* 16px */
  --lh-service-hub-v3-card-body: 1.25rem; /* 20px */
  --service-hub-v3-pad-y: 7.5rem; /* 120px */
  --service-hub-v3-pad-y-mobile: 3.5rem; /* 56px */
  --service-hub-v3-header-max: 93.6875rem; /* 1499px — Figma heading band */
  --service-hub-v3-header-max-mobile: 20rem; /* 320px */
  --service-hub-v3-intro-max: 60.8125rem; /* 973px */
  --service-hub-v3-cards-gap: 2.125rem; /* 34px */
  --service-hub-v3-card-w: 21.5625rem; /* 345px */
  --service-hub-v3-card-w-mobile: 18.0625rem; /* 289px */
  --service-hub-v3-card-h: 32.5rem; /* 520px desktop */
  --service-hub-v3-card-h-mobile: 21.5rem; /* 344px */
  --service-hub-v3-card-pad: 1.5rem; /* 24px desktop */
  /* Shared desktop icon start. Cards used to justify-center, so a 2-line
     title pulled that icon up vs 1-line neighbors (visible ~1536px). */
  --service-hub-v3-card-pad-top: 6.75rem; /* 108px */
  --service-hub-v3-card-title-min: 3.625rem; /* 58px — two title lines */
  --service-hub-v3-card-pad-mobile: 1.25rem; /* 20px */
  --service-hub-v3-card-gap: 2rem; /* 32px desktop inner stack */
  --service-hub-v3-card-gap-mobile: 1.5625rem; /* 25px */
  --service-hub-v3-card-text-max: 18.75rem; /* 300px */
  --service-hub-v3-icon: 6.5625rem; /* 105px desktop */
  --service-hub-v3-icon-mobile: 3.1875rem; /* 51px */
  --service-hub-v3-cta-pad-y: 1.25rem; /* 20px */
  --service-hub-v3-cta-pad-x: 2.5rem; /* 40px */
  --shadow-service-hub-v3-card: 0 4px 10px 0 rgba(58, 58, 58, 0.05);
  --shadow-service-hub-v3-card-mobile: 0 4px 25px 0 rgba(0, 0, 0, 0.08);

  /* proces-shine-template — aliases of the service-hub-v3 tokens above (same Figma) */
  --color-proces-shine-icon: var(--color-service-hub-v3-icon);
  --fs-proces-shine-title: var(--fs-service-hub-v3-title);
  --fs-proces-shine-title-mobile: var(--fs-service-hub-v3-title-mobile);
  --lh-proces-shine-title: var(--lh-service-hub-v3-title);
  --lh-proces-shine-title-mobile: var(--lh-service-hub-v3-title-mobile);
  --fs-proces-shine-intro: var(--fs-service-hub-v3-intro);
  --fs-proces-shine-intro-mobile: var(--fs-service-hub-v3-intro-mobile);
  --lh-proces-shine-intro: var(--lh-service-hub-v3-intro);
  --ls-proces-shine: var(--ls-service-hub-v3);
  --fs-proces-shine-card-title: var(--fs-service-hub-v3-card-title);
  --lh-proces-shine-card-title: var(--lh-service-hub-v3-card-title);
  --fs-proces-shine-card-body: var(--fs-service-hub-v3-card-body);
  --lh-proces-shine-card-body: var(--lh-service-hub-v3-card-body);
  --proces-shine-pad-y: var(--service-hub-v3-pad-y);
  --proces-shine-pad-y-mobile: var(--service-hub-v3-pad-y-mobile);
  --proces-shine-header-max: var(--service-hub-v3-header-max);
  --proces-shine-header-max-mobile: var(--service-hub-v3-header-max-mobile);
  --proces-shine-intro-max: var(--service-hub-v3-intro-max);
  --proces-shine-cards-gap: var(--service-hub-v3-cards-gap);
  --proces-shine-card-w: var(--service-hub-v3-card-w);
  --proces-shine-card-w-mobile: var(--service-hub-v3-card-w-mobile);
  --proces-shine-card-h: var(--service-hub-v3-card-h);
  --proces-shine-card-h-mobile: var(--service-hub-v3-card-h-mobile);
  --proces-shine-card-pad: var(--service-hub-v3-card-pad);
  --proces-shine-card-pad-mobile: var(--service-hub-v3-card-pad-mobile);
  --proces-shine-card-gap: var(--service-hub-v3-card-gap);
  --proces-shine-card-gap-mobile: var(--service-hub-v3-card-gap-mobile);
  --proces-shine-card-text-max: var(--service-hub-v3-card-text-max);
  --proces-shine-icon: var(--service-hub-v3-icon);
  --proces-shine-icon-mobile: var(--service-hub-v3-icon-mobile);
  --proces-shine-cta-pad-y: var(--service-hub-v3-cta-pad-y);
  --proces-shine-cta-pad-x: var(--service-hub-v3-cta-pad-x);
  --shadow-proces-shine-card: var(--shadow-service-hub-v3-card);
  --shadow-proces-shine-card-mobile: var(--shadow-service-hub-v3-card-mobile);

  /* benefits-services-shine-template — 3 benefit cards — Figma 246:3054 (desktop) / 246:3450 (mobile) */
  /* Shares the v3 card/icon scale. Title leading is 64px (not 54px). No CTA or carousel. */
  --color-benefits-services-icon: var(--color-service-hub-v3-icon); /* #c52233 badge fill */
  --fs-benefits-services-title: var(--fs-service-hub-v3-title); /* 54px */
  --fs-benefits-services-title-mobile: var(--fs-service-hub-v3-title-mobile); /* 24px */
  --lh-benefits-services-title: 4rem; /* 64px — Figma desktop heading */
  --lh-benefits-services-title-mobile: var(--lh-service-hub-v3-title-mobile); /* 29px */
  --ls-benefits-services: var(--ls-service-hub-v3); /* -0.02em */
  --fs-benefits-services-card-title: var(--fs-service-hub-v3-card-title); /* 24px */
  --lh-benefits-services-card-title: var(--lh-service-hub-v3-card-title); /* 29px */
  --fs-benefits-services-card-body: var(--fs-service-hub-v3-card-body); /* 16px */
  --lh-benefits-services-card-body: var(--lh-service-hub-v3-card-body); /* 20px */
  --benefits-services-pad-y: var(--service-hub-v3-pad-y); /* 120px */
  --benefits-services-pad-y-mobile: var(--service-hub-v3-pad-y-mobile); /* 56px */
  --benefits-services-header-max: var(--service-hub-v3-header-max); /* 1499px */
  --benefits-services-header-max-mobile: var(--service-hub-v3-header-max-mobile); /* 320px */
  --benefits-services-cards-gap: var(--service-hub-v3-cards-gap); /* 34px desktop */
  --benefits-services-card-w: var(--service-hub-v3-card-w); /* 345px */
  --benefits-services-card-w-mobile: var(--service-hub-v3-card-w-mobile); /* 289px */
  --benefits-services-card-h: var(--service-hub-v3-card-h); /* 520px */
  --benefits-services-card-h-mobile: 21.75rem; /* 348px — Figma mobile card */
  --benefits-services-card-pad: var(--service-hub-v3-card-pad); /* 24px */
  --benefits-services-card-pad-mobile: var(--service-hub-v3-card-pad-mobile); /* 20px */
  --benefits-services-card-gap: var(--service-hub-v3-card-gap); /* 32px */
  --benefits-services-card-gap-mobile: var(--service-hub-v3-card-gap-mobile); /* 25px */
  --benefits-services-card-text-max: var(--service-hub-v3-card-text-max); /* 300px */
  --benefits-services-icon: var(--service-hub-v3-icon); /* 105px */
  --benefits-services-icon-mobile: var(--service-hub-v3-icon-mobile); /* 51px */
  --shadow-benefits-services-card: var(--shadow-service-hub-v3-card);
  --shadow-benefits-services-card-mobile: var(--shadow-service-hub-v3-card-mobile);

  /* service-hub-v4 — getting-started process — Figma 389:42 (desktop) / 223:636 (mobile) */
  --color-service-hub-v4-surface: #c52233; /* section fallback + step badge */
  --fs-service-hub-v4-title: 3.375rem; /* 54px */
  --fs-service-hub-v4-title-mobile: 1.5rem; /* 24px */
  --lh-service-hub-v4-title: 3.375rem; /* 54px */
  --lh-service-hub-v4-title-mobile: 1.8125rem; /* 29px */
  --fs-service-hub-v4-intro: 1.125rem; /* 18px */
  --fs-service-hub-v4-card-title: 1.5rem; /* 24px */
  --lh-service-hub-v4-card-title: 1.8125rem; /* 29px */
  --fs-service-hub-v4-card-body: 1rem; /* 16px */
  --lh-service-hub-v4-card-body: 1.25rem; /* 20px */
  --fs-service-hub-v4-badge: 4rem; /* 64px */
  --lh-service-hub-v4-badge: 2.25rem; /* 36px — Figma optical center in circle */
  --fs-service-hub-v4-badge-mobile: 1.5rem; /* 24px */
  --ls-service-hub-v4-title: -0.02em;
  --ls-service-hub-v4-body: -0.02em;
  --service-hub-v4-pad-y: 7.5rem; /* 120px desktop */
  --service-hub-v4-pad-y-mobile: 3.5rem; /* 56px */
  --service-hub-v4-header-max: 93.6875rem; /* 1499px — Figma heading band */
  --service-hub-v4-header-max-mobile: 20rem; /* 320px */
  --service-hub-v4-steps-gap: 2.125rem; /* 34px */
  --service-hub-v4-card-w: 22rem; /* 352px */
  --service-hub-v4-card-w-mobile: 18.0625rem; /* 289px */
  --service-hub-v4-card-text-max: 18.6875rem; /* 299px */
  --service-hub-v4-card-pad-mobile: 1.25rem; /* 20px */
  --service-hub-v4-card-gap-mobile: 1.5625rem; /* 25px */
  --service-hub-v4-badge-size: 5.6875rem; /* 91px */
  --service-hub-v4-badge-size-mobile: 3.1875rem; /* 51px */
  --service-hub-v4-cta-min-w-mobile: 16.625rem; /* 266px */
  --service-hub-v4-cta-pad-y: 1.25rem; /* 20px */
  --service-hub-v4-cta-pad-x: 2.5rem; /* 40px */
  --shadow-service-hub-v4-card: 0 4px 10px 0 rgba(58, 58, 58, 0.05);
  --shadow-service-hub-v4-card-mobile: 0 4px 25px 0 rgba(0, 0, 0, 0.08);
}