:root {
  --bg: #070a12;
  /* Same stack as `.site-footer` — deep charcoal + soft top lift (not pure black) */
  --surface-footer: radial-gradient(900px 420px at 50% 0%, rgba(255, 255, 255, 0.04), transparent 62%), var(--bg);
  --bg-2: #0a1022;
  --card: rgba(255, 255, 255, 0.06);
  --card-2: rgba(255, 255, 255, 0.08);
  --text: rgba(255, 255, 255, 0.92);
  --muted: rgba(255, 255, 255, 0.68);
  --muted-2: rgba(255, 255, 255, 0.54);
  --line: rgba(255, 255, 255, 0.10);
  --blue: #0b63f6;
  --blue-2: #3a86ff;
  /* Warm accent for dark sections (e.g. process), pairs with light text */
  --warm: #ff9f1c;
  --warm-2: #ffc266;
  --warm-glow: rgba(255, 159, 64, 0.32);
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
  --radius: 18px;
  --radius-sm: 12px;
  --container: 1120px;
  /* White band (about / work) — ties to brand blue in borders & links */
  --light-canvas: #ffffff;
  --light-ink: #101218;
  --light-ink-mid: #3d424d;
  --light-ink-soft: #6b7280;
  --light-line: #e1e4eb;
  --light-line-strong: #cfd4dc;
}

/* Light theme (landing page toggle) */
:root[data-theme="light"] {
  --bg: #f6f7fb;
  --surface-footer: var(--light-canvas);
  --bg-2: #eef1f7;
  --card: rgba(11, 22, 55, 0.06);
  --card-2: rgba(11, 22, 55, 0.08);
  --text: rgba(10, 12, 18, 0.92);
  --muted: rgba(10, 12, 18, 0.68);
  --muted-2: rgba(10, 12, 18, 0.54);
  --line: rgba(10, 12, 18, 0.12);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

html {
  overflow-x: clip;
  max-width: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
    "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--text);
  background: radial-gradient(900px 420px at 18% 8%, rgba(11, 99, 246, 0.18), transparent 60%),
    radial-gradient(700px 400px at 80% 20%, rgba(58, 134, 255, 0.10), transparent 62%),
    linear-gradient(180deg, #050712 0%, #050712 40%, #04050c 100%);
  overflow-x: clip;
  max-width: 100%;
  width: 100%;
}

:root[data-theme="light"] body {
  background: #f6f7fb;
}

/* Lincoln + Papillion (not Omaha): page canvas matches `.site-footer` — one fluid `--surface-footer` field behind main */
body.page-lincoln:not(.page-omaha) {
  --lincoln-mid-canvas: radial-gradient(900px 380px at 50% 0%, rgba(255, 255, 255, 0.06) 0%, transparent 60%), var(--bg);
  background: var(--surface-footer);
  background-attachment: fixed;
  background-repeat: no-repeat;
}

:root[data-theme="light"] body.page-lincoln:not(.page-omaha) {
  --lincoln-mid-canvas: radial-gradient(900px 380px at 50% 0%, rgba(10, 12, 18, 0.04) 0%, transparent 60%),
    linear-gradient(180deg, #f6f7fa 0%, #eef1f6 100%);
  background: var(--surface-footer);
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* Schuyler + Fremont (light): page canvas matches mid-band gradient so sections read as one field */
:root[data-theme="light"] body.page-lincoln:is(.page-schuylar, .page-fremont) {
  --surface-footer: var(--lincoln-mid-canvas);
  background: var(--lincoln-mid-canvas);
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* Light theme: flatter, more “professional” hero (remove dark overlays / glows) */
:root[data-theme="light"] .glow {
  display: none;
}

:root[data-theme="light"] .hero__grid {
  opacity: 0.085;
  mask-image: none;
}

:root[data-theme="light"] .about-hero .hero__grid {
  opacity: 0.095;
}

:root[data-theme="light"] .hero__vignette {
  background: none;
}

:root[data-theme="light"] .hero__image {
  filter: saturate(1) contrast(1);
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.container {
  width: min(100% - 40px, var(--container));
  margin-inline: auto;
}

/* Header / Nav */
.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 200;
  pointer-events: none;
}

.nav {
  pointer-events: auto;
}

.nav__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 0;
}

.site-header.is-scrolled .nav__inner {
  padding: 12px 0;
}

.nav__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  height: 72px;
  background: linear-gradient(180deg, rgba(5, 7, 18, 0.72), rgba(5, 7, 18, 0.0));
  pointer-events: none;
  z-index: -1;
}

:root[data-theme="light"] .nav__inner::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.0));
}

/* Band-style pages: avoid a “white strip” above the hero in light theme */
:root[data-theme="light"] .page-contact .nav__inner::before,
:root[data-theme="light"] .page-webdesign .nav__inner::before,
:root[data-theme="light"] .page-branding .nav__inner::before,
:root[data-theme="light"] .page-blog .nav__inner::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0));
}

.site-header.is-scrolled .nav__inner::before {
  height: 76px;
  background: rgba(5, 7, 18, 0.42);
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(14px);
}

:root[data-theme="light"] .site-header.is-scrolled .nav__inner::before {
  background: rgba(255, 255, 255, 0.72);
  border-bottom: 1px solid rgba(10, 12, 18, 0.10);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 220px;
}

.brand__mark {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.35);
  display: grid;
  place-items: center;
  overflow: hidden;
}

:root[data-theme="light"] .brand__mark {
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(10, 12, 18, 0.10);
  box-shadow: 0 12px 34px rgba(10, 12, 18, 0.12);
}

.brand__text {
  display: grid;
  line-height: 1.05;
}

.brand__name {
  font-weight: 800;
  letter-spacing: -0.02em;
  font-size: 16px;
}

.brand__sub {
  font-weight: 600;
  color: var(--muted);
  font-size: 13px;
}

.nav__toggle {
  display: none;
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(10, 16, 34, 0.35);
  color: var(--text);
  border-radius: 12px;
  padding: 10px 12px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(14px);
}

.nav__toggle-lines {
  width: 22px;
  height: 14px;
  display: block;
  position: relative;
}

.nav__toggle-lines::before,
.nav__toggle-lines::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.86);
  transition: transform 180ms ease, top 180ms ease, opacity 180ms ease;
}

.nav__toggle-lines::before {
  top: 2px;
}

.nav__toggle-lines::after {
  top: 10px;
}

:root[data-theme="light"] .nav__toggle {
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(10, 12, 18, 0.12);
  box-shadow: 0 12px 34px rgba(10, 12, 18, 0.12);
  color: rgba(10, 12, 18, 0.88);
}

:root[data-theme="light"] .nav__toggle-lines::before,
:root[data-theme="light"] .nav__toggle-lines::after {
  background: rgba(10, 12, 18, 0.82);
}

.nav__links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  flex: 1;
}

.nav__menu {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.nav__link {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.78);
  padding: 10px 10px;
  border-radius: 999px;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

/* Match <a> links: buttons reset font/line-height in UA styles and were misaligned */
.nav__link--toggle {
  font: inherit;
  display: inline-flex;
  align-items: center;
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  margin: 0;
  text-align: inherit;
}

.nav__service-wrap {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.nav__dropdown-toggle {
  padding-left: 6px;
  padding-right: 8px;
}

.nav__chev {
  display: inline-block;
  margin-left: 6px;
  opacity: 0.7;
  transform: translateY(-1px);
  font-size: 0; /* hide fallback glyph (can render as random letters) */
  width: 12px;
  height: 12px;
  vertical-align: middle;
}

.nav__chev::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translate(2px, 2px) rotate(45deg);
}

.nav__link:hover {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.94);
}

:root[data-theme="light"] .nav__link {
  color: rgba(10, 12, 18, 0.74);
}

:root[data-theme="light"] .nav__link:hover {
  background: rgba(10, 12, 18, 0.06);
  color: rgba(10, 12, 18, 0.92);
}

.nav__item {
  position: relative;
}

.nav__item--has-menu::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 14px;
  /* Invisible hover bridge between trigger and dropdown */
}

.nav__dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: min(1020px, calc(100vw - 40px));
  max-width: calc(100vw - 24px);
  padding: 16px;
  border-radius: 18px;
  background: rgba(7, 10, 18, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.62);
  backdrop-filter: blur(18px);
  transform: translateY(-8px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 160ms ease, transform 160ms ease;
}

.nav__dropdown-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  align-items: start;
}

.nav__dropdown-col {
  min-width: 0;
  padding: 8px 14px 10px;
}

.nav__dropdown-col + .nav__dropdown-col {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.nav__dropdown-title {
  margin: 0 0 12px;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.50);
}

.nav__dropdown-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 4px;
}

.nav__dropdown-link {
  display: block;
  padding: 10px 10px;
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.80);
  font-weight: 750;
  font-size: 13px;
  border: 1px solid transparent;
  background: transparent;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}

.nav__dropdown-link:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.10);
  color: rgba(255, 255, 255, 0.94);
}

.nav__dropdown-cta {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  padding: 12px 0 0;
  margin-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.nav__dropdown-all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.90);
  font-weight: 900;
  font-size: 12px;
  letter-spacing: -0.01em;
}

.nav__dropdown-all:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
}

/* Desktop behavior: hover opens */
@media (min-width: 761px) {
  .nav__item--has-menu:hover .nav__dropdown,
  .nav__item--has-menu:focus-within .nav__dropdown,
  .nav__item--has-menu.is-open .nav__dropdown {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .nav__item--has-menu:hover .nav__chev,
  .nav__item--has-menu:focus-within .nav__chev,
  .nav__item--has-menu.is-open .nav__chev {
    opacity: 1;
  }
}

.nav__right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.theme-toggle {
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(10, 16, 34, 0.35);
  color: var(--text);
  border-radius: 999px;
  padding: 10px 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: -0.01em;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(14px);
  cursor: pointer;
}

.theme-toggle:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
}

.theme-toggle:focus-visible {
  outline: none;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45), 0 0 0 4px rgba(11, 99, 246, 0.22);
}

.theme-toggle__icon {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  color: rgba(255, 255, 255, 0.86);
}

.theme-toggle__moon {
  display: none;
}

:root[data-theme="light"] .theme-toggle {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(10, 12, 18, 0.10);
  box-shadow: 0 12px 34px rgba(10, 12, 18, 0.12);
}

:root[data-theme="light"] .theme-toggle:hover {
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(10, 12, 18, 0.14);
}

:root[data-theme="light"] .theme-toggle__icon {
  color: rgba(10, 12, 18, 0.80);
}

:root[data-theme="light"] .theme-toggle__sun {
  display: none;
}

:root[data-theme="light"] .theme-toggle__moon {
  display: inline;
}

.nav__phone {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.86);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: -0.01em;
  backdrop-filter: blur(14px);
}

:root[data-theme="light"] .nav__phone {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(10, 12, 18, 0.10);
  color: rgba(10, 12, 18, 0.86);
  backdrop-filter: blur(14px);
}

.nav__phone-icon {
  color: rgba(11, 99, 246, 0.95);
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.nav__phone-icon svg {
  display: block;
}

/* Header right-side controls: keep one-line, slimmer height (match theme toggle) */
.site-header .nav__right .nav__phone,
.site-header .nav__right .btn.btn--sm {
  padding: 8px 10px;
  font-size: 12.5px;
  min-height: 37px;
}

.site-header .nav__right .btn.btn--sm {
  padding-left: 12px;
  padding-right: 12px;
}

.site-header .nav__right .nav__phone {
  gap: 6px;
}

.site-header .nav__right .nav__phone-text,
.site-header .nav__right .btn {
  white-space: nowrap;
}

/* Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 800;
  letter-spacing: -0.01em;
  font-size: 14px;
  border: 1px solid transparent;
  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease,
    border-color 160ms ease;
  user-select: none;
  text-decoration: none;
}

.btn:hover,
.btn:focus,
.btn:focus-visible,
.btn:active,
.btn:visited {
  text-decoration: none;
}

.btn--sm {
  padding: 10px 14px;
  font-size: 13px;
}

/* Header CTAs can crowd around ~tablet/compact desktop widths */
@media (max-width: 1120px) {
  .nav__right {
    gap: 8px;
  }

  .nav__phone {
    gap: 6px;
    padding: 9px 10px;
    font-size: 12.5px;
  }

  .btn--sm {
    padding: 9px 12px;
    font-size: 12.5px;
  }
}

/* At tight widths, keep phone as icon-only to prevent collisions */
@media (max-width: 1024px) {
  .nav__phone-text {
    display: none;
  }

  .nav__phone {
    padding: 9px 10px;
  }
}

.btn--lg {
  padding: 14px 18px;
  font-size: 14px;
}

.btn--primary {
  color: white;
  background: linear-gradient(180deg, rgba(11, 99, 246, 1), rgba(9, 79, 207, 1));
  box-shadow: 0 18px 50px rgba(11, 99, 246, 0.26), 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 255, 255, 0.10);
}

.btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 70px rgba(11, 99, 246, 0.34), 0 14px 45px rgba(0, 0, 0, 0.55);
}

.btn--secondary {
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(14px);
}

:root[data-theme="light"] .btn--secondary {
  color: rgba(10, 12, 18, 0.9);
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(10, 12, 18, 0.12);
}

:root[data-theme="light"] .btn--secondary:hover {
  background: rgba(255, 255, 255, 0.86);
}

.btn--secondary:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.09);
}

/* Hero */
.hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  padding: 100px 0 0;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  box-sizing: border-box;
}

.hero > * {
  min-width: 0;
}

/* Absolutely positioned – no need to participate in min-width calc */
.hero__bg {
  min-width: unset;
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: -1;
}

.hero__image {
  position: absolute;
  inset: 0;
  background-image: url("/images/omaha-1.jpg");
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
  filter: saturate(1.05) contrast(1.05);
}

/* About page hero image */
.about-hero .hero__image {
  background-image: url("/images/web-design-in-omaha-local-wordpress-support.jpg");
  /* Show more of the top of the photo */
  background-position: 50% 18%;
}

/* Lincoln landing page hero image */
.page-lincoln .hero--local .hero__image {
  background-image: url("/images/web-design-in-lincoln-nebraska.jpg");
}

/* Lincoln-only (not Omaha metro page): two-line local hero — primary white + nowrap, location red gradient */
.page-lincoln:not(.page-omaha) .hero--local .hero__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: min(100%, 36ch);
  gap: 0.12em;
}

.page-lincoln:not(.page-omaha) .hero--local .hero__title-line--primary {
  color: #fff;
  white-space: nowrap;
}

.page-lincoln:not(.page-omaha) .hero--local .hero__title-line--accent {
  display: block;
  line-height: 1.05;
}

.page-lincoln:not(.page-omaha) .hero--local .hero__title-line--accent.accent {
  padding-bottom: 0.08em;
  margin-bottom: -0.08em;
}

/* Schuyler page only: hero — maps-style sun canvas (no photo) */
.page-schuylar .hero--local {
  background:
    radial-gradient(ellipse min(120%, 900px) 85% at 8% 12%, rgba(255, 149, 64, 0.12), transparent 55%),
    radial-gradient(ellipse min(90%, 640px) 70% at 92% 22%, rgba(255, 106, 18, 0.1), transparent 52%),
    linear-gradient(180deg, #05060d 0%, #070a12 52%, #070a12 100%);
}

.page-schuylar .hero--local .hero__image {
  display: none;
}

.page-schuylar .hero--local .hero__overlay {
  background: transparent;
}

.page-schuylar .hero--local .hero__grid {
  opacity: 0.33;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 118, 52, 0.128), transparent 62%);
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
  -webkit-mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

.page-schuylar .hero--local .hero__vignette {
  display: none;
}

:root[data-theme="light"] .page-schuylar .hero--local {
  background:
    radial-gradient(ellipse min(120%, 900px) 90% at 6% 0%, rgba(255, 210, 170, 0.45), transparent 52%),
    radial-gradient(ellipse min(95%, 720px) 75% at 96% 18%, rgba(255, 173, 102, 0.22), transparent 55%),
    linear-gradient(180deg, #fffaf5 0%, #fff8f0 45%, #fff5eb 100%);
}

:root[data-theme="light"] .page-schuylar .hero--local .hero__overlay {
  background: transparent;
}

:root[data-theme="light"] .page-schuylar .hero--local .hero__grid {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.07) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.055) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 122, 40, 0.1), transparent 62%);
  opacity: 0.26;
}

/* Schuyler page only (`schuyler-ne-web-design-company.html`): hero badge sits in flow above title */
.page-schuylar .hero--local .hero__badge {
  margin-inline: auto;
  justify-content: center;
}

/* Papillion page only: hero headline matches homepage `section.hero .hero__title` */
.page-lincoln.page-papillion .hero--local .hero__title {
  display: block;
  max-width: 18ch;
  font-size: clamp(2.2rem, 2.2rem + 2.2vw, 4.15rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.15;
  padding-bottom: 0.14em;
  overflow: visible;
}

/* Schuyler page only: hero headline matches homepage `section.hero .hero__title` */
.page-schuylar .hero--local .hero__title {
  display: block;
  max-width: 18ch;
  font-size: clamp(2.2rem, 2.2rem + 2.2vw, 4.15rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.15;
  padding-bottom: 0.14em;
  overflow: visible;
}

.page-schuylar .hero--local .hero__title .accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  background-size: 260% 260%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  text-shadow: 0 18px 60px rgba(255, 122, 0, 0.24);
  animation: homeAccentShift 2.9s ease-in-out infinite;
}

:root[data-theme="light"] .page-schuylar .hero--local .hero__title .accent {
  background: none;
  -webkit-text-fill-color: var(--blue);
  color: var(--blue);
  text-shadow: none;
  animation: none;
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
}

/* Schuyler hero trust: bolt matches ◎ (blue chip, not yellow emoji) */
.page-schuylar .trust__item:nth-child(2) .trust__icon {
  color: rgba(11, 99, 246, 0.98);
  -webkit-text-fill-color: rgba(11, 99, 246, 0.98);
}

/* Fremont page only: hero — maps-style sun canvas with cooler blue glow (no photo) */
.page-fremont .hero--local {
  background:
    radial-gradient(ellipse min(115%, 880px) 82% at 12% 6%, rgba(58, 134, 255, 0.16), transparent 58%),
    radial-gradient(ellipse min(92%, 680px) 72% at 90% 20%, rgba(11, 99, 246, 0.12), transparent 54%),
    radial-gradient(ellipse min(75%, 520px) 60% at 48% 98%, rgba(255, 149, 64, 0.07), transparent 52%),
    linear-gradient(180deg, #05060d 0%, #070a12 52%, #070a12 100%);
}

.page-fremont .hero--local .hero__image {
  display: none;
}

.page-fremont .hero--local .hero__overlay {
  background: transparent;
}

.page-fremont .hero--local .hero__grid {
  opacity: 0.3;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(58, 134, 255, 0.14), transparent 62%);
  mask-image: radial-gradient(62% 56% at 48% 42%, black 50%, transparent 100%);
  -webkit-mask-image: radial-gradient(62% 56% at 48% 42%, black 50%, transparent 100%);
}

.page-fremont .hero--local .hero__vignette {
  display: none;
}

:root[data-theme="light"] .page-fremont .hero--local {
  background:
    radial-gradient(ellipse min(118%, 920px) 88% at 8% 0%, rgba(186, 218, 255, 0.55), transparent 54%),
    radial-gradient(ellipse min(98%, 760px) 78% at 94% 16%, rgba(58, 134, 255, 0.2), transparent 56%),
    linear-gradient(180deg, #f8fbff 0%, #f3f7fc 48%, #eef4fa 100%);
}

:root[data-theme="light"] .page-fremont .hero--local .hero__overlay {
  background: transparent;
}

:root[data-theme="light"] .page-fremont .hero--local .hero__grid {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.065) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.05) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(11, 99, 246, 0.09), transparent 62%);
  opacity: 0.24;
}

.page-fremont .hero--local .hero__badge {
  margin-inline: auto;
  justify-content: center;
}

.page-fremont .hero--local .hero__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.06em;
  max-width: none;
  font-size: clamp(2rem, 1.6rem + 2.4vw, 3.85rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.08;
  padding-bottom: 0.1em;
  overflow: visible;
}

.page-fremont .hero--local .hero__title .hero__title-line--accent.accent {
  background: linear-gradient(135deg, #0b63f6 0%, #3a86ff 42%, #0946c4 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  padding-bottom: 0.1em;
  margin-bottom: -0.1em;
  text-shadow: 0 18px 60px rgba(11, 99, 246, 0.22);
  animation: homeAccentShift 3.2s ease-in-out infinite;
}

:root[data-theme="light"] .page-fremont .hero--local .hero__title .hero__title-line--accent.accent {
  background: none;
  -webkit-text-fill-color: var(--blue);
  color: var(--blue);
  text-shadow: none;
  animation: none;
}

.page-fremont .trust__item:nth-child(2) .trust__icon {
  color: rgba(11, 99, 246, 0.98);
  -webkit-text-fill-color: rgba(11, 99, 246, 0.98);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .hero--local .hero__title-line--primary {
  color: rgba(10, 12, 18, 0.94);
}

@media (max-width: 400px) {
  .page-lincoln:not(.page-omaha) .hero--local .hero__title-line--primary {
    white-space: normal;
  }
}

/* Omaha landing page hero image */
.page-omaha .hero--local .hero__image {
  background-image: url("/images/bob-kerrey-pedestrian-bridge-web-design-omaha.jpg");
}

/* services.html: hero photo matches Omaha `.hero--local` (Bob Kerrey bridge) */
body:has(#core.section--services) .hero.hero--page.hero--services:not(.blog-hero) .hero__image {
  background-image: url("/images/bob-kerrey-pedestrian-bridge-web-design-omaha.jpg");
}

/* Blog page hero image (fallback; most pages set inline) */
.page-blog .hero--services .hero__image {
  background-image: url("/images/downtown-omaha-waterfountain.jpg");
  background-position: 50% center;
}

.hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2, 5, 12, 0.78), rgba(2, 5, 12, 0.90));
}

:root[data-theme="light"] .hero__overlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.80), rgba(246, 247, 251, 0.96));
}

/* About hero: warm overlay + sun ambience (align with Work `.portfolio-hero`, not blue-cooled stacks) */
.about-hero .hero__overlay {
  background: linear-gradient(180deg, rgba(22, 10, 6, 0.76), rgba(10, 6, 5, 0.92));
}

:root[data-theme="light"] .about-hero .hero__overlay {
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.82), rgba(255, 245, 236, 0.96));
}

.hero__grid {
  position: absolute;
  inset: -2px;
  /* Diamond grid (45° / 135°) — more visible than iso grid,
     but still distinct from a standard square lattice. */
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(11, 99, 246, 0.08), transparent 62%);
  opacity: 0.34;
  mask-image: radial-gradient(58% 54% at 50% 42%, black 52%, transparent 100%);
}

/* About hero: sun-wash diamond grid (no blue radial — matches portfolio hero tone) */
.about-hero .hero__grid {
  opacity: 0.34;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 149, 64, 0.14), transparent 62%);
  mask-image: radial-gradient(58% 56% at 50% 42%, black 52%, transparent 100%);
}

/* Blog listing hero — sun family with amber/gold variation (slightly brighter bloom + shifted mask vs `.about-hero`) */
.page-blog .blog-hero .hero__overlay {
  background: linear-gradient(180deg, rgba(26, 12, 5, 0.73), rgba(11, 5, 3, 0.91));
}

:root[data-theme="light"] .page-blog .blog-hero .hero__overlay {
  background: linear-gradient(180deg, rgba(255, 253, 248, 0.83), rgba(255, 246, 232, 0.96));
}

.page-blog .blog-hero .hero__grid {
  opacity: 0.32;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 188, 92, 0.118), transparent 62%);
  mask-image: radial-gradient(58% 58% at 48% 40%, black 52%, transparent 100%);
}

.page-blog .blog-hero .btn--primary {
  background: linear-gradient(180deg, #ff9428 0%, #ff7008 42%, #d94800 100%);
  box-shadow: 0 18px 50px rgba(255, 122, 40, 0.26), 0 14px 40px rgba(0, 0, 0, 0.42);
  border-color: rgba(255, 255, 255, 0.12);
}

.page-blog .blog-hero .btn--primary:hover {
  box-shadow: 0 22px 68px rgba(255, 150, 52, 0.32), 0 14px 42px rgba(0, 0, 0, 0.52);
}

:root[data-theme="light"] .page-blog .blog-hero .btn--primary {
  background: linear-gradient(180deg, #ff9a32 0%, #ff780e 45%, #e05800 100%);
  box-shadow: 0 14px 40px rgba(255, 130, 0, 0.2), 0 12px 32px rgba(10, 12, 18, 0.07);
}

:root[data-theme="light"] .page-blog .blog-hero .btn--primary:hover {
  box-shadow: 0 18px 50px rgba(255, 140, 48, 0.26), 0 12px 34px rgba(10, 12, 18, 0.09);
}

.hero__vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(60% 70% at 50% 40%, transparent 55%, rgba(0, 0, 0, 0.55) 100%);
}

.hero__content {
  flex: 1 1 auto;
  display: grid;
  gap: 18px;
  justify-items: center;
  align-content: center;
  min-height: 0;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
  box-sizing: border-box;
  padding: 0 0 20px;
}

.hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(10, 16, 34, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.82);
  font-weight: 700;
  font-size: 16px;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(14px);
}

.hero__badge-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.hero__badge-icon svg {
  width: 18px;
  height: 18px;
  display: block;
  filter: drop-shadow(0 0 8px rgba(255, 120, 64, 0.36));
}

.hero__title {
  position: relative;
  margin: 0;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.05;
  font-size: clamp(2.2rem, 2.2rem + 2.2vw, 4.15rem);
  max-width: 18ch;
}

.glow {
  position: absolute;
  left: 50%;
  top: 45%;
  width: min(820px, 110%);
  height: 320px;
  transform: translate(-50%, -50%);
  background: radial-gradient(closest-side, rgba(11, 99, 246, 0.30), transparent 70%);
  filter: blur(18px);
  z-index: -1;
}

.accent {
  background: linear-gradient(135deg, #ff1a1a 0%, #ff4b4b 32%, #d60000 100%);
  background-size: 260% 260%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 60px rgba(255, 26, 26, 0.24);
  animation: heroAccentShift 6.8s ease-in-out infinite;
}

.accent--static {
  animation: none;
  background-size: 100% 100%;
  text-shadow: 0 14px 46px rgba(255, 79, 216, 0.18);
}

/* Single-color accent option (brand blue) */
.accent--blue {
  background: linear-gradient(135deg, var(--blue) 0%, var(--blue-2) 55%, var(--blue) 100%);
  text-shadow: 0 14px 44px rgba(11, 99, 246, 0.22);
}

/* Omaha landing page only: make hero accent blue (match light-band accent treatment) */
.page-omaha .hero__title {
  line-height: 1.15;
  padding-bottom: 0.14em; /* prevents descenders (e.g. "g") clipping on tight hero lines */
  overflow: visible;
}

.page-omaha .hero__title .accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  padding-bottom: 0.12em; /* room for descenders inside background-clip:text box */
  margin-bottom: -0.12em; /* keep baseline alignment visually unchanged */
  text-shadow: 0 18px 60px rgba(11, 99, 246, 0.22);
  animation: none;
}

:root[data-theme="light"] .page-omaha .hero__title .accent {
  background: none;
  -webkit-text-fill-color: #ff5a00;
  color: #ffb000;
  text-shadow: none;
}

/* Services page only (`services.html`): `:not(.blog-hero)` excludes `blog.html` */
.hero.hero--page.hero--services:not(.blog-hero) .hero__title {
  line-height: 1.15;
  padding-bottom: 0.14em; /* prevents descenders (like "g") clipping on tight hero lines */
  overflow: visible;
}

/* Services page (`services.html`): accent matches homepage `.hero__title .accent` */
.hero.hero--page.hero--services:not(.blog-hero) .hero__title .accent {
  padding-bottom: 0.12em; /* ensures descenders render inside the clipped-text span */
  margin-bottom: -0.12em; /* keep baseline alignment visually unchanged */
  display: inline-block;
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  background-size: 260% 260%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 60px rgba(255, 122, 0, 0.24);
  animation: homeAccentShift 2.9s ease-in-out infinite;
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .hero__title .accent {
  background: none;
  -webkit-text-fill-color: var(--blue);
  color: var(--blue);
  text-shadow: none;
}

/* Services hero (`services.html`): sun family — coral / ember wash (vs About’s orange + Blog’s amber tilt) */
.hero.hero--page.hero--services:not(.blog-hero) .hero__overlay {
  background: linear-gradient(180deg, rgba(22, 9, 5, 0.755), rgba(10, 4, 2, 0.915));
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .hero__overlay {
  background: linear-gradient(180deg, rgba(255, 252, 248, 0.81), rgba(255, 242, 228, 0.965));
}

.hero.hero--page.hero--services:not(.blog-hero) .hero__grid {
  opacity: 0.33;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 118, 52, 0.128), transparent 62%);
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

.hero.hero--page.hero--services:not(.blog-hero) .hero__chip::before {
  background: linear-gradient(180deg, rgba(255, 168, 72, 1), rgba(255, 92, 28, 1));
  box-shadow: 0 0 0 3px rgba(255, 130, 56, 0.17);
}

.hero.hero--page.hero--services:not(.blog-hero) .btn--primary {
  background: linear-gradient(180deg, #ff8e22 0%, #ff6410 42%, #cf3600 100%);
  box-shadow: 0 18px 50px rgba(255, 110, 36, 0.27), 0 14px 40px rgba(0, 0, 0, 0.44);
  border-color: rgba(255, 255, 255, 0.12);
}

.hero.hero--page.hero--services:not(.blog-hero) .btn--primary:hover {
  box-shadow: 0 22px 68px rgba(255, 140, 52, 0.33), 0 14px 42px rgba(0, 0, 0, 0.52);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .btn--primary {
  background: linear-gradient(180deg, #ff9630 0%, #ff7410 45%, #dc4800 100%);
  box-shadow: 0 14px 40px rgba(255, 124, 36, 0.2), 0 12px 32px rgba(10, 12, 18, 0.07);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .btn--primary:hover {
  box-shadow: 0 18px 50px rgba(255, 136, 48, 0.26), 0 12px 34px rgba(10, 12, 18, 0.09);
}

.hero.hero--page.hero--services:not(.blog-hero) .panel__glow {
  background:
    radial-gradient(420px 280px at 44% 30%, rgba(255, 148, 82, 0.21), transparent 62%),
    radial-gradient(520px 360px at 68% 60%, rgba(255, 92, 34, 0.105), transparent 68%);
}

.hero.hero--page.hero--services:not(.blog-hero) .panel {
  background: rgba(15, 7, 4, 0.49);
  border-color: rgba(255, 172, 118, 0.14);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 148, 88, 0.1) inset;
}

.hero.hero--page.hero--services:not(.blog-hero) .stat {
  background: rgba(255, 94, 38, 0.052);
  border-color: rgba(255, 190, 138, 0.13);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .hero__title {
  color: rgba(10, 12, 18, 0.94);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .hero__subtitle strong {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .panel__glow {
  opacity: 0.42;
  background:
    radial-gradient(420px 280px at 44% 30%, rgba(255, 165, 118, 0.26), transparent 62%),
    radial-gradient(520px 360px at 68% 58%, rgba(255, 128, 72, 0.09), transparent 68%);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .panel {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(255, 148, 82, 0.22);
  box-shadow: 0 18px 52px rgba(10, 12, 18, 0.08), 0 0 0 1px rgba(255, 175, 125, 0.13) inset;
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .panel__grid {
  opacity: 0.06;
  background-image:
    linear-gradient(to right, rgba(10, 12, 18, 0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(10, 12, 18, 0.05) 1px, transparent 1px);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .panel__kicker {
  color: rgba(10, 12, 18, 0.52);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .panel__big {
  color: rgba(10, 12, 18, 0.88);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .stat {
  background: rgba(255, 198, 162, 0.36);
  border-color: rgba(255, 158, 104, 0.4);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .stat__num {
  color: rgba(10, 12, 18, 0.94);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .stat__label {
  color: rgba(10, 12, 18, 0.58);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .bullets li {
  background: rgba(255, 255, 255, 0.78);
  border-color: rgba(10, 12, 18, 0.08);
  color: rgba(10, 12, 18, 0.74);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .bullets strong {
  color: rgba(10, 12, 18, 0.92);
}

@keyframes servicesAccentShift {
  0% {
    background-position: 0% 50%;
    text-shadow: 0 18px 52px rgba(11, 99, 246, 0.22);
  }
  40% {
    background-position: 55% 40%;
    text-shadow: 0 18px 52px rgba(58, 134, 255, 0.22);
  }
  70% {
    background-position: 100% 50%;
    text-shadow: 0 18px 52px rgba(122, 223, 255, 0.18);
  }
  100% {
    background-position: 0% 50%;
    text-shadow: 0 18px 52px rgba(11, 99, 246, 0.22);
  }
}

@keyframes heroAccentShift {
  0% {
    background-position: 0% 50%;
    text-shadow: 0 18px 60px rgba(255, 26, 26, 0.24);
  }
  33% {
    background-position: 55% 40%;
    text-shadow: 0 18px 60px rgba(255, 255, 255, 0.16);
  }
  66% {
    background-position: 100% 50%;
    text-shadow: 0 18px 60px rgba(214, 0, 0, 0.22);
  }
  100% {
    background-position: 0% 50%;
    text-shadow: 0 18px 60px rgba(255, 26, 26, 0.24);
  }
}

/* Home + Spanish Omaha landing: sun-tone accent shimmer on hero title span */
.page-home .hero__title .accent,
.page-paginas-espanol .hero__title .accent,
.page-lincoln.page-papillion .hero--local .hero__title .accent {
  /* Hot sun-tone shimmer (no purple) */
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  background-size: 260% 260%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 60px rgba(255, 122, 0, 0.24);
  animation: homeAccentShift 2.9s ease-in-out infinite;
}

:root[data-theme="light"] .page-home .hero__title .accent,
:root[data-theme="light"] .page-paginas-espanol .hero__title .accent,
:root[data-theme="light"] .page-lincoln.page-papillion .hero--local .hero__title .accent {
  background: none;
  -webkit-text-fill-color: var(--blue);
  color: var(--blue);
  text-shadow: none;
}

/* Spanish Omaha landing: warm hero mesh (sun family, aligns with about/blog heroes) */
.page-paginas-espanol .hero .hero__overlay {
  background: linear-gradient(180deg, rgba(22, 10, 6, 0.76), rgba(10, 6, 5, 0.92));
}

:root[data-theme="light"] .page-paginas-espanol .hero .hero__overlay {
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.82), rgba(255, 245, 236, 0.96));
}

.page-paginas-espanol .hero .hero__grid {
  opacity: 0.34;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 149, 64, 0.14), transparent 62%);
  mask-image: radial-gradient(58% 56% at 50% 42%, black 52%, transparent 100%);
}

/* Spanish Omaha: `#servicios` → local → WP CTA → footer — one `--surface-footer` field (fixed = no strip between sections; matches homepage band) */
:root:not([data-theme="light"]) .page-paginas-espanol main > .section.section--alt,
:root:not([data-theme="light"]) .page-paginas-espanol main > #services-process,
:root:not([data-theme="light"]) .page-paginas-espanol main > #contact.contact-section,
:root:not([data-theme="light"]) .page-paginas-espanol main > .section.section--wp-cta,
:root:not([data-theme="light"]) .page-paginas-espanol .site-footer {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

:root[data-theme="light"] .page-paginas-espanol main > .section.section--alt,
:root[data-theme="light"] .page-paginas-espanol main > #services-process,
:root[data-theme="light"] .page-paginas-espanol main > #contact.contact-section,
:root[data-theme="light"] .page-paginas-espanol main > .section.section--wp-cta,
:root[data-theme="light"] .page-paginas-espanol .site-footer {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

/* Spanish Omaha: Quiénes somos + growth — one `.about-why-grow` canvas (matches about.html) */
.page-paginas-espanol .about-why-grow {
  position: relative;
  isolation: isolate;
}

.page-paginas-espanol .about-why-grow > #servicios.about-who-band.section--thin {
  padding-bottom: clamp(2rem, 3vw, 2.75rem);
  border-top: 0;
  border-bottom: 0;
}

/* Quiénes somos → growth: one flat canvas (no section--alt hairline or sun bar) */
.page-paginas-espanol .about-why-grow > .about-growth.section.about-growth {
  border-top: 0;
  border-bottom: 0;
}

.page-paginas-espanol .about-why-grow > .about-growth.section.about-growth::before {
  content: none;
  display: none;
}

.page-paginas-espanol .about-why-grow > .about-growth .about-growth__inner > .eyebrow {
  justify-content: center;
}

/* Team → pains: one `.about-why-grow` canvas (no `.section` 86px band or overlay washes) */
.page-paginas-espanol .about-why-grow > .section--team {
  padding-bottom: clamp(2rem, 3vw, 2.75rem);
}

.page-paginas-espanol .about-why-grow > .section--team + .section--webdesign-pains--lincoln {
  margin-top: -2px;
  padding-top: clamp(1.25rem, 2.5vw, 2rem);
  padding-bottom: clamp(2rem, 3.5vw, 3rem);
}

.page-paginas-espanol .about-why-grow > .section--webdesign-pains--lincoln {
  position: relative;
  z-index: 1;
  padding-top: clamp(1.25rem, 2.5vw, 2rem);
  padding-bottom: clamp(2rem, 3.5vw, 3rem);
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

.page-paginas-espanol .about-why-grow > .section--webdesign-pains--lincoln::before,
.page-paginas-espanol .about-why-grow > .section--webdesign-pains--lincoln .section--services__fade,
.page-paginas-espanol .about-why-grow > .section--webdesign-pains--lincoln .webdesign-pains__bg {
  content: none;
  display: none !important;
}

.page-paginas-espanol .about-why-grow > .section--webdesign-pains--lincoln .webdesign-pains__inner::before {
  content: none;
  display: none;
}

.page-paginas-espanol #espanol-webdesign-problems-rotator {
  margin-top: clamp(1rem, 0.6rem + 1.2vw, 1.5rem);
}

.page-paginas-espanol .about-why-grow > .section--webdesign-pains--lincoln .webdesign-pains {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .page-paginas-espanol .about-why-grow > .section--webdesign-pains--lincoln .webdesign-pains {
  background: rgba(10, 12, 18, 0.02);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 18px 55px rgba(10, 12, 18, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

/* Growth → Proceso: one fluid band (no double padding seam) */
.page-paginas-espanol .about-why-grow + #services-process {
  padding-top: clamp(1.5rem, 2.5vw, 2.5rem);
}

/* Spanish Omaha: body copy at 22px */
.page-paginas-espanol #servicios .about-who__copy,
.page-paginas-espanol #servicios .lead,
.page-paginas-espanol .about-why-grow > .about-growth .about-growth__lead,
.page-paginas-espanol .about-why-grow > .section--webdesign-pains--lincoln .section__head--tight > .section__sub,
.page-paginas-espanol #services-process .section__sub.section__sub--process,
.page-paginas-espanol main > #contact.contact-section .contact-section__sub {
  font-size: 22px;
  line-height: 1.65;
}

.page-paginas-espanol #servicios #espanol-quienes-somos-title,
.page-paginas-espanol .about-why-grow #espanol-growth-title,
.page-paginas-espanol .about-why-grow #espanol-team-title,
.page-paginas-espanol .about-why-grow #espanol-pains-title {
  font-size: 48px;
}

.page-paginas-espanol #servicios .lead a {
  color: #ffb000;
  border-bottom: 1px solid rgba(255, 176, 0, 0.45);
  text-decoration: none;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.page-paginas-espanol #servicios .lead a:hover {
  color: #ffd454;
  border-bottom-color: rgba(255, 212, 84, 0.75);
}

:root[data-theme="light"] .page-paginas-espanol #servicios .lead a {
  color: #ffb000;
  border-bottom: 1px solid rgba(255, 176, 0, 0.42);
}

:root[data-theme="light"] .page-paginas-espanol #servicios .lead a:hover {
  color: #cc8e00;
  border-bottom-color: rgba(255, 176, 0, 0.58);
}

/* Spanish Omaha: `#services-process` below `#servicios` — matches services.html process band */
.page-paginas-espanol #services-process {
  position: relative;
  z-index: 1;
  padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(2rem, 4vw, 3rem);
}

.page-paginas-espanol #services-process .section-divider--process {
  display: none;
}

.page-paginas-espanol #services-process .work-band__process-inner {
  max-width: min(100%, 1180px);
  margin-inline: auto;
  padding-bottom: clamp(12px, 2vw, 28px);
}

.page-paginas-espanol #services-process .section__head--process {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(10px, 1.6vw, 16px);
  max-width: min(100%, 56rem);
  margin-inline: auto;
  margin-bottom: clamp(36px, 5vw, 52px);
  text-align: center;
}

.page-paginas-espanol #services-process .eyebrow--process {
  justify-content: center;
  width: 100%;
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .page-paginas-espanol #services-process .eyebrow--process {
  color: rgba(10, 12, 18, 0.55);
}

.page-paginas-espanol #services-process .eyebrow__dot--warm {
  display: none;
}

.page-paginas-espanol #services-process .process__title,
.page-paginas-espanol #services-process #servicios-process-heading {
  width: 100%;
  max-width: min(100%, 36rem);
  margin: 0;
  padding: 0;
  font-size: 48px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.04em;
  text-align: center;
  text-wrap: balance;
}

.page-paginas-espanol #services-process .process__glow {
  opacity: 0.45;
}

.page-paginas-espanol #services-process .section__sub.section__sub--process {
  width: 100%;
  max-width: 100%;
  margin: 0;
  text-align: center;
}

@media (max-width: 900px) {
  .page-paginas-espanol #services-process .process__title,
  .page-paginas-espanol #services-process #servicios-process-heading {
    font-size: clamp(1.65rem, 4.5vw, 2.5rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-paginas-espanol #services-process .process-hchain__item:hover .process-hchain__marker,
  .page-paginas-espanol #services-process .process-hchain__item:hover .process-hchain__title {
    transition: none;
  }
}

.page-paginas-espanol .section--wp-cta::after {
  display: none;
}

/* Contact → WP CTA: no negative pull-up (clips “Siguiente paso” kicker) */
.page-paginas-espanol main > #contact.contact-section + .section.section--wp-cta {
  padding-top: clamp(2rem, 4vw, 3rem);
  overflow: visible;
}

.page-paginas-espanol .section--wp-cta {
  overflow: visible;
}

/* Spanish page: contact after proceso — same treatment as drone `#contact` on footer canvas */
.page-paginas-espanol main > #contact.contact-section {
  position: relative;
  z-index: 1;
  padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(2rem, 4vw, 3rem);
}

.page-paginas-espanol main > #services-process + #contact.contact-section {
  padding-top: clamp(1.5rem, 2.5vw, 2.5rem);
}

.page-paginas-espanol main > #contact.contact-section .contact-section__bg {
  display: none;
}

.page-paginas-espanol main > #contact.contact-section .contact-section__head {
  margin-bottom: clamp(28px, 4vw, 44px);
}

.page-paginas-espanol main > #contact.contact-section .contact-section__head .eyebrow {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-paginas-espanol main > #contact.contact-section .contact-section__head .eyebrow {
  color: rgba(10, 12, 18, 0.62);
}

.page-paginas-espanol main > #contact .contact-section__head .connect-cta__title,
.page-paginas-espanol #espanol-contact-heading {
  margin: 0 auto 10px;
  max-width: 22ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.96);
  text-wrap: balance;
}

.page-paginas-espanol #espanol-contact-heading .about-accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

:root[data-theme="light"] .page-paginas-espanol #espanol-contact-heading {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-paginas-espanol #espanol-contact-heading .about-accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.page-paginas-espanol main > #contact.contact-section .contact-form-wrap .contact-form {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 22px clamp(16px, 2.5vw, 26px);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .page-paginas-espanol main > #contact.contact-section .contact-form-wrap .contact-form {
  background: #ffffff;
  border-color: var(--light-line);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

/* Same canvas as sections above — only the sun hairline (::before) separates visually */
.page-paginas-espanol .site-footer {
  border-top: 0;
}

/* CTA card: match homepage glass on this shared footer canvas */
.page-paginas-espanol .section--wp-cta .wp-cta {
  margin-top: 0;
  overflow: visible;
  border-radius: 10px;
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 760px) {
  .page-paginas-espanol .section--wp-cta .wp-cta {
    margin-top: 0;
  }
}

:root[data-theme="light"] .page-paginas-espanol .section--wp-cta .wp-cta {
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

@keyframes homeAccentShift {
  0% {
    background-position: 0% 50%;
    text-shadow: 0 18px 60px rgba(255, 90, 0, 0.22);
  }
  35% {
    background-position: 55% 40%;
    text-shadow: 0 18px 60px rgba(255, 196, 0, 0.22);
  }
  70% {
    background-position: 100% 50%;
    text-shadow: 0 18px 60px rgba(255, 35, 35, 0.20);
  }
  100% {
    background-position: 0% 50%;
    text-shadow: 0 18px 60px rgba(255, 90, 0, 0.22);
  }
}

.page-home #process .step__num::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
}

.page-home #process .step:not(:last-child)::after {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(7, 10, 18, 0.88);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-opacity='1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

/* Homepage #services: restrained card surfaces; icon ring matches `#process` `.step__num` (sun gradient) */
.page-home #services .service-card {
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
}

.page-home #services .service-card:hover {
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(58, 134, 255, 0.08) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
  transform: translateY(-1px);
}

:root[data-theme="light"] .page-home #services .service-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-home #services .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

/* Homepage #work CTA: same panel stack as `#services` `.service-card` */
.page-home #work.light-band__segment .work-band__cta {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  box-shadow: none;
  overflow: hidden;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.page-home #work.light-band__segment .work-band__cta::before,
.page-home #work.light-band__segment .work-band__cta::after {
  display: none;
}

.page-home #work.light-band__segment .work-band__cta:hover {
  border-color: rgba(255, 255, 255, 0.13);
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(58, 134, 255, 0.08) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
  transform: translateY(-1px);
}

:root[data-theme="light"] .page-home #work.light-band__segment .work-band__cta {
  border-color: rgba(10, 12, 18, 0.1);
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-home #work.light-band__segment .work-band__cta:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

.page-home #services .service-card__icon {
  background: rgba(12, 14, 20, 0.72);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.page-home #services .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  opacity: 0.92;
}

:root[data-theme="light"] .page-home #services .service-card__icon {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.07);
}

:root[data-theme="light"] .page-home #services .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  opacity: 0.92;
}

/* Homepage #services: tighter service cards on mobile (single-column stack) */
@media (max-width: 760px) {
  .page-home #services .services__grid {
    gap: 10px 12px;
  }

  .page-home #services .service-card {
    padding: 16px 50px 16px 16px;
    border-radius: 8px;
  }

  .page-home #services .service-card__icon {
    top: 14px;
    right: 14px;
    min-width: 36px;
    min-height: 32px;
    padding: 5px 8px;
    border-radius: 10px;
  }

  .page-home #services .service-card__icon svg {
    width: 16px;
    height: 16px;
  }

  .page-home #services .service-card__tag {
    margin-bottom: 8px;
    font-size: 12px;
    letter-spacing: 0.1em;
  }

  .page-home #services .service-card__title {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.25;
  }

  .page-home #services .service-card__text {
    font-size: 13px;
    line-height: 1.55;
  }

  .page-home #services .service-card__note {
    margin-top: 10px;
    padding-top: 10px;
    font-size: 11px;
    line-height: 1.45;
  }
}

/* Homepage: services band — canvas unified with build → intake → local → WP CTA (see `:root… .page-home #services.section--services` near `#contact.cta`) */
.page-home #services.section--services {
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

.page-home #services.section--services::before {
  display: none;
}

.page-home #services .section--services__fade {
  display: none;
}

/* No blue chrome in services header — match `#work` link / divider language */
.page-home #services .services__lead {
  border-left-color: rgba(255, 255, 255, 0.14);
}

.page-home #services .services__lead a {
  color: #ffb000;
  border-bottom: 1px solid rgba(255, 176, 0, 0.45);
  text-decoration: none;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.page-home #services .services__lead a:hover {
  color: #ffd454;
  border-bottom-color: rgba(255, 212, 84, 0.75);
}

/* Homepage #services: headline matches `#work-intro-title` scale + sun accent; stat row like `#drone-hero` */
.page-home #services .services__head-col .services__title {
  max-width: min(100%, 38ch);
  font-size: 48px;
  font-weight: 900;
  letter-spacing: -0.042em;
  line-height: 1.1;
}

.page-home #services .services__intro-stats {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 0;
  margin: clamp(0.85rem, 2vw, 1.35rem) 0 0;
  padding-top: clamp(0.65rem, 1.4vw, 1rem);
  border-top: 0;
}

.page-home #services .services__intro-stats::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.page-home #services .services__intro-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 10px 12px;
  text-align: center;
  background: transparent;
  border: 0;
  color: rgba(255, 255, 255, 0.95);
}

.page-home #services .services__intro-stat + .services__intro-stat {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.page-home #services .services__intro-stat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px;
  color: #c73f18;
  background: transparent;
  font-size: 1.45rem;
}

.page-home #services .services__intro-stat-icon svg {
  width: 26px;
  height: 26px;
}

.page-home #services .services__intro-stat strong {
  display: block;
  font-size: 1.12rem;
  margin-bottom: 0.2rem;
}

.page-home #services .services__intro-stat p {
  margin: 0;
  font-size: 0.98rem;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.45;
}

:root[data-theme="light"] .page-home #services .services__intro-stats::before {
  background: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .page-home #services .services__intro-stat + .services__intro-stat {
  border-left-color: rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-home #services .services__intro-stat {
  color: rgba(10, 12, 18, 0.88);
}

:root[data-theme="light"] .page-home #services .services__intro-stat p {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .page-home #services .services__intro-stat-icon {
  color: #9a3412;
}

@media (max-width: 640px) {
  .page-home #services .services__intro-stats {
    grid-template-columns: 1fr;
  }

  .page-home #services .services__intro-stat + .services__intro-stat {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  :root[data-theme="light"] .page-home #services .services__intro-stat + .services__intro-stat {
    border-top-color: rgba(10, 12, 18, 0.08);
  }
}

.page-home section.section--light.light-band .section--light__shadow-fall {
  display: none;
}

:root[data-theme="light"] .page-home #services.section--services {
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

:root[data-theme="light"] .page-home #services.section--services::before {
  display: none;
}

:root[data-theme="light"] .page-home #services .section--services__fade {
  display: none;
}

:root[data-theme="light"] .page-home #services .services__lead {
  border-left-color: rgba(10, 12, 18, 0.12);
}

:root[data-theme="light"] .page-home #services .services__lead a {
  color: #ffb000;
  border-bottom: 1px solid rgba(255, 176, 0, 0.42);
}

:root[data-theme="light"] .page-home #services .services__lead a:hover {
  color: #cc8e00;
  border-bottom-color: rgba(255, 176, 0, 0.58);
}

/* Homepage: common problems — same fixed canvas as #services (one continuous radial, no strip) */
.page-home .section--webdesign-pains--lincoln {
  margin-top: -1px;
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

.page-home .section--webdesign-pains--lincoln .section--services__fade,
.page-home .section--webdesign-pains--lincoln .webdesign-pains__bg {
  display: none;
}

:root[data-theme="light"] .page-home .section--webdesign-pains--lincoln {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

/* Lincoln page only: Husker red/white icon outlines */
.page-lincoln #services .service-card__icon::before {
  background: linear-gradient(135deg, #e11d48 0%, #ffffff 46%, #b91c1c 100%);
}

/* Lincoln page: swap turquoise accents inside the "served" panel to Husker red */
.page-lincoln .lincoln-served__pin {
  color: rgba(225, 29, 72, 0.95);
  background: rgba(225, 29, 72, 0.12);
  border-color: rgba(225, 29, 72, 0.28);
  box-shadow: 0 10px 28px rgba(225, 29, 72, 0.14);
}

.page-lincoln .lincoln-served__accent {
  color: rgba(225, 29, 72, 0.92);
  text-shadow: 0 18px 50px rgba(225, 29, 72, 0.22);
}

.page-lincoln .lincoln-served__icon {
  color: rgba(225, 29, 72, 0.92);
  background: rgba(225, 29, 72, 0.08);
  border-color: rgba(225, 29, 72, 0.22);
}

:root[data-theme="light"] .page-lincoln .lincoln-served__pin {
  color: rgba(185, 28, 28, 0.96);
  background: rgba(225, 29, 72, 0.10);
  border-color: rgba(185, 28, 28, 0.22);
  box-shadow: 0 10px 28px rgba(185, 28, 28, 0.10);
}

:root[data-theme="light"] .page-lincoln .lincoln-served__accent {
  color: rgba(185, 28, 28, 0.92);
  text-shadow: 0 18px 50px rgba(185, 28, 28, 0.12);
}

:root[data-theme="light"] .page-lincoln .lincoln-served__icon {
  color: rgba(185, 28, 28, 0.92);
  background: rgba(225, 29, 72, 0.08);
  border-color: rgba(185, 28, 28, 0.16);
}

/* Lincoln page: FAQ-band `.wp-cta` panel matches homepage “Get started” glass (not Husker flat panel) */
.page-lincoln .lincoln-faq-cta .wp-cta {
  border-radius: 10px;
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}

.page-lincoln .lincoln-faq-cta .wp-cta__accent,
.page-lincoln #lincoln-faq-title .wp-cta__accent {
  background: linear-gradient(135deg, #e11d48 0%, #ffffff 46%, #b91c1c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 50px rgba(225, 29, 72, 0.20);
  display: inline-block;
}

.page-lincoln .lincoln-faq-cta .wp-cta__kicker {
  color: rgba(255, 255, 255, 0.86);
  background: none;
  border: 0;
}

:root[data-theme="light"] .page-lincoln .lincoln-faq-cta .wp-cta {
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-lincoln .lincoln-faq-cta .wp-cta__accent,
:root[data-theme="light"] .page-lincoln #lincoln-faq-title .wp-cta__accent {
  background: none;
  -webkit-text-fill-color: #b91c1c;
  color: #b91c1c;
  text-shadow: none;
}

:root[data-theme="light"] .page-lincoln .lincoln-faq-cta .wp-cta__kicker {
  color: rgba(185, 28, 28, 0.92);
  background: none;
  border: 0;
}

.page-lincoln .lincoln-faq-cta .wp-cta .btn--primary {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 52%, #991b1b 100%);
  box-shadow: 0 18px 50px rgba(225, 29, 72, 0.28), 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 200, 210, 0.35);
}

.page-lincoln .lincoln-faq-cta .wp-cta .btn--primary:hover {
  box-shadow: 0 22px 70px rgba(225, 29, 72, 0.34), 0 14px 45px rgba(0, 0, 0, 0.55);
}

:root[data-theme="light"] .page-lincoln .lincoln-faq-cta .wp-cta .btn--primary {
  background: linear-gradient(180deg, #e11d48 0%, #be123c 100%);
  box-shadow: 0 14px 38px rgba(225, 29, 72, 0.18), 0 8px 26px rgba(10, 12, 18, 0.08);
  border-color: rgba(225, 29, 72, 0.28);
}

:root[data-theme="light"] .page-lincoln .lincoln-faq-cta .wp-cta .btn--primary:hover {
  box-shadow: 0 18px 46px rgba(225, 29, 72, 0.22), 0 10px 30px rgba(10, 12, 18, 0.1);
}

.page-lincoln .lincoln-faq-cta .wp-cta .btn--secondary {
  border-color: rgba(248, 180, 190, 0.35);
}

:root[data-theme="light"] .page-lincoln .lincoln-faq-cta .wp-cta .btn--secondary {
  border-color: rgba(185, 28, 28, 0.2);
}

/* Lincoln web design only: FAQ shell top hairline — Husker red (not default sun gradient) */
.page-lincoln:not(.page-omaha):not(.page-papillion) .lincoln-faq-cta .contact-faq__shell::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(225, 29, 72, 0.55) 32%,
    rgba(190, 18, 60, 0.92) 50%,
    rgba(153, 27, 27, 0.55) 68%,
    transparent 100%
  );
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha):not(.page-papillion) .lincoln-faq-cta .contact-faq__shell::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(225, 29, 72, 0.42) 30%,
    rgba(190, 18, 60, 0.78) 50%,
    rgba(185, 28, 28, 0.42) 70%,
    transparent 100%
  );
}

@keyframes aboutAccentShift {
  0% {
    background-position: 0% 50%;
    text-shadow: 0 18px 52px rgba(11, 99, 246, 0.22);
  }
  40% {
    background-position: 55% 40%;
    text-shadow: 0 18px 52px rgba(58, 134, 255, 0.22);
  }
  70% {
    background-position: 100% 50%;
    text-shadow: 0 18px 52px rgba(122, 223, 255, 0.18);
  }
  100% {
    background-position: 0% 50%;
    text-shadow: 0 18px 52px rgba(11, 99, 246, 0.22);
  }
}

/* Same blue + baby-blue treatment as services hero `.accent` (“grow”) — no purple */
.about-accent {
  background: linear-gradient(135deg, #0b63f6 0%, #7adfff 35%, #3a86ff 62%, #0946c4 100%);
  background-size: 260% 260%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  text-shadow: 0 18px 52px rgba(11, 99, 246, 0.22);
  animation: servicesAccentShift 5.8s ease-in-out infinite;
}

:root[data-theme="light"] .about-accent {
  background: none;
  -webkit-text-fill-color: var(--blue);
  color: var(--blue);
  text-shadow: none;
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .accent {
    animation: none;
    background-size: 100% 100%;
  }

  .about-accent {
    animation: none;
    background-size: 100% 100%;
  }
}

.hero__subtitle {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  max-width: 72ch;
  font-size: 22px;
  line-height: 1.7;
}

:root[data-theme="light"] .hero__subtitle {
  color: rgba(10, 12, 18, 0.72);
}

.hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 8px;
}

.trust {
  margin-top: 14px;
  width: min(920px, 100%);
  border-radius: var(--radius);
  background: rgba(10, 16, 34, 0.40);
  border: 1px solid rgba(255, 255, 255, 0.10);
  padding: 16px 16px;
  box-shadow: 0 22px 80px rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(14px);
}

:root[data-theme="light"] .trust {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(10, 12, 18, 0.10);
  box-shadow: 0 22px 80px rgba(10, 12, 18, 0.10);
}

.trust__lead {
  font-weight: 800;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.86);
  font-size: 13px;
}

:root[data-theme="light"] .trust__lead {
  color: rgba(10, 12, 18, 0.86);
}

.trust__row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  padding: 10px 0 0 0;
  margin: 0;
  list-style: none;
  justify-content: center;
}

.trust__item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 700;
  font-size: 13px;
}

:root[data-theme="light"] .trust__item {
  color: rgba(10, 12, 18, 0.70);
}

.trust__icon {
  width: 22px;
  height: 22px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(11, 99, 246, 0.14);
  border: 1px solid rgba(11, 99, 246, 0.22);
  color: rgba(11, 99, 246, 0.98);
  font-variant-emoji: text;
  font-size: 13px;
  line-height: 1;
}

/* Hero: logo / stack ticker (pinned to bottom of section) */
.hero__ticker-outer {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 0 calc(14px + env(safe-area-inset-bottom, 0));
  /* Full-width bar at section foot */
  background: linear-gradient(
    0deg,
    rgba(1, 3, 9, 0.92) 0%,
    rgba(3, 6, 16, 0.72) 50%,
    rgba(0, 0, 0, 0.25) 100%
  );
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 1;
  contain: inline-size;
}

:root[data-theme="light"] .hero__ticker-outer {
  background: rgba(255, 255, 255, 0.92);
  border-top-color: rgba(10, 12, 18, 0.10);
  box-shadow: 0 -12px 40px rgba(10, 12, 18, 0.08);
}

.hero__ticker-title {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
}

:root[data-theme="light"] .hero__ticker-title {
  color: rgba(10, 12, 18, 0.45);
}

.hero__ticker {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.hero__ticker-track {
  display: flex;
  width: max-content;
  max-width: none;
  flex-shrink: 0;
  will-change: transform;
  /* Beat global `* { animation-iteration-count: 1 !important }` (reduced-motion block) so marquee stays infinite */
  animation: heroTicker 48s linear infinite !important;
}

@keyframes heroTicker {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.hero__ticker-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 36px;
  list-style: none;
  margin: 0;
  padding: 10px 16px;
}

.hero__ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.52);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

:root[data-theme="light"] .hero__ticker-item {
  color: rgba(10, 12, 18, 0.55);
}

.hero__ticker-icon {
  display: block;
  flex-shrink: 0;
  opacity: 0.9;
}

img.hero__ticker-icon {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

svg.hero__ticker-icon {
  width: 28px;
  height: 28px;
}

.hero__ticker-icon--dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(45, 212, 191, 0.95);
  box-shadow: 0 0 0 1px rgba(45, 212, 191, 0.35);
  opacity: 1;
}

:root[data-theme="light"] .hero__ticker-icon--dot {
  background: rgba(13, 148, 136, 0.95);
  box-shadow: 0 0 0 1px rgba(13, 148, 136, 0.28);
}

@media (prefers-reduced-motion: reduce) {
  .hero__ticker-track {
    animation: none !important;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }

  .hero__ticker-list[aria-hidden="true"] {
    display: none;
  }

  .hero__ticker-list {
    flex-wrap: wrap;
    justify-content: center;
  }

  .hero__ticker {
    mask-image: none;
    -webkit-mask-image: none;
  }
}

/* Page hero (internal pages) */
.hero--page {
  min-height: 78svh;
  padding-bottom: 34px;
}

.hero--page .hero__content {
  padding-bottom: 0;
}

.hero--services {
  /* Keep services hero aligned with other internal page heroes (ticker adds height) */
  min-height: 78svh;
}

/* Services page: pin ticker to hero bottom */
.hero--services {
  position: relative;
  padding-bottom: 96px;
}

.hero--services > .hero__ticker-outer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}

/* services.html hero: single column after panel removal — centered stack */
.hero.hero--page.hero--services .split.split--services-hero-single {
  grid-template-columns: 1fr;
  max-width: min(48rem, 100%);
  gap: 0;
  padding: clamp(10px, 1.6vw, 18px) 0 6px;
  align-items: center;
  justify-items: center;
  margin-inline: auto;
}

.hero.hero--page.hero--services .split--services-hero-single > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}

.hero.hero--page.hero--services .hero__title--services-page {
  text-align: center;
  margin-inline: auto;
  max-width: min(30ch, 100%);
}

.page-website-analytics .hero__title--services-page .hero__title-line {
  display: block;
}

.page-website-analytics #analytics-hero .hero__ads-stat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(378px, 100%);
  margin-inline: auto;
}

@media (max-width: 480px) {
  .page-website-analytics #analytics-hero .hero__ads-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(378px, 100%);
  }
}

.hero.hero--page.hero--services .hero__subtitle--services-page {
  text-align: center;
  margin: 10px auto 0;
  max-width: 42rem;
}

.hero.hero--page.hero--services .split__actions--services-hero {
  margin-top: 18px;
  justify-content: center;
  width: 100%;
}

.hero.hero--page.hero--services .hero__chips--services-page {
  margin-top: 14px;
  justify-content: center;
  width: 100%;
}

/* Google Ads: services-layout hero — stat row + quote CTA replace chip links */
.page-google-ads .hero.hero--page.hero--google-ads .hero__ads-trust {
  margin-top: 22px;
  width: 100%;
  max-width: min(56rem, 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

.page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 16px 10px 18px;
  border-radius: 12px;
  border: 1px solid rgba(130, 170, 255, 0.22);
  background:
    radial-gradient(ellipse 120% 80% at 50% 0%, rgba(58, 134, 255, 0.08), transparent 55%),
    rgba(8, 12, 22, 0.78);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

.page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
}

.page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-ico svg {
  width: 22px;
  height: 22px;
}

.page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-val {
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: clamp(1.35rem, 1.1rem + 1vw, 1.85rem);
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.96);
}

.page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-val--currency {
  display: inline-flex;
  align-items: baseline;
  gap: 0.04em;
}

.page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-val--currency > [data-countup] {
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
}

.page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-lbl {
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.52);
  max-width: 12ch;
}

.page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: linear-gradient(180deg, #ff9428 0%, #ff6a12 42%, #e04000 100%);
  box-shadow:
    0 22px 60px rgba(255, 110, 36, 0.42),
    0 14px 40px rgba(0, 0, 0, 0.45);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-cta:hover {
  transform: translateY(-1px);
  box-shadow:
    0 26px 72px rgba(255, 130, 48, 0.48),
    0 14px 44px rgba(0, 0, 0, 0.52);
}

:root[data-theme="light"] .page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-card {
  border-color: rgba(10, 12, 18, 0.1);
  background: linear-gradient(180deg, #ffffff 0%, rgba(248, 250, 252, 0.98) 100%);
  box-shadow: 0 6px 22px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-val {
  color: rgba(10, 12, 18, 0.94);
}

:root[data-theme="light"] .page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-lbl {
  color: rgba(10, 12, 18, 0.55);
}

:root[data-theme="light"] .page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-ico {
  background: rgba(11, 99, 246, 0.06);
}

:root[data-theme="light"] .page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-cta {
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow:
    0 16px 44px rgba(255, 124, 36, 0.28),
    0 10px 28px rgba(10, 12, 18, 0.08);
}

@media (max-width: 900px) {
  .page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .page-google-ads .hero.hero--page.hero--google-ads .hero__ads-stat-grid {
    grid-template-columns: 1fr;
  }
}

/* Google Ads: marquee pinned inside services hero (was sibling of `.contact-wp-hero`) */
.page-google-ads .hero.hero--page.hero--services > .hero__ticker-outer--contact {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  gap: 8px;
  padding: 12px 0 calc(14px + env(safe-area-inset-bottom, 0));
  background: linear-gradient(
    0deg,
    rgba(1, 3, 9, 0.92) 0%,
    rgba(3, 6, 16, 0.72) 50%,
    rgba(0, 0, 0, 0.25) 100%
  );
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.page-google-ads .hero.hero--page.hero--services > .hero__ticker-outer--contact .hero__ticker-title {
  color: rgba(255, 255, 255, 0.4);
}

.page-google-ads .hero.hero--page.hero--services > .hero__ticker-outer--contact .hero__ticker-track {
  animation-duration: 48s;
}

.page-google-ads .hero.hero--page.hero--services > .hero__ticker-outer--contact .hero__ticker-list {
  gap: 36px;
}

.page-google-ads .hero.hero--page.hero--services > .hero__ticker-outer--contact .hero__ticker-item {
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.52);
}

:root[data-theme="light"] .page-google-ads .hero.hero--page.hero--services > .hero__ticker-outer--contact {
  background: rgba(255, 255, 255, 0.92);
  border-top-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 -12px 40px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-google-ads .hero.hero--page.hero--services > .hero__ticker-outer--contact .hero__ticker-title {
  color: rgba(10, 12, 18, 0.45);
}

:root[data-theme="light"] .page-google-ads .hero.hero--page.hero--services > .hero__ticker-outer--contact .hero__ticker-item {
  color: rgba(10, 12, 18, 0.55);
}

/* Google Ads `#ads-hero`: lighten video/photo wash ~25% so the background image reads clearer */
.page-google-ads #ads-hero.hero.hero--page.hero--services .hero__overlay {
  background: linear-gradient(180deg, rgba(22, 9, 5, 0.57), rgba(10, 4, 2, 0.69));
}

.page-google-ads #ads-hero.hero.hero--page.hero--services .hero__vignette {
  background: radial-gradient(62% 72% at 50% 40%, transparent 58%, rgba(0, 0, 0, 0.41) 100%);
}

.page-google-ads #ads-hero.hero.hero--page.hero--services .hero__grid {
  opacity: 0.25;
}

:root[data-theme="light"] .page-google-ads #ads-hero.hero.hero--page.hero--services .hero__overlay {
  background: linear-gradient(180deg, rgba(255, 252, 248, 0.61), rgba(255, 242, 228, 0.72));
}

:root[data-theme="light"] .page-google-ads #ads-hero.hero.hero--page.hero--services .hero__vignette {
  background: radial-gradient(62% 72% at 50% 40%, transparent 58%, rgba(0, 0, 0, 0.12) 100%);
}

:root[data-theme="light"] .page-google-ads #ads-hero.hero.hero--page.hero--services .hero__grid {
  opacity: 0.15;
}

/* Google Ads: one `--surface-footer` canvas in `.contact-page-band` (fluid main below hero; matches SEO/maps) */
.page-google-ads .contact-page-band {
  overflow: visible;
  background: transparent;
  isolation: isolate;
}

.page-google-ads .contact-page-band::before {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.page-google-ads .contact-page-band::after {
  display: none;
}

:root[data-theme="light"] .page-google-ads .contact-page-band::before {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

:root[data-theme="light"] .page-google-ads .contact-page-band::after {
  display: none;
}

/* Google Ads: strip per-section band paints so main reads as one field (hero + CTA keep their own treatments) */
.page-google-ads .contact-page-band > .section.section--alt,
.page-google-ads .contact-page-band > .section.section--thin {
  background: transparent;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
}

/* Google Ads: sun hairline above `#what-we-manage` — matches `#work.light-band__segment::before` */
.page-google-ads .contact-page-band > .about-pink-divider {
  position: relative;
  z-index: 2;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.45) 30%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.45) 70%,
    transparent 100%
  );
}

:root[data-theme="light"] .page-google-ads .contact-page-band > .about-pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
}

/* Google Ads: process-pattern heads (section ids are not `#process`, so mirror core tokens) */
.page-google-ads :is(#what-we-manage, #what-we-track, #ads-process, #ads-industries, #analytics-industries, #analytics-why) .section__head--process,
.page-google-ads #faq .section__head--process {
  max-width: 40rem;
}

.page-google-ads :is(#what-we-manage, #what-we-track, #ads-process, #ads-industries, #analytics-industries, #analytics-why) .eyebrow--process {
  justify-content: center;
  gap: 0.5rem;
  color: rgba(255, 255, 255, 0.82);
}

.page-google-ads :is(#what-we-manage, #what-we-track, #ads-process, #ads-industries, #analytics-industries, #analytics-why) .eyebrow__dot--warm,
.page-google-ads #faq .contact-faq__head .eyebrow__dot--warm {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 176, 0, 0.96);
  box-shadow: 0 0 0 3px rgba(255, 90, 0, 0.22);
  flex: 0 0 auto;
}

.page-google-ads :is(#ads-manage-title, #analytics-track-title, #ads-process-title, #ads-for-title, #analytics-for-title, #analytics-why-title, #ads-faq-title, #analytics-faq-title) .process__glow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(100%, 420px);
  height: 140px;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(closest-side, rgba(255, 90, 0, 0.22), transparent 68%),
    radial-gradient(closest-side, rgba(255, 176, 0, 0.18), transparent 72%);
  filter: blur(20px);
  z-index: -1;
  pointer-events: none;
}

.page-google-ads :is(#what-we-manage, #what-we-track, #ads-process, #ads-industries, #analytics-industries) .process__title {
  position: relative;
  margin: 0 auto 1rem;
  padding: 0 0 0.4rem;
  max-width: min(28ch, 100%);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.1;
  font-size: clamp(2.1rem, 1.32rem + 1.56vw, 2.88rem);
  color: rgba(255, 255, 255, 0.96);
}

.page-google-ads :is(#what-we-manage, #what-we-track, #ads-industries, #analytics-industries) .process__title {
  max-width: min(100%, 38ch);
  letter-spacing: -0.042em;
}

/* 48px process headings — analytics why/FAQ, ads FAQ, manage/industries (not fluid clamp) */
.page-google-ads :is(
  #ads-manage-title,
  #analytics-track-title,
  #ads-for-title,
  #analytics-for-title,
  #analytics-why-title,
  #analytics-faq-title,
  #ads-faq-title
).process__title,
.page-google-ads :is(#analytics-why-title, #analytics-faq-title, #ads-faq-title) .process__accent,
.page-website-analytics :is(#analytics-why-title, #analytics-faq-title).process__title,
.page-website-analytics :is(#analytics-why-title, #analytics-faq-title) .process__accent,
#analytics-why-title,
#analytics-faq-title {
  font-size: 48px;
  line-height: 1.15;
}

.page-google-ads #faq #analytics-faq-title.h2.process__title,
.page-google-ads #analytics-why #analytics-why-title.h2.process__title,
.page-google-ads #ads-faq-title.h2.process__title,
.page-google-ads #faq #analytics-faq-title .process__accent,
.page-google-ads #analytics-why #analytics-why-title .process__accent {
  font-size: 48px;
  line-height: 1.15;
  letter-spacing: -0.04em;
}

:root[data-theme="light"] .page-google-ads :is(#what-we-manage, #what-we-track, #ads-process, #ads-industries, #analytics-industries, #analytics-why) .eyebrow--process {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .page-google-ads :is(#what-we-manage, #what-we-track, #ads-process, #ads-industries, #analytics-industries, #analytics-why) .eyebrow__dot--warm {
  background: rgba(255, 122, 40, 0.96);
  box-shadow: 0 0 0 3px rgba(255, 149, 48, 0.18);
}

.page-google-ads :is(#analytics-why, #faq) .process__title,
.page-google-ads :is(#analytics-why, #faq) .process__title .process__accent {
  position: relative;
  margin: 0 auto 1rem;
  padding: 0 0 0.4rem;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.96);
}

.page-google-ads :is(#analytics-why, #faq) .process__title {
  max-width: min(100%, 38ch);
  letter-spacing: -0.042em;
}

:root[data-theme="light"] .page-google-ads :is(#what-we-manage, #what-we-track, #ads-process, #ads-industries, #analytics-industries, #analytics-why, #faq) .process__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-google-ads :is(#ads-manage-title, #analytics-track-title, #ads-process-title, #ads-for-title, #analytics-for-title, #analytics-why-title, #ads-faq-title, #analytics-faq-title) .process__glow {
  display: none;
}

.page-google-ads :is(#what-we-manage, #what-we-track, #ads-process, #ads-industries, #analytics-industries, #analytics-why, #faq) .section__sub--process {
  position: relative;
  max-width: min(56ch, 100%);
  margin-top: 1rem;
  margin-inline: auto;
  text-align: center;
  color: rgba(255, 255, 255, 0.84);
  font-size: 16px;
  line-height: 1.7;
}

:root[data-theme="light"] .page-google-ads :is(#what-we-manage, #what-we-track, #ads-process, #ads-industries, #analytics-industries, #analytics-why, #faq) .section__sub--process {
  color: rgba(10, 12, 18, 0.74);
}

/* Google Ads FAQ — process-style head (override default contact-faq eyebrow) */
.page-google-ads #faq .section__head--process {
  max-width: 40rem;
}

.page-google-ads #faq .contact-faq__head .eyebrow.eyebrow--process {
  display: inline-flex;
  justify-content: center;
  gap: 0.5rem;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.page-google-ads #faq .contact-faq__head .eyebrow__dot--warm {
  display: block;
}

:root[data-theme="light"] .page-google-ads #faq .contact-faq__head .eyebrow.eyebrow--process {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .page-google-ads #faq .contact-faq__head .eyebrow__dot--warm {
  background: rgba(255, 122, 40, 0.96);
  box-shadow: 0 0 0 3px rgba(255, 149, 48, 0.18);
}

/* Google Ads / Analytics service cards — `#what-we-manage` + `#what-we-track` (icons) + `#ads-industries` (no icons) */
.page-google-ads :is(#what-we-manage, #what-we-track, #ads-industries, #analytics-industries) .service-card {
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
}

.page-google-ads :is(#what-we-manage, #what-we-track, #ads-industries, #analytics-industries) .service-card:hover {
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(58, 134, 255, 0.08) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
}

.page-google-ads #ads-industries .service-card {
  padding: clamp(20px, 2.5vw, 24px) clamp(18px, 2.2vw, 22px);
}

.page-google-ads :is(#what-we-manage, #what-we-track) .service-card__icon {
  background: rgba(12, 14, 20, 0.72);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.page-google-ads :is(#what-we-manage, #what-we-track) .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

.page-google-ads :is(#what-we-manage, #what-we-track, #ads-industries, #analytics-industries) .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: rgba(255, 176, 0, 1);
  color: rgba(255, 176, 0, 1);
  text-shadow: none;
}

.page-google-ads :is(#what-we-manage, #what-we-track) .section__sub--process a {
  color: #ffb000;
  border-bottom: 1px solid rgba(255, 176, 0, 0.45);
  text-decoration: none;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.page-google-ads :is(#what-we-manage, #what-we-track) .section__sub--process a:hover {
  color: #ffd454;
  border-bottom-color: rgba(255, 212, 84, 0.75);
}

:root[data-theme="light"] .page-google-ads :is(#what-we-manage, #what-we-track, #ads-industries, #analytics-industries) .service-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-google-ads :is(#what-we-manage, #what-we-track, #ads-industries, #analytics-industries) .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-google-ads :is(#what-we-manage, #what-we-track) .service-card__icon {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.07);
}

:root[data-theme="light"] .page-google-ads :is(#what-we-manage, #what-we-track) .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

:root[data-theme="light"] .page-google-ads :is(#what-we-manage, #what-we-track, #ads-industries, #analytics-industries) .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: rgba(255, 176, 0, 1);
  color: rgba(255, 176, 0, 1);
  text-shadow: none;
}

:root[data-theme="light"] .page-google-ads :is(#what-we-manage, #what-we-track) .section__sub--process a {
  color: #ffb000;
  border-bottom: 1px solid rgba(255, 176, 0, 0.42);
}

:root[data-theme="light"] .page-google-ads :is(#what-we-manage, #what-we-track) .section__sub--process a:hover {
  color: #cc8e00;
  border-bottom-color: rgba(255, 176, 0, 0.58);
}

/* Google Ads: final CTA band matches `.site-footer` field (no top hairline — blends from FAQ canvas) */
.page-google-ads .contact-page-band > .section.section--wp-cta {
  background: var(--surface-footer);
  border-top: 0;
}

:root[data-theme="light"] .page-google-ads .contact-page-band > .section.section--wp-cta {
  background: var(--surface-footer);
  border-top: 0;
}

.page-google-ads .contact-page-band > .section.section--wp-cta::before {
  content: none;
  display: none;
}

:root[data-theme="light"] .page-google-ads .contact-page-band > .section.section--wp-cta::before {
  content: none;
  display: none;
}

.page-google-ads .contact-page-band > .section.section--wp-cta::after {
  display: none;
}

.page-google-ads .contact-page-band > .section.section--wp-cta .wp-cta {
  border-radius: 10px;
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}

:root[data-theme="light"] .page-google-ads .contact-page-band > .section.section--wp-cta .wp-cta {
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

/* Single-column services hero: vertically center copy in the band above the pinned ticker */
.hero.hero--page.hero--services:not(.blog-hero) {
  justify-content: center;
}

/* Blog index hero — match About / services band height (78svh + bottom ticker reserve) */
.page-blog .hero.hero--page.hero--services.blog-hero {
  min-height: 78svh;
  justify-content: center;
  padding-bottom: 96px;
}

.page-blog .hero.hero--page.hero--services.blog-hero .hero__title--services-page {
  max-width: min(40ch, 100%);
}

/* Blog index ticker: long phrases need a slower loop to match homepage hero marquee feel */
.page-blog .hero__ticker-outer--blog .hero__ticker-track {
  animation: heroTicker 168s linear infinite !important;
}

.hero--page .panel {
  min-height: 288px; /* ~20% smaller than default 360px */
}

.hero--page .panel__content {
  padding: 18px; /* down from 22px */
}

.hero--page .panel__big {
  font-size: 16px; /* down from 18px */
  margin-bottom: 14px;
}

.hero--page .panel__stats {
  gap: 10px;
}

.page-blog .blog-hero .hero__title .accent {
  background: linear-gradient(135deg, #ff8c22 0%, #ffb020 44%, #ff6424 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 14px 34px rgba(255, 130, 48, 0.33));
  animation: none;
}

:root[data-theme="light"] .page-blog .blog-hero .hero__title .accent {
  background: none;
  -webkit-text-fill-color: #c2410c;
  color: #ea580c;
  filter: none;
  text-shadow: none;
  animation: none;
}

:root[data-theme="light"] .page-blog .blog-hero .hero__title {
  color: rgba(10, 12, 18, 0.94);
}

:root[data-theme="light"] .page-blog .blog-hero .hero__subtitle strong {
  color: rgba(10, 12, 18, 0.92);
}

.hero__subtitle strong {
  color: rgba(255, 255, 255, 0.92);
}

.hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.hero__chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.78);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: -0.01em;
  backdrop-filter: blur(14px);
}

.hero__chip:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
}

.hero__chip::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(11, 99, 246, 1), rgba(58, 134, 255, 1));
  box-shadow: 0 0 0 3px rgba(11, 99, 246, 0.16);
}

:root[data-theme="light"] .hero__badge {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(10, 12, 18, 0.12);
  color: rgba(10, 12, 18, 0.78);
  box-shadow: 0 14px 44px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-home .hero__badge {
  color: rgba(138, 52, 8, 0.9);
  border-color: rgba(255, 142, 72, 0.28);
}

/* Blog hero: restore warm badge after global light `.hero__badge` (blue) rule above */
:root[data-theme="light"] .page-blog .blog-hero .hero__badge {
  color: rgba(146, 58, 10, 0.92);
  border-color: rgba(255, 166, 88, 0.28);
}

:root[data-theme="light"] .hero.hero--page.hero--services:not(.blog-hero) .hero__badge {
  color: rgba(138, 52, 8, 0.92);
  border-color: rgba(255, 142, 72, 0.27);
}

:root[data-theme="light"] .hero__chip {
  border-color: rgba(10, 12, 18, 0.12);
  background: rgba(255, 255, 255, 0.72);
  color: rgba(10, 12, 18, 0.78);
}

:root[data-theme="light"] .hero__chip:hover {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(10, 12, 18, 0.14);
}

/* Service page: deliverables grid */
.deliverables {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 16px;
}

.deliverable {
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 18px 16px;
  box-shadow: 0 14px 50px rgba(0, 0, 0, 0.28);
}

.deliverable__title {
  margin: 0 0 8px;
  font-weight: 950;
  letter-spacing: -0.03em;
  font-size: 15px;
}

.deliverable__text {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.65;
  font-size: 13.5px;
}

/* FAQ */
.faq {
  max-width: 980px;
  margin: 0 auto;
}

.faq__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  margin-top: 22px;
}

.faq details {
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  overflow: hidden;
  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease,
    box-shadow 160ms ease;
}

.faq details:hover {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.045);
}

.faq details:focus-within {
  border-color: rgba(58, 134, 255, 0.45);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.28), 0 0 0 3px rgba(58, 134, 255, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.faq summary {
  cursor: pointer;
  list-style: none;
  padding: 16px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.92);
  line-height: 1.25;
}

.faq summary::after {
  content: "";
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-right: 2px solid rgba(255, 255, 255, 0.75);
  border-bottom: 2px solid rgba(255, 255, 255, 0.75);
  transform: rotate(45deg);
  transition: transform 160ms ease, border-color 160ms ease, opacity 160ms ease;
  opacity: 0.9;
}

.faq summary::-webkit-details-marker {
  display: none;
}

.faq details[open] summary {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.05);
}

.faq details[open] summary::after {
  transform: rotate(-135deg);
  opacity: 1;
}

.faq__answer {
  padding: 14px 16px 16px;
  color: rgba(255, 255, 255, 0.70);
  line-height: 1.75;
  font-weight: 650;
  font-size: 14px;
}

.faq__answer a {
  color: rgba(160, 199, 255, 0.95);
  border-bottom: 1px solid rgba(160, 199, 255, 0.28);
}

.faq__answer a:hover {
  color: #ffffff;
  border-bottom-color: rgba(160, 199, 255, 0.5);
}

/* Service page: engagements (premium packages) */
.engagements {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 16px;
}

.engagement {
  position: relative;
  border-radius: var(--radius);
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 22px 80px rgba(0, 0, 0, 0.45);
  box-shadow: 0 22px 80px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  padding: 18px 16px 16px;
  overflow: hidden;
}

.engagement::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  /* Remove top sheen that reads as a hard horizontal band */
  background: none;
  pointer-events: none;
}

.engagement > * {
  position: relative;
  z-index: 1;
}

.engagement__badge {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 10px;
  padding: 5px 10px 4px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.engagement__title {
  margin: 0 0 8px;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.15;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.96);
}

.engagement__lead {
  margin: 0 0 14px;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.7;
  font-size: 14px;
  font-weight: 650;
}

.engagement__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.engagement__list li {
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(7, 10, 18, 0.26);
  color: rgba(255, 255, 255, 0.78);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: -0.01em;
}

.engagement__meta {
  margin: 14px 0 0;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.50);
  font-weight: 750;
  font-size: 12px;
  line-height: 1.55;
}

/* Sections */
.section {
  padding: 86px 0;
}

.section--crumbs {
  padding: 18px 0;
}

.section--thin {
  padding: 52px 0 70px;
}

.section--alt {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* Lincoln page: keep project intake (#contact) on the same surface as Services */
.page-lincoln #contact.cta,
.page-lincoln #contact.contact-section,
.page-lincoln.page-omaha #omaha-proof.section--alt,
.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only {
  background: transparent;
  border-top: 0;
  box-shadow: none;
  border-radius: 0;
  margin-top: 0;
}

.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only::before {
  display: none !important;
  content: none !important;
}

:root[data-theme="light"] .page-lincoln #contact.cta,
:root[data-theme="light"] .page-lincoln #contact.contact-section,
:root[data-theme="light"] .page-lincoln.page-omaha #omaha-proof.section--alt,
:root[data-theme="light"] .page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only {
  background: transparent;
  border-top: 0;
  border-bottom-color: rgba(10, 12, 18, 0.06);
  box-shadow: none;
  border-radius: 0;
}

/* Lincoln page: Husker-red intent band (matches Lincoln icon theme) */
.section--lincoln-intent {
  background: radial-gradient(900px 360px at 50% 10%, rgba(185, 28, 28, 0.20), transparent 62%),
    radial-gradient(760px 320px at 18% 25%, rgba(239, 68, 68, 0.14), transparent 60%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.014), rgba(255, 255, 255, 0.0)),
    #05060d;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

:root[data-theme="light"] .section--lincoln-intent {
  background: radial-gradient(900px 360px at 50% 10%, rgba(185, 28, 28, 0.10), transparent 62%),
    radial-gradient(760px 320px at 18% 25%, rgba(239, 68, 68, 0.08), transparent 60%),
    #ffffff;
  border-top-color: rgba(10, 12, 18, 0.06);
  border-bottom-color: rgba(10, 12, 18, 0.06);
}

/* Papillion: “By the numbers” stats row (#papillion-stats — matches Yuma-style proof band) */
.page-lincoln.page-papillion #papillion-stats.local-stats {
  display: block;
  width: 100%;
  margin: clamp(2rem, 4vw, 3rem) 0 clamp(2.25rem, 4.5vw, 3.5rem);
  padding: 0;
  border: 0;
  background: transparent;
}

.page-lincoln.page-papillion #papillion-stats .local-stats__head {
  margin: 0 auto clamp(1.75rem, 3vw, 2.25rem);
  max-width: min(46rem, 100%);
  text-align: center;
}

.page-lincoln.page-papillion #papillion-stats .local-stats__badge {
  display: inline-block;
  margin: 0 0 14px;
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fb923c;
  background: rgba(251, 146, 60, 0.12);
  border: 1px solid rgba(251, 146, 60, 0.28);
}

.page-lincoln.page-papillion #papillion-stats .local-stats__title {
  margin: 0 0 14px;
  font-size: clamp(2rem, 1.55rem + 1.6vw, 3rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.12;
  color: rgba(255, 255, 255, 0.98);
}

.page-lincoln.page-papillion #papillion-stats .local-stats__city {
  color: #f97316;
}

.page-lincoln.page-papillion #papillion-stats .local-stats__lead {
  margin: 0;
  font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.58);
}

.page-lincoln.page-papillion #papillion-stats .local-stats__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
}

.page-lincoln.page-papillion #papillion-stats .local-stats__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  padding: clamp(1.35rem, 2vw, 1.65rem) clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 2.2vw, 1.75rem);
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background:
    radial-gradient(ellipse 120% 80% at 50% 0%, rgba(34, 197, 94, 0.06), transparent 58%),
    rgba(12, 14, 22, 0.88);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.28);
}

.page-lincoln.page-papillion #papillion-stats .local-stats__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  color: #4ade80;
  border: 1px solid rgba(74, 222, 128, 0.45);
  background: rgba(34, 197, 94, 0.08);
}

.page-lincoln.page-papillion #papillion-stats .local-stats__val {
  display: block;
  font-size: clamp(1.85rem, 1.5rem + 1.2vw, 2.35rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: #4ade80;
}

.page-lincoln.page-papillion #papillion-stats .local-stats__lbl {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.55);
  max-width: 18ch;
}

:root[data-theme="light"] .page-lincoln.page-papillion #papillion-stats .local-stats__badge {
  color: #ea580c;
  background: rgba(249, 115, 22, 0.1);
  border-color: rgba(234, 88, 12, 0.22);
}

:root[data-theme="light"] .page-lincoln.page-papillion #papillion-stats .local-stats__title {
  color: rgba(10, 12, 18, 0.94);
}

:root[data-theme="light"] .page-lincoln.page-papillion #papillion-stats .local-stats__city {
  color: #ea580c;
}

:root[data-theme="light"] .page-lincoln.page-papillion #papillion-stats .local-stats__lead {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .page-lincoln.page-papillion #papillion-stats .local-stats__card {
  background:
    radial-gradient(ellipse 120% 80% at 50% 0%, rgba(34, 197, 94, 0.08), transparent 58%),
    rgba(255, 255, 255, 0.98);
  border-color: rgba(10, 12, 18, 0.08);
  box-shadow: 0 8px 24px rgba(10, 12, 18, 0.06);
}

:root[data-theme="light"] .page-lincoln.page-papillion #papillion-stats .local-stats__ico {
  color: #16a34a;
  border-color: rgba(22, 163, 74, 0.35);
  background: rgba(34, 197, 94, 0.08);
}

:root[data-theme="light"] .page-lincoln.page-papillion #papillion-stats .local-stats__val {
  color: #16a34a;
}

:root[data-theme="light"] .page-lincoln.page-papillion #papillion-stats .local-stats__lbl {
  color: rgba(10, 12, 18, 0.58);
}

@media (max-width: 980px) {
  .page-lincoln.page-papillion #papillion-stats .local-stats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .page-lincoln.page-papillion #papillion-stats .local-stats__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.section__head {
  max-width: 820px;
  margin: 0 auto 34px;
  text-align: center;
}

.eyebrow {
  margin: 0 0 10px;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.78);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 16px;
}

.section__head .section__kicker {
  margin: 0 0 10px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.78);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 16px;
}

:root[data-theme="light"] .section__head .section__kicker {
  color: rgba(10, 12, 18, 0.62);
}

/* “Common problems” pain sections — kicker in brand red */
.section--webdesign-pains .section__head .section__kicker,
.section--branding-pains .section__head .section__kicker {
  color: #ff1f1f;
}

:root[data-theme="light"] .section--webdesign-pains .section__head .section__kicker,
:root[data-theme="light"] .section--branding-pains .section__head .section__kicker {
  color: #ff1f1f;
}

.h2 {
  margin: 0;
  font-weight: 900;
  letter-spacing: -0.04em;
  font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem);
  line-height: 1.15;
}

.section__sub {
  margin: 12px auto 0;
  color: var(--muted);
  line-height: 1.7;
  font-size: 22px;
}

.grid {
  display: grid;
  gap: 16px;
}

/* Services — transition from hero + editorial layout */
.section--services {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  padding: 0 0 5.5rem;
  background-color: #05060d;
  background-image: linear-gradient(
    180deg,
    #04060e 0%,
    #06090f 18%,
    #05060d 55%,
    #04050c 100%
  );
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  overflow: hidden;
}

:root[data-theme="light"] .section--services {
  background-color: #ffffff;
  background-image: none;
  border-top-color: rgba(10, 12, 18, 0.06);
  box-shadow: inset 0 1px 0 rgba(10, 12, 18, 0.04);
}

.section--services::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(11, 99, 246, 0.35) 32%,
    rgba(255, 255, 255, 0.16) 50%,
    rgba(11, 99, 246, 0.35) 68%,
    transparent 100%
  );
  z-index: 2;
  pointer-events: none;
}

.section--services__fade {
  position: absolute;
  inset: 0 0 auto 0;
  height: min(200px, 28vh);
  background: linear-gradient(180deg, rgba(1, 3, 8, 0.65) 0%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

:root[data-theme="light"] .section--services__fade {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, transparent 100%);
}

.section--services__inner {
  position: relative;
  z-index: 1;
  padding-top: 80px;
}

.services__head {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 40px 56px;
  align-items: start;
  margin-bottom: 48px;
  text-align: left;
}

.services__eyebrow {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .services__eyebrow {
  color: rgba(10, 12, 18, 0.62);
}

.services__head-col .services__title {
  margin: 0;
  text-align: left;
  line-height: 1.2;
  max-width: 26ch;
  font-size: clamp(1.5rem, 1.1rem + 1.1vw, 2.1rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  color: rgba(255, 255, 255, 0.96);
  text-shadow: none;
}

:root[data-theme="light"] .services__head-col .services__title {
  color: rgba(10, 12, 18, 0.92);
  text-shadow: none;
}

.services__head-col .services__title .services__title-accent {
  color: #ffb000; /* sun-tone accent (no gradient) */
  text-shadow: 0 18px 60px rgba(255, 90, 0, 0.18);
}

.services__lead {
  margin: 0;
  padding: 0 0 0 24px;
  border-left: 1px solid rgba(11, 99, 246, 0.35);
  font-size: 22px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 1);
  align-self: center;
  font-weight: 400;
}

.services__lead > p,
.services__lead > .services__lead-hed {
  margin: 0;
}

.services__lead-hed {
  font-size: inherit;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -0.01em;
  color: inherit;
}

.services__lead > .services__lead-hed + p,
.services__lead > p + p {
  margin-top: 1rem;
}

:root[data-theme="light"] .services__lead {
  color: rgba(10, 12, 18, 0.70);
}

.services__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 16px;
}

.service-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 24px 64px 22px 22px;
  background:
    radial-gradient(ellipse 120% 85% at 14% 0%, rgba(255, 149, 64, 0.055) 0%, transparent 52%),
    radial-gradient(ellipse 95% 75% at 100% 100%, rgba(255, 106, 18, 0.04) 0%, transparent 48%),
    rgba(11, 10, 10, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

:root[data-theme="light"] .service-card {
  background:
    linear-gradient(180deg, rgba(255, 140, 72, 0.045) 0%, transparent 42%),
    rgba(255, 255, 255, 0.78);
  border-color: rgba(10, 12, 18, 0.10);
  box-shadow: 0 6px 22px rgba(10, 12, 18, 0.06);
}

.service-card:hover {
  border-color: rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(ellipse 115% 80% at 12% 0%, rgba(255, 159, 64, 0.075) 0%, transparent 50%),
    radial-gradient(ellipse 90% 72% at 100% 100%, rgba(255, 94, 36, 0.055) 0%, transparent 46%),
    rgba(14, 11, 10, 0.82);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
  transform: translateY(-1px);
}

:root[data-theme="light"] .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 130, 58, 0.065) 0%, transparent 45%),
    rgba(255, 255, 255, 0.92);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.10);
}

.service-card:hover .service-card__index {
  color: rgba(255, 255, 255, 0.72);
}

.service-card__index {
  position: absolute;
  top: 20px;
  right: 18px;
  display: none;
}

.service-card__icon {
  position: absolute;
  top: 18px;
  right: 18px;
  min-width: 44px;
  min-height: 38px;
  padding: 6px 11px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(11, 10, 10, 0.58);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
}

:root[data-theme="light"] .service-card__icon {
  color: rgba(10, 12, 18, 0.90);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 24px rgba(10, 12, 18, 0.08);
}

.service-card__icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.92;
}

/* Drone Services: service cards + icon chips match homepage `#services` (slate glass stack) */
.page-drone-services #drone-best-fit .service-card,
.page-drone-services #drone-capture .service-card {
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
}

.page-drone-services #drone-best-fit .service-card:hover,
.page-drone-services #drone-capture .service-card:hover {
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(58, 134, 255, 0.08) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
}

:root[data-theme="light"] .page-drone-services #drone-best-fit .service-card,
:root[data-theme="light"] .page-drone-services #drone-capture .service-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-drone-services #drone-best-fit .service-card:hover,
:root[data-theme="light"] .page-drone-services #drone-capture .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

.page-drone-services #drone-best-fit .service-card__icon,
.page-drone-services #drone-capture .service-card__icon {
  background: rgba(12, 14, 20, 0.72);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.page-drone-services #drone-best-fit .service-card__icon::before,
.page-drone-services #drone-capture .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

:root[data-theme="light"] .page-drone-services #drone-best-fit .service-card__icon,
:root[data-theme="light"] .page-drone-services #drone-capture .service-card__icon {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.07);
}

:root[data-theme="light"] .page-drone-services #drone-best-fit .service-card__icon::before,
:root[data-theme="light"] .page-drone-services #drone-capture .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

.page-drone-services :is(#drone-best-fit, #drone-capture) .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: rgba(255, 176, 0, 1);
  color: rgba(255, 176, 0, 1);
  text-shadow: none;
}

:root[data-theme="light"] .page-drone-services :is(#drone-best-fit, #drone-capture) .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: rgba(255, 176, 0, 1);
  color: rgba(255, 176, 0, 1);
  text-shadow: none;
}

/* Services page `#core`: match homepage `#services` — slate glass cards + icon chip (no warm orange card wash, no blue-only icon slab) */
#core.section--services .service-card {
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
}

#core.section--services .service-card:hover {
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(58, 134, 255, 0.08) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
  transform: translateY(-1px);
}

:root[data-theme="light"] #core.section--services .service-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] #core.section--services .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

#core.section--services .service-card__icon {
  background: rgba(12, 14, 20, 0.72);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#core.section--services .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

:root[data-theme="light"] #core.section--services .service-card__icon {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.07);
}

:root[data-theme="light"] #core.section--services .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

#core.section--services .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: rgba(255, 176, 0, 1);
  color: rgba(255, 176, 0, 1);
}

:root[data-theme="light"] #core.section--services .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: rgba(255, 176, 0, 1);
  color: rgba(255, 176, 0, 1);
}

/* services.html `#core`: category bands + linked cards (mirrors nav mega-menu) */
#core .services-categories {
  display: flex;
  flex-direction: column;
  gap: clamp(44px, 5.5vw, 72px);
}

#core .services-category__head {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 24px 48px;
  align-items: start;
  margin-bottom: 24px;
  text-align: left;
}

#core .services-category__head-col .services-category__title {
  margin: 0;
  max-width: min(100%, 40rem);
  font-size: 48px;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.15;
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] #core .services-category__head-col .services-category__title {
  color: rgba(10, 12, 18, 0.92);
}

#core .services-category__lead {
  margin: 0;
  padding: 0 0 0 24px;
  border-left: 1px solid rgba(11, 99, 246, 0.35);
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.62);
  align-self: center;
}

:root[data-theme="light"] #core .services-category__lead {
  color: rgba(10, 12, 18, 0.68);
  border-left-color: rgba(11, 99, 246, 0.28);
}

#core .services__grid--few {
  grid-template-columns: minmax(0, min(100%, 420px));
}

/* services.html: `#core` → `#contact` → footer — one `.site-footer` canvas (`:has(#core)` = this page only) */
:root:not([data-theme="light"]) body:has(#core.section--services) main > #core.section--services,
:root:not([data-theme="light"]) body:has(#core.section--services) main > #contact.contact-section,
:root:not([data-theme="light"]) body:has(#core.section--services) main > footer.site-footer {
  background: var(--surface-footer) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

:root[data-theme="light"] body:has(#core.section--services) main > #core.section--services,
:root[data-theme="light"] body:has(#core.section--services) main > #contact.contact-section,
:root[data-theme="light"] body:has(#core.section--services) main > footer.site-footer {
  background: var(--surface-footer) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

body:has(#core.section--services) main > #core.section--services .section--services__fade {
  opacity: 0;
  pointer-events: none;
}

/* services.html: #core inner — tighter top after removing global services intro */
body:has(#core.section--services) main > #core.section--services .section--services__inner {
  padding-top: clamp(28px, 3.8vw, 48px);
}

/* services.html: category headers — stack + center (match intro / hero) */
body:has(#core.section--services) main > #core.section--services .services-category__head {
  grid-template-columns: 1fr;
  justify-items: center;
  gap: clamp(12px, 1.8vw, 18px);
  margin-bottom: clamp(20px, 2.5vw, 28px);
  text-align: center;
  max-width: min(48rem, 100%);
  margin-inline: auto;
}

/* services.html only: section labels — match `.section__head .section__kicker` (e.g. Experience on web design) */
body:has(#core.section--services) main > #core.section--services .services-category__head .services__eyebrow,
body:has(#core.section--services) main > #contact.contact-section .contact-section__head .eyebrow {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:root[data-theme="light"] body:has(#core.section--services) main > #core.section--services .services-category__head .services__eyebrow,
:root[data-theme="light"] body:has(#core.section--services) main > #contact.contact-section .contact-section__head .eyebrow {
  color: rgba(10, 12, 18, 0.62);
}

body:has(#core.section--services) main > #core.section--services .services-category__head-col {
  width: 100%;
}

body:has(#core.section--services) main > #core.section--services .services-category__head-col .services-category__title {
  margin-inline: auto;
  text-align: center;
  max-width: none;
  white-space: nowrap;
}

@media (max-width: 900px) {
  body:has(#core.section--services) main > #core.section--services .services-category__head-col .services-category__title {
    white-space: normal;
    font-size: clamp(1.65rem, 4.5vw, 2.5rem);
  }
}

body:has(#core.section--services) main > #core.section--services .services-category__lead {
  border-left: 0;
  border-top: 0;
  padding: 0;
  max-width: 42rem;
  margin-inline: auto;
  text-align: center;
  align-self: center;
}

body:has(#core.section--services) main > #core.section--services::before {
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
}

:root[data-theme="light"] body:has(#core.section--services) main > #core.section--services::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.42) 30%,
    rgba(255, 149, 48, 0.78) 50%,
    rgba(255, 31, 31, 0.42) 70%,
    transparent 100%
  );
}

body:has(#core.section--services) main > #contact.contact-section .contact-section__bg {
  display: none;
}

body:has(#core.section--services) #core #services-process,
.page-event-websites .event-page-band > #process.section--process-in-webdesign {
  position: relative;
  z-index: 1;
}

body:has(#core.section--services) #core #services-process {
  margin-top: clamp(56px, 7vw, 96px);
  padding-top: clamp(16px, 2.5vw, 32px);
}

body:has(#core.section--services) #core #services-process .section-divider--process,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .section-divider--process {
  display: none;
}

body:has(#core.section--services) main > footer.site-footer {
  border-top: 0;
}

.service-card__icon svg {
  position: relative;
  z-index: 1;
  opacity: 0.95;
}

.service-card:hover .service-card__icon::before {
  opacity: 1;
}

.service-card__tag {
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
}

:root[data-theme="light"] .service-card__tag {
  color: rgba(10, 12, 18, 0.52);
}

.service-card__title {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] .service-card__title {
  color: rgba(10, 12, 18, 0.92);
}

.service-card__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  flex: 1 1 auto;
}

:root[data-theme="light"] .service-card__text {
  color: rgba(10, 12, 18, 0.70);
}

.service-card__note {
  margin: 14px 0 0;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.4);
  font-style: normal;
}

:root[data-theme="light"] .service-card__note {
  border-top-color: rgba(10, 12, 18, 0.10);
  color: rgba(10, 12, 18, 0.52);
}

/* Split */
.split {
  display: grid;
  gap: 24px;
  align-items: center;
  grid-template-columns: 1.2fr 0.8fr;
}

/* Local landing pages (e.g. Lincoln) */
.site-crumbs {
  margin: 0;
  font-size: 12.5px;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.55);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  line-height: 1.35;
}

.site-crumbs__link {
  color: rgba(255, 255, 255, 0.72);
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.site-crumbs__link:hover {
  color: rgba(255, 255, 255, 0.92);
  border-bottom-color: rgba(255, 255, 255, 0.3);
}

.site-crumbs__sep {
  margin: 0 0.4rem;
  opacity: 0.55;
}

.site-crumbs__current {
  color: rgba(255, 255, 255, 0.78);
  font-weight: 700;
}

:root[data-theme="light"] .site-crumbs {
  color: rgba(10, 12, 18, 0.55);
}

:root[data-theme="light"] .site-crumbs__link {
  color: rgba(10, 12, 18, 0.75);
  border-bottom-color: rgba(10, 12, 18, 0.2);
}

:root[data-theme="light"] .site-crumbs__link:hover {
  color: rgba(10, 12, 18, 0.92);
  border-bottom-color: rgba(10, 12, 18, 0.32);
}

.section__head--tight {
  margin-bottom: 22px;
}

.cards {
  display: grid;
  gap: 14px 16px;
}

.cards--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cards--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.card {
  border-radius: var(--radius);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 22px 80px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  padding: 18px 16px 16px;
}

.page-blog #posts .card {
  position: relative;
  overflow: hidden;
  border-color: rgba(255, 172, 118, 0.14);
  background: rgba(15, 7, 4, 0.49);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 148, 88, 0.08) inset;
}

.page-blog #posts .card::before {
  content: none;
  display: none;
}

.page-blog #posts .card::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 66px 66px;
  opacity: 0.22;
  mask-image: radial-gradient(70% 60% at 50% 35%, black 45%, transparent 100%);
  pointer-events: none;
}

:root[data-theme="light"] .page-blog #posts .card {
  background: #ffffff;
  border-color: rgba(255, 148, 82, 0.22);
  box-shadow: 0 16px 46px rgba(10, 12, 18, 0.08), 0 0 0 1px rgba(255, 175, 125, 0.1) inset;
}

:root[data-theme="light"] .page-blog #posts .card::after {
  background-image: linear-gradient(to right, rgba(10, 12, 18, 0.07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(10, 12, 18, 0.06) 1px, transparent 1px);
  opacity: 0.12;
}

.page-blog #posts .btn--secondary {
  border-color: rgba(255, 168, 118, 0.22);
}

:root[data-theme="light"] .page-blog #posts .btn--secondary {
  border-color: rgba(255, 140, 82, 0.35);
}

.page-blog #posts .card > * {
  position: relative;
  z-index: 1;
}

.card__title {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.03em;
  color: rgba(255, 255, 255, 0.92);
}

.card__text {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.65;
  font-weight: 650;
  font-size: 14px;
}

.card__note {
  margin: 12px 0 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.52);
  font-size: 12.5px;
  line-height: 1.55;
}

:root[data-theme="light"] .card {
  background: #ffffff;
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 16px 46px rgba(10, 12, 18, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

:root[data-theme="light"] .card__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .card__text {
  color: rgba(10, 12, 18, 0.7);
}

:root[data-theme="light"] .card__note {
  border-top-color: rgba(10, 12, 18, 0.1);
  color: rgba(10, 12, 18, 0.58);
}

/* Blog */
.blog-post {
  margin: 22px auto 0;
  max-width: 52rem;
}

.blog-post__title {
  margin-top: 0;
  text-align: left;
  max-width: unset;
}

.blog-post__lead {
  font-size: 15px;
}

.blog-post__list {
  margin: 10px 0 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.7;
}

.blog-hero {
  padding-top: 104px;
  padding-bottom: 28px;
}

.blog-hero__inner {
  display: grid;
  gap: 18px;
  align-items: end;
  grid-template-columns: 1.1fr 0.9fr;
}

.blog-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}

.blog-hero__eyebrow-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(11, 99, 246, 0.95);
  box-shadow: 0 0 0 4px rgba(11, 99, 246, 0.14);
  flex: 0 0 auto;
}

.blog-hero__title {
  margin: 0 0 10px;
  font-size: clamp(2.1rem, 1.25rem + 2vw, 3.2rem);
  font-weight: 900;
  letter-spacing: -0.05em;
  line-height: 1.06;
}

.blog-hero__sub {
  margin: 0;
  max-width: 52ch;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.75;
  font-weight: 600;
}

.blog-hero__aside {
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.04);
  border-radius: var(--radius);
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.35);
  padding: 16px 16px;
}

.blog-hero__aside--image {
  padding: 0;
  overflow: hidden;
  min-height: unset;
  aspect-ratio: 16 / 9;
}

.blog-hero__aside-img {
  display: block;
  width: 100%;
  height: auto;
}

/* Blog post hero: show full image (no crop) */
.blog-hero--post .blog-hero__aside--image {
  aspect-ratio: unset;
  min-height: unset;
}

.blog-hero__aside-title {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}

.blog-hero__aside-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.65;
  font-weight: 650;
  font-size: 14px;
}

/* Blog post hero — SEO `contact-wp-hero` palette; keeps two-column layout */
.blog-hero--post {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: clamp(6.25rem, 5rem + 3vw, 7.75rem);
  padding-bottom: clamp(2.25rem, 1.75rem + 2vw, 3.25rem);
  background:
    radial-gradient(ellipse 135% 92% at 50% -14%, rgba(255, 149, 64, 0.26), transparent 56%),
    radial-gradient(ellipse min(105%, 720px) min(92%, 600px) at 90% 14%, rgba(255, 122, 40, 0.28), transparent 58%),
    radial-gradient(ellipse min(92%, 560px) min(82%, 480px) at 8% 88%, rgba(255, 176, 0, 0.16), transparent 54%),
    radial-gradient(ellipse 115% 82% at 48% 106%, rgba(15, 23, 42, 0.82), transparent 62%),
    #05060d;
}

.blog-hero--post::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 118, 52, 0.128), transparent 62%);
  background-size: auto;
  opacity: 0.33;
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
  -webkit-mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

.blog-hero--post::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(60% 70% at 50% 40%, transparent 55%, rgba(0, 0, 0, 0.65) 100%);
}

.blog-hero--post .blog-hero__inner {
  position: relative;
  z-index: 1;
  padding-top: 14px;
  padding-bottom: 26px;
  grid-template-columns: 1fr 1.56fr;
}

.blog-hero--post .blog-hero__eyebrow {
  gap: 0;
  margin: 0 0 14px;
  padding: 6px 14px 5px;
  width: fit-content;
  max-width: 100%;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-radius: 999px;
  color: rgba(255, 232, 200, 0.96);
  background: rgba(255, 122, 40, 0.14);
  border: 1px solid rgba(255, 176, 0, 0.42);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 10px 28px rgba(255, 106, 18, 0.14);
}

.blog-hero--post .blog-hero__eyebrow-dot {
  display: none;
}

.blog-hero--post .blog-hero__title {
  color: rgba(255, 255, 255, 0.96);
}

.blog-hero--post .blog-hero__sub {
  max-width: 64ch;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.72);
}

.blog-hero--post .blog-hero__aside {
  border-color: rgba(255, 176, 0, 0.22);
  background: rgba(0, 0, 0, 0.18);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}

.blog-hero--post .btn--primary {
  background: linear-gradient(180deg, #ff8c22 0%, #ff6a00 42%, #e04000 100%);
  box-shadow: 0 18px 50px rgba(255, 106, 0, 0.28), 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 255, 255, 0.12);
}

.blog-hero--post .btn--primary:hover {
  box-shadow: 0 22px 70px rgba(255, 140, 0, 0.34), 0 14px 45px rgba(0, 0, 0, 0.55);
}

.blog-hero--post .btn--secondary {
  backdrop-filter: none;
}

.blog-hero--post .blog-hero__title-accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  display: inline-block;
  color: transparent;
  background: radial-gradient(125% 165% at 12% 38%, #ffb000 0%, #ff7a18 38%, #ff5a00 62%, #ff1f1f 96%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 18px 50px rgba(255, 122, 0, 0.28);
}

:root[data-theme="light"] .blog-hero--post {
  background:
    radial-gradient(ellipse 125% 96% at 50% -18%, rgba(255, 210, 170, 0.52), transparent 52%),
    radial-gradient(ellipse min(98%, 660px) min(88%, 560px) at 94% 12%, rgba(255, 173, 102, 0.26), transparent 58%),
    radial-gradient(ellipse min(88%, 500px) min(72%, 420px) at 6% 92%, rgba(255, 247, 237, 0.96), transparent 55%),
    radial-gradient(ellipse 105% 68% at 50% 118%, rgba(255, 243, 230, 0.92), transparent 65%),
    #fff8f0;
}

:root[data-theme="light"] .blog-hero--post::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.07) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.055) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 122, 40, 0.1), transparent 62%);
  opacity: 0.26;
}

:root[data-theme="light"] .blog-hero--post::after {
  background: radial-gradient(62% 72% at 50% 42%, transparent 58%, rgba(10, 12, 18, 0.07) 100%);
}

:root[data-theme="light"] .blog-hero--post .blog-hero__eyebrow {
  color: #8a3d0a;
  background: radial-gradient(ellipse 130% 120% at 50% 0%, #ffffff 0%, #fff9f3 48%, #fff3e6 100%);
  border: 1px solid rgba(255, 149, 64, 0.34);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 1px 2px rgba(0, 0, 0, 0.04);
}

:root[data-theme="light"] .blog-hero--post .blog-hero__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .blog-hero--post .blog-hero__sub {
  color: rgba(10, 12, 18, 0.7);
}

:root[data-theme="light"] .blog-hero--post .blog-hero__title-accent {
  background: radial-gradient(130% 170% at 10% 36%, #ea580c 0%, #f97316 40%, #fb923c 72%, #dc2626 100%);
  -webkit-text-fill-color: transparent;
  text-shadow: 0 12px 40px rgba(255, 149, 64, 0.18);
}

:root[data-theme="light"] .blog-hero--post .blog-hero__aside {
  background: rgba(255, 255, 255, 0.82);
  border-color: rgba(255, 149, 64, 0.22);
  box-shadow: 0 18px 48px rgba(10, 12, 18, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
}

:root[data-theme="light"] .blog-hero--post .btn--primary {
  background: linear-gradient(180deg, #ff9124 0%, #ff7300 45%, #e05800 100%);
  box-shadow: 0 14px 40px rgba(255, 130, 0, 0.22), 0 12px 32px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .blog-hero--post .btn--primary:hover {
  box-shadow: 0 18px 52px rgba(255, 130, 0, 0.28), 0 12px 36px rgba(10, 12, 18, 0.1);
}

/* Blog post: sun hairline under hero (not default pink/purple `.about-pink-divider`) */
.blog-hero--post + .about-pink-divider {
  position: relative;
  z-index: 2;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.45) 30%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.45) 70%,
    transparent 100%
  );
}

:root[data-theme="light"] .blog-hero--post + .about-pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
}

/* Blog post page: one fluid `--surface-footer` canvas (article + final CTA; footer unchanged) */
body.page-blog-post {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

:root[data-theme="light"] body.page-blog-post {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body.page-blog-post main {
  background: transparent;
}

body.page-blog-post .blog-post-page,
body.page-blog-post .section.section--wp-cta {
  background: transparent;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

body.page-blog-post .blog-post-page::before,
body.page-blog-post .blog-post-page__glow {
  display: none;
}

body.page-blog-post .section.section--wp-cta::after {
  display: none;
}

body.page-blog-post .section.section--wp-cta {
  padding-top: clamp(2.75rem, 2rem + 2.5vw, 4rem);
}

body.page-blog-post .section.section--wp-cta .wp-cta {
  margin-top: 0;
}

body.page-blog-post .blog-body-band {
  background: #070a12;
  background-image: none !important;
}

:root[data-theme="light"] body.page-blog-post .blog-body-band {
  background: #fff8f0;
  background-image: none !important;
}

body.page-blog-post .blog-post-band a {
  color: #ffb000;
  border-bottom: 1px solid rgba(255, 176, 0, 0.45);
  text-decoration: none;
  transition: color 0.15s ease, border-color 0.15s ease;
}

body.page-blog-post .blog-post-band a:hover {
  color: #ffd454;
  border-bottom-color: rgba(255, 212, 84, 0.75);
}

:root[data-theme="light"] body.page-blog-post .blog-post-band a {
  color: #e85d00;
  border-bottom-color: rgba(234, 88, 12, 0.35);
}

:root[data-theme="light"] body.page-blog-post .blog-post-band a:hover {
  color: #c2410c;
  border-bottom-color: rgba(194, 65, 12, 0.5);
}

body.page-blog-post .nav__right .btn--primary {
  background: linear-gradient(180deg, #ff8c22 0%, #ff6a00 42%, #e04000 100%);
  box-shadow: 0 14px 40px rgba(255, 106, 0, 0.24), 0 10px 32px rgba(0, 0, 0, 0.4);
  border-color: rgba(255, 255, 255, 0.12);
}

body.page-blog-post .nav__right .btn--primary:hover {
  box-shadow: 0 18px 52px rgba(255, 140, 0, 0.3), 0 12px 38px rgba(0, 0, 0, 0.48);
}

:root[data-theme="light"] body.page-blog-post .nav__right .btn--primary {
  background: linear-gradient(180deg, #ff9124 0%, #ff7300 45%, #e05800 100%);
  box-shadow: 0 10px 32px rgba(255, 130, 0, 0.2), 0 8px 24px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] body.page-blog-post .nav__right .btn--primary:hover {
  box-shadow: 0 14px 40px rgba(255, 130, 0, 0.26), 0 10px 28px rgba(10, 12, 18, 0.1);
}

/* Blog post article layout (Duogeeks-inspired, 452 sun palette) */
.blog-post-page {
  position: relative;
  padding: clamp(6.5rem, 5rem + 3vw, 7.75rem) 0 clamp(2.25rem, 1.5rem + 1.5vw, 3rem);
  overflow: visible;
  background: transparent;
}

.blog-post-page__glow::before,
.blog-post-page__glow::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}

.blog-post-page__glow::before {
  top: 5%;
  left: 10%;
  width: min(500px, 70vw);
  height: min(500px, 70vw);
  background: radial-gradient(circle, rgba(255, 149, 64, 0.08) 0%, transparent 70%);
}

.blog-post-page__glow::after {
  top: 38%;
  right: 5%;
  width: min(400px, 55vw);
  height: min(400px, 55vw);
  background: radial-gradient(circle, rgba(255, 122, 40, 0.06) 0%, transparent 70%);
}

.blog-post-page::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 118, 52, 0.128), transparent 62%);
  opacity: 0.33;
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
  -webkit-mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

.blog-post-page__shell {
  position: relative;
  z-index: 1;
  max-width: min(1120px, 100%);
}

.blog-post-page__breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.55rem;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.52);
}

.blog-post-page__breadcrumb li {
  display: inline-flex;
  align-items: center;
}

.blog-post-page__breadcrumb li + li::before {
  content: "›";
  margin-right: 0.55rem;
  color: rgba(255, 176, 0, 0.5);
  font-size: 1.05em;
  font-weight: 700;
  line-height: 1;
  pointer-events: none;
  user-select: none;
}

.blog-post-page__breadcrumb a {
  color: rgba(255, 255, 255, 0.62);
  text-decoration: none;
  transition: color 0.15s ease;
}

.blog-post-page__breadcrumb a:hover {
  color: #ffb000;
}

.blog-post-page__breadcrumb [aria-current="page"] {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 650;
}

.blog-post-page__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 1rem;
}

.blog-post-page__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 214, 170, 0.96);
  background: rgba(255, 122, 40, 0.14);
  border: 1px solid rgba(255, 176, 0, 0.32);
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.blog-post-page__tag:hover {
  background: rgba(255, 122, 40, 0.22);
  border-color: rgba(255, 176, 0, 0.5);
}

.blog-post-page__title {
  margin: 0 0 0.85rem;
  max-width: 20ch;
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.12;
  font-size: clamp(2rem, 1.2rem + 2.4vw, 3rem);
  color: rgba(255, 255, 255, 0.96);
}

.blog-post-page__title-accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  display: inline-block;
  color: transparent;
  background: radial-gradient(125% 165% at 12% 38%, #ffb000 0%, #ff7a18 38%, #ff5a00 62%, #ff1f1f 96%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blog-post-page__deck {
  margin: 0 0 1.25rem;
  max-width: 52ch;
  font-size: 1.05rem;
  line-height: 1.7;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.72);
}

.blog-post-page__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1rem;
  margin: 0 0 1.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(255, 176, 0, 0.18);
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.56);
}

.blog-post-page__meta-group {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.blog-post-page__author-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: -0.04em;
  color: #fff;
  background: linear-gradient(135deg, #ff7a18 0%, #ff5a00 100%);
  box-shadow: 0 0 0 2px rgba(255, 176, 0, 0.35);
}

.blog-post-page__meta-dot {
  opacity: 0.65;
}

.blog-post-page__share {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-left: auto;
}

.blog-post-page__share-label {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.blog-post-page__share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.55rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.72rem;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.blog-post-page__share-btn:hover {
  color: #ffb000;
  border-color: rgba(255, 176, 0, 0.4);
  background: rgba(255, 122, 40, 0.12);
}

.blog-post-page__share-btn--fb {
  padding: 0;
  min-width: 2rem;
}

.blog-post-page__share-btn--fb svg {
  display: block;
}

.blog-post-page__figure {
  margin: 0 0 clamp(1.75rem, 2vw, 2.25rem);
  max-width: min(50.5rem, 100%);
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 176, 0, 0.22);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.45);
}

.blog-post-page__figure-img {
  display: block;
  width: 100%;
  height: auto;
}

.blog-post-page__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
  gap: clamp(2rem, 3vw, 3rem);
  align-items: start;
}

.blog-post-prose {
  margin: 0;
  max-width: none;
}

.blog-post-prose__lead {
  margin: 0 0 1.25rem;
  font-size: 1.12rem;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.88);
}

.blog-post-prose h2 {
  margin: 2.5rem 0 1rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid rgba(255, 176, 0, 0.2);
  font-size: clamp(1.5rem, 1.2rem + 0.8vw, 1.85rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.96);
  scroll-margin-top: 6rem;
}

.blog-post-prose h3 {
  margin: 1.75rem 0 0.65rem;
  font-size: 1.15rem;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.94);
  scroll-margin-top: 6rem;
}

.blog-post-prose p,
.blog-post-prose li {
  font-size: 1.02rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.68);
}

.blog-post-prose p {
  margin: 0 0 1rem;
}

.blog-post-prose ul,
.blog-post-prose ol {
  margin: 0 0 1.25rem;
  padding-left: 1.25rem;
}

.blog-post-prose li {
  margin: 0.35rem 0;
}

.blog-post-prose li::marker {
  color: #ffb000;
}

.blog-post-prose a {
  color: #ffb000;
  border-bottom: 1px solid rgba(255, 176, 0, 0.45);
  text-decoration: none;
}

.blog-post-prose a:hover {
  color: #ffd454;
  border-bottom-color: rgba(255, 212, 84, 0.75);
}

.blog-post-prose strong {
  color: rgba(255, 255, 255, 0.92);
  font-weight: 700;
}

.blog-post-page__author {
  display: flex;
  gap: 1rem;
  margin-top: 2.5rem;
  padding: 1.35rem 1.25rem;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(0, 0, 0, 0.22);
}

.blog-post-page__author-mark--lg {
  width: 3.25rem;
  height: 3.25rem;
  flex-shrink: 0;
  font-size: 0.8rem;
}

.blog-post-page__author-avatar {
  flex-shrink: 0;
  border-radius: 999px;
  object-fit: cover;
  box-shadow: 0 0 0 2px rgba(255, 176, 0, 0.35);
}

.blog-post-page__author-avatar--sm {
  width: 2rem;
  height: 2rem;
}

.blog-post-page__author-avatar--lg {
  width: 3.25rem;
  height: 3.25rem;
}

.blog-post-page__author-label {
  margin: 0 0 0.2rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 176, 0, 0.85);
}

.blog-post-page__author-name {
  margin: 0 0 0.35rem;
  font-size: 1.1rem;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.96);
}

.blog-post-page__author-date {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.62);
}

.blog-post-page__author-bio {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.62);
}

.blog-post-page__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.blog-post-page__back {
  font-size: 0.92rem;
  font-weight: 650;
  color: rgba(255, 255, 255, 0.62);
  text-decoration: none;
  transition: color 0.15s ease;
}

.blog-post-page__back:hover {
  color: #ffb000;
}

.blog-post-page__aside {
  position: sticky;
  top: 6.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.blog-post-page__toc,
.blog-post-page__card {
  padding: 1.15rem 1.1rem;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(0, 0, 0, 0.28);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
}

.blog-post-page__toc-title,
.blog-post-page__card-title {
  margin: 0 0 0.75rem;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.88);
}

.blog-post-page__card-title--sm {
  font-size: 0.78rem;
}

.blog-post-page__toc ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.blog-post-page__toc li + li {
  margin-top: 0.45rem;
}

.blog-post-page__toc a {
  font-size: 0.88rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.62);
  text-decoration: none;
  transition: color 0.15s ease;
}

.blog-post-page__toc a:hover {
  color: #ffb000;
}

.blog-post-page__card-kicker {
  margin: 0 0 0.35rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 176, 0, 0.9);
}

.blog-post-page__card-title:not(.blog-post-page__card-title--sm) {
  font-size: 1.15rem;
  font-weight: 900;
  letter-spacing: -0.02em;
  text-transform: none;
  line-height: 1.25;
}

.blog-post-page__card-text {
  margin: 0 0 1rem;
  font-size: 0.88rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.62);
}

.blog-post-page__card-btn {
  width: 100%;
  justify-content: center;
}

.blog-post-page__card--links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.blog-post-page__card--links li + li {
  margin-top: 0.5rem;
}

.blog-post-page__card--links a {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.62);
  text-decoration: none;
  transition: color 0.15s ease;
}

.blog-post-page__card--links a:hover {
  color: #ffb000;
}

:root[data-theme="light"] .blog-post-page__breadcrumb ol,
:root[data-theme="light"] .blog-post-page__meta {
  color: rgba(10, 12, 18, 0.55);
}

:root[data-theme="light"] .blog-post-page__breadcrumb a {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .blog-post-page__breadcrumb li + li::before {
  color: rgba(234, 88, 12, 0.45);
}

:root[data-theme="light"] .blog-post-page__breadcrumb [aria-current="page"] {
  color: rgba(10, 12, 18, 0.88);
}

:root[data-theme="light"] .blog-post-page__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .blog-post-page__title-accent {
  background-image: radial-gradient(130% 170% at 10% 36%, #ea580c 0%, #f97316 40%, #fb923c 72%, #dc2626 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 12px 40px rgba(255, 149, 64, 0.18);
}

:root[data-theme="light"] .blog-post-page__meta {
  border-bottom-color: rgba(234, 88, 12, 0.2);
}

:root[data-theme="light"] .blog-post-page__meta-group,
:root[data-theme="light"] .blog-post-page__share-label {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .blog-post-page__share-btn {
  border-color: rgba(10, 12, 18, 0.14);
  background: rgba(10, 12, 18, 0.05);
  color: rgba(10, 12, 18, 0.72);
}

:root[data-theme="light"] .blog-post-page__share-btn:hover {
  color: #ea580c;
  border-color: rgba(234, 88, 12, 0.38);
  background: rgba(255, 149, 64, 0.12);
}

:root[data-theme="light"] .blog-post-page__deck,
:root[data-theme="light"] .blog-post-prose p,
:root[data-theme="light"] .blog-post-prose li {
  color: rgba(10, 12, 18, 0.7);
}

:root[data-theme="light"] .blog-post-prose__lead {
  color: rgba(10, 12, 18, 0.82);
}

:root[data-theme="light"] .blog-post-prose h2,
:root[data-theme="light"] .blog-post-prose h3,
:root[data-theme="light"] .blog-post-prose strong {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .blog-post-page__toc,
:root[data-theme="light"] .blog-post-page__card,
:root[data-theme="light"] .blog-post-page__author {
  background-color: #ffffff;
  background-image: radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 149, 64, 0.1) 0%, transparent 50%);
  border-color: rgba(255, 149, 64, 0.28);
  box-shadow: 0 12px 36px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .blog-post-page__toc-title,
:root[data-theme="light"] .blog-post-page__card-title {
  color: rgba(10, 12, 18, 0.88);
}

:root[data-theme="light"] .blog-post-page__card-title:not(.blog-post-page__card-title--sm) {
  color: rgba(10, 12, 18, 0.94);
}

:root[data-theme="light"] .blog-post-page__card-kicker {
  color: rgba(234, 88, 12, 0.95);
}

:root[data-theme="light"] .blog-post-page__toc a,
:root[data-theme="light"] .blog-post-page__card-text,
:root[data-theme="light"] .blog-post-page__card--links a {
  color: rgba(10, 12, 18, 0.58);
}

:root[data-theme="light"] .blog-post-page__toc a:hover,
:root[data-theme="light"] .blog-post-page__card--links a:hover {
  color: #ea580c;
}

:root[data-theme="light"] .blog-post-page__author .blog-post-page__author-label {
  color: rgba(234, 88, 12, 0.95);
}

:root[data-theme="light"] .blog-post-page__author .blog-post-page__author-name {
  color: rgba(10, 12, 18, 0.94);
}

:root[data-theme="light"] .blog-post-page__author .blog-post-page__author-date,
:root[data-theme="light"] .blog-post-page__author .blog-post-page__author-bio {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .blog-post-page__foot {
  border-top-color: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .blog-post-page__back {
  color: rgba(10, 12, 18, 0.58);
}

:root[data-theme="light"] .blog-post-page__back:hover {
  color: #ea580c;
}

@media (max-width: 980px) {
  .blog-post-page__layout {
    grid-template-columns: 1fr;
  }

  .blog-post-page__aside {
    position: static;
    order: -1;
  }

  .blog-post-page__share {
    margin-left: 0;
    width: 100%;
  }

  .blog-post-page__title {
    max-width: none;
  }
}

.blog-hero__aside-list {
  margin: 12px 0 0;
  padding-left: 18px;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.7;
}

:root[data-theme="light"] .blog-hero__aside-list {
  color: rgba(10, 12, 18, 0.72);
}

.blog-feature {
  margin: 0 auto;
  max-width: 52rem;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.38);
}

.blog-feature__img {
  display: block;
  width: 100%;
  height: auto;
}

:root[data-theme="light"] .blog-feature {
  border-color: rgba(10, 12, 18, 0.10);
  background: #ffffff;
  box-shadow: 0 16px 46px rgba(10, 12, 18, 0.08);
}

.blog-body-band {
  background: var(--bg);
  background-image: none !important;
}

:root[data-theme="light"] .blog-body-band {
  background: #ffffff;
  background-image: none !important;
}

.post-list {
  padding-top: 16px;
  padding-bottom: 72px;
}

.page-blog #posts.post-list {
  background: var(--bg);
  background-image: none !important;
}

:root[data-theme="light"] .page-blog #posts.post-list {
  background: var(--light-canvas);
  background-image: none !important;
}

.post-list__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin: 0 0 18px;
}

.post-list__title {
  margin: 0;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.03em;
}

.post-card__meta {
  margin: 12px 0 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.52);
  font-size: 12.5px;
  line-height: 1.55;
}

/* Blog post cards */
.post-card__media {
  display: block;
  margin: 10px 0 0;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.04);
  aspect-ratio: 16 / 9;
  max-height: 210px;
}

.post-card__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  filter: saturate(1.03) contrast(1.03);
  transition: transform 220ms ease;
}

.card:hover .post-card__img {
  transform: scale(1.04);
}

:root[data-theme="light"] .post-card__media {
  border-color: rgba(10, 12, 18, 0.10);
  background: #ffffff;
}

/* Blog (light theme) */
:root[data-theme="light"] .blog-hero__eyebrow {
  color: rgba(10, 12, 18, 0.58);
}

:root[data-theme="light"] .blog-hero__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .blog-hero__sub {
  color: rgba(10, 12, 18, 0.70);
}

:root[data-theme="light"] .blog-hero__aside {
  background: #ffffff;
  border-color: rgba(10, 12, 18, 0.10);
  box-shadow: 0 16px 46px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .blog-hero__aside-title {
  color: rgba(10, 12, 18, 0.58);
}

:root[data-theme="light"] .blog-hero__aside-text {
  color: rgba(10, 12, 18, 0.72);
}

:root[data-theme="light"] .post-card__meta {
  border-top-color: rgba(10, 12, 18, 0.10);
  color: rgba(10, 12, 18, 0.58);
}

@media (max-width: 980px) {
  .blog-hero__inner {
    grid-template-columns: 1fr;
    align-items: start;
  }
}

.cta-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 16px;
}

/* Newsletter (blog) — same footer-field canvas as `.about-why-grow` */
.blog-posts-band {
  position: relative;
  isolation: isolate;
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
  border-top: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* Blog posts band: sun hairline above `#posts` — matches `#work.light-band__segment::before` */
.page-blog .blog-posts-band > .about-pink-divider {
  position: relative;
  z-index: 2;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.45) 30%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.45) 70%,
    transparent 100%
  );
}

:root[data-theme="light"] .page-blog .blog-posts-band > .about-pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
}

:root[data-theme="light"] .blog-posts-band {
  background: var(--surface-footer);
  border-top-color: rgba(10, 12, 18, 0.06);
  border-bottom-color: rgba(10, 12, 18, 0.06);
}

/* Blog growth band: transparent on parent canvas (matches `.about-why-grow > .section.about-growth`) */
:is(.blog-posts-band, .page-seo .contact-page-band) > .section.blog-growth {
  position: relative;
  z-index: 1;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

:is(.blog-posts-band, .page-seo .contact-page-band) > .section.blog-growth::before {
  content: none;
  display: none;
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) > .section.blog-growth {
  border-top: 0;
  border-bottom: 0;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) > .section.blog-growth::before {
  content: none;
  display: none;
}

:root[data-theme="light"] .page-seo .contact-page-band > .section.blog-growth {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom: 0;
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) > .section.blog-growth.blog-growth {
  border-bottom: 0;
}

.page-seo .contact-page-band > .section.blog-growth {
  border-bottom: 0;
}

/* SEO page `#seo-growth`: larger stat row than blog */
.page-seo #seo-growth .blog-growth__stats {
  margin-top: 28px;
  border-radius: 20px;
}

.page-seo #seo-growth .blog-growth__stat {
  padding: clamp(24px, 3vw, 32px) clamp(18px, 2.5vw, 28px);
}

.page-seo #seo-growth .blog-growth__stat-ico {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  margin: 0 0 12px;
}

.page-seo #seo-growth .blog-growth__stat-ico svg {
  width: 22px;
  height: 22px;
}

.page-seo #seo-growth .blog-growth__stat-kicker {
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: 0.14em;
}

.page-seo #seo-growth .blog-growth__stat-value {
  font-size: 24px;
  line-height: 1.2;
}

@media (max-width: 720px) {
  .page-seo #seo-growth .blog-growth__stats {
    grid-template-columns: 1fr;
  }

  .page-seo #seo-growth .blog-growth__stat {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .page-seo #seo-growth .blog-growth__stat:first-child {
    border-top: 0;
  }
}

:root[data-theme="light"] .page-seo #seo-growth .blog-growth__stat {
  border-top-color: rgba(10, 12, 18, 0.1);
}

/* Blog page `#blog-growth`: stat row matches SEO `#seo-growth` (count-up values + 24px type) */
.blog-posts-band #blog-growth .blog-growth__stats {
  margin-top: 28px;
  border-radius: 20px;
}

.blog-posts-band #blog-growth .blog-growth__stat {
  padding: clamp(24px, 3vw, 32px) clamp(18px, 2.5vw, 28px);
}

.blog-posts-band #blog-growth .blog-growth__stat-ico {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  margin: 0 0 12px;
}

.blog-posts-band #blog-growth .blog-growth__stat-ico svg {
  width: 22px;
  height: 22px;
}

.blog-posts-band #blog-growth .blog-growth__stat-kicker {
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: 0.14em;
}

.blog-posts-band #blog-growth .blog-growth__stat-value {
  font-size: 24px;
  line-height: 1.2;
}

@media (max-width: 720px) {
  .blog-posts-band #blog-growth .blog-growth__stats {
    grid-template-columns: 1fr;
  }

  .blog-posts-band #blog-growth .blog-growth__stat {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .blog-posts-band #blog-growth .blog-growth__stat:first-child {
    border-top: 0;
  }
}

:root[data-theme="light"] .blog-posts-band #blog-growth .blog-growth__stat {
  border-top-color: rgba(10, 12, 18, 0.1);
}

section.section.blog-growth .blog-growth__inner::before {
  content: none;
}

.newsletter-band {
  background: transparent;
  border-top: 0;
  border-bottom: 0;
}

.blog-posts-band .newsletter-band {
  background: transparent !important;
}

.newsletter-band__inner,
.newsletter-band__copy,
.newsletter-band__form {
  display: none;
}

/* Blog newsletter strip (more conventional/professional) */
.newsletter-strip {
  padding: 54px 0 70px;
  position: relative;
  isolation: isolate;
  background: var(--bg);
  background-image: none !important;
}

.newsletter-strip__inner {
  display: grid;
  gap: 18px;
  align-items: center;
}

.newsletter-strip::before {
  content: none;
  display: none;
}

.newsletter-strip__inner > * {
  position: relative;
  z-index: 1;
}

.newsletter-strip__copy {
  max-width: 58ch;
}

.newsletter-strip__kicker {
  display: inline-flex;
  margin: 0 0 10px;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.newsletter-strip__title {
  margin: 0 0 10px;
  font-weight: 950;
  letter-spacing: -0.03em;
  line-height: 1.12;
  font-size: clamp(1.3rem, 1.05rem + 0.9vw, 1.8rem);
}

.newsletter-strip__accent {
  color: #ffb088;
  background: none;
  -webkit-text-fill-color: #ffb088;
  filter: none;
  text-shadow: none;
}

.newsletter-strip__lead {
  margin: 0;
  color: var(--muted-2);
  line-height: 1.7;
}

.newsletter-strip__panel {
  position: relative;
  border-radius: 16px;
  border: 1px solid rgba(255, 172, 118, 0.14);
  background: rgba(15, 7, 4, 0.49);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 148, 88, 0.08);
  padding: 16px 16px;
}

.newsletter-strip__panel::before {
  content: none;
  display: none;
}

.newsletter-strip__panel > * {
  position: relative;
  z-index: 1;
}

.newsletter-strip__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.newsletter-strip__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.newsletter-strip__fineprint {
  margin: 0;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 700;
  font-size: 12px;
}

/* Light: match homepage light-band — solid #fff strip, no radial/gradient canvas */
:root[data-theme="light"] .newsletter-strip {
  background: var(--light-canvas);
  background-image: none !important;
  border-top: 1px solid rgba(10, 12, 18, 0.06);
  border-bottom: 1px solid rgba(10, 12, 18, 0.06);
}

:root[data-theme="light"] .newsletter-strip__title {
  color: var(--light-ink);
}

:root[data-theme="light"] .newsletter-strip__accent {
  background: none;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

:root[data-theme="light"] .newsletter-strip__kicker {
  color: rgba(138, 52, 8, 0.92);
  background: #fff8f3;
  border-color: rgba(255, 142, 72, 0.27);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 1px 2px rgba(0, 0, 0, 0.04);
}

:root[data-theme="light"] .newsletter-strip__lead {
  color: var(--light-ink-mid);
}

:root[data-theme="light"] .newsletter-strip__panel {
  background: #ffffff;
  border-color: rgba(255, 148, 82, 0.22);
  box-shadow: 0 8px 24px rgba(10, 12, 18, 0.06), 0 0 0 1px rgba(255, 175, 125, 0.12) inset;
}

:root[data-theme="light"] .newsletter-strip__panel::before {
  display: none;
}

:root[data-theme="light"] .newsletter-strip__fineprint {
  color: rgba(10, 12, 18, 0.52);
}

.newsletter-strip .btn--primary {
  background: #ff6410;
  box-shadow: 0 14px 40px rgba(255, 110, 36, 0.22), 0 12px 32px rgba(0, 0, 0, 0.35);
  border-color: rgba(255, 255, 255, 0.12);
}

.newsletter-strip .btn--primary:hover {
  background: #ff7824;
  box-shadow: 0 18px 48px rgba(255, 130, 48, 0.28), 0 12px 34px rgba(0, 0, 0, 0.42);
}

:root[data-theme="light"] .newsletter-strip .btn--primary {
  background: #ff7410;
  box-shadow: 0 12px 32px rgba(255, 124, 36, 0.18), 0 8px 24px rgba(10, 12, 18, 0.06);
}

:root[data-theme="light"] .newsletter-strip .btn--primary:hover {
  background: #ff8324;
  box-shadow: 0 14px 36px rgba(255, 136, 48, 0.22), 0 8px 26px rgba(10, 12, 18, 0.08);
}

.newsletter-strip .field__input:focus {
  border-color: rgba(255, 190, 140, 0.45);
  box-shadow: 0 0 0 4px rgba(255, 110, 48, 0.18);
}

:root[data-theme="light"] .newsletter-strip .field__input:focus {
  box-shadow: 0 0 0 4px rgba(255, 136, 72, 0.2);
}

@media (min-width: 980px) {
  .newsletter-strip__inner {
    grid-template-columns: 1.05fr 0.95fr;
  }

  .newsletter-strip__grid {
    grid-template-columns: 1fr 1fr auto;
    align-items: end;
  }

  .newsletter-strip__actions {
    justify-content: flex-end;
    padding-bottom: 2px;
    flex-wrap: nowrap;
  }
}

.blog-posts-band #posts.post-list {
  position: relative;
  z-index: 1;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

:root[data-theme="light"] .blog-posts-band #posts.post-list {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.newsletter-band__inner {
  display: grid;
  gap: 18px;
  align-items: start;
}

.newsletter-band__title {
  margin: 0 0 10px;
  font-size: 22px;
}

.newsletter-band__text {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
  max-width: 68ch;
}

@media (min-width: 980px) {
  .newsletter-band__inner {
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
  }
}

/* New newsletter style: match about-growth */
.newsletter-growth {
  padding: 92px 0 96px;
}

.newsletter-growth__inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
}

.newsletter-growth__inner::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -6px;
  transform: translateX(-50%);
  width: min(520px, 94%);
  height: clamp(128px, 19vw, 188px);
  background: radial-gradient(ellipse 72% 62% at 50% 42%, rgba(58, 134, 255, 0.14), transparent 72%);
  pointer-events: none;
  z-index: 0;
}

:root[data-theme="light"] .newsletter-growth__inner::before {
  background: radial-gradient(ellipse 70% 60% at 50% 44%, rgba(11, 99, 246, 0.08), transparent 74%);
}

.newsletter-growth__inner > * {
  position: relative;
  z-index: 1;
}

.newsletter-growth__kicker {
  display: inline-flex;
  margin: 0 0 14px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--warm-2);
  background: rgba(255, 159, 64, 0.12);
  border: 1px solid rgba(255, 159, 64, 0.22);
}

.newsletter-growth__title {
  margin: 0;
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.05;
  font-size: clamp(2.0rem, 1.75rem + 1.5vw, 2.8rem);
}

.newsletter-growth__title-line {
  display: block;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] .newsletter-growth__title-line {
  color: rgba(10, 12, 18, 0.92);
}

.newsletter-growth__accent {
  color: #3a86ff;
  text-shadow: 0 18px 50px rgba(58, 134, 255, 0.26);
}

:root[data-theme="light"] .newsletter-growth__accent {
  text-shadow: 0 8px 28px rgba(58, 134, 255, 0.16);
}

.newsletter-growth__lead {
  margin: 16px auto 0;
  max-width: 72ch;
  color: var(--muted-2);
  line-height: 1.7;
  font-size: 16px;
}

.newsletter-growth__checks {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  align-items: center;
}

.newsletter-growth__check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(45, 212, 191, 0.32);
  background: rgba(0, 0, 0, 0.12);
  color: rgba(255, 255, 255, 0.9);
  font-weight: 750;
  font-size: 13px;
  line-height: 1.2;
}

:root[data-theme="light"] .newsletter-growth__check {
  background: rgba(255, 255, 255, 0.9);
  color: var(--light-ink);
  border-color: rgba(45, 212, 191, 0.3);
  box-shadow: 0 1px 0 rgba(10, 12, 18, 0.04);
}

.newsletter-growth__check-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  color: #2dd4bf;
  background: rgba(45, 212, 191, 0.12);
  border: 1px solid rgba(45, 212, 191, 0.22);
  font-size: 12px;
  line-height: 1;
}

:root[data-theme="light"] .newsletter-growth__check-icon {
  background: rgba(45, 212, 191, 0.10);
}

.newsletter-growth__form {
  margin: 22px auto 0;
  max-width: 760px;
}

/* Blog: posts heading (match newsletter-growth rhythm) */
.posts-growth {
  margin: 0 auto 18px;
}

.posts-growth__inner {
  position: relative;
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
}

.posts-growth__inner::before {
  content: none;
  display: none;
}

.posts-growth__inner > * {
  position: relative;
  z-index: 1;
}

.posts-growth__title {
  margin: 0;
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.08;
  font-size: 48px;
}

.posts-growth__lead {
  margin: 14px auto 0;
  max-width: 78ch;
  color: var(--muted-2);
  line-height: 1.7;
  font-size: 18px;
}

/* Blog page: growth band — mirrors `.about-growth` on about.html */
.blog-growth {
  position: relative;
  padding: 92px 0 96px;
  overflow: visible;
  color: var(--text);
  background-color: var(--bg) !important;
  background-image: none !important;
  border-top: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.blog-growth__inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
}

.blog-growth__inner > * {
  position: relative;
  z-index: 1;
}


.blog-growth__kicker {
  display: inline-flex;
  margin: 0 0 14px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--warm-2);
  background: rgba(255, 159, 64, 0.12);
  border: 1px solid rgba(255, 159, 64, 0.22);
}

.blog-growth__title {
  margin: 0;
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.05;
  font-size: 48px;
}

.blog-posts-band #blog-growth-title,
.page-seo #seo-growth-title {
  font-size: 48px;
}

.blog-growth__title-line {
  display: block;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.95);
}

.blog-growth__accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 14px 36px rgba(255, 94, 36, 0.34));
}

.blog-growth__lead {
  margin: 16px auto 0;
  max-width: 72ch;
  color: var(--muted-2);
  line-height: 1.7;
  font-size: 18px;
}

:is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__lead {
  font-size: 16px;
}

:is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__checks {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  align-items: center;
}

:is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 48, 0.36);
  background: rgba(0, 0, 0, 0.12);
  color: rgba(255, 255, 255, 0.9);
  font-weight: 750;
  font-size: 13px;
  line-height: 1.2;
}

:is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__check-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  color: #ffc878;
  background: rgba(255, 122, 0, 0.16);
  border: 1px solid rgba(255, 159, 64, 0.28);
  font-size: 12px;
  line-height: 1;
}

:is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__stats {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}

:is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__stat {
  padding: 16px 14px;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

:is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__stat:first-child {
  border-left: 0;
}

:is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__stat-ico {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffc878;
  background: rgba(255, 122, 0, 0.16);
  border: 1px solid rgba(255, 159, 64, 0.28);
  margin: 0 0 8px;
}

:is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__stat-ico svg {
  color: #ffc878;
}

:is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__stat-kicker {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.55);
}

:is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__stat-value {
  margin: 0;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth {
  color: var(--light-ink);
  background-color: var(--light-canvas) !important;
  background-image: none !important;
  border-bottom-color: rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__title-line {
  color: rgba(10, 12, 18, 0.95);
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__lead {
  color: var(--light-ink-mid);
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__title {
  color: var(--text);
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__accent {
  background: none;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__check {
  background: #ffffff;
  color: var(--light-ink);
  border-color: rgba(255, 122, 0, 0.28);
  box-shadow: 0 1px 0 rgba(10, 12, 18, 0.04);
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__check-icon {
  color: #e07000;
  background: rgba(255, 122, 0, 0.12);
  border-color: rgba(255, 149, 48, 0.28);
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__stats {
  border: 1px solid rgba(255, 159, 64, 0.38);
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__stat {
  border-left-color: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__stat-kicker {
  color: var(--light-ink-soft);
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__stat-value {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__stat-ico {
  color: #e07000;
  background: rgba(255, 122, 0, 0.1);
  border-color: rgba(255, 149, 48, 0.26);
}

:root[data-theme="light"] :is(.blog-posts-band, .page-seo .contact-page-band) .blog-growth__stat-ico svg {
  color: #e07000;
}

:root[data-theme="light"] .blog-growth__title-line {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .blog-growth__accent {
  background: none;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

.newsletter__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 12px;
}

.newsletter__actions {
  display: grid;
  justify-items: start;
  gap: 8px;
}

.newsletter__fineprint {
  margin: 0;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 700;
  font-size: 12px;
}

:root[data-theme="light"] .newsletter__fineprint {
  color: rgba(10, 12, 18, 0.52);
}

@media (min-width: 720px) {
  .newsletter__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
  }
}

.quote {
  margin-top: 16px;
  padding: 14px 14px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
}

.quote__text {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  line-height: 1.65;
  font-weight: 650;
}

.quote__meta {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 12.5px;
  font-weight: 750;
}

.media-card {
  border-radius: var(--radius);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(10, 16, 34, 0.42);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.5);
  padding: 18px 16px 16px;
}

.media-card__kicker {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.65);
}

.media-card__title {
  margin: 0 0 10px;
  font-weight: 950;
  letter-spacing: -0.03em;
  color: rgba(255, 255, 255, 0.92);
  line-height: 1.2;
}

.media-card__text {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.65;
  font-weight: 650;
  font-size: 14px;
}

.media-card__actions {
  margin-top: 14px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

:root[data-theme="light"] .media-card__text {
  color: rgba(10, 12, 18, 0.7);
}

/* Lincoln / local “served” panel — visual language matches `.webdesign-pains__panel-inner` */
.lincoln-served-wrap {
  margin-top: 16px;
}

.lincoln-served__panel {
  max-width: 980px;
  margin: 0 auto;
  border-radius: 16px;
  padding: 18px;
  border: 1px solid rgba(255, 180, 120, 0.1);
  background:
    radial-gradient(520px 240px at 12% 10%, rgba(255, 149, 72, 0.12), transparent 62%),
    rgba(12, 6, 4, 0.44);
  box-shadow:
    0 16px 46px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Icon column + copy stack (same rhythm as `.webdesign-pains__panel-inner`) */
.lincoln-served__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 18px;
  row-gap: 8px;
  align-items: start;
}

.lincoln-served__title-row {
  display: contents;
}

.lincoln-served__pin {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: start;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.92);
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.1), rgba(255, 122, 40, 0.12));
  border: 1px solid rgba(255, 149, 72, 0.28);
  box-shadow:
    0 16px 46px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 40px rgba(255, 94, 36, 0.1);
}

.lincoln-served__title {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  font-weight: 850;
  letter-spacing: -0.025em;
  line-height: 1.22;
  color: rgba(255, 255, 255, 0.95);
  font-size: clamp(1.05rem, 0.95rem + 0.35vw, 1.22rem);
}

.lincoln-served__accent {
  color: rgba(255, 186, 120, 0.95);
  text-shadow: 0 18px 52px rgba(255, 106, 24, 0.22);
}

.lincoln-served__sub {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  color: rgba(255, 232, 216, 0.84);
  line-height: 1.72;
  font-size: 15px;
  max-width: 62ch;
}

.lincoln-served__grid {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 12px;
}

.lincoln-served__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 180, 120, 0.1);
  background: rgba(0, 0, 0, 0.12);
  color: rgba(255, 255, 255, 0.82);
  font-weight: 650;
  letter-spacing: -0.01em;
  font-size: 13px;
  text-decoration: none;
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

a.lincoln-served__item:hover {
  border-color: rgba(255, 149, 72, 0.28);
  background: rgba(255, 122, 40, 0.08);
  transform: translateY(-1px);
}

a.lincoln-served__item:focus-visible {
  outline: 2px solid rgba(255, 149, 64, 0.85);
  outline-offset: 2px;
}

.lincoln-served__icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  color: rgba(255, 176, 112, 0.96);
  background: rgba(255, 122, 40, 0.14);
  border: 1px solid rgba(255, 149, 72, 0.28);
  box-shadow: 0 10px 28px rgba(255, 94, 36, 0.14);
  flex: 0 0 auto;
}

.lincoln-served__icon svg {
  display: block;
}

:root[data-theme="light"] .lincoln-served__panel {
  border-color: rgba(255, 149, 64, 0.14);
  background:
    radial-gradient(520px 240px at 12% 10%, rgba(255, 176, 112, 0.14), transparent 62%),
    rgba(255, 255, 255, 0.58);
  box-shadow:
    0 14px 36px rgba(10, 12, 18, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] body:not(.page-lincoln) .lincoln-served__pin {
  color: rgba(10, 12, 18, 0.92);
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.95), rgba(255, 244, 232, 0.92));
  border-color: rgba(255, 149, 64, 0.28);
  box-shadow:
    0 14px 36px rgba(10, 12, 18, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 12px 32px rgba(255, 122, 40, 0.08);
}

:root[data-theme="light"] .lincoln-served__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .lincoln-served__sub {
  color: rgba(10, 12, 18, 0.72);
}

:root[data-theme="light"] .lincoln-served__grid {
  border-top-color: rgba(10, 12, 18, 0.07);
}

:root[data-theme="light"] .lincoln-served__item {
  border-color: rgba(255, 149, 64, 0.14);
  background: rgba(255, 255, 255, 0.72);
  color: rgba(10, 12, 18, 0.82);
}

:root[data-theme="light"] a.lincoln-served__item:hover {
  background: rgba(255, 252, 248, 0.95);
  border-color: rgba(255, 149, 64, 0.22);
}

:root[data-theme="light"] body:not(.page-lincoln) .lincoln-served__icon {
  color: rgba(194, 65, 12, 0.95);
  background: rgba(255, 122, 40, 0.1);
  border-color: rgba(255, 149, 64, 0.22);
  box-shadow: 0 10px 24px rgba(10, 12, 18, 0.06);
}

@media (max-width: 900px) {
  .lincoln-served__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .lincoln-served__grid {
    grid-template-columns: 1fr;
  }
}

/* Lincoln page: local guide — typographic chapters (no glass panels) */
.lincoln-local-guide {
  margin-top: -1px;
  padding: clamp(3.5rem, 6vw, 5rem) 0 clamp(3.75rem, 6vw, 5.25rem);
  background: transparent;
}

.lincoln-local-guide__inner {
  max-width: 68rem;
}

.lincoln-local-guide__chapter--types {
  width: 100%;
  margin-inline: auto;
}

.lincoln-local-guide__intro {
  width: 100%;
  max-width: min(44rem, 100%);
  margin-inline: auto;
  text-align: center;
}

.lincoln-local-guide__intro .lincoln-local-guide__title,
.lincoln-local-guide__intro .work-section__hed {
  margin-inline: auto;
}

.lincoln-local-guide__chapter--types .lincoln-local-guide__intro {
  max-width: none;
}

.lincoln-local-guide__intro .lincoln-local-guide__deck {
  margin-inline: auto;
  max-width: 42rem;
}

.lincoln-local-guide__chapter--types .lincoln-local-guide__signals {
  max-width: 52rem;
  margin-inline: auto;
}

.lincoln-local-guide__chapter--types .lincoln-local-guide__types {
  max-width: 52rem;
  margin-inline: auto;
}

.lincoln-local-guide__title {
  margin: 0 0 1.1rem;
  font-size: clamp(1.85rem, 1.25rem + 1.5vw, 2.5rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.08;
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] .lincoln-local-guide__title {
  color: rgba(10, 12, 18, 0.94);
}

.page-lincoln:not(.page-omaha) .lincoln-local-guide__title {
  font-size: 48px;
  letter-spacing: -0.045em;
  line-height: 1.05;
}

.lincoln-local-guide__deck {
  margin: 0;
  font-size: 22px;
  line-height: 1.78;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.68);
}

:root[data-theme="light"] .lincoln-local-guide__deck {
  color: rgba(10, 12, 18, 0.68);
}

.lincoln-local-guide__types {
  margin: clamp(2rem, 3.5vw, 2.75rem) 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.lincoln-local-guide__types li {
  display: grid;
  grid-template-columns: minmax(7.5rem, 10.5rem) minmax(0, 1fr);
  gap: 0.75rem 2rem;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.lincoln-local-guide__type-name {
  font-size: 1.125rem;
  font-weight: 750;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.92);
}

.lincoln-local-guide__type-desc {
  font-size: 1.125rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.62);
}

.lincoln-local-guide__type-desc a {
  color: #ffb000;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 176, 0, 0.4);
}

.lincoln-local-guide__type-desc a:hover {
  color: #ffd454;
  border-bottom-color: rgba(255, 212, 84, 0.7);
}

:root[data-theme="light"] .lincoln-local-guide__types {
  border-top-color: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .lincoln-local-guide__types li {
  border-bottom-color: rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .lincoln-local-guide__type-name {
  color: rgba(10, 12, 18, 0.9);
}

:root[data-theme="light"] .lincoln-local-guide__type-desc {
  color: rgba(10, 12, 18, 0.64);
}

:root[data-theme="light"] .lincoln-local-guide__type-desc a {
  color: #c2410c;
  border-bottom-color: rgba(234, 88, 12, 0.35);
}

:root[data-theme="light"] .lincoln-local-guide__type-desc a:hover {
  color: #9a3412;
  border-bottom-color: rgba(234, 88, 12, 0.5);
}

.lincoln-local-guide__rule {
  margin: clamp(2.75rem, 5vw, 4rem) 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.14) 18%,
    rgba(255, 255, 255, 0.14) 82%,
    transparent 100%
  );
}

:root[data-theme="light"] .lincoln-local-guide__rule {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(10, 12, 18, 0.12) 18%,
    rgba(10, 12, 18, 0.12) 82%,
    transparent 100%
  );
}

.lincoln-local-guide__redesign {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 3vw, 2.5rem);
  align-items: start;
}

.lincoln-local-guide__redesign-head .lincoln-local-guide__deck {
  max-width: none;
}

.lincoln-local-guide__signals {
  margin: 1.75rem 0 0;
  padding: 1.5rem 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.25rem;
}

.lincoln-local-guide__signal {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 2.25rem;
}

.lincoln-local-guide__signal-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 1.35rem;
  height: 1.35rem;
  color: rgba(255, 176, 112, 0.92);
}

.lincoln-local-guide__signal-icon svg {
  display: block;
}

.lincoln-local-guide__signal-label {
  font-size: 1.125rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .lincoln-local-guide__signals {
  border-top-color: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .lincoln-local-guide__signal-icon {
  color: rgba(194, 65, 12, 0.88);
}

:root[data-theme="light"] .lincoln-local-guide__signal-label {
  color: rgba(10, 12, 18, 0.72);
}

.lincoln-local-guide__reasons {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: lincoln-reason;
}

.lincoln-local-guide__reasons li {
  position: relative;
  margin: 0;
  padding: 1.1rem 0 1.1rem 2.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 1.125rem;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.64);
}

.lincoln-local-guide__reasons li::before {
  counter-increment: lincoln-reason;
  content: counter(lincoln-reason, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 1.15rem;
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.38);
}

.lincoln-local-guide__reasons li strong {
  display: block;
  margin-bottom: 0.2rem;
  font-size: 1.125rem;
  font-weight: 750;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.92);
}

:root[data-theme="light"] .lincoln-local-guide__reasons li {
  border-bottom-color: rgba(10, 12, 18, 0.08);
  color: rgba(10, 12, 18, 0.64);
}

:root[data-theme="light"] .lincoln-local-guide__reasons li::before {
  color: rgba(10, 12, 18, 0.38);
}

:root[data-theme="light"] .lincoln-local-guide__reasons li strong {
  color: rgba(10, 12, 18, 0.9);
}

.lincoln-local-guide__note {
  margin: clamp(2rem, 3vw, 2.5rem) auto 0;
  max-width: 42rem;
  font-size: 22px;
  line-height: 1.78;
  text-align: center;
  color: rgba(255, 255, 255, 0.58);
}

.lincoln-local-guide__note a {
  color: #ffb000;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 176, 0, 0.4);
}

.lincoln-local-guide__note a:hover {
  color: #ffd454;
  border-bottom-color: rgba(255, 212, 84, 0.7);
}

:root[data-theme="light"] .lincoln-local-guide__note {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .lincoln-local-guide__note a {
  color: #c2410c;
  border-bottom-color: rgba(234, 88, 12, 0.35);
}

:root[data-theme="light"] .lincoln-local-guide__note a:hover {
  color: #9a3412;
  border-bottom-color: rgba(234, 88, 12, 0.5);
}

@media (max-width: 900px) {
  .lincoln-local-guide__types li {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }

  .lincoln-local-guide__redesign {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }

  .lincoln-local-guide__signals {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .lincoln-local-guide__signals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .page-lincoln:not(.page-omaha) .lincoln-local-guide__title {
    font-size: clamp(1.65rem, 5.2vw, 2.15rem);
  }
}

/* lincoln-web-design.html: `#contact.contact-section` after `.lincoln-local-guide` */
:root:not([data-theme="light"]) .page-lincoln:not(.page-omaha) main > #contact.contact-section,
:root:not([data-theme="light"]) .page-lincoln:not(.page-omaha) main > .lincoln-faq-cta {
  background: var(--surface-footer) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) main > #contact.contact-section,
:root[data-theme="light"] .page-lincoln:not(.page-omaha) main > .lincoln-faq-cta {
  background: var(--surface-footer) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

.page-lincoln:not(.page-omaha) .lincoln-local-guide + #contact.contact-section {
  margin-top: -1px;
  padding-top: clamp(1.5rem, 2.5vw, 2.5rem);
}

.page-lincoln:not(.page-omaha) main > #contact.contact-section {
  position: relative;
  z-index: 1;
  padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(2rem, 4vw, 3rem);
}

.page-lincoln:not(.page-omaha) main > #contact.contact-section .contact-section__bg {
  display: none;
}

.page-lincoln:not(.page-omaha) main > #contact.contact-section .contact-section__head {
  margin-bottom: clamp(28px, 4vw, 44px);
}

.page-lincoln:not(.page-omaha) main > #contact.contact-section .contact-section__head .eyebrow {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) main > #contact.contact-section .contact-section__head .eyebrow {
  color: rgba(10, 12, 18, 0.62);
}

.page-lincoln:not(.page-omaha) #lincoln-contact-heading,
.page-lincoln.page-papillion .lincoln-faq-cta #lincoln-faq-title.connect-cta__title {
  margin: 0 auto 10px;
  max-width: 22ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.96);
  text-wrap: balance;
}

.page-lincoln:not(.page-omaha) #lincoln-contact-heading .about-accent,
.page-lincoln.page-papillion .lincoln-faq-cta #lincoln-faq-title.connect-cta__title .about-accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) #lincoln-contact-heading,
:root[data-theme="light"] .page-lincoln.page-papillion .lincoln-faq-cta #lincoln-faq-title.connect-cta__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) #lincoln-contact-heading .about-accent,
:root[data-theme="light"] .page-lincoln.page-papillion .lincoln-faq-cta #lincoln-faq-title.connect-cta__title .about-accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.page-lincoln:not(.page-omaha) #contact.contact-section .contact-form-wrap .contact-form {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 22px clamp(16px, 2.5vw, 26px);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) #contact.contact-section .contact-form-wrap .contact-form {
  background: #ffffff;
  border-color: var(--light-line);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.page-lincoln:not(.page-omaha) #contact.contact-section .contact-form .btn--primary {
  background: linear-gradient(180deg, #ff8c22 0%, #ff6a00 42%, #e04000 100%);
  box-shadow: 0 18px 50px rgba(255, 106, 0, 0.28), 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 255, 255, 0.12);
}

.page-lincoln:not(.page-omaha) #contact.contact-section .contact-form .btn--primary:hover {
  box-shadow: 0 22px 70px rgba(255, 140, 0, 0.34), 0 14px 45px rgba(0, 0, 0, 0.55);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) #contact.contact-section .contact-form .btn--primary {
  background: linear-gradient(180deg, #ff9124 0%, #ff7300 45%, #e05800 100%);
  box-shadow: 0 14px 40px rgba(255, 130, 0, 0.22), 0 12px 32px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) #contact.contact-section .contact-form .btn--primary:hover {
  box-shadow: 0 18px 52px rgba(255, 130, 0, 0.28), 0 12px 36px rgba(10, 12, 18, 0.1);
}

.page-lincoln:not(.page-omaha) #contact.contact-section + .lincoln-faq-cta #faq.section.section--thin {
  padding-top: clamp(1.25rem, 2vw, 2rem);
}

:root[data-theme="light"] .quote {
  background: #ffffff;
  border-color: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .quote__text {
  color: rgba(10, 12, 18, 0.72);
}

:root[data-theme="light"] .quote__meta {
  color: rgba(10, 12, 18, 0.56);
}

:root[data-theme="light"] .media-card {
  background: #ffffff;
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 16px 46px rgba(10, 12, 18, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

:root[data-theme="light"] .media-card__kicker {
  color: rgba(10, 12, 18, 0.55);
}

:root[data-theme="light"] .media-card__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .media-card__text {
  color: rgba(10, 12, 18, 0.7);
}

.lead {
  margin: 12px 0 16px;
  color: rgba(255, 255, 255, 0.74);
  line-height: 1.7;
}

.bullets {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}

.bullets li {
  padding: 14px 14px;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.76);
  line-height: 1.55;
}

.bullets strong {
  color: rgba(255, 255, 255, 0.92);
}

.split__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.panel {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(10, 16, 34, 0.45);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55);
  min-height: 360px;
}

.panel__glow {
  position: absolute;
  inset: -40px;
  background: radial-gradient(420px 280px at 40% 30%, rgba(11, 99, 246, 0.26), transparent 62%);
  filter: blur(22px);
}

.panel__grid {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 66px 66px;
  opacity: 0.22;
  mask-image: radial-gradient(70% 60% at 50% 35%, black 45%, transparent 100%);
}

.panel__content {
  position: relative;
  padding: 22px;
}

.panel__kicker {
  margin: 0 0 10px;
  display: inline-flex;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.75);
}

.panel__big {
  margin: 0 0 18px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.25;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.88);
}

.panel__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.stat {
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 14px;
}

.stat__num {
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.94);
}

.stat__label {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.66);
  font-weight: 700;
  font-size: 12px;
}

/* Single light band: client proof + work (one section, premium “full-width” flow) */
.section.section--light {
  padding: 0;
}

.section--light {
  position: relative;
  color: var(--light-ink);
  background: var(--light-canvas);
  overflow: hidden;
}

/* Outer wrapper: reviews + work share one surface — no line between “about” and “work” */
section.section--light.light-band {
  z-index: 3;
  margin-top: -2.5rem;
  padding: 0 0 100px;
  border: 0;
  border-radius: 20px 20px 0 0;
  overflow: visible;
  background: var(--light-canvas);
  box-shadow: 0 -22px 48px -18px rgba(0, 0, 0, 0.48);
}

/* Web design + Papillion: "work only" light band — no purple/orange hairline, lift, or gap above Our work */
.page-webdesign section.section--light.light-band.light-band--work-only,
.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only {
  padding-bottom: 0;
  margin-top: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.page-webdesign section.section--light.light-band.light-band--work-only::before,
.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only::before {
  display: none !important;
  content: none !important;
  height: 0 !important;
  background: none !important;
}

.page-webdesign section.section--light.light-band.light-band--work-only #work.light-band__segment::before,
.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only #work.light-band__segment::before {
  display: none !important;
  content: none !important;
  height: 0 !important;
  background: none !important;
}

.page-webdesign section.section--light.light-band.light-band--work-only #work.light-band__segment,
.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only #work.light-band__segment {
  border-top: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Website design (sun band): work title accents match process / #work warm gradient — not hero blue */
.page-webdesign:not(.page-webdev) section.section--light.light-band.light-band--work-only #work.light-band__segment .light-band__title-accent,
.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only #work.light-band__segment .light-band__title-accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  text-shadow: 0 18px 52px rgba(255, 106, 18, 0.2);
}

/* Website development: work band accents match experience headline sun tones (not dev link blue) */
.page-webdesign.page-webdev section.section--light.light-band.light-band--work-only #work.light-band__segment .light-band__title-accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 14px 36px rgba(255, 94, 36, 0.34));
  text-shadow: none;
}

:root[data-theme="light"] .page-webdesign.page-webdev section.section--light.light-band.light-band--work-only #work.light-band__segment .light-band__title-accent {
  padding-bottom: 0;
  margin-bottom: 0;
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

/* Web design + Papillion: don't cast a dark fade onto the section above */
.page-webdesign section.section--light.light-band.light-band--work-only .section--light__shadow-fall,
.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only .section--light__shadow-fall {
  display: none !important;
}

/* Standalone pages that start with the light band (e.g. work.html) */
section.section--light.light-band.light-band--page {
  margin-top: 0;
  border-radius: 0;
  box-shadow: none;
  padding-top: 96px; /* clears fixed header */
}

/* Work page: light band follows a hero, so remove the header-clear gap */
.page-work section.section--light.light-band.light-band--page {
  padding-top: 0;
}

.page-work section.section--light.light-band.light-band--page {
  background: var(--bg);
}

:root[data-theme="light"] .page-work section.section--light.light-band.light-band--page {
  background: var(--light-canvas);
}

.page-work .section--light__shadow-fall {
  display: none;
}

.page-work section.section--light.light-band.light-band--page {
  padding-bottom: 0;
}

.page-work #work .work-band__after-grid {
  margin: clamp(1.25rem, 2.8vw, 2rem) auto 0;
  max-width: 48rem;
  text-align: center;
}

.page-work #work .work-band__after-grid .agency-prose__link {
  font-size: 15px;
}

:root[data-theme="light"] section.section--light.light-band {
  margin-top: 0;
  border-radius: 0;
  box-shadow: none;
  background: var(--light-canvas);
}

section.section--light.light-band::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(11, 99, 246, 0.55) 32%,
    rgba(11, 99, 246, 0.85) 50%,
    rgba(11, 99, 246, 0.55) 68%,
    transparent 100%
  );
  z-index: 2;
  pointer-events: none;
}

/* Work page only: sun-tone divider above the light band */
.page-work section.section--light.light-band::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
}

/* Homepage: no colored divider strip between #services and the light band */
.page-home section.section--light.light-band::before {
  display: none;
}

:root[data-theme="light"] section.section--light.light-band::before {
  display: none;
}

.light-band__segment {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

#about,
#work {
  scroll-margin-top: 5.75rem;
}

/* Local work is first, reviews second: separate the two subsections */
#about.light-band__segment {
  padding-top: 2.5rem;
  position: relative;
}

/* Home page: keep review content off the bottom zig-zag */
.page-home #about.light-band__segment {
  padding-bottom: clamp(2.25rem, 3.5vw, 3rem);
}

/* Ribbon effect: add a flipped zig-zag at the bottom of #about (dark theme only) */
#about.light-band__segment::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  transform: scaleY(-1);
  z-index: 2;
  height: clamp(1.7rem, 3.6vw, 2.6rem);
  background: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath fill='%23070a12' d='M0 0H1200V22L1160 30L1120 22L1080 30L1040 22L1000 30L960 22L920 30L880 22L840 30L800 22L760 30L720 22L680 30L640 22L600 30L560 22L520 30L480 22L440 30L400 22L360 30L320 22L280 30L240 22L200 30L160 22L120 30L80 22L40 30L0 22Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  pointer-events: none;
  margin: -1px 0;
}

:root[data-theme="light"] #about.light-band__segment::after {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0H1200V22L1160 30L1120 22L1080 30L1040 22L1000 30L960 22L920 30L880 22L840 30L800 22L760 30L720 22L680 30L640 22L600 30L560 22L520 30L480 22L440 30L400 22L360 30L320 22L280 30L240 22L200 30L160 22L120 30L80 22L40 30L0 22Z'/%3E%3C/svg%3E");
}

/* Home page: remove extra white padding under the reviews ribbon */
.page-home section.section--light.light-band {
  padding-bottom: 0;
  /* Wrapper was white + stacked above `#services`, causing a bright seam and blue top-accent read */
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  /* Pull up slightly past any subpixel gap between sibling sections */
  margin-top: calc(-2.5rem - 2px);
}

/* Reviews segment keeps the white canvas once the outer wrapper is transparent */
.page-home #about.light-band__segment {
  background: var(--light-canvas);
}

:root[data-theme="light"] .page-home section.section--light.light-band {
  background: var(--light-canvas);
  margin-top: 0;
}

/* Make the #work segment dark so it matches the site theme */
#work.light-band__segment {
  position: relative;
  padding: 3.25rem 0 3.1rem;
  background: radial-gradient(900px 380px at 50% 0%, rgba(255, 255, 255, 0.06) 0%, transparent 60%),
    var(--bg);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 0;
}

#work.light-band__segment::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.45) 30%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.45) 70%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 2;
}

/* Papillion work band: no sun hairline or top border above Our work (must follow global `#work` rules) */
.page-lincoln.page-papillion #papillion-work-examples.light-band--work-only #work.light-band__segment::before,
.page-lincoln.page-papillion main > #papillion-work-examples.light-band--work-only #work.light-band__segment::before {
  display: none !important;
  content: none !important;
  height: 0 !important;
  background: none !important;
}

.page-lincoln.page-papillion #papillion-work-examples.light-band--work-only #work.light-band__segment,
.page-lincoln.page-papillion main > #papillion-work-examples.light-band--work-only #work.light-band__segment {
  border-top: 0 !important;
}

#work.light-band__segment .light-band__eyebrow:not(.client-proof__eyebrow) {
  color: rgba(255, 255, 255, 0.82);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.06) 100%);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset, 0 10px 24px rgba(0, 0, 0, 0.26);
}

#work.light-band__segment .work-band__h,
#work.light-band__segment .work-section__hed {
  color: rgba(255, 255, 255, 0.96);
}

#work.light-band__segment .light-band__title-accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* Solid accent (no gradient) for #work + build-process-copy */
.page-home #work.light-band__segment .light-band__title-accent,
.page-home #work.light-band__segment .client-proof__title-accent,
.page-home #build-process-copy .agency-prose .light-band__title-accent,
.page-home #services .services__title .light-band__title-accent,
.page-home #work.light-band__segment #process .process__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 18px 60px rgba(255, 90, 0, 0.18);
}

.page-google-ads :is(#ads-manage-title, #analytics-track-title, #ads-process-title, #ads-for-title, #analytics-for-title, #analytics-why-title, #ads-faq-title, #analytics-faq-title) .process__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 18px 60px rgba(255, 90, 0, 0.18);
}

#work.light-band__segment .client-proof__title-accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

#work.light-band__segment @supports not (background-clip: text) {
  .light-band__title-accent,
  .client-proof__title-accent {
    -webkit-text-fill-color: #ffb000;
    color: #ffb000;
    background: none;
  }
}

#work.light-band__segment .agency-prose p {
  color: rgba(255, 255, 255, 0.78);
}

#work.light-band__segment .agency-prose p:last-of-type,
#work.light-band__segment .work-section__sub {
  color: rgba(255, 255, 255, 0.78);
}

#work.light-band__segment .agency-prose__link {
  color: rgba(255, 196, 140, 0.96);
  border-bottom-color: rgba(255, 159, 48, 0.42);
}

#work.light-band__segment .agency-prose__link:hover {
  color: #ffffff;
  border-bottom-color: rgba(255, 186, 96, 0.62);
}

#work.light-band__segment .work-tile {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
}

#work.light-band__segment .work-tile:hover {
  border-color: rgba(255, 159, 48, 0.38);
  box-shadow: 0 18px 56px rgba(0, 0, 0, 0.34), 0 0 36px rgba(255, 106, 0, 0.08);
}

#work.light-band__segment .work-tile__body {
  color: rgba(255, 255, 255, 0.84);
}

#work.light-band__segment .work-tile__badge {
  color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}

#work.light-band__segment .work-tile__title {
  color: rgba(255, 255, 255, 0.95);
  text-shadow: none;
}

#work.light-band__segment .work-tile__meta {
  color: rgba(255, 255, 255, 0.62);
}

#work.light-band__segment .work-tile__link {
  color: rgba(255, 196, 140, 0.96);
  border-bottom-color: rgba(255, 159, 48, 0.38);
}

#work.light-band__segment .work-tile__link:hover {
  color: #ffffff;
  border-bottom-color: rgba(255, 186, 96, 0.58);
}

/* Light theme: keep #work segment truly “light band” (readable on white) */
:root[data-theme="light"] #work.light-band__segment {
  background: var(--light-canvas);
  border-top-color: rgba(10, 12, 18, 0.06);
}

:root[data-theme="light"] #work.light-band__segment::before {
  display: none;
}

:root[data-theme="light"] #work.light-band__segment .light-band__eyebrow:not(.client-proof__eyebrow) {
  color: #1e2430;
  background: linear-gradient(180deg, #ffffff 0%, #f1f3f7 100%);
  border-color: rgba(255, 149, 32, 0.28);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 1px 2px rgba(0, 0, 0, 0.04);
}

:root[data-theme="light"] #work.light-band__segment .work-band__h,
:root[data-theme="light"] #work.light-band__segment .work-section__hed {
  color: var(--light-ink);
}

:root[data-theme="light"] #work.light-band__segment .light-band__title-accent,
:root[data-theme="light"] #work.light-band__segment .client-proof__title-accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

:root[data-theme="light"] #work.light-band__segment .agency-prose p {
  color: #353a45;
}

:root[data-theme="light"] #work.light-band__segment .agency-prose p:last-of-type,
:root[data-theme="light"] #work.light-band__segment .work-section__sub {
  color: var(--light-ink-mid);
}

:root[data-theme="light"] #work.light-band__segment .agency-prose__link {
  color: #c2410c;
  border-bottom-color: rgba(255, 122, 40, 0.42);
}

:root[data-theme="light"] #work.light-band__segment .agency-prose__link:hover {
  color: #9a3412;
  border-bottom-color: rgba(234, 88, 12, 0.55);
}

:root[data-theme="light"] #work.light-band__segment .work-tile {
  background: #fff;
  border: 1px solid rgba(255, 159, 64, 0.38);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

:root[data-theme="light"] #work.light-band__segment .work-tile:hover {
  border-color: rgba(234, 88, 12, 0.48);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.07), 0 0 28px rgba(255, 122, 40, 0.08);
}

:root[data-theme="light"] #work.light-band__segment .work-tile__body {
  color: var(--light-ink);
}

:root[data-theme="light"] #work.light-band__segment .work-tile__badge {
  color: #1e2430;
  background: linear-gradient(180deg, #fffbf5 0%, #fff4e6 100%);
  border-color: rgba(255, 159, 48, 0.26);
}

:root[data-theme="light"] #work.light-band__segment .work-tile__title {
  color: var(--light-ink);
}

:root[data-theme="light"] #work.light-band__segment .work-tile__meta {
  color: #6a6f7a;
}

:root[data-theme="light"] #work.light-band__segment .work-tile__link {
  color: #c2410c;
  border-bottom-color: rgba(255, 122, 40, 0.38);
}

:root[data-theme="light"] #work.light-band__segment .work-tile__link:hover {
  color: #9a3412;
  border-bottom-color: rgba(234, 88, 12, 0.52);
}

/* Light theme: professional CTA card (no gradients/glows) */
:root[data-theme="light"] #work.light-band__segment .work-band__cta {
  border-color: rgba(10, 12, 18, 0.10);
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] #work.light-band__segment .work-band__cta::before,
:root[data-theme="light"] #work.light-band__segment .work-band__cta::after {
  display: none;
}

:root[data-theme="light"] #work.light-band__segment .work-band__cta-kicker {
  border-color: rgba(10, 12, 18, 0.10);
  background: rgba(246, 247, 251, 1);
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] #work.light-band__segment .work-band__cta-title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] #work.light-band__segment .work-band__cta-text {
  color: rgba(10, 12, 18, 0.68);
}

:root[data-theme="light"] #work.light-band__segment .work-band__chip {
  border-color: rgba(10, 12, 18, 0.10);
  background: rgba(246, 247, 251, 1);
  color: rgba(10, 12, 18, 0.68);
}

:root[data-theme="light"] #work.light-band__segment .work-band__chip::before {
  background: linear-gradient(180deg, #ffb000 0%, #ff6a00 100%);
  box-shadow: 0 0 0 3px rgba(255, 122, 40, 0.14);
}

:root[data-theme="light"] #work.light-band__segment .btn--work {
  border-color: rgba(255, 149, 48, 0.28);
  background: rgba(255, 122, 40, 0.08);
  color: rgba(10, 12, 18, 0.90);
  box-shadow: none;
  backdrop-filter: none;
}

:root[data-theme="light"] #work.light-band__segment .btn--work:hover {
  background: rgba(255, 122, 40, 0.12);
  border-color: rgba(255, 106, 0, 0.38);
}

/* Soft falloff into services band so the lift reads intentional */
.section--light__shadow-fall {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 3.5rem;
  background: linear-gradient(180deg, #03040a 0%, #070a12 45%, rgba(5, 6, 13, 0) 100%);
  pointer-events: none;
  z-index: 0;
  opacity: 0.9;
}

:root[data-theme="light"] .section--light__shadow-fall {
  display: none;
}

.client-proof-wrap {
  position: relative;
  z-index: 1;
  padding: 1.25rem 0 1.25rem;
}

.client-proof-wrap__cta {
  margin: 18px 0 0;
  text-align: center;
}

.client-proof--split {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: 1.5rem 2.5rem;
  align-items: stretch;
  max-width: none;
  width: 100%;
  margin: 0 0 1.25rem;
}

.client-proof__head {
  min-width: 0;
  padding: 0.15rem 0 0;
}

.client-proof__highlights {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.client-proof--split + .g-review-card {
  margin-top: 0.25rem;
}

/* Homepage #about: intro + rating left, portrait review cards right */
.page-home #about .client-proof-board {
  display: grid;
  grid-template-columns: minmax(0, 20.5rem) minmax(0, 1fr);
  gap: 1.5rem 2.25rem;
  align-items: start;
  margin-bottom: 1.25rem;
}

.page-home #about .client-proof-board__intro {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  min-width: 0;
}

.page-home #about .client-proof-board__intro .client-proof__head {
  padding: 0.15rem 0 0;
}

.page-home #about .client-proof-board__intro .client-proof__highlights {
  justify-content: flex-start;
}

.page-home #about .g-review-grid--portrait {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin: 0;
  align-self: stretch;
}

.page-home #about .g-review-grid--portrait .g-review-card {
  margin: 0;
  min-height: 18.5rem;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 14px;
}

.page-home #about .g-review-grid--portrait .g-review-card__rating {
  margin-left: 0;
  margin-bottom: 8px;
}

.page-home #about .g-review-grid--portrait .g-review-card__text {
  flex: 1 1 auto;
  min-height: 0;
}

.page-home #about .g-review-grid--portrait .g-review-card__text p {
  font-size: 13.5px;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  overflow: hidden;
}

.page-home #about .client-proof__link {
  margin-top: 0.35rem;
}

.page-home #about .g-review-grid--portrait .g-review-card__source {
  margin-top: auto;
}

@media (max-width: 1080px) {
  .page-home #about .client-proof-board {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .page-home #about .g-review-grid--portrait {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .page-home #about .g-review-grid--portrait {
    grid-template-columns: 1fr;
    max-width: 22rem;
  }

}

/* Light band (#work + #about): pill label (work-band eyebrows use scoped plain kickers) */
.light-band__eyebrow {
  display: inline-flex;
  align-items: center;
  margin: 0 0 14px;
  padding: 6px 14px 5px;
  width: fit-content;
  max-width: 100%;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #1e2430;
  background: linear-gradient(180deg, #ffffff 0%, #f1f3f7 100%);
  border: 1px solid rgba(11, 99, 246, 0.22);
  border-radius: 999px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* Match `.services__eyebrow` — plain kicker, no pill */
.client-proof__eyebrow.light-band__eyebrow,
.client-proof__eyebrow {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
  color: rgba(10, 75, 196, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:root[data-theme="light"] .client-proof__eyebrow.light-band__eyebrow,
:root[data-theme="light"] .client-proof__eyebrow {
  color: rgba(10, 12, 18, 0.62);
  background: none;
  border: 0;
  box-shadow: none;
}

.client-proof__title {
  margin: 0 0 0.85rem;
  padding: 0 0 0.4rem;
  text-align: left;
  line-height: 1.05;
  max-width: 18ch;
  font-size: clamp(1.85rem, 1.2rem + 1.4vw, 2.5rem);
  font-weight: 900;
  letter-spacing: -0.045em;
  color: var(--light-ink);
}

/* Agency emphasis: key word in brand color (gradient for depth) */
.client-proof__title-accent,
.light-band__title-accent {
  background: linear-gradient(135deg, #0b63f6 0%, #3a86ff 48%, #0946c4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

@supports not (background-clip: text) {
  .client-proof__title-accent,
  .light-band__title-accent {
    -webkit-text-fill-color: #0b63f6;
    color: #0b63f6;
    background: none;
  }
}

.client-proof__lead {
  margin: 0;
  padding: 0 0 0 1.1rem;
  max-width: 40rem;
  border-left: 1px solid rgba(11, 99, 246, 0.38);
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
  color: #3a404c;
}

/* Google-styled rating rollup (Maps-inspired, type matches site) */
.g-maps-rollup {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  width: 100%;
  min-height: 7.5rem;
  padding: 18px 20px;
  font-family: inherit;
  color: var(--light-ink);
  background: linear-gradient(180deg, #fbfbfc 0%, #f1f3f6 100%);
  border: 1px solid var(--light-line);
  border-radius: var(--radius-sm);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
}

.g-maps-rollup__logo {
  flex: 0 0 auto;
  line-height: 0;
  padding: 2px 0 0;
}

.g-maps-rollup__label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem 0.45rem;
  margin: 0 0 6px;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #1e2430;
}

.g-maps-rollup__label strong {
  color: var(--blue);
  font-weight: 800;
}

.g-maps-rollup__body {
  min-width: 0;
  flex: 1 1 auto;
}

.g-maps-rollup__scoreline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}

.g-maps-rollup__score {
  font-size: clamp(1.6rem, 1.2rem + 1vw, 2rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--light-ink);
}

.client-proof__highlights .g-maps-rollup__score,
.page-testimonials .g-maps-rollup__score {
  color: rgba(255, 255, 255, 0.96);
}

.page-home #about .g-maps-rollup__score {
  color: var(--light-ink);
}

#reviews .g-review-card__name {
  color: rgba(255, 255, 255, 0.96);
}

.g-star-row {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  line-height: 1;
  color: rgba(251, 188, 4, 1);
  font-size: 15px;
}

.g-star-row--md {
  font-size: 18px;
  gap: 0;
  letter-spacing: -0.05em;
}

/* Single review: same system as services cards (Inter, brand edge) */
.g-review-card {
  margin: 0 0 8px;
  padding: 18px 18px 16px;
  font-family: inherit;
  color: var(--light-ink);
  background: #fff;
  border: 1px solid var(--light-line);
  border-radius: var(--radius-sm);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 12px 32px -18px rgba(0, 0, 0, 0.12);
}

.g-review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 512px));
  gap: 16px;
  justify-content: center;
  margin-top: 10px;
}

.g-review-grid .g-review-card {
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.g-review-grid .g-review-card__text {
  flex: 1 1 auto;
}

.g-review-grid .g-review-card__source {
  margin-top: auto;
}

.g-review-featured {
  width: 100%;
  margin: 18px 0 20px;
}

.g-review-card--featured {
  width: 100%;
  margin: 0;
  padding: 20px 24px 18px;
}

.g-review-card--featured__layout {
  display: grid;
  grid-template-columns: minmax(200px, 248px) minmax(0, 1fr);
  column-gap: clamp(20px, 3vw, 40px);
  row-gap: 10px;
  align-items: start;
}

.g-review-card--featured__aside {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.g-review-card--featured .g-review-card__top {
  margin-bottom: 0;
}

.g-review-card--featured .g-review-card__rating {
  margin: 0;
}

.g-review-card--featured__body {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 100%;
}

.g-review-card--featured .g-review-card__text {
  flex: 1 1 auto;
}

.g-review-card--featured .g-review-card__text p {
  font-size: clamp(15px, 0.92rem + 0.15vw, 17px);
  line-height: 1.65;
}

.g-review-card--featured .g-review-card__source {
  margin-top: 14px;
}

@media (max-width: 860px) {
  .g-review-card--featured__layout {
    grid-template-columns: 1fr;
  }
}

.g-review-carousel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}

.g-review-carousel__viewport {
  overflow: hidden;
  min-width: 0;
  container-type: inline-size;
}

.g-review-carousel .g-review-grid {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  margin-top: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  justify-content: flex-start;
  padding-bottom: 2px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.g-review-carousel .g-review-grid::-webkit-scrollbar {
  display: none;
}

.g-review-carousel .g-review-grid .g-review-card {
  flex: 0 0 clamp(300px, 42vw, 512px);
  width: clamp(300px, 42vw, 512px);
  max-width: 512px;
  scroll-snap-align: start;
}

.g-review-carousel .g-review-grid--portrait .g-review-card {
  flex: 0 0 calc((100cqi - 2rem) / 3);
  width: calc((100cqi - 2rem) / 3);
  min-width: min(100%, 280px);
  max-width: none;
}

@media (max-width: 1080px) {
  .g-review-carousel .g-review-grid--portrait .g-review-card {
    flex-basis: calc((100cqi - 1rem) / 2);
    width: calc((100cqi - 1rem) / 2);
  }
}

@media (max-width: 640px) {
  .g-review-carousel .g-review-grid--portrait .g-review-card {
    flex-basis: calc(100cqi - 0.5rem);
    width: calc(100cqi - 0.5rem);
  }
}

.g-review-carousel__btn {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  color: var(--light-ink);
  background: #fff;
  border: 1px solid var(--light-line);
  border-radius: 999px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 10px 24px -14px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease,
    opacity 0.2s ease;
}

.g-review-carousel__btn:hover:not(:disabled) {
  border-color: rgba(11, 99, 246, 0.22);
  box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.04),
    0 14px 28px -12px rgba(11, 99, 246, 0.18);
  transform: translateY(-1px);
}

.g-review-carousel__btn:focus-visible {
  outline: 2px solid rgba(11, 99, 246, 0.45);
  outline-offset: 3px;
}

.g-review-carousel__btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

@media (max-width: 640px) {
  .g-review-carousel {
    gap: 8px;
  }

  .g-review-carousel__btn {
    width: 40px;
    height: 40px;
  }

  .g-review-carousel .g-review-grid .g-review-card {
    flex-basis: min(88vw, 512px);
    width: min(88vw, 512px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .g-review-carousel .g-review-grid {
    scroll-behavior: auto;
  }
}

/* Portrait review grid: scroll-reveal + hover lift (enabled via `data-review-animate` in main.js) */
.g-review-grid--portrait[data-review-animate]:not(.is-revealed) .g-review-card {
  opacity: 0;
  transform: translate3d(0, 22px, 0) scale(0.985);
}

.g-review-grid--portrait[data-review-animate] .g-review-card {
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

.g-review-grid--portrait.is-revealed .g-review-card {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.g-review-grid--portrait.is-revealed .g-review-card:nth-child(1) {
  transition-delay: 0ms;
}

.g-review-grid--portrait.is-revealed .g-review-card:nth-child(2) {
  transition-delay: 110ms;
}

.g-review-grid--portrait.is-revealed .g-review-card:nth-child(3) {
  transition-delay: 220ms;
}

.g-review-grid--portrait.is-revealed .g-review-card:nth-child(n + 4) {
  transition-delay: 330ms;
}

.g-review-grid--portrait.is-revealed .g-review-card:hover {
  transform: translate3d(0, -5px, 0) scale(1);
  border-color: rgba(11, 99, 246, 0.14);
  box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.04),
    0 22px 44px -18px rgba(11, 99, 246, 0.16),
    0 16px 36px -22px rgba(0, 0, 0, 0.14);
}

.g-review-grid--portrait.is-revealed .g-review-card:focus-within {
  outline: 2px solid rgba(11, 99, 246, 0.35);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .g-review-grid--portrait[data-review-animate]:not(.is-revealed) .g-review-card {
    opacity: 1;
    transform: none;
  }

  .g-review-grid--portrait[data-review-animate] .g-review-card,
  .g-review-grid--portrait.is-revealed .g-review-card:nth-child(n) {
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    transition-delay: 0ms !important;
  }

  .g-review-grid--portrait.is-revealed .g-review-card:hover {
    transform: none;
  }
}

.g-review-card__top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 8px;
}

.g-review-card__avatar {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--blue) 0%, #0942b8 100%);
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.g-review-card__identity {
  min-width: 0;
  flex: 1 1 auto;
  padding-top: 1px;
}

.g-review-card__name {
  margin: 0 0 1px;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--light-ink);
  letter-spacing: -0.03em;
}

.g-review-card__meta {
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
  color: #5c6370;
}

.g-review-card__badge {
  flex: 0 0 auto;
  line-height: 0;
  opacity: 0.9;
  padding: 2px 0 0;
}

.g-review-card__rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  margin: 0 0 10px 52px;
  min-height: 22px;
}

.g-review-card__time {
  font-size: 12px;
  color: #5c6370;
  font-weight: 600;
  white-space: nowrap;
}

.g-review-card__text {
  margin: 0 0 0 0;
  padding: 0;
  border: 0;
}

.g-review-card__text p {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: #353a45;
  font-weight: 400;
}

.g-review-card__source {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 14px 0 0;
  padding: 10px 0 0;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 600;
  color: #5c6370;
  border-top: 1px solid var(--light-line);
}

.g-review-card__source-icon {
  flex: 0 0 auto;
  opacity: 0.9;
}

.g-mark {
  display: block;
  vertical-align: top;
}

@media (max-width: 900px) {
  .client-proof--split {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .client-proof__highlights {
    justify-content: flex-start;
  }
}

@media (max-width: 520px) {
  section.section--light.light-band {
    margin-top: -1.5rem;
    border-radius: 16px 16px 0 0;
  }

  .page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only {
    margin-top: 0;
    border-radius: 0;
  }

  section.section--light.light-band::before {
    border-radius: 16px 16px 0 0;
  }

  .page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only::before {
    display: none !important;
    content: none !important;
  }

  .client-proof__title,
  .work-band__h,
  .work-section__hed {
    max-width: none;
  }

  .g-maps-rollup {
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 0;
  }

  .g-maps-rollup__body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .g-maps-rollup__label {
    margin-bottom: 6px;
    justify-content: center;
  }

  .g-maps-rollup__scoreline {
    justify-content: center;
  }
}

.client-proof__link {
  display: inline-block;
  margin-top: 22px;
  font-size: 14px;
  font-weight: 700;
  color: var(--blue);
  text-decoration: none;
  letter-spacing: 0.01em;
  border-bottom: 1px solid rgba(11, 99, 246, 0.35);
  padding-bottom: 2px;
  transition: color 0.16s ease, border-color 0.16s ease;
}

.client-proof__link:hover {
  color: #0a4bc4;
  border-color: rgba(11, 99, 246, 0.55);
}

.work-band {
  padding: 0 0 0;
}

/* Match main light-band headline scale; longer line, slightly wider max measure */
.work-band__h {
  margin: 0 auto 1rem;
  padding: 0 0 0.4rem;
  max-width: 28ch;
  font-size: clamp(2.1rem, 1.32rem + 1.56vw, 2.88rem);
  font-weight: 900;
  letter-spacing: -0.042em;
  line-height: 1.1;
  color: var(--light-ink);
  text-align: center;
}

.work-band__h .light-band__title-accent {
  display: inline;
}

/* Top of work band: no extra air gap on first headline */
.work-band > .agency-prose:first-child .work-band__h {
  margin-top: 0;
}

.agency-prose {
  max-width: 48rem;
  margin: 0 auto;
  padding: 0 0 1.75rem;
  border-bottom: 0;
  text-align: center;
}

.agency-prose p {
  margin: 0 0 1rem;
  font-size: 16px;
  line-height: 1.75;
  color: #353a45;
  font-weight: 400;
}

.agency-prose p:last-of-type {
  margin-bottom: 0;
  font-size: 15px;
  color: var(--light-ink-mid);
}

.agency-prose__link {
  color: var(--blue);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(11, 99, 246, 0.35);
  transition: color 0.16s ease, border-color 0.16s ease;
}

.agency-prose__link:hover {
  color: #0a4bc4;
  border-color: rgba(11, 99, 246, 0.5);
}

.work-section__hed {
  margin: 1.5rem auto 10px;
  max-width: 44ch;
  font-size: clamp(1.98rem, 1.38rem + 1.08vw, 2.52rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.06;
  color: var(--light-ink);
  text-align: center;
}

.work-section__hed .light-band__title-accent {
  display: inline;
}

.work-section__sub {
  margin: 0 auto 32px;
  max-width: 40rem;
  font-size: 15px;
  line-height: 1.65;
  font-weight: 500;
  color: var(--light-ink-mid);
  text-align: center;
}

.work-grid {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px 20px;
  width: 100%;
  max-width: 72rem;
}

.work-filter {
  margin: 26px auto 0;
  width: 100%;
  max-width: 72rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.work-filter__label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
}

.work-filter__tabs {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 100%;
  max-width: 40rem;
  padding: 4px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(8, 10, 16, 0.55);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.work-filter + .work-grid {
  margin-top: 22px;
}

/* Portfolio filter — segmented control (text only) */
.work-filter__tab {
  appearance: none;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 10px 16px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: rgba(255, 255, 255, 0.68);
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition:
    color 0.16s ease,
    background 0.16s ease,
    box-shadow 0.16s ease;
}

.work-filter__tab:hover {
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.07);
}

.work-filter__tab.is-active {
  color: rgba(12, 14, 20, 0.92);
  background: #f6f7f9;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.2),
    0 1px 0 rgba(255, 255, 255, 0.65) inset;
}

.work-filter__tab:focus-visible {
  outline: 2px solid rgba(255, 149, 48, 0.55);
  outline-offset: 2px;
}

@media (max-width: 720px) {
  .work-filter__tabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .work-filter__tabs::-webkit-scrollbar {
    display: none;
  }

  .work-filter__tab {
    flex: 0 0 auto;
    padding-inline: 14px;
  }
}

.work-grid__item[hidden] {
  display: none !important;
}

:root[data-theme="light"] .work-filter__label {
  color: rgba(10, 12, 18, 0.52);
}

:root[data-theme="light"] .work-filter__tabs {
  border-color: rgba(10, 12, 18, 0.1);
  background: rgba(10, 12, 18, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

:root[data-theme="light"] .work-filter__tab {
  color: rgba(10, 12, 18, 0.58);
}

:root[data-theme="light"] .work-filter__tab:hover {
  color: rgba(10, 12, 18, 0.82);
  background: rgba(255, 255, 255, 0.55);
}

:root[data-theme="light"] .work-filter__tab.is-active {
  color: rgba(10, 12, 18, 0.92);
  background: #ffffff;
  box-shadow:
    0 1px 2px rgba(10, 12, 18, 0.08),
    0 4px 12px rgba(10, 12, 18, 0.06),
    0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

.work-band__cta {
  position: relative;
  margin: 26px auto 0;
  max-width: 62rem;
  padding: 18px 18px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: radial-gradient(620px 220px at 20% 0%, rgba(255, 106, 0, 0.14), transparent 60%),
    rgba(255, 255, 255, 0.05);
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.30);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  overflow: hidden;
}

.work-band__cta::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background:
    radial-gradient(420px 220px at 70% 0%, rgba(255, 90, 0, 0.16), transparent 58%),
    radial-gradient(520px 260px at 10% 0%, rgba(255, 176, 0, 0.14), transparent 60%);
  pointer-events: none;
  opacity: 0.85;
}

.work-band__cta::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 70%);
  pointer-events: none;
}

.work-band__cta > * {
  position: relative;
  z-index: 1;
}

.work-band__cta-copy {
  min-width: 0;
}

.work-band__cta-chips {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.work-band__chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.74);
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.02em;
}

.work-band__chip::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffb000 0%, #ff6a00 100%);
  box-shadow: 0 0 0 3px rgba(255, 122, 40, 0.18);
}

.work-band__cta-kicker {
  margin: 0 0 6px;
  width: fit-content;
  max-width: 100%;
  padding: 5px 10px 4px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.work-band__cta-title {
  margin: 0 0 6px;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 950;
  letter-spacing: -0.03em;
  line-height: 1.15;
  font-size: 18px;
}

.work-band__cta-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 650;
  line-height: 1.55;
  font-size: 16px;
  max-width: 56ch;
}

.btn--work {
  border-color: rgba(255, 176, 120, 0.32);
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.10),
      rgba(255, 255, 255, 0.05)
    ),
    rgba(255, 255, 255, 0.06);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(14px);
}

.btn--work:hover {
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.14),
      rgba(255, 255, 255, 0.07)
    ),
    rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 196, 140, 0.48);
}

.btn__arrow {
  transition: transform 160ms ease;
}

.btn--work:hover .btn__arrow {
  transform: translateX(2px);
}

.work-grid__item {
  margin: 0;
  padding: 0;
  min-width: 0;
}

.work-tile {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid var(--light-line);
  border-radius: var(--radius-sm);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.work-tile:hover {
  border-color: rgba(11, 99, 246, 0.22);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.07);
}

.work-tile__media {
  display: block;
  position: relative;
  aspect-ratio: 8 / 5;
  overflow: hidden;
  background: #e8ebf0;
}

.work-tile__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.work-tile:hover .work-tile__img {
  transform: scale(1.02);
}

.work-tile__body {
  padding: 16px 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
}

.work-tile__badge {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 8px;
  padding: 4px 9px 3px;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #1e2430;
  background: linear-gradient(180deg, #fbfcff 0%, #eef1f6 100%);
  border: 1px solid rgba(11, 99, 246, 0.18);
  border-radius: 6px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

.work-tile__title {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--light-ink);
  line-height: 1.2;
}

.work-tile__meta {
  margin: 0 0 12px;
  font-size: 13px;
  color: #6a6f7a;
  font-weight: 500;
}

.work-tile__link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  font-size: 14px;
  font-weight: 600;
  color: var(--blue);
  text-decoration: none;
  border-bottom: 1px solid rgba(11, 99, 246, 0.3);
  padding-bottom: 1px;
  transition: color 0.16s ease, border-color 0.16s ease;
}

.work-tile__link:hover {
  color: #0946c4;
  border-color: rgba(11, 99, 246, 0.55);
}

.work-tile__ext {
  font-size: 0.95em;
  opacity: 0.9;
}

/* Dark section: solid fill + premium shape divider above */
#process.section--alt,
#ecommerce-store-process.section--alt {
  position: relative;
  z-index: 1;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  background: var(--bg);
  overflow: visible;
}

/* Home page: hide 1px seam under reviews ribbon */
.page-home #process.section--alt:not(.section--process-in-work) {
  margin-top: -2px;
}

/* Homepage: process steps live inside #work (swapped with agency prose) */
.page-home #work.light-band__segment #process.section--process-in-work.section--alt {
  margin-top: 0;
  padding: 0 0 clamp(1.5rem, 3vw, 2.25rem);
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
}

.page-home #work.light-band__segment #process.section--process-in-work .section-divider--process {
  display: none;
}

/* Home page: no top stroke / sun rail above `#work` inside the light-band (reviews → work stays flush) */
.page-home #work.light-band__segment::before {
  display: none;
}

.page-home #work.light-band__segment {
  border-top: 0;
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: visible;
}

/*
 * Homepage: reviews ribbon → `#build-process-copy` share `--surface-footer` with `fixed`.
 * Zig-zag must sample that same field (mask + background), not flat `#070a12`, or the edge reads darker.
 */
:root:not([data-theme="light"]) .page-home #about.light-band__segment::after {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0H1200V22L1160 30L1120 22L1080 30L1040 22L1000 30L960 22L920 30L880 22L840 30L800 22L760 30L720 22L680 30L640 22L600 30L560 22L520 30L480 22L440 30L400 22L360 30L320 22L280 30L240 22L200 30L160 22L120 30L80 22L40 30L0 22Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0H1200V22L1160 30L1120 22L1080 30L1040 22L1000 30L960 22L920 30L880 22L840 30L800 22L760 30L720 22L680 30L640 22L600 30L560 22L520 30L480 22L440 30L400 22L360 30L320 22L280 30L240 22L200 30L160 22L120 30L80 22L40 30L0 22Z'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  mask-position: center top;
}

:root[data-theme="light"] .page-home #about.light-band__segment::after {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0H1200V22L1160 30L1120 22L1080 30L1040 22L1000 30L960 22L920 30L880 22L840 30L800 22L760 30L720 22L680 30L640 22L600 30L560 22L520 30L480 22L440 30L400 22L360 30L320 22L280 30L240 22L200 30L160 22L120 30L80 22L40 30L0 22Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0H1200V22L1160 30L1120 22L1080 30L1040 22L1000 30L960 22L920 30L880 22L840 30L800 22L760 30L720 22L680 30L640 22L600 30L560 22L520 30L480 22L440 30L400 22L360 30L320 22L280 30L240 22L200 30L160 22L120 30L80 22L40 30L0 22Z'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  mask-position: center top;
}

:root[data-theme="light"] .page-home #work.light-band__segment {
  border-top: 0;
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: visible;
}

.work-band__process-inner {
  width: 100%;
  margin-inline: 0;
}

.page-home #work.light-band__segment #process {
  scroll-margin-top: 5.75rem;
}

/* Home page #work segment: make process accents sun-tone (no pink/purple). */
.page-home #work.light-band__segment #process .eyebrow__dot--warm {
  background: rgba(255, 176, 0, 0.95);
  box-shadow: 0 0 0 3px rgba(255, 90, 0, 0.14);
}

.page-home #work.light-band__segment #process .step__num::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
}

:root[data-theme="light"] .page-home #work.light-band__segment #process.section--process-in-work.section--alt {
  background: transparent;
}

/*
 * Homepage (light): #services → build → intake → local → WP CTA — one `--surface-footer` field (flat canvas).
 */
:root[data-theme="light"] .page-home #services.section--services,
:root[data-theme="light"] .page-home #build-process-copy.section--alt,
:root[data-theme="light"] .page-home #contact.cta,
:root[data-theme="light"] .page-home .section--local,
:root[data-theme="light"] .page-home .section.section--wp-cta {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

.page-home #build-process-copy.section--alt {
  margin-top: -2px;
  padding: clamp(2.25rem, 4vw, 3.25rem) 0;
}

/* Match `.services__eyebrow` — plain kicker, no pill */
.page-home #build-process-copy .agency-prose .light-band__eyebrow.work-band__eyebrow {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.page-home #build-process-copy .agency-prose .work-band__h {
  color: rgba(255, 255, 255, 0.96);
}

.page-home #build-process-copy .agency-prose .light-band__title-accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 18px 60px rgba(255, 90, 0, 0.18);
}

.page-home #build-process-copy .agency-prose p {
  color: rgba(255, 255, 255, 0.78);
}

.page-home #build-process-copy .agency-prose p:last-of-type {
  color: rgba(255, 255, 255, 0.66);
}

.page-home #build-process-copy .agency-prose__link {
  color: rgba(160, 199, 255, 0.95);
  border-bottom-color: rgba(160, 199, 255, 0.35);
}

.page-home #build-process-copy .agency-prose__link:hover {
  color: #ffffff;
  border-bottom-color: rgba(160, 199, 255, 0.55);
}

:root[data-theme="light"] .page-home #build-process-copy .agency-prose .light-band__eyebrow.work-band__eyebrow {
  color: rgba(10, 12, 18, 0.62);
  background: none;
  border: 0;
  box-shadow: none;
}

/* Homepage work grid kicker — match build-process / `.services__eyebrow` */
.page-home #work.light-band__segment .work-band > .light-band__eyebrow.work-band__eyebrow {
  display: block;
  margin: 0 auto 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

:root[data-theme="light"] .page-home #work.light-band__segment .work-band > .light-band__eyebrow.work-band__eyebrow {
  color: rgba(10, 12, 18, 0.62);
  background: none;
  border: 0;
  box-shadow: none;
}

/* Homepage #about clients kicker — match #work-portfolio-kicker (plain, no pill) */
.page-home #about.light-band__segment .client-proof__head > .client-proof__eyebrow.light-band__eyebrow,
.page-home #about.light-band__segment .client-proof__head > .light-band__eyebrow.work-band__eyebrow {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-align: left;
  text-transform: uppercase;
  color: rgba(10, 12, 18, 0.62);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.page-home #work.light-band__segment .work-band > .work-section__hed {
  margin-top: 0;
}

:root[data-theme="light"] .page-home #build-process-copy .agency-prose .work-band__h {
  color: var(--light-ink);
}

:root[data-theme="light"] .page-home #build-process-copy .agency-prose .light-band__title-accent,
:root[data-theme="light"] .page-home #services .services__title .light-band__title-accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 8px 28px rgba(255, 90, 0, 0.14);
}

:root[data-theme="light"] .page-google-ads :is(#ads-manage-title, #analytics-track-title, #ads-process-title, #ads-for-title, #analytics-for-title, #analytics-why-title, #ads-faq-title, #analytics-faq-title) .process__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 8px 28px rgba(255, 90, 0, 0.14);
}

:root[data-theme="light"] .page-home #build-process-copy .agency-prose p {
  color: #353a45;
}

:root[data-theme="light"] .page-home #build-process-copy .agency-prose p:last-of-type {
  color: var(--light-ink-mid);
}

:root[data-theme="light"] .page-home #build-process-copy .agency-prose__link {
  color: var(--blue);
  border-bottom-color: rgba(11, 99, 246, 0.35);
}

:root[data-theme="light"] .page-home #build-process-copy .agency-prose__link:hover {
  color: #0a4bc4;
  border-bottom-color: rgba(11, 99, 246, 0.5);
}

/* Homepage + Work portfolio band: match `.section--webdesign-pains .h2` + `.section__sub` typography */
.page-home #build-process-copy .agency-prose .work-band__h,
.page-home #build-process-copy #work-intro-title,
.page-home #contact.cta .contact-form-head__title,
.page-work #work.light-band__segment .agency-prose .work-band__h {
  font-size: 48px;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.15;
}

.page-home #build-process-copy .agency-prose .work-band__h,
.page-work #work.light-band__segment .agency-prose .work-band__h {
  max-width: none;
}

.page-home #contact.cta .contact-form-head__title {
  max-width: none;
  white-space: nowrap;
  text-wrap: nowrap;
}

.page-home #contact.cta .contact-form-head__sub {
  font-size: 22px;
  line-height: 1.7;
  font-weight: 400;
}

.page-home #build-process-copy .agency-prose p,
.page-home #build-process-copy .agency-prose p:last-of-type {
  font-size: 18px;
  line-height: 1.7;
}

.page-work #work.light-band__segment .agency-prose p:not(.light-band__eyebrow) {
  font-size: 18px;
  line-height: 1.7;
}

:root[data-theme="light"] #process.section--alt,
:root[data-theme="light"] #ecommerce-store-process.section--alt {
  background: var(--light-canvas);
  overflow: hidden;
}

/* Shape divider: wave above #process (theme-style section break) */
/* Divider element (reliable stacking between sections) */
.section-divider {
  width: 100%;
  pointer-events: none;
}

.section-divider--process {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  transform: translateY(-100%);
  z-index: 2;
  height: clamp(1.85rem, 4vw, 2.8rem);
  /* Under the zig-zag should blend into the process section */
  background: var(--bg);
  /* White zig-zag cap (so above the peaks stays white) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0H1200V22L1160 30L1120 22L1080 30L1040 22L1000 30L960 22L920 30L880 22L840 30L800 22L760 30L720 22L680 30L640 22L600 30L560 22L520 30L480 22L440 30L400 22L360 30L320 22L280 30L240 22L200 30L160 22L120 30L80 22L40 30L0 22Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  margin: 0;
}

:root[data-theme="light"] .section-divider--process {
  display: none;
}

/* Divider between #work (dark) and #about (light) inside the light-band */
.section-divider--work-about {
  display: block;
  height: clamp(1.7rem, 3.6vw, 2.6rem);
  background: var(--light-canvas);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath fill='%23070a12' d='M0 0H1200V22L1160 30L1120 22L1080 30L1040 22L1000 30L960 22L920 30L880 22L840 30L800 22L760 30L720 22L680 30L640 22L600 30L560 22L520 30L480 22L440 30L400 22L360 30L320 22L280 30L240 22L200 30L160 22L120 30L80 22L40 30L0 22Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  margin: -1px 0;
}

:root[data-theme="light"] .section-divider--work-about {
  display: none;
}

/* Process header: same pattern as .hero__title, scaled down + warm accent */
#process .section__head--process,
#about-process .section__head--process,
#ecommerce-store-process .section__head--process {
  max-width: 40rem;
}

#process .eyebrow--process,
#about-process .eyebrow--process,
#ecommerce-store-process .eyebrow--process,
#services-process .eyebrow--process,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .eyebrow--process,
.about-growth .eyebrow--process,
.blog-growth .eyebrow--process,
.posts-growth .eyebrow--process {
  justify-content: center;
  gap: 0.5rem;
  color: rgba(255, 255, 255, 0.82);
}

:root[data-theme="light"] #process .eyebrow--process,
:root[data-theme="light"] #about-process .eyebrow--process,
:root[data-theme="light"] #ecommerce-store-process .eyebrow--process,
:root[data-theme="light"] #services-process .eyebrow--process,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .eyebrow--process,
:root[data-theme="light"] .about-growth .eyebrow--process,
:root[data-theme="light"] .blog-growth .eyebrow--process,
:root[data-theme="light"] .posts-growth .eyebrow--process {
  color: rgba(10, 12, 18, 0.62);
}

#process .eyebrow__dot--warm,
#about-process .eyebrow__dot--warm,
#ecommerce-store-process .eyebrow__dot--warm,
#services-process .eyebrow__dot--warm,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .eyebrow__dot--warm,
.about-growth .eyebrow__dot--warm,
.blog-growth .eyebrow__dot--warm,
.posts-growth .eyebrow__dot--warm {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 176, 0, 0.96);
  box-shadow: 0 0 0 3px rgba(255, 90, 0, 0.22);
  flex: 0 0 auto;
}

:root[data-theme="light"] #process .eyebrow__dot--warm,
:root[data-theme="light"] #about-process .eyebrow__dot--warm,
:root[data-theme="light"] #ecommerce-store-process .eyebrow__dot--warm,
:root[data-theme="light"] #services-process .eyebrow__dot--warm,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .eyebrow__dot--warm,
:root[data-theme="light"] .about-growth .eyebrow__dot--warm,
:root[data-theme="light"] .blog-growth .eyebrow__dot--warm,
:root[data-theme="light"] .posts-growth .eyebrow__dot--warm {
  background: rgba(255, 122, 40, 0.96);
  box-shadow: 0 0 0 3px rgba(255, 149, 48, 0.18);
}

.about-growth .eyebrow--process,
.blog-growth .eyebrow--process,
.posts-growth .eyebrow--process {
  margin: 0 0 14px;
  font-size: 16px;
}

#process .process__title,
#about-process .process__title,
#ecommerce-store-process .process__title,
#services-process .process__title,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .process__title {
  position: relative;
  margin: 0 auto 1rem;
  padding: 0 0 0.4rem;
  max-width: 28ch;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.1;
  font-size: clamp(2.1rem, 1.32rem + 1.56vw, 2.88rem);
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] #process .process__title,
:root[data-theme="light"] #about-process .process__title,
:root[data-theme="light"] #ecommerce-store-process .process__title,
:root[data-theme="light"] #services-process .process__title,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .process__title {
  color: rgba(10, 12, 18, 0.92);
}

#process .process__glow,
#about-process .process__glow,
#ecommerce-store-process .process__glow,
#services-process .process__glow,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .process__glow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(100%, 420px);
  height: 140px;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(closest-side, rgba(255, 90, 0, 0.22), transparent 68%),
    radial-gradient(closest-side, rgba(255, 176, 0, 0.18), transparent 72%);
  filter: blur(20px);
  z-index: -1;
  pointer-events: none;
}

:root[data-theme="light"] #process .process__glow,
:root[data-theme="light"] #about-process .process__glow,
:root[data-theme="light"] #ecommerce-store-process .process__glow,
:root[data-theme="light"] #services-process .process__glow,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .process__glow {
  display: none;
}

#process .process__accent,
#about-process .process__accent,
#gd-design-process .process__accent,
#drone-built-for-web .process__accent,
#ecommerce-store-process .process__accent,
#services-process .process__accent,
#contact-faq .process__accent,
#faq.page-maps-integration .process__accent,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .process__accent {
  color: rgba(255, 176, 0, 1);
  text-shadow: 0 18px 50px rgba(255, 106, 0, 0.26);
}

:root[data-theme="light"] #process .process__accent,
:root[data-theme="light"] #about-process .process__accent,
:root[data-theme="light"] #gd-design-process .process__accent,
:root[data-theme="light"] #drone-built-for-web .process__accent,
:root[data-theme="light"] #ecommerce-store-process .process__accent,
:root[data-theme="light"] #services-process .process__accent,
:root[data-theme="light"] #contact-faq .process__accent,
:root[data-theme="light"] #faq.page-maps-integration .process__accent,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .process__accent {
  color: #e07000;
  text-shadow: 0 8px 28px rgba(255, 122, 40, 0.18);
}

/* Homepage #work only: solid orange “website launch.” (matches Omaha / local businesses accents) */
.page-home #work.light-band__segment #process .process__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 18px 60px rgba(255, 90, 0, 0.18);
}

:root[data-theme="light"] .page-home #work.light-band__segment #process .process__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 8px 28px rgba(255, 90, 0, 0.14);
}

#process .section__sub--process,
#about-process .section__sub--process,
#ecommerce-store-process .section__sub--process,
#services-process .section__sub--process,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .section__sub--process {
  max-width: 42ch;
  margin-top: 1rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  line-height: 1.7;
}

:root[data-theme="light"] #process .section__sub--process,
:root[data-theme="light"] #about-process .section__sub--process,
:root[data-theme="light"] #ecommerce-store-process .section__sub--process,
:root[data-theme="light"] #services-process .section__sub--process,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .section__sub--process {
  color: rgba(10, 12, 18, 0.68);
}

#process .section__sub--process a,
#about-process .section__sub--process a,
#ecommerce-store-process .section__sub--process a,
#services-process .section__sub--process a,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .section__sub--process a {
  color: rgba(255, 196, 140, 0.96);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(255, 159, 48, 0.45);
}

#process .section__sub--process a:hover,
#about-process .section__sub--process a:hover,
#ecommerce-store-process .section__sub--process a:hover,
#services-process .section__sub--process a:hover,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .section__sub--process a:hover {
  color: #ffffff;
  text-decoration-color: rgba(255, 196, 140, 0.68);
}

:root[data-theme="light"] #process .section__sub--process a,
:root[data-theme="light"] #about-process .section__sub--process a,
:root[data-theme="light"] #ecommerce-store-process .section__sub--process a,
:root[data-theme="light"] #services-process .section__sub--process a,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .section__sub--process a {
  color: #c2410c;
  text-decoration-color: rgba(255, 122, 40, 0.42);
}

:root[data-theme="light"] #process .section__sub--process a:hover,
:root[data-theme="light"] #about-process .section__sub--process a:hover,
:root[data-theme="light"] #ecommerce-store-process .section__sub--process a:hover,
:root[data-theme="light"] #services-process .section__sub--process a:hover,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .section__sub--process a:hover {
  color: #9a3412;
  text-decoration-color: rgba(234, 88, 12, 0.55);
}

@media (max-width: 640px) {
  #process .process__title,
  #about-process .process__title,
  #ecommerce-store-process .process__title,
  #services-process .process__title,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .process__title {
    max-width: none;
  }

  .about-why-grow > #about-process .process__title {
    max-width: none;
  }
}

/* Steps */
.steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px 22px;
}

/* Match `.service-card`: warm radial wash + charcoal glass panel */
.step {
  border-radius: 10px;
  background:
    radial-gradient(ellipse 120% 85% at 14% 0%, rgba(255, 149, 64, 0.055) 0%, transparent 52%),
    radial-gradient(ellipse 95% 75% at 100% 100%, rgba(255, 106, 18, 0.04) 0%, transparent 48%),
    rgba(11, 10, 10, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 22px 22px 22px 22px;
  position: relative;
  overflow: visible;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.step:hover {
  border-color: rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(ellipse 115% 80% at 12% 0%, rgba(255, 159, 64, 0.075) 0%, transparent 50%),
    radial-gradient(ellipse 90% 72% at 100% 100%, rgba(255, 94, 36, 0.055) 0%, transparent 46%),
    rgba(14, 11, 10, 0.82);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
  transform: translateY(-1px);
}

:root[data-theme="light"] .step {
  background:
    linear-gradient(180deg, rgba(255, 140, 72, 0.045) 0%, transparent 42%),
    rgba(255, 255, 255, 0.78);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 6px 22px rgba(10, 12, 18, 0.06);
}

:root[data-theme="light"] .step:hover {
  background:
    linear-gradient(180deg, rgba(255, 130, 58, 0.065) 0%, transparent 45%),
    rgba(255, 255, 255, 0.92);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.1);
  transform: translateY(-1px);
}

.step::before {
  display: none;
}

.step__num {
  font-weight: 950;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.62);
}

:root[data-theme="light"] .step__num {
  color: rgba(10, 12, 18, 0.50);
}

/* Process: step numbers — gradient ring like .service-card__icon (about “why” cards) */
#process .step__num {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 38px;
  padding: 6px 11px;
  border-radius: 12px;
  font-weight: 950;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(11, 10, 10, 0.58);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
}

#process .step__num::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.92;
}

#process .step:hover .step__num::before {
  opacity: 1;
}

:root[data-theme="light"] #process .step__num {
  color: rgba(10, 12, 18, 0.9);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 24px rgba(10, 12, 18, 0.08);
}

.step__title {
  margin: 10px 0 6px;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] .step__title {
  color: rgba(10, 12, 18, 0.92);
}

.step__text {
  margin: 0;
  color: rgba(255, 255, 255, 0.64);
  font-size: 13px;
  line-height: 1.55;
}

:root[data-theme="light"] .step__text {
  color: rgba(10, 12, 18, 0.7);
}

/* Step connectors (arrows between cards) */
.step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -18px;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  border-radius: 999px;
  background: rgba(7, 10, 18, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35);
  pointer-events: none;
  z-index: 3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-opacity='0.72' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}

:root[data-theme="light"] .step:not(:last-child)::after {
  background: #ffffff;
  border-color: rgba(10, 12, 18, 0.10);
  box-shadow: 0 6px 16px rgba(10, 12, 18, 0.06);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23101828' stroke-opacity='0.55' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
}
/* With 5 items in a 4-col grid, center the last card */
@media (min-width: 981px) {
  .steps > .step:last-child {
    grid-column: 2 / span 2;
  }

  /*
    Exactly four steps: the rule above leaves column 4 empty on row 1 and skews the block left.
    Use a balanced 2×2 grid and reset the last-row span (branding page, etc.). Homepage `#process` has five steps — unchanged.
  */
  .steps:has(> .step:nth-child(4):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: min(100%, 920px);
    margin-inline: auto;
  }

  .steps:has(> .step:nth-child(4):last-child) > .step:last-child {
    grid-column: auto;
  }

  .steps:has(> .step:nth-child(4):last-child) > .step:nth-child(2)::after {
    display: none;
  }
}

@media (max-width: 980px) {
  .step:not(:last-child)::after {
    display: none;
  }
}

/* Website design + Work page: process band inner + head */
.page-webdesign:not(.page-webdev) .webdesign-page-band > #process.section--process-in-webdesign .work-band__process-inner,
.page-work .work-page-mid-black > #process.section--process-in-webdesign .work-band__process-inner,
.page-seo .contact-page-band > #seo-process.section--process-in-webdesign .work-band__process-inner,
body:has(#core.section--services) #core #services-process .work-band__process-inner,
.page-ecommerce .contact-page-band > #ecommerce-store-process .work-band__process-inner,
.contact-page-band > #process.section--contact-process .work-band__process-inner,
.contact-page-band > #gd-design-process .work-band__process-inner,
.contact-page-band > #ads-process.section--contact-process .work-band__process-inner,
.contact-page-band > #drone-built-for-web .work-band__process-inner,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .work-band__process-inner {
  max-width: min(100%, 1180px);
  margin-inline: auto;
  padding-bottom: clamp(12px, 2vw, 28px);
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #process .section__head--process,
.page-work .work-page-mid-black > #process .section__head--process,
.page-seo .contact-page-band > #seo-process .section__head--process,
body:has(#core.section--services) #core #services-process .section__head--process,
.page-ecommerce .contact-page-band > #ecommerce-store-process .section__head--process,
.contact-page-band > #process.section--contact-process .section__head--process,
.contact-page-band > #gd-design-process .section__head--process,
.contact-page-band > #ads-process.section--contact-process .section__head--process,
.contact-page-band > #drone-built-for-web .section__head--process,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .section__head--process {
  max-width: 52rem;
  margin-inline: auto;
  margin-bottom: clamp(36px, 5vw, 52px);
  text-align: center;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #process .eyebrow--process,
.page-work .work-page-mid-black > #process .eyebrow--process,
.page-seo .contact-page-band > #seo-process .eyebrow--process,
body:has(#core.section--services) #core #services-process .eyebrow--process,
.page-ecommerce .contact-page-band > #ecommerce-store-process .eyebrow--process,
.contact-page-band > #process.section--contact-process .eyebrow--process,
.contact-page-band > #gd-design-process .eyebrow--process,
.contact-page-band > #ads-process.section--contact-process .eyebrow--process,
.contact-page-band > #drone-built-for-web .eyebrow--process {
  justify-content: center;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 159, 64, 0.95);
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #process .eyebrow__dot--warm,
.page-work .work-page-mid-black > #process .eyebrow__dot--warm,
.page-seo .contact-page-band > #seo-process .eyebrow__dot--warm,
body:has(#core.section--services) #core #services-process .eyebrow__dot--warm,
.page-ecommerce .contact-page-band > #ecommerce-store-process .eyebrow__dot--warm,
.contact-page-band > #process.section--contact-process .eyebrow__dot--warm,
.contact-page-band > #gd-design-process .eyebrow__dot--warm,
.contact-page-band > #ads-process.section--contact-process .eyebrow__dot--warm,
.contact-page-band > #drone-built-for-web .eyebrow__dot--warm,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .eyebrow__dot--warm {
  display: none;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #process .process__title,
.page-work .work-page-mid-black > #process .process__title,
.page-seo .contact-page-band > #seo-process .process__title,
body:has(#core.section--services) #core #services-process .process__title,
.contact-page-band > #process.section--contact-process .process__title,
.contact-page-band > #gd-design-process .process__title,
.contact-page-band > #ads-process.section--contact-process .process__title,
.contact-page-band > #drone-built-for-web .process__title,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .process__title {
  max-width: none;
  margin-inline: auto;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #process .process__glow,
.page-work .work-page-mid-black > #process .process__glow,
.page-seo .contact-page-band > #seo-process .process__glow,
body:has(#core.section--services) #core #services-process .process__glow,
.contact-page-band > #process.section--contact-process .process__glow,
.contact-page-band > #gd-design-process .process__glow,
.contact-page-band > #ads-process.section--contact-process .process__glow,
.contact-page-band > #drone-built-for-web .process__glow,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .process__glow {
  opacity: 0.45;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #process .section__sub--process,
.page-work .work-page-mid-black > #process .section__sub--process,
.page-seo .contact-page-band > #seo-process .section__sub--process,
body:has(#core.section--services) #core #services-process .section__sub--process,
.contact-page-band > #process.section--contact-process .section__sub--process,
.contact-page-band > #gd-design-process .section__sub--process,
.contact-page-band > #ads-process.section--contact-process .section__sub--process,
.contact-page-band > #drone-built-for-web .section__sub--process {
  max-width: 46ch;
  margin-inline: auto;
  text-align: center;
}

.page-event-websites .event-page-band > #process.section--process-in-webdesign .section__sub--process {
  max-width: min(48rem, 100%);
  margin-inline: auto;
  text-align: center;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #process .process__title,
body:has(#core.section--services) #core #services-process .process__title,
.contact-page-band > #process.section--contact-process .process__title,
.contact-page-band > #gd-design-process .process__title,
.contact-page-band > #ads-process.section--contact-process .process__title,
.contact-page-band > #drone-built-for-web .process__title,
.page-event-websites .event-page-band > #process.section--process-in-webdesign .process__title {
  font-size: 48px;
  line-height: 1.15;
  max-width: none;
  white-space: nowrap;
  text-wrap: nowrap;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #process .section__sub--process,
body:has(#core.section--services) #core #services-process .section__sub--process,
.contact-page-band > #process.section--contact-process .section__sub--process,
.contact-page-band > #gd-design-process .section__sub--process,
.contact-page-band > #ads-process.section--contact-process .section__sub--process,
.contact-page-band > #drone-built-for-web .section__sub--process {
  font-size: 18px;
  line-height: 1.7;
}

/* Work + Event pages `#process` eyebrow — match services.html `.services__eyebrow` */
.page-work .work-page-mid-black > #process .eyebrow--process,
.page-event-websites .event-page-band > #process .eyebrow--process {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-work .work-page-mid-black > #process .eyebrow--process,
:root[data-theme="light"] .page-event-websites .event-page-band > #process .eyebrow--process {
  color: rgba(10, 12, 18, 0.62);
}

/* Work page About us eyebrow — match `#process` `.eyebrow--process` */
.page-work .work-page-mid-black .about-growth .eyebrow--process {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-work .work-page-mid-black .about-growth .eyebrow--process {
  color: rgba(10, 12, 18, 0.62);
}

/* SEO page `#seo-process` eyebrow — match Work `#process` */
.page-seo .contact-page-band > #seo-process .eyebrow--process {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-seo .contact-page-band > #seo-process .eyebrow--process {
  color: rgba(10, 12, 18, 0.62);
}

.page-seo .contact-page-band > #seo-process #seo-process-title.process__title {
  max-width: min(48rem, 100%);
  white-space: normal;
  text-wrap: balance;
}

.page-google-ads .contact-page-band > #ads-process #ads-process-title.process__title {
  max-width: min(48rem, 100%);
  white-space: normal;
  text-wrap: balance;
}

.page-google-ads :is(#ads-process-title, #analytics-track-title, #analytics-process-title, #analytics-for-title)
  .process__title-line {
  display: block;
}

.page-seo .contact-page-band > #seo-process .section__sub--process {
  margin-top: 12px;
  font-size: 18px;
  line-height: 1.7;
  max-width: min(48rem, 100%);
}

/* Work hero “Our Work” */
.page-work #work-main-content .drone-hero__copy > .eyebrow.eyebrow--process {
  color: #ff9f40;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  letter-spacing: 0.14em;
}

:root[data-theme="light"] .page-work #work-main-content .drone-hero__copy > .eyebrow.eyebrow--process {
  color: #ff9f40;
}

.page-work .work-page-mid-black > #process .process__title,
.page-event-websites .event-page-band > #process .process__title,
.page-event-websites #event-process-heading {
  font-size: 48px;
  line-height: 1.15;
  max-width: none;
  white-space: nowrap;
  text-wrap: nowrap;
}

.page-work .work-page-mid-black > #process .section__sub--process,
.page-event-websites .event-page-band > #process .section__sub--process {
  margin-top: 12px;
  font-size: 18px;
  line-height: 1.7;
  max-width: min(48rem, 100%);
}

.page-work .work-page-mid-black > #process .process-hchain__list,
.page-seo .contact-page-band > #seo-process .process-hchain__list,
.page-ecommerce .contact-page-band > #ecommerce-store-process .process-hchain__list {
  font-size: 18px;
}

@media (max-width: 640px) {
  .page-work .work-page-mid-black > #process .process__title {
    max-width: none;
  }
}

/* services.html #services-process: match website-design `#process` headline + sub */
body:has(#core.section--services) #core #services-process .process__title,
body:has(#core.section--services) #core #services-process-heading,
.page-event-websites #event-process-heading {
  font-weight: 900;
  letter-spacing: -0.04em;
  max-width: none;
  white-space: nowrap;
}

body:has(#core.section--services) #core #services-process .section__sub--process {
  margin-top: 12px;
  max-width: 46ch;
}

@media (max-width: 900px) {
  .page-webdesign:not(.page-webdev) .webdesign-page-band > #process .process__title,
  .page-work .work-page-mid-black > #process .process__title,
  .contact-page-band > #process.section--contact-process .process__title,
  .contact-page-band > #gd-design-process .process__title,
  .contact-page-band > #ads-process.section--contact-process .process__title,
  .contact-page-band > #drone-built-for-web .process__title,
  body:has(#core.section--services) #core #services-process .process__title,
  body:has(#core.section--services) #core #services-process-heading,
  .page-event-websites .event-page-band > #process.section--process-in-webdesign .process__title,
  .page-event-websites #event-process-heading,
  .about-why-grow > #about-process .process__title,
  .page-ecommerce .contact-page-band > #ecommerce-store-process.section--process-in-webdesign .process__title {
    white-space: normal;
    text-wrap: wrap;
    font-size: clamp(1.65rem, 4.5vw, 2.5rem);
  }
}

/* About page: same process band inner + head as Work / webdesign */
.about-why-grow > #about-process.section--process-in-webdesign .work-band__process-inner {
  max-width: min(100%, 1180px);
  margin-inline: auto;
  padding-bottom: clamp(12px, 2vw, 28px);
}

.about-why-grow > #about-process .section__head--process {
  max-width: 52rem;
  margin-inline: auto;
  margin-bottom: clamp(36px, 5vw, 52px);
  text-align: center;
}

.about-why-grow > #about-process .process__title {
  max-width: none;
  margin-inline: auto;
  white-space: nowrap;
  text-wrap: nowrap;
}

.about-why-grow > #about-process .process__glow {
  opacity: 0.45;
}

.about-why-grow > #about-process .section__sub--process {
  max-width: 46ch;
  margin-inline: auto;
  text-align: center;
  font-size: 18px;
}

/* About .about-why-grow — headline/body scale (design preview) */
.about-why-grow #who-title,
.about-why-grow #team-title,
.about-why-grow #about-growth-title,
.about-why-grow #espanol-growth-title,
.about-why-grow #espanol-team-title,
.about-why-grow #about-process-title,
:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split #about-contact-form-title,
:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split #about-contact-local-title,
.page-ecommerce .contact-page-band > #contact.cta.cta--about-split #ecommerce-contact-form-title,
.page-ecommerce .contact-page-band > #contact.cta.cta--about-split #ecommerce-contact-local-title {
  font-size: 48px;
}

.about-why-grow > .section--team .eyebrow,
.about-why-grow > #about-process .section__head--process .eyebrow {
  font-size: 16px;
}

.about-why-grow > #about-process .section-divider--process {
  display: none;
}

/* WordPress CTA (between process + contact) */
.section--wp-cta {
  position: relative;
  padding: 0 0 74px;
  background: var(--bg);
  border-top: 0;
}

:root[data-theme="light"] .section--wp-cta {
  background: var(--light-canvas);
}

.section--wp-cta--services .wp-cta {
  margin-top: 0; /* prevent overlap band into Engagements */
}

/* Services page: contact section (absolute inset-0 background layer pattern) */
.contact-section {
  position: relative;
  overflow: hidden;
  background: transparent;
}

.contact-section__bg {
  position: absolute;
  inset: 0;
  background:
    /* Blend from Core Services band into contact — sun family (match services hero) */
    linear-gradient(180deg, rgba(12, 6, 4, 0.98) 0%, var(--bg) 42%),
    radial-gradient(900px 360px at 22% 0%, rgba(255, 118, 52, 0.16), transparent 62%),
    radial-gradient(760px 320px at 85% 12%, rgba(255, 176, 72, 0.095), transparent 60%),
    radial-gradient(520px 280px at 50% 85%, rgba(255, 92, 34, 0.06), transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.contact-section__inner {
  position: relative;
  z-index: 1;
}

.contact-section__head {
  max-width: 920px;
  margin: 0 auto 26px;
  text-align: center;
}

.contact-section__title {
  margin: 0 auto 10px;
  padding: 0 0 0.4rem;
  max-width: 28ch;
  font-size: clamp(1.75rem, 1.1rem + 1.3vw, 2.4rem);
  font-weight: 900;
  letter-spacing: -0.042em;
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.96);
  text-align: center;
}

.contact-section__title-accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  display: inline-block;
  text-shadow: 0 18px 60px rgba(255, 90, 0, 0.18);
}

.contact-section__sub {
  margin-left: auto;
  margin-right: auto;
  max-width: 78ch;
  font-size: 22px;
  line-height: 1.75;
}

.contact-section__head .eyebrow {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  color: rgba(255, 214, 182, 0.9);
}

.contact-section__head .eyebrow::after {
  content: "";
}

.contact-section__quick {
  display: none;
}

.contact-section__map-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.contact-section__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 18px 18px;
  align-items: start;
}

body:has(#core.section--services) .contact-section__head {
  margin-bottom: clamp(28px, 4vw, 44px);
}

/* services.html #contact: match contact page `.connect-cta__title` / `#final-cta-title` */
body:has(#core.section--services) #contact .contact-section__head .connect-cta__title,
body:has(#core.section--services) #contact-heading {
  margin: 0 auto 10px;
  max-width: 22ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.96);
  text-wrap: balance;
}

body:has(#core.section--services) #contact-heading .about-accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
}

:root[data-theme="light"] body:has(#core.section--services) #contact-heading {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] body:has(#core.section--services) #contact-heading .about-accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.contact-section__form .contact-form-wrap {
  margin-top: 0;
  width: 100%;
}

.contact-section__form .contact-form-wrap .contact-form {
  width: 100%;
  max-width: none;
  margin: 0;
}

.contact-section__form .form-status {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.contact-section__map .local__map-frame iframe {
  height: 420px;
}

@media (max-width: 900px) {
  .contact-section__grid {
    grid-template-columns: 1fr;
  }

  .contact-section__map .local__map-frame iframe {
    height: 340px;
  }
}

:root[data-theme="light"] .contact-section__bg {
  background:
    linear-gradient(180deg, rgba(255, 252, 248, 0.92) 0%, var(--light-canvas) 42%),
    radial-gradient(900px 360px at 22% 0%, rgba(255, 165, 118, 0.22), transparent 62%),
    radial-gradient(760px 320px at 85% 12%, rgba(255, 198, 148, 0.14), transparent 60%),
    radial-gradient(520px 280px at 50% 88%, rgba(255, 148, 96, 0.08), transparent 58%);
}

:root[data-theme="light"] .contact-section__title {
  color: rgba(10, 12, 18, 0.94);
}

:root[data-theme="light"] .contact-section__title-accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 8px 28px rgba(255, 90, 0, 0.14);
}

:root[data-theme="light"] .contact-section__head .eyebrow {
  color: rgba(10, 12, 18, 0.58);
}

/* services.html only: intake form — match website-design `#contact.cta .contact-form` (slate glass, no purple wash) */
body:has(#core.section--services) #contact.contact-section .contact-form-wrap .contact-form {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 22px clamp(16px, 2.5vw, 26px);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] body:has(#core.section--services) #contact.contact-section .contact-form-wrap .contact-form {
  background: #ffffff;
  border-color: var(--light-line);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

/* website-development.html: `#contact.contact-section` — match services.html layout */
:root:not([data-theme="light"]) .page-webdesign.page-webdev main > #contact.contact-section,
:root:not([data-theme="light"]) .page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band,
:root:not([data-theme="light"]) .page-webdesign.page-webdev main > footer.site-footer {
  background: var(--surface-footer) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

:root[data-theme="light"] .page-webdesign.page-webdev main > #contact.contact-section,
:root[data-theme="light"] .page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band,
:root[data-theme="light"] .page-webdesign.page-webdev main > footer.site-footer {
  background: var(--surface-footer) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

.page-webdesign.page-webdev main > #contact.contact-section .contact-section__bg {
  display: none;
}

.page-webdesign.page-webdev main > #contact.contact-section .contact-section__head .eyebrow {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-webdesign.page-webdev main > #contact.contact-section .contact-section__head .eyebrow {
  color: rgba(10, 12, 18, 0.62);
}

.page-webdesign.page-webdev #contact-heading {
  margin: 0 auto 10px;
  max-width: 22ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.96);
  text-wrap: balance;
}

.page-webdesign.page-webdev #contact-heading .about-accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
}

:root[data-theme="light"] .page-webdesign.page-webdev #contact-heading {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-webdesign.page-webdev #contact-heading .about-accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.page-webdesign.page-webdev #contact.contact-section .contact-form-wrap .contact-form {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 22px clamp(16px, 2.5vw, 26px);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .page-webdesign.page-webdev #contact.contact-section .contact-form-wrap .contact-form {
  background: #ffffff;
  border-color: var(--light-line);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

/* website-development.html: contact + final CTA = one continuous `--surface-footer` strip */
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band::before {
  display: none !important;
}

@media (min-width: 761px) {
  .page-webdesign.page-webdev main > #contact.contact-section {
    padding-bottom: clamp(2rem, 3vw, 2.75rem);
  }

  .page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band {
    padding-top: clamp(1.25rem, 2vw, 1.75rem);
    padding-bottom: clamp(3.25rem, 4.5vw, 4.5rem);
    margin-top: 0;
    border-top: 0 !important;
    box-shadow: none !important;
  }
}

/* Wins over work/contact-band “transparent CTA” rules — CTA section paints same canvas as #contact */
:root:not([data-theme="light"]) .page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band,
:root[data-theme="light"] .page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band {
  background: var(--surface-footer) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

/* drone-services.html: `#contact.contact-section` inside `.contact-page-band` (after `#drone-capture`) */
.page-drone-services .contact-page-band > #contact.contact-section {
  position: relative;
  z-index: 1;
  padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(2rem, 4vw, 3rem);
}

.page-drone-services .contact-page-band > #contact.contact-section .contact-section__bg {
  display: none;
}

.page-drone-services .contact-page-band > #contact.contact-section .contact-section__head {
  margin-bottom: clamp(28px, 4vw, 44px);
}

.page-drone-services .contact-page-band > #contact.contact-section .contact-section__head .eyebrow {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-drone-services .contact-page-band > #contact.contact-section .contact-section__head .eyebrow {
  color: rgba(10, 12, 18, 0.62);
}

.page-drone-services .contact-page-band > #contact .contact-section__head .connect-cta__title,
.page-drone-services #drone-contact-heading {
  margin: 0 auto 10px;
  max-width: 22ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.96);
  text-wrap: balance;
}

.page-drone-services #drone-contact-heading .about-accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
}

:root[data-theme="light"] .page-drone-services #drone-contact-heading {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-drone-services #drone-contact-heading .about-accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.page-drone-services .contact-page-band > #contact.contact-section .contact-form-wrap .contact-form {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 22px clamp(16px, 2.5vw, 26px);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .page-drone-services .contact-page-band > #contact.contact-section .contact-form-wrap .contact-form {
  background: #ffffff;
  border-color: var(--light-line);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.page-drone-services .contact-page-band > #drone-capture + #contact.contact-section {
  padding-top: clamp(1.5rem, 2.5vw, 2.5rem);
}

/* website-analytics.html: `#contact.contact-section` inside `.contact-page-band` (after `#analytics-industries`) */
.page-website-analytics .contact-page-band > #contact.contact-section {
  position: relative;
  z-index: 1;
  padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(2rem, 4vw, 3rem);
}

.page-website-analytics .contact-page-band > #contact.contact-section .contact-section__bg {
  display: none;
}

.page-website-analytics .contact-page-band > #contact.contact-section .contact-section__head {
  margin-bottom: clamp(28px, 4vw, 44px);
}

.page-website-analytics .contact-page-band > #contact.contact-section .contact-section__head .eyebrow {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-website-analytics .contact-page-band > #contact.contact-section .contact-section__head .eyebrow {
  color: rgba(10, 12, 18, 0.62);
}

.page-website-analytics .contact-page-band > #contact .contact-section__head .connect-cta__title,
.page-website-analytics #analytics-contact-heading {
  margin: 0 auto 10px;
  max-width: 22ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.96);
  text-wrap: balance;
}

.page-website-analytics #analytics-contact-heading .about-accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
}

:root[data-theme="light"] .page-website-analytics #analytics-contact-heading {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-website-analytics #analytics-contact-heading .about-accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.page-website-analytics .contact-page-band > #contact.contact-section .contact-form-wrap .contact-form {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 22px clamp(16px, 2.5vw, 26px);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .page-website-analytics .contact-page-band > #contact.contact-section .contact-form-wrap .contact-form {
  background: #ffffff;
  border-color: var(--light-line);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.page-website-analytics .contact-page-band > #analytics-industries + #contact.contact-section {
  padding-top: clamp(1.5rem, 2.5vw, 2.5rem);
}

.contact-section .contact-section__map-actions .btn--secondary {
  border-color: rgba(255, 172, 118, 0.22);
}

:root[data-theme="light"] .contact-section .contact-section__map-actions .btn--secondary {
  border-color: rgba(255, 148, 82, 0.35);
}

.section--wp-cta::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 64px;
  background: linear-gradient(180deg, rgba(7, 10, 18, 0) 0%, rgba(7, 10, 18, 1) 100%);
  pointer-events: none;
}

:root[data-theme="light"] .section--wp-cta::after {
  display: none;
}

.wp-cta {
  position: relative;
  margin: -28px auto 0;
  max-width: 980px;
  padding: 34px 28px 26px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgb(14, 12, 11);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48);
  overflow: hidden;
  text-align: center;
}

:root[data-theme="light"] .wp-cta {
  margin: 0 auto;
  border-color: rgba(10, 12, 18, 0.09);
  background: #ffffff;
  box-shadow: 0 14px 44px rgba(10, 12, 18, 0.07);
}

/* Homepage: WP CTA panel matches `#services` `.service-card` glass (same stack as index service tiles) */
.page-home .section--wp-cta .wp-cta {
  border-radius: 10px;
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}

:root[data-theme="light"] .page-home .section--wp-cta .wp-cta {
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

/* Blog + blog post final CTA: glass panel on shared `--surface-footer` canvas (band paint on `body.page-blog-post` when post) */
:root:not([data-theme="light"]) .page-blog:not(.page-blog-post) .section.section--wp-cta,
:root[data-theme="light"] .page-blog:not(.page-blog-post) .section.section--wp-cta {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

.page-blog:not(.page-blog-post) .section.section--wp-cta::after {
  display: none;
}

.page-blog .section.section--wp-cta .wp-cta {
  border-radius: 10px;
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}

:root[data-theme="light"] .page-blog .section.section--wp-cta .wp-cta {
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

.wp-cta::before {
  display: none;
}

.wp-cta > * {
  position: relative;
  z-index: 1;
}

/* Match `.services__eyebrow` — plain kicker, no pill */
.wp-cta__kicker {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:root[data-theme="light"] .wp-cta__kicker {
  color: rgba(10, 12, 18, 0.62);
  background: none;
  border: 0;
}

.wp-cta__title {
  margin: 0 auto 10px;
  max-width: 22ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] .wp-cta__title {
  color: rgba(10, 12, 18, 0.92);
}

.wp-cta__accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

:root[data-theme="light"] .wp-cta__accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.wp-cta__text {
  margin: 0 auto 18px;
  max-width: 78ch;
  color: rgba(255, 255, 255, 0.72);
  font-size: 18px;
  line-height: 1.75;
}

:root[data-theme="light"] .wp-cta__text {
  color: rgba(10, 12, 18, 0.68);
}

.wp-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 4px;
}

.wp-cta__note {
  margin: 14px 0 0;
  color: rgba(255, 255, 255, 0.48);
  font-weight: 700;
  font-size: 12px;
}

:root[data-theme="light"] .wp-cta__note {
  color: rgba(10, 12, 18, 0.50);
}

/* WP CTA: primary button sun palette (global .btn--primary stays blue elsewhere) */
.wp-cta .btn--primary {
  background: linear-gradient(180deg, #ff8c24 0%, #ea6200 48%, #cc4200 100%);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 220, 190, 0.28);
}

.wp-cta .btn--primary:hover {
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.52);
}

:root[data-theme="light"] .wp-cta .btn--primary {
  background: linear-gradient(180deg, #ff9428 0%, #e86800 52%, #c94800 100%);
  box-shadow: 0 8px 26px rgba(10, 12, 18, 0.08);
  border-color: rgba(255, 180, 120, 0.35);
}

:root[data-theme="light"] .wp-cta .btn--primary:hover {
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.1);
}

.wp-cta .btn--secondary {
  border-color: rgba(255, 200, 170, 0.22);
}

:root[data-theme="light"] .wp-cta .btn--secondary {
  border-color: rgba(232, 104, 0, 0.22);
}

@media (max-width: 760px) {
  .wp-cta {
    margin-top: -18px;
    padding: 26px 18px 22px;
    text-align: left;
  }

  .wp-cta__kicker {
    margin-left: 0;
  }

  .wp-cta__title,
  .wp-cta__text {
    margin-left: 0;
    margin-right: 0;
  }

  .wp-cta__actions {
    justify-content: flex-start;
  }

  .contact-page-band > .connect-cta-band .connect-cta__inner,
  .page-work .work-page-mid-black > .connect-cta-band .connect-cta__inner,
.page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__inner,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__inner {
    margin-top: -18px;
    padding: 26px 18px 22px;
    text-align: left;
  }

  .contact-page-band > .connect-cta-band .connect-cta__title,
  .page-work .work-page-mid-black > .connect-cta-band .connect-cta__title,
  .page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__title,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__title,
  .contact-page-band > .connect-cta-band .connect-cta__lead,
  .page-work .work-page-mid-black > .connect-cta-band .connect-cta__lead,
  .page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__lead,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__lead {
    margin-left: 0;
    margin-right: 0;
  }

  .contact-page-band > .connect-cta-band .connect-cta__actions,
  .page-work .work-page-mid-black > .connect-cta-band .connect-cta__actions,
.page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__actions,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__actions {
    justify-content: flex-start;
  }
}

/* CTA */
.cta {
  position: relative;
  padding: 62px 0 74px;
  background: radial-gradient(820px 320px at 18% 0%, rgba(11, 99, 246, 0.14), transparent 60%),
    radial-gradient(760px 320px at 85% 20%, rgba(255, 79, 216, 0.10), transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.00)),
    var(--bg);
  border-top: 0;
}

/* Home page intake (#contact): make the two glows circular (no divider feel) */
#contact.cta {
  background:
    radial-gradient(circle 460px at 18% 28%, rgba(11, 99, 246, 0.15), transparent 72%),
    radial-gradient(circle 520px at 82% 34%, rgba(255, 90, 0, 0.12), transparent 74%),
    var(--bg);
  border-top: 0;
}

/* Homepage (dark): #services → build-process → #contact → local → WP CTA — same `--surface-footer` as #services (no blue/orange intake glow); fixed = one field */
:root:not([data-theme="light"]) .page-home #services.section--services,
:root:not([data-theme="light"]) .page-home #build-process-copy.section--alt,
:root:not([data-theme="light"]) .page-home #contact.cta,
:root:not([data-theme="light"]) .page-home .section--local,
:root:not([data-theme="light"]) .page-home .section.section--wp-cta {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  overflow: visible;
}

/* Ecommerce: #contact sits below `.contact-page-band` — same base + sun wash as the band (one canvas with process + final CTA) */
.page-ecommerce #contact.cta {
  background:
    radial-gradient(
      ellipse min(720px, 96vw) clamp(220px, 24vh, 320px) at 50% clamp(240px, 30vh, 340px),
      rgba(255, 159, 64, 0.16),
      transparent 72%
    ),
    radial-gradient(
      ellipse min(860px, 110vw) clamp(72px, 9vh, 110px) at 50% clamp(470px, 56vh, 560px),
      rgba(255, 122, 40, 0.09),
      transparent 80%
    ),
    var(--bg);
  background-repeat: no-repeat;
  border-top: 0;
  box-shadow: none;
}

.page-ecommerce #contact.cta::before {
  display: none;
}

:root[data-theme="light"] .page-ecommerce #contact.cta {
  background-color: var(--light-canvas);
  background-image:
    radial-gradient(
      ellipse min(700px, 94vw) clamp(210px, 22vh, 300px) at 50% clamp(235px, 29vh, 330px),
      rgba(255, 149, 64, 0.1),
      transparent 74%
    ),
    radial-gradient(
      ellipse min(840px, 108vw) clamp(66px, 8vh, 100px) at 50% clamp(455px, 55vh, 540px),
      rgba(255, 159, 28, 0.06),
      transparent 80%
    ),
    radial-gradient(closest-side, rgba(255, 122, 40, 0.09), transparent 78%);
  background-repeat: no-repeat;
  box-shadow: none;
}

.page-ecommerce #contact.cta .cta__accent {
  background: linear-gradient(135deg, #0b63f6 0%, #3a86ff 48%, #0946c4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 50px rgba(58, 134, 255, 0.26);
}

:root[data-theme="light"] .page-ecommerce #contact.cta .cta__accent {
  text-shadow: 0 12px 40px rgba(11, 99, 246, 0.18);
}

/* Ecommerce #contact: form panel matches homepage `#services` `.service-card` (e.g. Local presence tile) */
.page-ecommerce #contact.cta .contact-form {
  border-radius: 10px;
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}

:root[data-theme="light"] .page-ecommerce #contact.cta .contact-form {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .cta {
  background: var(--light-canvas);
  padding-top: 72px;
}

/* Light: flat white — same as connect-cta-band / tightened landing sections (no gray fade or radial wash) */
:root[data-theme="light"] #contact.cta {
  background: var(--light-canvas);
}

/* Homepage: local + WP CTA seam cleanup (footer-matched canvas via `.page-home` surface rules above) */
.page-home .section--local {
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
}

.page-home .section--local::before {
  display: none;
}

.page-home .section.section--wp-cta::after {
  display: none;
}

/* Match homepage `.wp-cta` / `#services` `.service-card` glass (same stack as Get started panel) */
.page-home #contact.cta .contact-form {
  border-radius: 10px;
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}

:root[data-theme="light"] .page-home #contact.cta .contact-form {
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

.cta::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 72px;
  background: linear-gradient(180deg, rgba(7, 10, 18, 1) 0%, rgba(7, 10, 18, 0) 100%);
  pointer-events: none;
}

#contact.cta::before {
  display: none;
}

:root[data-theme="light"] .cta::before {
  display: none;
}

.cta__inner {
  position: relative;
  border-radius: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  display: grid;
  gap: 18px;
  justify-items: center;
  text-align: center;
}

.cta__inner::before {
  content: none;
}

.cta__inner > * {
  position: relative;
  z-index: 1;
}

.cta__title {
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.08;
  font-size: clamp(1.7rem, 1.2rem + 1.4vw, 2.35rem);
  max-width: 24ch;
  margin-inline: auto;
}

.cta__accent {
  background: linear-gradient(135deg, #ff4fd8 0%, #b76cff 45%, #0b63f6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.cta__sub {
  margin: 12px auto 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.7;
  max-width: 62ch;
}

:root[data-theme="light"] .cta__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .cta__sub {
  color: rgba(10, 12, 18, 0.68);
}

:root[data-theme="light"] .cta__accent {
  background: none;
  -webkit-text-fill-color: var(--blue);
  color: var(--blue);
}

/* Website design (sun band): final CTA accent matches warm hero / process */
.page-webdesign:not(.page-webdev) .connect-cta-band .cta__accent {
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 42%, #ff2d1a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  text-shadow: 0 18px 48px rgba(255, 106, 24, 0.2);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .connect-cta-band .cta__accent {
  background: linear-gradient(135deg, #ea580c 0%, #f97316 45%, #c2410c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 8px 26px rgba(255, 122, 40, 0.14);
}

/* Website development: final CTA accent uses sun family (same as website design band) */
.page-webdesign.page-webdev .connect-cta-band .cta__accent {
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 42%, #ff2d1a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  text-shadow: 0 18px 48px rgba(255, 106, 24, 0.2);
}

:root[data-theme="light"] .page-webdesign.page-webdev .connect-cta-band .cta__accent {
  background: linear-gradient(135deg, #ea580c 0%, #f97316 45%, #c2410c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 8px 26px rgba(255, 122, 40, 0.14);
}

.cta__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

/* Connect CTA band (reuse CTA look) */
.connect-cta-band {
  position: relative;
  padding: 62px 0 74px;
  background: radial-gradient(820px 320px at 18% 0%, rgba(11, 99, 246, 0.14), transparent 60%),
    radial-gradient(760px 320px at 85% 20%, rgba(255, 79, 216, 0.10), transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.00)),
    var(--bg);
}

.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Sun-family pages: no default blue/purple wash on final connect CTA (web design only; webdev uses `--surface-footer` on #contact + CTA) */
.page-webdesign:not(.page-webdev) .connect-cta-band,
.page-lincoln:is(.page-schuylar, .page-fremont) .connect-cta-band,
.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-faq-cta > .connect-cta-band {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0;
  box-shadow: none;
}

.page-webdesign:not(.page-webdev) .connect-cta-band::before,
.page-lincoln:is(.page-schuylar, .page-fremont) .connect-cta-band::before,
.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-faq-cta > .connect-cta-band::before {
  display: none !important;
}

.page-lincoln:is(.page-schuylar, .page-fremont) .connect-cta-band .cta__accent,
.page-lincoln:is(.page-schuylar, .page-fremont) .connect-cta-band .connect-cta__title .about-accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  text-shadow: none;
  animation: none;
}

:root[data-theme="light"] .page-lincoln:is(.page-schuylar, .page-fremont) .connect-cta-band .cta__accent,
:root[data-theme="light"] .page-lincoln:is(.page-schuylar, .page-fremont) .connect-cta-band .connect-cta__title .about-accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.page-lincoln:is(.page-schuylar, .page-fremont) .connect-cta-band .connect-cta__inner .btn--primary,
.page-lincoln:is(.page-schuylar, .page-fremont) .connect-cta-band .cta__inner .btn--primary {
  background: linear-gradient(180deg, #ff8c24 0%, #ea6200 48%, #cc4200 100%);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 220, 190, 0.28);
}

:root[data-theme="light"] .page-lincoln:is(.page-schuylar, .page-fremont) .connect-cta-band .connect-cta__inner .btn--primary,
:root[data-theme="light"] .page-lincoln:is(.page-schuylar, .page-fremont) .connect-cta-band .cta__inner .btn--primary {
  background: linear-gradient(180deg, #ff9428 0%, #e86800 52%, #c94800 100%);
  box-shadow: 0 8px 26px rgba(10, 12, 18, 0.08);
  border-color: rgba(255, 180, 120, 0.35);
}

.connect-cta-band::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 72px;
  background: linear-gradient(180deg, rgba(7, 10, 18, 1) 0%, rgba(7, 10, 18, 0) 100%);
  pointer-events: none;
}

/* Ecommerce: final CTA band — same canvas stack as `#contact` (continuous strip after `.contact-page-band`) */
.page-ecommerce .connect-cta-band {
  margin-top: -1px;
  background:
    radial-gradient(
      ellipse min(720px, 96vw) clamp(220px, 24vh, 320px) at 50% clamp(240px, 30vh, 340px),
      rgba(255, 159, 64, 0.16),
      transparent 72%
    ),
    radial-gradient(
      ellipse min(860px, 110vw) clamp(72px, 9vh, 110px) at 50% clamp(470px, 56vh, 560px),
      rgba(255, 122, 40, 0.09),
      transparent 80%
    ),
    var(--bg);
  background-repeat: no-repeat;
  border-top: 0;
  box-shadow: none;
}

.page-ecommerce .connect-cta-band::before {
  display: none;
}

:root[data-theme="light"] .page-ecommerce .connect-cta-band {
  background-color: var(--light-canvas);
  background-image:
    radial-gradient(
      ellipse min(700px, 94vw) clamp(210px, 22vh, 300px) at 50% clamp(235px, 29vh, 330px),
      rgba(255, 149, 64, 0.1),
      transparent 74%
    ),
    radial-gradient(
      ellipse min(840px, 108vw) clamp(66px, 8vh, 100px) at 50% clamp(455px, 55vh, 540px),
      rgba(255, 159, 28, 0.06),
      transparent 80%
    ),
    radial-gradient(closest-side, rgba(255, 122, 40, 0.09), transparent 78%);
  background-repeat: no-repeat;
  box-shadow: none;
}

.connect-cta__inner {
  position: relative;
  display: grid;
  gap: 18px;
  justify-items: center;
  text-align: center;
}

/* Contact page: final CTA panel — same stack as homepage `.page-home .section--wp-cta .wp-cta` (cool glass, not warm `rgb(14,12,11)`) */
.contact-page-band > .connect-cta-band .connect-cta__inner,
.page-work .work-page-mid-black > .connect-cta-band .connect-cta__inner,
.page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__inner,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__inner {
  position: relative;
  margin: -28px auto 0;
  max-width: 980px;
  width: min(100% - 40px, 980px);
  margin-inline: auto;
  padding: 34px 28px 26px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  text-align: center;
  display: grid;
  gap: 18px;
  justify-items: center;
}

.contact-page-band > .connect-cta-band .connect-cta__inner > *,
.page-work .work-page-mid-black > .connect-cta-band .connect-cta__inner > *,
.page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__inner > *,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__inner > * {
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .contact-page-band > .connect-cta-band .connect-cta__inner,
:root[data-theme="light"] .page-work .work-page-mid-black > .connect-cta-band .connect-cta__inner,
:root[data-theme="light"] .page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__inner,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__inner {
  margin: 0 auto;
  border-radius: 10px;
  border-color: rgba(10, 12, 18, 0.1);
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

@media (max-width: 760px) {
  :root[data-theme="light"] .contact-page-band > .connect-cta-band .connect-cta__inner,
  :root[data-theme="light"] .page-work .work-page-mid-black > .connect-cta-band .connect-cta__inner,
  :root[data-theme="light"] .page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__inner,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__inner {
    margin-top: -18px;
  }
}

.connect-cta__kicker {
  margin: 0 auto 2px;
  width: fit-content;
  max-width: 100%;
  padding: 7px 12px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.contact-page-band > .connect-cta-band .eyebrow,
.webdesign-page-band > .connect-cta-band .eyebrow {
  font-size: 16px;
}

.connect-cta__title {
  margin: 0;
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.08;
  font-size: clamp(1.7rem, 1.2rem + 1.4vw, 2.35rem);
  max-width: 24ch;
}

#lincoln-cta-title,
.page-lincoln.page-papillion .lincoln-faq-cta #lincoln-faq-title.connect-cta__title {
  font-size: 48px;
}

#final-cta-title,
#work-final-cta-title,
#webdev-final-cta-title,
#gd-final-cta-title,
#seo-final-cta-title,
#maps-final-cta-title,
#maps-sync-title,
#drone-final-cta-title {
  font-size: 48px;
}

.contact-page-band > .connect-cta-band .connect-cta__title,
.page-work .work-page-mid-black > .connect-cta-band .connect-cta__title,
.page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__title,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__title {
  margin: 0 auto 10px;
  max-width: 22ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: clamp(1.8rem, 1.2rem + 1.6vw, 2.6rem);
  color: rgba(255, 255, 255, 0.96);
}

/* Match `.wp-cta__accent` (sun) — overrides blue `.about-accent` in this CTA only */
.contact-page-band > .connect-cta-band .connect-cta__title .about-accent,
.page-work .work-page-mid-black > .connect-cta-band .connect-cta__title .about-accent,
.page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__title .about-accent,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__title .about-accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
}

:root[data-theme="light"] .contact-page-band > .connect-cta-band .connect-cta__title .about-accent,
:root[data-theme="light"] .page-work .work-page-mid-black > .connect-cta-band .connect-cta__title .about-accent,
:root[data-theme="light"] .page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__title,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__title .about-accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

:root[data-theme="light"] .contact-page-band > .connect-cta-band .connect-cta__title,
:root[data-theme="light"] .page-work .work-page-mid-black > .connect-cta-band .connect-cta__title,
:root[data-theme="light"] .page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__title,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__title {
  color: rgba(10, 12, 18, 0.92);
}

/* Contact page: title halo — `.wp-cta__title` has no glow; keep panel clean */
.contact-page-band #final-cta-title::before,
.page-work .work-page-mid-black #work-final-cta-title::before,
.page-testimonials .work-page-mid-black #work-final-cta-title::before,
.page-webdesign.page-webdev #webdev-final-cta-title::before,
.contact-page-band #gd-final-cta-title::before,
.contact-page-band #seo-final-cta-title::before,
.page-maps-integration #maps-final-cta-title::before,
.page-maps-integration #maps-faq-title::before,
.page-maps-integration #maps-sync-title::before {
  content: none;
  display: none;
}

:root[data-theme="light"] .contact-page-band #final-cta-title::before,
:root[data-theme="light"] .page-work .work-page-mid-black #work-final-cta-title::before,
:root[data-theme="light"] .page-testimonials .work-page-mid-black #work-final-cta-title::before,
:root[data-theme="light"] .page-webdesign.page-webdev #webdev-final-cta-title::before,
:root[data-theme="light"] .contact-page-band #gd-final-cta-title::before,
:root[data-theme="light"] .contact-page-band #seo-final-cta-title::before,
:root[data-theme="light"] .page-maps-integration #maps-final-cta-title::before,
:root[data-theme="light"] .page-maps-integration #maps-faq-title::before,
:root[data-theme="light"] .page-maps-integration #maps-sync-title::before {
  content: none;
  display: none;
}

.connect-cta__lead {
  margin: 12px auto 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.7;
  max-width: 62ch;
  font-size: 18px;
}

.connect-cta__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

.contact-page-band > .connect-cta-band .connect-cta__lead,
.page-work .work-page-mid-black > .connect-cta-band .connect-cta__lead,
.page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__lead,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__lead {
  margin: 0 auto 18px;
  max-width: 78ch;
  color: rgba(255, 255, 255, 0.72);
  font-size: 18px;
  line-height: 1.75;
}

.contact-page-band > .connect-cta-band .connect-cta__actions,
.page-work .work-page-mid-black > .connect-cta-band .connect-cta__actions,
.page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__actions,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__actions {
  margin-top: 4px;
}

/* Contact final CTA: primary / secondary buttons match `.wp-cta` */
.contact-page-band > .connect-cta-band .connect-cta__inner .btn--primary,
.page-work .work-page-mid-black > .connect-cta-band .connect-cta__inner .btn--primary,
.page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__inner,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__inner .btn--primary{
  background: linear-gradient(180deg, #ff8c24 0%, #ea6200 48%, #cc4200 100%);
  box-shadow: 0 18px 50px rgba(255, 122, 40, 0.32), 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 220, 190, 0.28);
}

.contact-page-band > .connect-cta-band .connect-cta__inner .btn--primary:hover,
.page-work .work-page-mid-black > .connect-cta-band .connect-cta__inner .btn--primary:hover,
.page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__inner,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__inner .btn--primary:hover{
  box-shadow: 0 22px 70px rgba(255, 106, 0, 0.4), 0 14px 45px rgba(0, 0, 0, 0.55);
}

:root[data-theme="light"] .contact-page-band > .connect-cta-band .connect-cta__inner .btn--primary,
:root[data-theme="light"] .page-work .work-page-mid-black > .connect-cta-band .connect-cta__inner .btn--primary,
:root[data-theme="light"] .page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__inner,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__inner .btn--primary {
  background: linear-gradient(180deg, #ff9428 0%, #e86800 52%, #c94800 100%);
  box-shadow: 0 14px 38px rgba(232, 104, 0, 0.22), 0 8px 26px rgba(10, 12, 18, 0.08);
  border-color: rgba(255, 180, 120, 0.35);
}

:root[data-theme="light"] .contact-page-band > .connect-cta-band .connect-cta__inner .btn--primary:hover,
:root[data-theme="light"] .page-work .work-page-mid-black > .connect-cta-band .connect-cta__inner .btn--primary:hover,
:root[data-theme="light"] .page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__inner,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__inner .btn--primary:hover {
  box-shadow: 0 18px 46px rgba(232, 104, 0, 0.28), 0 10px 30px rgba(10, 12, 18, 0.1);
}

.contact-page-band > .connect-cta-band .connect-cta__inner .btn--secondary,
.page-work .work-page-mid-black > .connect-cta-band .connect-cta__inner .btn--secondary,
.page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__inner,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__inner .btn--secondary {
  border-color: rgba(255, 200, 170, 0.22);
}

:root[data-theme="light"] .contact-page-band > .connect-cta-band .connect-cta__inner .btn--secondary,
:root[data-theme="light"] .page-work .work-page-mid-black > .connect-cta-band .connect-cta__inner .btn--secondary,
:root[data-theme="light"] .page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__inner,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__inner .btn--secondary {
  color: rgba(10, 12, 18, 0.9);
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(232, 104, 0, 0.22);
}

:root[data-theme="light"] .contact-page-band > .connect-cta-band .connect-cta__lead,
:root[data-theme="light"] .page-work .work-page-mid-black > .connect-cta-band .connect-cta__lead,
:root[data-theme="light"] .page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__lead,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__lead {
  font-size: 18px;
  line-height: 1.75;
  max-width: 78ch;
  color: rgba(10, 12, 18, 0.68);
}

/* `.connect-cta__lead--tight` is defined later globally; keep wp-cta text width here */
.contact-page-band > .connect-cta-band .connect-cta__lead.connect-cta__lead--tight,
.page-work .work-page-mid-black > .connect-cta-band .connect-cta__lead.connect-cta__lead--tight,
.page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__lead.connect-cta__lead--tight,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__lead.connect-cta__lead--tight{
  max-width: 78ch;
}

:root[data-theme="light"] .connect-cta-band {
  background: var(--light-canvas);
  padding-top: 72px;
}

:root[data-theme="light"] .contact-page-band > .connect-cta-band,
:root[data-theme="light"] .page-work .work-page-mid-black > .connect-cta-band,
:root[data-theme="light"] .page-testimonials .work-page-mid-black > .connect-cta-band {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  padding-top: 62px;
}

:root[data-theme="light"] .connect-cta-band::before {
  display: none;
}

:root[data-theme="light"] .connect-cta__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .connect-cta__lead {
  color: rgba(10, 12, 18, 0.68);
}

:root[data-theme="light"] .connect-cta__kicker {
  border-color: rgba(10, 12, 18, 0.12);
  background: #ffffff;
  color: rgba(10, 12, 18, 0.62);
}

/* Contact form (below CTA) */
.contact-form-wrap {
  margin-top: 34px;
}

/* Home page: form is above the CTA */
#contact.cta > .contact-form-wrap {
  margin-top: 0;
}

.contact-form-head {
  width: 100%;
  max-width: 56rem;
  margin: 0 auto 18px;
  text-align: center;
}

/* Match `.services__eyebrow` — plain kicker, no pill */
.contact-form-head__kicker {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:root[data-theme="light"] .contact-form-head__kicker {
  color: rgba(10, 12, 18, 0.62);
  background: none;
  border: 0;
}

.contact-form-head__title {
  margin: 0 auto 1rem;
  padding: 0 0 0.4rem;
  max-width: 28ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.1;
  font-size: clamp(2.1rem, 1.32rem + 1.56vw, 2.88rem);
  color: rgba(255, 255, 255, 0.94);
}

:root[data-theme="light"] .contact-form-head__title {
  color: rgba(10, 12, 18, 0.92);
}

#contact.cta .contact-form-head__title {
  max-width: none;
}

/* Intake headline: orange accent matches homepage agency `.light-band__title-accent` (e.g. Omaha) */
#contact.cta :is(.contact-form-head__title, .about-contact-split__title) .light-band__title-accent {
  display: inline;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 18px 60px rgba(255, 90, 0, 0.18);
}

:root[data-theme="light"] #contact.cta :is(.contact-form-head__title, .about-contact-split__title) .light-band__title-accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 8px 28px rgba(255, 90, 0, 0.14);
}

.contact-form-head__sub {
  margin: 0 auto;
  max-width: 72ch;
  color: rgba(255, 255, 255, 0.70);
  line-height: 1.7;
  font-size: 14.5px;
}

:root[data-theme="light"] .contact-form-head__sub {
  color: rgba(10, 12, 18, 0.68);
}

.contact-form {
  width: min(100% - 40px, var(--container));
  margin-inline: auto;
  max-width: 980px;
  padding: 22px 18px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: radial-gradient(760px 280px at 15% 0%, rgba(11, 99, 246, 0.14), transparent 62%),
    radial-gradient(760px 320px at 85% 10%, rgba(255, 79, 216, 0.10), transparent 60%),
    rgba(10, 16, 34, 0.34);
  box-shadow: 0 28px 110px rgba(0, 0, 0, 0.55);
}

:root[data-theme="light"] .contact-form {
  border-color: rgba(10, 12, 18, 0.10);
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

/* Home page intake: remove purple form wash (match #contact sun tones) */
#contact.cta .contact-form {
  background:
    radial-gradient(760px 280px at 15% 0%, rgba(11, 99, 246, 0.14), transparent 62%),
    radial-gradient(760px 320px at 85% 10%, rgba(255, 176, 0, 0.12), transparent 60%),
    rgba(10, 16, 34, 0.34);
}

:root[data-theme="light"] #contact.cta .contact-form {
  background:
    radial-gradient(760px 280px at 15% 0%, rgba(11, 99, 246, 0.06), transparent 62%),
    radial-gradient(760px 320px at 85% 10%, rgba(255, 176, 0, 0.08), transparent 60%),
    #ffffff;
}

/* About: project intake — parent `.about-why-grow::before` carries `--surface-footer` (same as `.site-footer`) */
.about-why-grow > .about-alt-flat + #contact.cta {
  position: relative;
  z-index: 1;
  isolation: isolate;
  background: transparent !important;
  background-image: none !important;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  margin-top: -2px;
  padding: clamp(36px, 5vw, 56px) 0 clamp(56px, 8vw, 80px);
}

.about-why-grow > .about-alt-flat + #contact.cta::before {
  display: none;
}

:root[data-theme="light"] .about-why-grow > .about-alt-flat + #contact.cta {
  background: transparent !important;
  background-image: none !important;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
}

/* Same glass stack as `.about-reasons` `.service-card` on this canvas */
.about-why-grow > .about-alt-flat + #contact.cta .contact-form {
  border-radius: 10px;
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.28);
}

:root[data-theme="light"] .about-why-grow > .about-alt-flat + #contact.cta .contact-form {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

/* About contact: form column + map and local copy */
:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__form .contact-form-wrap {
  margin-top: 0;
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split > .container.about-contact-split {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: clamp(28px, 4.5vw, 56px);
  align-items: start;
  width: 100%;
  max-width: min(100%, 1180px);
  margin-inline: auto;
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__form .contact-form-head {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__form .contact-form-head__title {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .contact-form-head__sub {
  font-size: 18px;
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__form .contact-form {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__aside {
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 2vw, 18px);
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__title {
  margin: 0;
  font-size: 48px;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.94);
}

:root[data-theme="light"] :is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__title {
  color: rgba(10, 12, 18, 0.92);
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__lead {
  margin: 0;
  font-size: 18px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] :is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__lead {
  color: rgba(10, 12, 18, 0.68);
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__lead a {
  color: rgba(122, 186, 255, 0.96);
  text-decoration: underline;
  text-decoration-color: rgba(122, 186, 255, 0.35);
  text-underline-offset: 0.18em;
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__lead a:hover {
  color: #ffffff;
  text-decoration-color: rgba(255, 255, 255, 0.45);
}

:root[data-theme="light"] :is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__lead a {
  color: #0b63f6;
  text-decoration-color: rgba(11, 99, 246, 0.35);
}

:root[data-theme="light"] :is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__lead a:hover {
  color: #0946c4;
  text-decoration-color: rgba(9, 70, 196, 0.45);
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__map {
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 12px 44px rgba(0, 0, 0, 0.28);
  aspect-ratio: 4 / 3;
  min-height: 220px;
  background: rgba(8, 10, 16, 0.55);
}

:root[data-theme="light"] :is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__map {
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 8px 26px rgba(10, 12, 18, 0.08);
  background: rgba(248, 250, 252, 0.9);
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__map-frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 240px;
  border: 0;
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__map-foot {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.58);
}

:root[data-theme="light"] :is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__map-foot {
  color: rgba(10, 12, 18, 0.55);
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__map-link {
  color: rgba(255, 200, 120, 0.95);
  font-weight: 650;
  text-decoration: underline;
  text-decoration-color: rgba(255, 176, 72, 0.35);
  text-underline-offset: 0.18em;
}

:is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__map-link:hover {
  color: #ffffff;
  text-decoration-color: rgba(255, 255, 255, 0.45);
}

:root[data-theme="light"] :is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__map-link {
  color: #c2410c;
  text-decoration-color: rgba(194, 65, 12, 0.35);
}

:root[data-theme="light"] :is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__map-link:hover {
  color: #9a3412;
  text-decoration-color: rgba(154, 52, 18, 0.45);
}

@media (max-width: 960px) {
  :is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split > .container.about-contact-split {
    grid-template-columns: 1fr;
  }

  :is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__form .contact-form-head {
    text-align: center;
  }

  :is(.about-why-grow > .about-alt-flat + #contact, .page-ecommerce .contact-page-band > #contact).cta.cta--about-split .about-contact-split__form .contact-form-head__title {
    margin-inline: auto;
  }
}

.contact-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.field {
  min-width: 0;
}

.field--full {
  grid-column: 1 / -1;
}

.field__label {
  display: inline-block;
  margin: 0 0 8px;
  color: rgba(255, 255, 255, 0.82);
  font-weight: 850;
  font-size: 12px;
  letter-spacing: 0.02em;
}

:root[data-theme="light"] .field__label {
  color: rgba(10, 12, 18, 0.72);
}

.field__hint {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 12.5px;
  line-height: 1.55;
}

:root[data-theme="light"] .field__hint {
  color: rgba(10, 12, 18, 0.52);
}

.field__input {
  width: 100%;
  appearance: none;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(7, 10, 18, 0.35);
  color: rgba(255, 255, 255, 0.90);
  padding: 12px 12px;
  font: inherit;
  font-weight: 600;
  letter-spacing: -0.01em;
  outline: none;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

:root[data-theme="light"] .field__input {
  border-color: rgba(10, 12, 18, 0.10);
  background: rgba(246, 247, 251, 1);
  color: rgba(10, 12, 18, 0.90);
}

.field__input::placeholder {
  color: rgba(255, 255, 255, 0.42);
  font-weight: 600;
}

:root[data-theme="light"] .field__input::placeholder {
  color: rgba(10, 12, 18, 0.40);
}

.field__input:focus {
  border-color: rgba(160, 199, 255, 0.40);
  background: rgba(7, 10, 18, 0.45);
  box-shadow: 0 0 0 4px rgba(11, 99, 246, 0.16);
}

:root[data-theme="light"] .field__input:focus {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 0 0 4px rgba(11, 99, 246, 0.12);
}

.field__textarea {
  resize: vertical;
  min-height: 120px;
}

.checks {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin-top: 2px;
}

.check {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(7, 10, 18, 0.28);
  color: rgba(255, 255, 255, 0.78);
  font-weight: 800;
  font-size: 12px;
  user-select: none;
}

:root[data-theme="light"] .check {
  border-color: rgba(10, 12, 18, 0.10);
  background: rgba(246, 247, 251, 1);
  color: rgba(10, 12, 18, 0.72);
}

.check__input {
  width: 16px;
  height: 16px;
  accent-color: #0b63f6;
}

.contact-form__actions {
  display: grid;
  justify-items: center;
  gap: 8px;
  margin-top: 8px;
}

.contact-form__fineprint {
  margin: 0;
  color: rgba(255, 255, 255, 0.55);
  font-weight: 700;
  font-size: 12px;
}

:root[data-theme="light"] .contact-form__fineprint {
  color: rgba(10, 12, 18, 0.52);
}

.contact-form__trap {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.form-status {
  width: min(100% - 40px, var(--container));
  max-width: 980px;
  margin: 14px auto 0;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(7, 10, 18, 0.35);
  color: rgba(255, 255, 255, 0.84);
  font-weight: 700;
  line-height: 1.45;
}

:root[data-theme="light"] .form-status {
  border-color: rgba(10, 12, 18, 0.10);
  background: rgba(246, 247, 251, 1);
  color: rgba(10, 12, 18, 0.78);
}

.form-status.is-success {
  border-color: rgba(11, 99, 246, 0.28);
  background: rgba(11, 99, 246, 0.12);
  color: rgba(255, 255, 255, 0.92);
}

.form-status.is-error {
  border-color: rgba(255, 79, 216, 0.26);
  background: rgba(255, 79, 216, 0.10);
  color: rgba(255, 255, 255, 0.92);
}

/* Form success / error popup (all forms) */
.form-feedback-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 24px 16px;
}

.form-feedback-modal[hidden] {
  display: none !important;
}

body.form-feedback-modal-open {
  overflow: hidden;
}

.form-feedback-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 7, 14, 0.72);
  backdrop-filter: blur(4px);
}

.form-feedback-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 440px);
  padding: 28px 24px 22px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: linear-gradient(165deg, rgba(18, 24, 38, 0.98), rgba(10, 14, 24, 0.98));
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
  color: rgba(255, 255, 255, 0.92);
}

.form-feedback-modal__dialog.is-success {
  border-color: rgba(11, 99, 246, 0.45);
}

.form-feedback-modal__dialog.is-error {
  border-color: rgba(255, 79, 216, 0.4);
}

.form-feedback-modal__close {
  position: absolute;
  top: 10px;
  right: 12px;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
}

.form-feedback-modal__kicker {
  margin: 0 0 6px;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
}

.form-feedback-modal__dialog.is-success .form-feedback-modal__kicker {
  color: rgba(120, 170, 255, 0.95);
}

.form-feedback-modal__dialog.is-error .form-feedback-modal__kicker {
  color: rgba(255, 140, 210, 0.95);
}

.form-feedback-modal__title {
  margin: 0 0 10px;
  font-size: 1.35rem;
  line-height: 1.2;
}

.form-feedback-modal__message {
  margin: 0 0 10px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.86);
}

.form-feedback-modal__reason {
  margin: 0 0 16px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 79, 216, 0.12);
  border: 1px solid rgba(255, 79, 216, 0.22);
  font-size: 0.92rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.82);
}

.form-feedback-modal__ok {
  width: 100%;
}

:root[data-theme="light"] .form-feedback-modal__backdrop {
  background: rgba(10, 12, 18, 0.45);
}

:root[data-theme="light"] .form-feedback-modal__dialog {
  border-color: rgba(10, 12, 18, 0.12);
  background: #fff;
  color: rgba(10, 12, 18, 0.9);
  box-shadow: 0 20px 50px rgba(10, 12, 18, 0.18);
}

:root[data-theme="light"] .form-feedback-modal__message {
  color: rgba(10, 12, 18, 0.78);
}

:root[data-theme="light"] .form-feedback-modal__reason {
  background: rgba(255, 79, 216, 0.08);
  border-color: rgba(255, 79, 216, 0.2);
  color: rgba(10, 12, 18, 0.75);
}

/* Local / service area section */
.section--local {
  position: relative;
  padding: 62px 0 78px;
  background: radial-gradient(900px 380px at 20% 0%, rgba(11, 99, 246, 0.10), transparent 60%),
    radial-gradient(820px 360px at 85% 20%, rgba(255, 90, 0, 0.08), transparent 62%),
    var(--bg);
  border-top: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

:root[data-theme="light"] .section--local {
  background: var(--light-canvas);
  border-bottom-color: rgba(10, 12, 18, 0.06);
}

.section--local::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 88px;
  background: linear-gradient(180deg, rgba(7, 10, 18, 1) 0%, rgba(7, 10, 18, 0) 100%);
  pointer-events: none;
}

:root[data-theme="light"] .section--local::before {
  display: none;
}

.local {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 22px 26px;
  align-items: start;
}

/* Match `.wp-cta__kicker` — plain kicker, no pill */
.local__kicker {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:root[data-theme="light"] .local__kicker {
  color: rgba(10, 12, 18, 0.62);
  background: none;
  border: 0;
}

.local__title {
  margin: 0 0 12px;
  max-width: 26ch;
  font-size: 48px;
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.1;
}

.local__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 18px 60px rgba(255, 90, 0, 0.18);
}

:root[data-theme="light"] .local__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 8px 28px rgba(255, 90, 0, 0.14);
}

.local__text {
  margin: 0 0 16px;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.75;
  font-size: 18px;
  max-width: 78ch;
}

:root[data-theme="light"] .local__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .local__text {
  color: rgba(10, 12, 18, 0.68);
}

.local__bullets {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.local__bullets li {
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(7, 10, 18, 0.28);
  color: rgba(255, 255, 255, 0.78);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: -0.01em;
}

:root[data-theme="light"] .local__bullets li {
  border-color: rgba(10, 12, 18, 0.10);
  background: rgba(246, 247, 251, 1);
  color: rgba(10, 12, 18, 0.72);
}

.local__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.local__map {
  min-width: 0;
}

.local__map-frame {
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(7, 10, 18, 0.28);
  box-shadow: 0 26px 90px rgba(0, 0, 0, 0.55);
}

:root[data-theme="light"] .local__map-frame {
  border-color: rgba(10, 12, 18, 0.10);
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

.local__map-frame iframe {
  width: 100%;
  height: 360px;
  border: 0;
  display: block;
}

.local__map-note {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, 0.58);
  font-weight: 700;
  font-size: 12.5px;
}

:root[data-theme="light"] .local__map-note {
  color: rgba(10, 12, 18, 0.52);
}

.local__link {
  color: rgba(160, 199, 255, 0.95);
  border-bottom: 1px solid rgba(160, 199, 255, 0.28);
}

:root[data-theme="light"] .local__link {
  color: var(--blue);
  border-bottom-color: rgba(11, 99, 246, 0.28);
}

.local__link:hover {
  color: #ffffff;
  border-bottom-color: rgba(160, 199, 255, 0.5);
}

:root[data-theme="light"] .local__link:hover {
  color: #0946c4;
  border-bottom-color: rgba(11, 99, 246, 0.5);
}

@media (max-width: 760px) {
  .contact-form__grid {
    grid-template-columns: 1fr;
  }

  .contact-form {
    padding: 18px 14px;
  }

  .checks {
    gap: 10px;
  }

  .contact-form-head {
    text-align: left;
    margin-bottom: 14px;
  }

  .contact-form-head__kicker {
    margin-left: 0;
  }

  #contact.cta .contact-form-head__title {
    white-space: normal;
    text-wrap: balance;
    font-size: clamp(1.65rem, 4.8vw, 2.35rem);
  }

  .local {
    grid-template-columns: 1fr;
  }

  .local__map-frame iframe {
    height: 320px;
  }
}

/* Footer notes */
/* Footer (reference-style) */
.site-footer {
  position: relative;
  padding: 62px 0 0;
  background: var(--surface-footer);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

:root[data-theme="light"] .site-footer {
  background: var(--surface-footer);
  border-top-color: rgba(10, 12, 18, 0.06);
}

.site-footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
  pointer-events: none;
}

:root[data-theme="light"] .site-footer::before {
  display: block;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.42) 30%,
    rgba(255, 149, 48, 0.78) 50%,
    rgba(255, 31, 31, 0.42) 70%,
    transparent 100%
  );
}

.site-footer__top {
  padding-bottom: 26px;
}

.site-footer__label {
  margin: 0 auto 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  color: rgba(255, 255, 255, 0.42);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

:root[data-theme="light"] .site-footer__label {
  color: rgba(10, 12, 18, 0.52);
}

.site-footer__label-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 122, 0, 0.95);
  box-shadow: 0 0 0 4px rgba(255, 122, 0, 0.2);
  flex: 0 0 auto;
}

.site-footer__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px 28px;
  align-items: start;
}

.site-footer__col-title {
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.38);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

:root[data-theme="light"] .site-footer__col-title {
  color: rgba(10, 12, 18, 0.52);
}

.site-footer__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.site-footer__link {
  color: rgba(255, 255, 255, 0.72);
  font-weight: 750;
  font-size: 13px;
  letter-spacing: -0.01em;
  transition: color 160ms ease;
}

:root[data-theme="light"] .site-footer__link {
  color: rgba(10, 12, 18, 0.72);
}

.site-footer__link:hover {
  color: rgba(255, 255, 255, 0.92);
}

:root[data-theme="light"] .site-footer__link:hover {
  color: rgba(10, 12, 18, 0.92);
}

.site-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  /* Same field as `.site-footer` — avoid a separate strip behind the legal line */
  background: transparent;
}

:root[data-theme="light"] .site-footer__bottom {
  border-top-color: rgba(10, 12, 18, 0.08);
  background: transparent;
}

.site-footer__bottom-inner {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 16px 0 18px;
  color: rgba(255, 255, 255, 0.58);
  font-weight: 750;
  font-size: 12.5px;
}

:root[data-theme="light"] .site-footer__bottom-inner {
  color: rgba(10, 12, 18, 0.58);
}

.site-footer__trust {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

.site-footer__stars {
  color: rgba(255, 122, 0, 0.95);
  letter-spacing: 0.06em;
  font-size: 13px;
}

.site-footer__legal {
  opacity: 0.9;
}


/* Responsive */
@media (max-width: 980px) {
  .nav__menu {
    gap: 10px;
  }

  .work-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 18px;
  }

  .services__head {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 40px;
  }

  .page-home #services .services__intro-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .services__lead {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 0 0 0;
  }

  .services__head-col .services__title {
    max-width: 40ch;
  }

  #core .services-category__head {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 22px;
  }

  #core .services-category__lead {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 18px 0 0 0;
  }

  :root[data-theme="light"] #core .services-category__lead {
    border-top-color: rgba(10, 12, 18, 0.1);
  }

  .services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .split {
    grid-template-columns: 1fr;
  }

  .panel {
    min-height: 320px;
  }

  .cta__inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .site-footer__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .brand {
    min-width: unset;
  }

  .nav__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
  }

  .nav__links {
    position: fixed;
    left: 12px;
    right: 12px;
    top: 72px;
    max-height: calc(100svh - 84px);
    overflow: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(7, 10, 18, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.62);
    backdrop-filter: blur(18px);
    transform: translateY(-8px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease, transform 160ms ease;
  }

  .nav__links.is-open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  .nav__menu {
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
  }

  .nav__link {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 12px 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
  }

  .nav__dropdown {
    position: static;
    width: 100%;
    margin-top: 6px;
    padding: 10px;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    display: none;
  }

  .nav__item--has-menu.is-open .nav__dropdown {
    display: block;
  }

  .nav__dropdown-grid {
    grid-template-columns: 1fr;
  }

  .nav__dropdown-cta {
    justify-content: flex-start;
  }

  .nav__right {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .nav__phone {
    justify-content: center;
  }

  /* Light theme: mobile drawer uses dark-glass defaults unless overridden */
  :root[data-theme="light"] .nav__links {
    background: rgba(255, 255, 255, 0.97);
    border-color: rgba(10, 12, 18, 0.12);
    box-shadow: 0 24px 64px rgba(10, 12, 18, 0.16);
  }

  :root[data-theme="light"] .nav__link {
    color: rgba(10, 12, 18, 0.84);
    background: rgba(10, 12, 18, 0.04);
    border-color: rgba(10, 12, 18, 0.08);
  }

  :root[data-theme="light"] .nav__link:hover {
    background: rgba(10, 12, 18, 0.07);
    color: rgba(10, 12, 18, 0.94);
  }

  :root[data-theme="light"] .nav__dropdown {
    background: rgba(246, 247, 251, 0.98);
    border: 1px solid rgba(10, 12, 18, 0.10);
    box-shadow: none;
  }

  :root[data-theme="light"] .nav__dropdown-title {
    color: rgba(10, 12, 18, 0.50);
  }

  :root[data-theme="light"] .nav__dropdown-link {
    color: rgba(10, 12, 18, 0.78);
  }

  :root[data-theme="light"] .nav__dropdown-link:hover {
    background: rgba(10, 12, 18, 0.06);
    border-color: rgba(10, 12, 18, 0.10);
    color: rgba(10, 12, 18, 0.92);
  }

  :root[data-theme="light"] .nav__dropdown-col + .nav__dropdown-col {
    border-left-color: rgba(10, 12, 18, 0.08);
  }

  :root[data-theme="light"] .nav__dropdown-cta {
    border-top-color: rgba(10, 12, 18, 0.08);
  }

  :root[data-theme="light"] .nav__dropdown-all {
    background: rgba(10, 12, 18, 0.05);
    border-color: rgba(10, 12, 18, 0.12);
    color: rgba(10, 12, 18, 0.88);
  }

  :root[data-theme="light"] .nav__dropdown-all:hover {
    background: rgba(10, 12, 18, 0.08);
    border-color: rgba(10, 12, 18, 0.16);
  }

  .hero {
    padding-top: 96px;
  }

  .hero__ticker-outer {
    min-height: 72px;
    padding-top: 10px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0));
  }

  .hero__subtitle {
    font-size: 15px;
  }

  .hero__chips {
    justify-content: flex-start;
  }

  .trust {
    padding: 14px;
  }

  .trust__row {
    justify-content: center;
  }

  .services__grid,
  .work-grid {
    grid-template-columns: 1fr;
  }

  .work-band__cta {
    flex-direction: column;
    align-items: flex-start;
  }

  .steps {
    grid-template-columns: 1fr;
  }

  .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .deliverables {
    grid-template-columns: 1fr;
  }

  .faq__grid {
    grid-template-columns: 1fr;
  }

  .engagements {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* About page hero — match `.hero--page.hero--services` band height (78svh + bottom reserve) */
.hero.hero--page.about-hero {
  min-height: 78svh;
  justify-content: center;
  padding-bottom: 96px;
}

.about-who-band {
  background: var(--bg);
  background-image: none !important;
}

/* Copy-only “Who we are” — same measure + center stack as `.about-growth__inner` */
.about-who-band .about-who {
  max-width: 980px;
  margin-inline: auto;
}

.about-who-band .about-who__copy {
  position: relative;
  z-index: 1;
  text-align: center;
}

/* Keep team section on same surface as Who We Are */
.section--team {
  background: var(--bg);
  background-image: none !important;
}

:root[data-theme="light"] .section--team {
  background: var(--light-canvas);
  background-image: none !important;
}

/* About: when Team is inside the shared canvas, let the canvas show through */
.about-why-grow > .section--team {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Meet the team → “Why it works” stack: hide 1px anti-alias gap */
.section.section--team + .about-why-grow {
  margin-top: -2px;
}

/* About: avoid a seam between Team and “Why it works” inside the shared canvas */
.about-why-grow > .section--team + .about-alt-flat {
  margin-top: -2px;
}

/* About: remove alt-section overlay, keep solid surface */
.about-alt-flat {
  background: var(--bg);
  background-image: none !important;
  border-top: 0;
  border-bottom: 0;
}

:root[data-theme="light"] .about-alt-flat {
  background: var(--light-canvas);
  background-image: none !important;
}

/* One shared canvas: Who we are → growth → team → “Why it works” (no band seams) */
.about-why-grow {
  position: relative;
  isolation: isolate;
}

.about-why-grow::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* One field with `.site-footer`: deep charcoal + soft top lift (not ink-black strips) */
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.about-why-grow::after {
  display: none;
}

.about-why-grow > .section--team {
  position: relative;
  z-index: 1;
}

.about-why-grow > .about-who-band {
  position: relative;
  z-index: 1;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Who we are → growth headline: same wash, no hairline gap */
.about-why-grow > .about-who-band + .about-growth {
  margin-top: -2px;
  padding-top: clamp(44px, 6vw, 72px);
}

/* About canvas only: growth sits on parent `--surface-footer` (no second paint / sun hairline) */
.about-why-grow > .section.about-growth {
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.about-why-grow > .section.about-growth::before {
  content: none;
  display: none;
}

:root[data-theme="light"] .about-why-grow > .section.about-growth {
  border-top: 0;
  border-bottom: 0;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

:root[data-theme="light"] .about-why-grow > .section.about-growth::before {
  content: none;
  display: none;
}

/* Growth → Meet the team */
.about-why-grow > .about-growth + .section--team {
  margin-top: -2px;
}

.about-why-grow > .about-alt-flat {
  position: relative;
  z-index: 1;
  isolation: isolate;
  background: transparent !important;
  background-image: none !important;
}

/* “Why it works”: no extra overlay — parent `.about-why-grow::before` carries the canvas */
.about-why-grow > .about-alt-flat::before {
  display: none;
}

.about-why-grow > .about-alt-flat .container {
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .about-why-grow > .about-alt-flat {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0;
  border-bottom: 0;
}

:root[data-theme="light"] .about-why-grow > .about-alt-flat::before {
  display: none;
}

:root[data-theme="light"] .about-why-grow::before {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

:root[data-theme="light"] .about-why-grow::after {
  display: none;
}

/* Light: team + “Why it works” sit on white — fix eyebrow/contrast (base .eyebrow is light-on-dark) */
:root[data-theme="light"] .about-why-grow > .section--team .eyebrow,
:root[data-theme="light"] .about-why-grow > .about-alt-flat .eyebrow,
:root[data-theme="light"] .about-why-grow > #about-process .section__head--process .eyebrow {
  color: rgba(10, 12, 18, 0.55);
}

:root[data-theme="light"] .about-why-grow > .section--team .h2,
:root[data-theme="light"] .about-why-grow > .about-alt-flat .h2 {
  color: var(--light-ink);
}

:root[data-theme="light"] .about-why-grow > .section--team .section__sub,
:root[data-theme="light"] .about-why-grow > .about-alt-flat .section__sub {
  color: var(--light-ink-mid);
}

/* “Why it works” cards — match homepage `#services` `.service-card` slate glass + icon chip */
.about-why-grow .about-reasons .service-card {
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
}

.about-why-grow .about-reasons .service-card:hover {
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(58, 134, 255, 0.08) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
  transform: translateY(-1px);
}

.about-why-grow .about-reasons .service-card__icon {
  background: rgba(12, 14, 20, 0.72);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.92);
}

.about-why-grow .about-reasons .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

:root[data-theme="light"] .about-why-grow .about-reasons .service-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .about-why-grow .about-reasons .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .about-why-grow .about-reasons .service-card__icon {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.07);
  color: rgba(10, 12, 18, 0.9);
}

:root[data-theme="light"] .about-why-grow .about-reasons .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

/* About: “growth” band — solid canvas so parent .about-why-grow glow doesn’t pool odd colors at the bottom */
.about-growth {
  position: relative;
  padding: 92px 0 96px;
  overflow: visible;
  color: var(--text);
  background-color: var(--bg) !important;
  background-image: none !important;
  border-top: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* “About growth” band: same paint stack as `.site-footer` (all pages; see work-page override below). */
section.section.about-growth {
  position: relative;
  z-index: 1;
  background: radial-gradient(900px 420px at 50% 0%, rgba(255, 255, 255, 0.04), transparent 62%), var(--bg) !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 0;
  box-shadow: none;
}

section.section.about-growth::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
  pointer-events: none;
}

/* Footer field: no inner headline radial (`.site-footer` has no inner wash). */
section.section.about-growth .about-growth__inner::before {
  content: none;
}

:root[data-theme="light"] section.section.about-growth {
  background: var(--surface-footer) !important;
  border-top-color: rgba(10, 12, 18, 0.06);
}

:root[data-theme="light"] section.section.about-growth::before {
  display: block;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.42) 30%,
    rgba(255, 149, 48, 0.78) 50%,
    rgba(255, 31, 31, 0.42) 70%,
    transparent 100%
  );
}

.about-growth__inner {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
}

/* Warm headline glow behind the growth headline block */
.about-growth .about-growth__inner::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -6px;
  transform: translateX(-50%);
  width: min(520px, 94%);
  height: clamp(128px, 19vw, 188px);
  background: radial-gradient(ellipse 72% 62% at 50% 42%, rgba(255, 149, 48, 0.22), transparent 72%);
  pointer-events: none;
  z-index: 0;
}

.about-growth .about-growth__inner > * {
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .about-growth .about-growth__inner::before {
  background: radial-gradient(ellipse 70% 60% at 50% 44%, rgba(255, 130, 48, 0.14), transparent 74%);
}

.about-growth__kicker {
  display: none;
  margin: 0 0 14px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--warm-2);
  background: rgba(255, 159, 64, 0.12);
  border: 1px solid rgba(255, 159, 64, 0.22);
}

.about-growth__title {
  margin: 0;
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.05;
  font-size: clamp(2.1rem, 1.8rem + 1.6vw, 3.1rem);
}

.about-growth__title-line {
  display: block;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.95);
}

.about-growth__accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 14px 36px rgba(255, 94, 36, 0.34));
}

.about-growth__lead {
  margin: 16px auto 0;
  max-width: 72ch;
  color: var(--muted-2);
  line-height: 1.7;
  font-size: 22px;
}

.about-growth__checks {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  align-items: center;
}

.about-growth__check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 140, 48, 0.36);
  background: rgba(0, 0, 0, 0.12);
  color: rgba(255, 255, 255, 0.9);
  font-weight: 750;
  font-size: 13px;
  line-height: 1.2;
}

.about-growth__check-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  color: #ffc878;
  background: rgba(255, 122, 0, 0.16);
  border: 1px solid rgba(255, 159, 64, 0.28);
  font-size: 12px;
  line-height: 1;
}

.about-growth__stats {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  /* Match `#work.light-band__segment .work-tile` (surface behind `.work-tile__body` on work page) */
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}

.about-growth__stat {
  padding: 16px 14px;
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.about-growth__stat:first-child {
  border-left: 0;
}

.about-growth__stat-ico {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffc878;
  background: rgba(255, 122, 0, 0.16);
  border: 1px solid rgba(255, 159, 64, 0.28);
  margin: 0 0 8px;
}

.about-growth__stat-ico svg {
  color: #ffc878;
}

.about-growth__stat-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 950;
  letter-spacing: -0.02em;
  font-size: 13px;
  color: #ffb347;
}

.about-growth__stat-kicker {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.55);
}

.about-growth__stat-value {
  margin: 0;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.95);
}

/* About `.about-why-grow` stats — match SEO `#seo-growth` row (size + count-up) */
.about-why-grow .about-growth__stats {
  margin-top: 28px;
  border-radius: 20px;
}

.about-why-grow .about-growth__stat {
  padding: clamp(24px, 3vw, 32px) clamp(18px, 2.5vw, 28px);
}

.about-why-grow .about-growth__stat-ico {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  margin: 0 0 12px;
}

.about-why-grow .about-growth__stat-ico svg {
  width: 22px;
  height: 22px;
}

.about-why-grow .about-growth__stat-kicker {
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: 0.14em;
}

.about-why-grow .about-growth__stat-value {
  font-size: 24px;
  line-height: 1.2;
}

@media (max-width: 900px) {
  .about-why-grow .about-growth__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .about-why-grow .about-growth__stat {
    border-top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
  }

  .about-why-grow .about-growth__stat:first-child {
    border-left: 0;
  }

  .about-why-grow .about-growth__stat:nth-child(2n) {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
  }

  .about-why-grow .about-growth__stat:nth-child(n + 3) {
    border-top: 0;
  }

  :root[data-theme="light"] .about-why-grow .about-growth__stat:nth-child(2n) {
    border-left-color: rgba(10, 12, 18, 0.1);
  }

  :root[data-theme="light"] .about-why-grow .about-growth__stat:nth-child(n + 3) {
    border-top-color: transparent;
  }
}

@media (max-width: 720px) {
  .about-why-grow .about-growth__stats {
    grid-template-columns: 1fr;
  }

  .about-why-grow .about-growth__stat {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .about-why-grow .about-growth__stat:first-child {
    border-top: 0;
  }

  .about-why-grow .about-growth__stat:nth-child(2n) {
    border-left: 0;
  }

  .about-why-grow .about-growth__stat:nth-child(n + 2) {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  :root[data-theme="light"] .about-why-grow .about-growth__stat {
    border-top-color: rgba(10, 12, 18, 0.1);
  }
}

:root[data-theme="light"] .about-growth {
  color: var(--light-ink);
  background-color: var(--light-canvas) !important;
  background-image: none !important;
  border-bottom-color: rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .about-growth__title-line {
  color: rgba(10, 12, 18, 0.95);
}

:root[data-theme="light"] .about-growth__lead {
  color: var(--light-ink-mid);
}

:root[data-theme="light"] .about-growth__title {
  color: var(--text);
}

:root[data-theme="light"] .about-growth__accent {
  background: none;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

:root[data-theme="light"] .about-growth__kicker {
  color: #b45309;
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(245, 158, 11, 0.32);
}

:root[data-theme="light"] .about-growth__check {
  background: #ffffff;
  color: var(--light-ink);
  border-color: rgba(255, 122, 0, 0.28);
  box-shadow: 0 1px 0 rgba(10, 12, 18, 0.04);
}

:root[data-theme="light"] .about-growth__check-icon {
  color: #e07000;
  background: rgba(255, 122, 0, 0.12);
  border-color: rgba(255, 149, 48, 0.28);
}

:root[data-theme="light"] .about-growth__stats {
  border: 1px solid rgba(255, 159, 64, 0.38);
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

:root[data-theme="light"] .about-growth__stat {
  border-left-color: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .about-growth__stat-kicker {
  color: var(--light-ink-soft);
}

:root[data-theme="light"] .about-growth__stat-value {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .about-growth__stat-ico {
  color: #e07000;
  background: rgba(255, 122, 0, 0.1);
  border-color: rgba(255, 149, 48, 0.26);
}

:root[data-theme="light"] .about-growth__stat-ico svg {
  color: #e07000;
}

/* Work page: remove the headline glow so it reads as one cohesive light band */
.page-work .light-band--page .about-growth .about-growth__inner::before {
  content: none;
}

/* Work / Testimonials: shared canvas — same stack as `.site-footer` (not pure #000) */
.page-work .work-page-mid-black,
.page-testimonials .work-page-mid-black {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: scroll;
}

:root[data-theme="light"] .page-work .work-page-mid-black,
:root[data-theme="light"] .page-testimonials .work-page-mid-black {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.page-work .work-page-mid-black > section.section--light.light-band.light-band--page {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
}

.page-work .work-page-mid-black > section.section--light.light-band.light-band--page::before {
  display: none;
}

:root[data-theme="light"] .page-work .work-page-mid-black > section.section--light.light-band.light-band--page::before {
  display: none;
}

.page-work .work-page-mid-black #work.light-band__segment {
  background: transparent !important;
  border-top: 0;
}

:root[data-theme="light"] .page-work .work-page-mid-black #work.light-band__segment {
  background-color: transparent !important;
  background-image: none !important;
  border-top: 1px solid rgba(10, 12, 18, 0.06);
}

.page-work .work-page-mid-black #work.light-band__segment::before {
  display: none;
}

:root[data-theme="light"] .page-work .work-page-mid-black #work.light-band__segment::before {
  display: none;
}

.page-work .work-page-mid-black #process.section--alt {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
}

.page-work .work-page-mid-black #process .section-divider--process,
.page-seo .contact-page-band > #seo-process .section-divider--process {
  display: none;
}

/* Work page `#process`: horizontal chain matches website-design (see shared `.process-hchain` rules) */

/* Work page: make About/Growth share the same surface as #process */
.page-work .work-page-mid-black .about-growth {
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  background: transparent !important;
  margin-top: 0;
}

.page-work .work-page-mid-black .about-growth .about-growth__title {
  font-size: 48px;
  white-space: nowrap;
  text-wrap: nowrap;
}

@media (max-width: 1100px) {
  .page-work .work-page-mid-black .about-growth .about-growth__title {
    font-size: clamp(1.65rem, 4vw, 2.75rem);
    white-space: normal;
    text-wrap: wrap;
  }
}

.page-work .work-page-mid-black .about-growth .about-growth__lead {
  font-size: 18px;
}

/* Work page: final connect CTA — same in-flow glass card as `.page-contact .contact-page-band > .connect-cta-band` */
.page-work .work-page-mid-black > .connect-cta-band,
.page-testimonials .work-page-mid-black > .connect-cta-band {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

.page-work .work-page-mid-black > .connect-cta-band::before,
.page-testimonials .work-page-mid-black > .connect-cta-band::before,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band::before {
  display: none !important;
}

:root:not([data-theme="light"]) .page-work .work-page-mid-black > .connect-cta-band .connect-cta__inner,
:root:not([data-theme="light"]) .page-testimonials .work-page-mid-black > .connect-cta-band .connect-cta__inner,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band .connect-cta__inner {
  position: relative;
  margin: -28px auto 0;
  max-width: 980px;
  width: min(100% - 40px, 980px);
  margin-inline: auto;
  padding: 34px 28px 26px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82) !important;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  text-align: center;
  display: grid;
  gap: 18px;
  justify-items: center;
}

.page-work .work-page-mid-black .about-growth::before {
  display: none !important;
}

:root[data-theme="light"] .page-work .work-page-mid-black .about-growth {
  background: transparent !important;
  margin-top: 0;
}

:root[data-theme="light"] .page-work .work-page-mid-black .about-growth::before {
  display: none !important;
}

/* Work page: keep Process → Problems → About on one continuous surface */
.page-work .work-page-mid-black > .section--webdesign-pains--lincoln {
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
}

:root[data-theme="light"] .page-work .work-page-mid-black > .section--webdesign-pains--lincoln {
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
}

.page-work .work-page-mid-black > .section--webdesign-pains--lincoln .webdesign-pains__bg,
.page-work .work-page-mid-black > .section--webdesign-pains--lincoln .section--services__fade {
  display: none !important;
}

/* Work page: problems rotator tabs — sun tones (match homepage / portfolio hero) */
.page-work #work-webdesign-problems-rotator .webdesign-pains__tab {
  position: relative;
}

.page-work #work-webdesign-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(255, 248, 235, 0.98);
  border-bottom-color: rgba(255, 159, 48, 0.92);
}

.page-work #work-webdesign-problems-rotator .webdesign-pains__tab.is-active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -1px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255, 106, 0, 0),
    rgba(255, 176, 0, 0.95),
    rgba(255, 90, 0, 0.95),
    rgba(255, 106, 0, 0)
  );
}

:root[data-theme="light"] .page-work #work-webdesign-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(122, 42, 10, 0.96);
  background: rgba(255, 159, 48, 0.08);
  border-bottom-color: rgba(255, 122, 40, 0.52);
}

.page-work #work-webdesign-problems-rotator {
  margin-top: clamp(1rem, 0.6rem + 1.2vw, 1.5rem);
}

.page-work .section--webdesign-pains--lincoln .section__sub a {
  color: rgba(255, 196, 140, 0.96);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(255, 159, 48, 0.45);
}

.page-work .section--webdesign-pains--lincoln .section__sub a:hover {
  color: #ffffff;
  text-decoration-color: rgba(255, 196, 140, 0.68);
}

:root[data-theme="light"] .page-work .section--webdesign-pains--lincoln .section__sub a {
  color: #c2410c;
  text-decoration-color: rgba(255, 122, 40, 0.42);
}

:root[data-theme="light"] .page-work .section--webdesign-pains--lincoln .section__sub a:hover {
  color: #9a3412;
}

@media (max-width: 900px) {
  .about-growth__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-growth__stat {
    border-top: 0;
    border-left: 0;
  }

  .about-growth__stat:nth-child(2n) {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
  }

  :root[data-theme="light"] .about-growth__stat:nth-child(2n) {
    border-left-color: rgba(10, 12, 18, 0.1);
  }

  .about-growth__stat:nth-child(n + 3) {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  :root[data-theme="light"] .about-growth__stat:nth-child(n + 3) {
    border-top-color: rgba(10, 12, 18, 0.1);
  }
}

@media (max-width: 520px) {
  .about-growth__stats {
    grid-template-columns: 1fr;
  }

  .about-growth__stat:nth-child(2n) {
    border-left: 0;
  }

  .about-growth__stat:nth-child(n + 2) {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  :root[data-theme="light"] .about-growth__stat:nth-child(n + 2) {
    border-top-color: rgba(10, 12, 18, 0.1);
  }
}

/* Thin pink divider (like #work segment top line) */
.about-pink-divider,
.pink-divider {
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 79, 216, 0.45) 30%,
    rgba(183, 108, 255, 0.85) 50%,
    rgba(255, 79, 216, 0.45) 70%,
    transparent 100%
  );
}

/* About page: stripe under hero — sun tones (matches `.about-hero`, not pink/purple default) */
.about-hero + .about-pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 159, 28, 0.55) 30%,
    rgba(255, 122, 40, 0.85) 50%,
    rgba(255, 176, 0, 0.55) 70%,
    transparent 100%
  );
}

/* Homepage + Spanish Omaha landing: sun stripe under hero */
.page-home .hero + .about-pink-divider,
.page-paginas-espanol .hero + .about-pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 159, 28, 0.55) 30%,
    rgba(255, 122, 40, 0.85) 50%,
    rgba(255, 176, 0, 0.55) 70%,
    transparent 100%
  );
}

:root[data-theme="light"] .page-home .hero + .about-pink-divider,
:root[data-theme="light"] .page-paginas-espanol .hero + .about-pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 165, 118, 0.45) 30%,
    rgba(255, 122, 48, 0.72) 50%,
    rgba(255, 198, 140, 0.45) 70%,
    transparent 100%
  );
}

/* Contact band: hairline above map — same sun spectrum as testimonials `#reviews` light-band `::before` */
.contact-page-band > .about-pink-divider {
  position: relative;
  z-index: 2;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
}

:root[data-theme="light"] .contact-page-band > .about-pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
}

.page-graphic-design .pink-divider,
.page-maps-integration .pink-divider,
.page-branding .contact-page-band > .pink-divider {
  position: relative;
  z-index: 2;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 159, 28, 0.55) 30%,
    rgba(255, 122, 40, 0.85) 50%,
    rgba(255, 176, 0, 0.55) 70%,
    transparent 100%
  );
}

/* Work + Testimonials: sun line above light band (matches services `#core.section--services::before`) */
.page-work .work-page-mid-black .pink-divider,
.page-testimonials .testimonials-page-band > .pink-divider,
.page-testimonials .work-page-mid-black .pink-divider {
  width: 100%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
}

:root[data-theme="light"] .page-work .work-page-mid-black .pink-divider,
:root[data-theme="light"] .page-testimonials .testimonials-page-band > .pink-divider,
:root[data-theme="light"] .page-testimonials .work-page-mid-black .pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.42) 30%,
    rgba(255, 149, 48, 0.78) 50%,
    rgba(255, 31, 31, 0.42) 70%,
    transparent 100%
  );
}

/* E-commerce page: sun line above “Our work” intro (same gradient as Work `#work`) */
.page-ecommerce .contact-page-band > .pink-divider {
  width: 100%;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 159, 28, 0.55) 30%,
    rgba(255, 122, 40, 0.85) 50%,
    rgba(255, 176, 0, 0.55) 70%,
    transparent 100%
  );
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > .pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 165, 118, 0.45) 30%,
    rgba(255, 122, 48, 0.72) 50%,
    rgba(255, 198, 140, 0.45) 70%,
    transparent 100%
  );
}

/* Drone Services: divider — sun line (match hero / services warm accents) */
.page-drone-services .pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 159, 28, 0.55) 30%,
    rgba(255, 122, 40, 0.85) 50%,
    rgba(255, 176, 0, 0.55) 70%,
    transparent 100%
  );
}

:root[data-theme="light"] .page-drone-services .pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 165, 118, 0.45) 30%,
    rgba(255, 122, 48, 0.72) 50%,
    rgba(255, 198, 140, 0.45) 70%,
    transparent 100%
  );
}

/* Drone Services: no sun hairline above `#drone-growth-title` growth band */
.page-drone-services section.section.about-growth[aria-labelledby="drone-growth-title"]::before {
  display: none;
}

:root[data-theme="light"] .page-drone-services section.section.about-growth[aria-labelledby="drone-growth-title"]::before {
  display: none;
}

/* Drone growth kicker — plain `.services__eyebrow` (no `.hero__badge` pill) */
.page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .services__eyebrow {
  display: block;
  margin: 0 auto 10px;
  text-align: center;
  background: none;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  padding: 0;
  border-radius: 0;
}

/* Drone growth stats — match About `.about-why-grow .about-growth__stats` glance row */
.page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stats {
  margin-top: 28px;
  max-width: 980px;
  margin-inline: auto;
  border-radius: 20px;
}

.page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat {
  padding: clamp(24px, 3vw, 32px) clamp(18px, 2.5vw, 28px);
}

.page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat-ico {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  margin: 0 0 12px;
}

.page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat-ico svg {
  width: 22px;
  height: 22px;
}

.page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat-kicker {
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: 0.14em;
}

.page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat-value {
  font-size: 24px;
  line-height: 1.2;
}

@media (max-width: 900px) {
  .page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat {
    border-top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
  }

  .page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat:first-child {
    border-left: 0;
  }

  .page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat:nth-child(n + 3) {
    border-top: 0;
  }

  :root[data-theme="light"] .page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat:nth-child(n + 3) {
    border-top-color: rgba(10, 12, 18, 0.08);
  }
}

@media (max-width: 640px) {
  .page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stats {
    grid-template-columns: 1fr;
  }

  .page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat:first-child {
    border-top: 0;
  }

  .page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat:nth-child(2n) {
    border-left: 0;
  }

  .page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat:nth-child(n + 2) {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  :root[data-theme="light"] .page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat {
    border-top-color: rgba(10, 12, 18, 0.08);
  }
}

:root[data-theme="light"] .page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat-kicker {
  color: rgba(10, 12, 18, 0.55);
}

:root[data-theme="light"] .page-drone-services section.about-growth[aria-labelledby="drone-growth-title"] .about-growth__stat-value {
  color: rgba(10, 12, 18, 0.92);
}

/* Drone Services: process band — card chain matches contact `#process` */
.page-drone-services .contact-page-band > .section.section--drone-process {
  margin-top: 0;
  padding: clamp(1.25rem, 2.5vw, 2rem) 0 clamp(2.65rem, 5.25vw, 3.65rem);
  background: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

.page-drone-services #drone-built-for-web.section--alt {
  position: relative;
  overflow: visible;
}

/* Drone process header: no warm radial behind the headline block */
.page-drone-services #drone-built-for-web .about-growth__inner::before {
  display: none;
}

.page-drone-services #drone-built-for-web .about-growth__inner > * {
  position: relative;
  z-index: 1;
}

.page-drone-services #drone-built-for-web .about-growth__inner > header {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}

.page-drone-services #drone-built-for-web .drone-process {
  position: relative;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.page-drone-services #drone-built-for-web .drone-process__backdrop {
  position: absolute;
  inset: -10% -10% auto -10%;
  height: clamp(170px, 26vw, 250px);
  pointer-events: none;
  z-index: 0;
}

.page-drone-services #drone-built-for-web .drone-process__horizon {
  display: none;
}

.page-drone-services #drone-built-for-web .drone-process__scan {
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 72% 58% at 50% 72%,
    rgba(255, 159, 28, 0.07) 0%,
    rgba(255, 122, 40, 0.04) 38%,
    transparent 64%
  );
}

:root[data-theme="light"] .page-drone-services #drone-built-for-web .drone-process__scan {
  background: radial-gradient(
    ellipse 72% 58% at 50% 72%,
    rgba(255, 165, 118, 0.08) 0%,
    rgba(255, 122, 48, 0.04) 40%,
    transparent 64%
  );
}

:root[data-theme="light"] .page-drone-services #drone-built-for-web .drone-process__backdrop {
  opacity: 0.5;
}

.page-drone-services #drone-built-for-web .drone-process__list {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
}

.page-drone-services #drone-built-for-web .drone-process__step {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

@media (min-width: 981px) {
  .page-drone-services #drone-built-for-web .drone-process__rail {
    display: none;
  }
}

@media (min-width: 981px) and (max-width: 1160px) {
  .page-drone-services #drone-built-for-web .drone-process__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 2.5vw, 22px);
  }
}

@media (min-width: 1161px) {
  .page-drone-services #drone-built-for-web .drone-process__step:not(.drone-process__step--terminal)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -26px;
    width: 28px;
    height: 28px;
    transform: translateY(-50%);
    border-radius: 999px;
    background: rgba(7, 10, 18, 0.88);
    border: 1px solid rgba(148, 163, 184, 0.28);
    box-shadow:
      0 10px 26px rgba(0, 0, 0, 0.38),
      0 0 0 1px rgba(255, 255, 255, 0.05);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2394a3b8' stroke-opacity='0.92' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    pointer-events: none;
    z-index: 4;
  }

  :root[data-theme="light"] .page-drone-services #drone-built-for-web .drone-process__step:not(.drone-process__step--terminal)::after {
    background: #ffffff;
    border-color: rgba(10, 12, 18, 0.12);
    box-shadow: 0 6px 18px rgba(10, 12, 18, 0.08);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2364748b' stroke-opacity='0.88' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
  }
}

@media (max-width: 980px) {
  .page-drone-services #drone-built-for-web .drone-process__list {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .page-drone-services #drone-built-for-web .drone-process__step {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    column-gap: 18px;
    align-items: stretch;
    padding-bottom: clamp(1.35rem, 4vw, 2rem);
  }

  .page-drone-services #drone-built-for-web .drone-process__step:last-child {
    padding-bottom: 0;
  }

  .page-drone-services #drone-built-for-web .drone-process__rail {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 26px;
  }

  .page-drone-services #drone-built-for-web .drone-process__panel {
    grid-column: 2;
  }

  .page-drone-services #drone-built-for-web .drone-process__node {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: linear-gradient(145deg, #cbd5e1 0%, #94a3b8 50%, #64748b 100%);
    box-shadow:
      0 0 0 4px rgba(148, 163, 184, 0.16),
      0 12px 28px rgba(0, 0, 0, 0.28);
    flex-shrink: 0;
  }

  .page-drone-services #drone-built-for-web .drone-process__connector {
    flex: 1;
    width: 2px;
    min-height: 32px;
    margin-top: 10px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(148, 163, 184, 0.45), rgba(148, 163, 184, 0.06));
  }

  .page-drone-services #drone-built-for-web .drone-process__step--terminal .drone-process__connector {
    display: none;
  }
}

.page-drone-services #drone-built-for-web .drone-process__panel {
  flex: 1;
  position: relative;
  border-radius: 18px;
  padding: 18px 18px 20px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
}

.page-drone-services #drone-built-for-web .drone-process__panel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
  opacity: 0.92;
  pointer-events: none;
}

:root[data-theme="light"] .page-drone-services #drone-built-for-web .drone-process__panel::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.42) 30%,
    rgba(255, 149, 48, 0.78) 50%,
    rgba(255, 31, 31, 0.42) 70%,
    transparent 100%
  );
  opacity: 0.95;
}

:root[data-theme="light"] .page-drone-services #drone-built-for-web .drone-process__panel {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow:
    0 16px 44px rgba(10, 12, 18, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.page-drone-services #drone-built-for-web .drone-process__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.page-drone-services #drone-built-for-web .drone-process__phase {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
}

:root[data-theme="light"] .page-drone-services #drone-built-for-web .drone-process__phase {
  color: rgba(10, 12, 18, 0.52);
}

.page-drone-services #drone-built-for-web .drone-process__index {
  font-weight: 950;
  letter-spacing: -0.05em;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.42);
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
}

:root[data-theme="light"] .page-drone-services #drone-built-for-web .drone-process__index {
  color: rgba(10, 12, 18, 0.48);
  border-color: rgba(10, 12, 18, 0.1);
  background: rgba(248, 250, 252, 0.95);
}

.page-drone-services #drone-built-for-web .drone-process__ico {
  width: 46px;
  height: 46px;
  margin-bottom: 12px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(12, 14, 20, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  position: relative;
}

.page-drone-services #drone-built-for-web .drone-process__ico::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, #334155 0%, #64748b 44%, #1e293b 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.88;
}

:root[data-theme="light"] .page-drone-services #drone-built-for-web .drone-process__ico {
  color: rgba(10, 12, 18, 0.92);
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(10, 12, 18, 0.08);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.07);
}

:root[data-theme="light"] .page-drone-services #drone-built-for-web .drone-process__ico::before {
  background: linear-gradient(135deg, #94a3b8 0%, #e2e8f0 48%, #64748b 100%);
  opacity: 0.92;
}

.page-drone-services #drone-built-for-web .drone-process__ico svg {
  position: relative;
  z-index: 1;
}

.page-drone-services #drone-built-for-web .drone-process__title {
  margin: 0 0 10px;
  font-size: clamp(1.05rem, 0.98rem + 0.28vw, 1.2rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.18;
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] .page-drone-services #drone-built-for-web .drone-process__title {
  color: rgba(10, 12, 18, 0.94);
}

.page-drone-services #drone-built-for-web .drone-process__body {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.64);
}

:root[data-theme="light"] .page-drone-services #drone-built-for-web .drone-process__body {
  color: rgba(10, 12, 18, 0.7);
}

.page-drone-services #drone-built-for-web .drone-process__footnote {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.02em;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.4);
}

:root[data-theme="light"] .page-drone-services #drone-built-for-web .drone-process__footnote {
  border-top-color: rgba(10, 12, 18, 0.1);
  color: rgba(10, 12, 18, 0.52);
}

@media (max-width: 760px) {
  .page-drone-services #drone-built-for-web .drone-process__list {
    gap: 0;
  }
}

:root[data-theme="light"] .about-who-band {
  background: var(--light-canvas);
  background-image: none !important;
}

:root[data-theme="light"] .about-why-grow > .about-who-band {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Who we are — light theme (dark baseline unchanged) */
:root[data-theme="light"] .about-who-band .eyebrow {
  color: rgba(10, 12, 18, 0.55);
}

:root[data-theme="light"] .about-who-band .h2 {
  color: var(--text);
}

:root[data-theme="light"] .about-who-band .lead {
  color: rgba(10, 12, 18, 0.72);
}

:root[data-theme="light"] .about-who-band .bullets li {
  background: #ffffff;
  border-color: rgba(10, 12, 18, 0.1);
  color: rgba(10, 12, 18, 0.74);
}

:root[data-theme="light"] .about-who-band .bullets strong {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .about-who-band .panel {
  border-color: rgba(255, 188, 140, 0.35);
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .about-who-band .panel__glow {
  opacity: 0.38;
  background:
    radial-gradient(420px 280px at 40% 30%, rgba(255, 206, 168, 0.42), transparent 62%),
    radial-gradient(520px 300px at 72% 58%, rgba(255, 228, 196, 0.22), transparent 70%);
}

:root[data-theme="light"] .about-who-band .panel__grid {
  opacity: 0.06;
  background-image: linear-gradient(to right, rgba(10, 12, 18, 0.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(10, 12, 18, 0.06) 1px, transparent 1px);
}

:root[data-theme="light"] .about-who-band .panel__kicker {
  color: rgba(10, 12, 18, 0.52);
}

:root[data-theme="light"] .about-who-band .panel__big {
  color: rgba(10, 12, 18, 0.9);
}

:root[data-theme="light"] .about-who-band .stat {
  background: rgba(255, 220, 195, 0.32);
  border-color: rgba(255, 200, 170, 0.42);
}

:root[data-theme="light"] .about-who-band .stat__label {
  color: rgba(10, 12, 18, 0.58);
}

:root[data-theme="light"] .about-who-band .stat__value {
  margin: 4px 0 0;
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: 17px;
  color: rgba(10, 12, 18, 0.92);
}

.about-hero__wrap {
  width: 100%;
}

.about-hero__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px 22px;
  align-items: center;
}

.about-hero__copy {
  width: 100%;
  max-width: 920px;
  margin-inline: auto;
  text-align: center;
  display: grid;
  justify-items: center;
}

.about-hero .hero__badge {
  justify-content: center;
}

.about-hero .hero__chip::before {
  background: linear-gradient(180deg, rgba(255, 176, 64, 1), rgba(255, 106, 24, 1));
  box-shadow: 0 0 0 3px rgba(255, 149, 64, 0.18);
}

/* Same sun accent treatment as `.portfolio-hero__accent` — overrides blue `.about-accent` animation here only */
.about-hero .about-accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 14px 36px rgba(255, 106, 0, 0.35));
  animation: none;
}

:root[data-theme="light"] .about-hero .about-accent {
  background: none;
  -webkit-text-fill-color: #e85d00;
  color: #ff8a00;
  filter: none;
}

:root[data-theme="light"] .about-hero .hero__badge {
  color: rgba(180, 72, 12, 0.92);
  border-color: rgba(255, 149, 64, 0.26);
}

.about-hero .btn--primary {
  background: linear-gradient(180deg, #ff8c22 0%, #ff6a00 42%, #e04000 100%);
  box-shadow: 0 18px 50px rgba(255, 106, 0, 0.28), 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 255, 255, 0.12);
}

.about-hero .btn--primary:hover {
  box-shadow: 0 22px 70px rgba(255, 140, 0, 0.34), 0 14px 45px rgba(0, 0, 0, 0.55);
}

:root[data-theme="light"] .about-hero .btn--primary {
  background: linear-gradient(180deg, #ff9124 0%, #ff7300 45%, #e05800 100%);
  box-shadow: 0 14px 40px rgba(255, 130, 0, 0.22), 0 12px 32px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .about-hero .btn--primary:hover {
  box-shadow: 0 18px 52px rgba(255, 130, 0, 0.28), 0 12px 36px rgba(10, 12, 18, 0.1);
}

.about-hero__title {
  margin: 12px 0 0;
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.06;
  font-size: clamp(2.05rem, 1.85rem + 1.7vw, 3.2rem);
  max-width: 24ch;
  margin-inline: auto;
  color: rgba(255, 255, 255, 0.96);
}

.about-hero__sub {
  margin: 14px auto 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.75;
  font-weight: 650;
  max-width: 68ch;
  font-size: 15px;
}

.about-hero__sub strong {
  color: rgba(255, 255, 255, 0.92);
}

.about-hero__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
  justify-content: center;
}

.about-hero .hero__chips {
  margin-top: 12px;
}

:root[data-theme="light"] .about-hero__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .about-hero__sub {
  color: rgba(10, 12, 18, 0.72);
}

:root[data-theme="light"] .about-hero__sub strong {
  color: rgba(10, 12, 18, 0.92);
}

/* About “What you can expect” card — soft peach wash (lighter than deep orange sun accents) */
.panel--about {
  background:
    linear-gradient(165deg, rgba(255, 186, 132, 0.065) 0%, transparent 46%),
    rgba(11, 9, 14, 0.54);
  border-color: rgba(255, 200, 155, 0.18);
}

.panel--about .panel__glow {
  background:
    radial-gradient(420px 280px at 38% 28%, rgba(255, 190, 145, 0.22), transparent 62%),
    radial-gradient(520px 320px at 74% 58%, rgba(255, 215, 175, 0.11), transparent 70%);
}

.panel--about .stat {
  background: rgba(255, 175, 125, 0.045);
  border-color: rgba(255, 205, 165, 0.16);
}

.panel--about .panel__stats {
  grid-template-columns: 1fr;
}

.section--team {
  padding-top: 44px;
}

.team-grid {
  max-width: 1040px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.team-profile {
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0 18px 70px rgba(0, 0, 0, 0.40);
  padding: 18px 18px 18px;
}

.team-profile__top {
  display: flex;
  align-items: center;
  gap: 12px;
}

.team-profile__avatar {
  width: 125px;
  height: 125px;
  flex-shrink: 0;
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 0 0 4px rgba(11, 99, 246, 0.12), 0 14px 44px rgba(0, 0, 0, 0.45);
  background: rgba(255, 255, 255, 0.06);
}

.team-profile__name {
  margin: 0;
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.1;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.92);
}

.team-profile__role {
  margin: 4px 0 0;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.62);
  font-weight: 800;
  letter-spacing: 0.02em;
}

.team-profile__bio {
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.7;
  font-weight: 650;
  font-size: 16px;
}

.team-profile__chips {
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.team-profile__chip {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(11, 99, 246, 0.10);
  color: rgba(255, 255, 255, 0.78);
  font-weight: 850;
  font-size: 10.5px;
  letter-spacing: -0.01em;
}

:root[data-theme="light"] .team-profile {
  border-color: rgba(10, 12, 18, 0.10);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.10);
}

:root[data-theme="light"] .team-profile__avatar {
  border-color: rgba(10, 12, 18, 0.10);
  box-shadow: 0 0 0 4px rgba(11, 99, 246, 0.10);
}

:root[data-theme="light"] .team-profile__name {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .team-profile__role {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .team-profile__bio {
  color: rgba(10, 12, 18, 0.70);
}

:root[data-theme="light"] .team-profile__chip {
  border-color: rgba(10, 12, 18, 0.10);
  background: rgba(11, 99, 246, 0.10);
  color: rgba(10, 12, 18, 0.74);
}

@media (max-width: 980px) {
  .team-grid {
    grid-template-columns: 1fr;
  }

  .team-tile {
    min-height: unset;
  }
}

.about-who__note {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.about-who__note-title {
  margin: 0 0 6px;
  font-weight: 950;
  letter-spacing: -0.03em;
  color: rgba(255, 255, 255, 0.92);
}

.about-who__note-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.70);
  line-height: 1.65;
  font-weight: 650;
  font-size: 14px;
}

:root[data-theme="light"] .about-who__note {
  border-top-color: rgba(10, 12, 18, 0.10);
}

:root[data-theme="light"] .about-who__note-title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .about-who__note-text {
  color: rgba(10, 12, 18, 0.70);
}

.about-clients__pills {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.about-clients__pill {
  display: inline-flex;
  align-items: center;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid var(--light-line);
  background: rgba(255, 255, 255, 0.7);
  color: rgba(16, 18, 24, 0.86);
  font-weight: 850;
  letter-spacing: -0.01em;
  font-size: 12.5px;
}

.about-clients__pill::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  margin-right: 10px;
  background: linear-gradient(180deg, rgba(11, 99, 246, 1), rgba(58, 134, 255, 1));
  box-shadow: 0 0 0 3px rgba(11, 99, 246, 0.12);
}

.about-clients__cta {
  margin-top: 18px;
}

/* About: ensure "See more work" button has contrast on light band */
#clients.light-band__segment .btn--work {
  border-color: rgba(11, 99, 246, 0.22);
  background: rgba(11, 99, 246, 0.08);
  color: rgba(10, 12, 18, 0.90);
  box-shadow: none;
  backdrop-filter: none;
}

#clients.light-band__segment .btn--work:hover {
  background: rgba(11, 99, 246, 0.12);
  border-color: rgba(11, 99, 246, 0.32);
}

.about-beliefs {
  max-width: 980px;
  margin: 0 auto;
  display: grid;
  gap: 12px;
}

.about-belief {
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 18px 16px;
}

.about-belief__title {
  margin: 0 0 8px;
  font-weight: 950;
  letter-spacing: -0.03em;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.92);
}

.about-belief__text {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.7;
  font-weight: 650;
}

:root[data-theme="light"] .about-belief {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(10, 12, 18, 0.10);
}

:root[data-theme="light"] .about-belief__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .about-belief__text {
  color: rgba(10, 12, 18, 0.70);
}

.about-local__figure {
  margin: 0;
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 22px 80px rgba(0, 0, 0, 0.45);
}

:root[data-theme="light"] .about-local__figure {
  border-color: rgba(10, 12, 18, 0.10);
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.10);
}

.about-local__figure img {
  width: 100%;
  height: auto;
  aspect-ratio: 8 / 5;
  object-fit: cover;
}

@media (max-width: 900px) {
  .hero.hero--page.about-hero {
    padding-top: clamp(76px, 11vw, 96px);
    padding-bottom: 96px;
  }

  .page-blog .hero.hero--page.hero--services.blog-hero {
    padding-top: clamp(76px, 11vw, 96px);
    padding-bottom: 96px;
  }

  .about-hero__grid {
    grid-template-columns: 1fr;
  }

  .about-hero__copy {
    text-align: left;
  }
}

/* Contact page */
#inquiry {
  scroll-margin-top: 96px;
}

/* Web design page (orange canvas, no image) */
.webdesign-page-band {
  position: relative;
  background: var(--bg);
  overflow: hidden;
}

/* Website design only: warm sun canvas under hero → services (no left-pooled orb beside `#webdesign-services` head) */
.page-webdesign:not(.page-webdev) .webdesign-page-band {
  overflow-x: visible;
  background:
    radial-gradient(circle 560px at 78% 28%, rgba(255, 122, 40, 0.1), transparent 58%),
    linear-gradient(180deg, rgba(7, 10, 18, 0) 0%, rgba(7, 10, 18, 0) 70%, rgba(7, 10, 18, 0.06) 100%),
    var(--bg);
}

/* Web development: same fluid neutral canvas as homepage `.section--webdesign-pains--lincoln` (no blue orbs) */
.page-webdesign.page-webdev .webdesign-page-band {
  overflow-x: visible;
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.page-webdesign.page-webdev .webdesign-page-band::before {
  display: none;
}

:root[data-theme="light"] .page-webdesign.page-webdev .webdesign-page-band {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

:root[data-theme="light"] .page-webdesign.page-webdev .webdesign-page-band::before {
  display: none;
}

.webdesign-page-band::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse min(760px, 96vw) clamp(240px, 26vh, 340px) at 50% clamp(235px, 30vh, 340px),
      rgba(255, 159, 28, 0.18),
      transparent 72%
    ),
    radial-gradient(
      ellipse min(920px, 120vw) clamp(88px, 10vh, 130px) at 50% clamp(470px, 56vh, 560px),
      rgba(255, 159, 28, 0.075),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(980px, 128vw) clamp(160px, 18vh, 240px) at 50% clamp(820px, 92vh, 1040px),
      rgba(255, 159, 28, 0.06),
      transparent 78%
    );
}

:root[data-theme="light"] .webdesign-page-band {
  background: var(--light-canvas);
}

:root[data-theme="light"] .webdesign-page-band::before {
  background:
    radial-gradient(
      ellipse min(760px, 96vw) clamp(240px, 26vh, 340px) at 50% clamp(235px, 30vh, 340px),
      rgba(255, 159, 28, 0.12),
      transparent 74%
    ),
    radial-gradient(
      ellipse min(900px, 118vw) clamp(84px, 9vh, 120px) at 50% clamp(460px, 55vh, 540px),
      rgba(255, 159, 28, 0.05),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(980px, 128vw) clamp(160px, 18vh, 240px) at 50% clamp(820px, 92vh, 1040px),
      rgba(255, 159, 28, 0.035),
      transparent 80%
    );
}

/* Website design: scroll-depth sun canvas (aligns with `.page-graphic-design .contact-page-band::before`) */
.page-webdesign:not(.page-webdev) .webdesign-page-band::before {
  background:
    radial-gradient(
      ellipse min(760px, 96vw) clamp(240px, 26vh, 340px) at 50% clamp(235px, 30vh, 340px),
      rgba(255, 159, 28, 0.18),
      transparent 72%
    ),
    radial-gradient(
      ellipse min(920px, 120vw) clamp(88px, 10vh, 130px) at 50% clamp(470px, 56vh, 560px),
      rgba(255, 159, 28, 0.075),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(1120px, 132vw) clamp(320px, 34vh, 520px) at 82% 54%,
      rgba(255, 149, 64, 0.08),
      transparent 76%
    ),
    radial-gradient(
      ellipse min(1180px, 138vw) clamp(340px, 36vh, 560px) at 50% 72%,
      rgba(255, 159, 28, 0.07),
      transparent 78%
    ),
    radial-gradient(
      ellipse min(1080px, 128vw) clamp(300px, 32vh, 480px) at 50% 92%,
      rgba(255, 149, 64, 0.08),
      transparent 78%
    ),
    radial-gradient(
      ellipse min(980px, 128vw) clamp(160px, 18vh, 240px) at 50% clamp(820px, 92vh, 1040px),
      rgba(255, 159, 28, 0.06),
      transparent 78%
    );
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-page-band::before {
  background:
    radial-gradient(
      ellipse min(700px, 94vw) clamp(210px, 22vh, 300px) at 50% clamp(235px, 29vh, 330px),
      rgba(255, 149, 64, 0.12),
      transparent 74%
    ),
    radial-gradient(
      ellipse min(840px, 108vw) clamp(66px, 8vh, 100px) at 50% clamp(455px, 55vh, 540px),
      rgba(255, 159, 28, 0.07),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(1100px, 130vw) clamp(300px, 32vh, 500px) at 82% 54%,
      rgba(255, 138, 48, 0.06),
      transparent 78%
    ),
    radial-gradient(
      ellipse min(1160px, 136vw) clamp(320px, 34vh, 540px) at 50% 72%,
      rgba(255, 159, 28, 0.055),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(1060px, 126vw) clamp(280px, 30vh, 460px) at 50% 92%,
      rgba(255, 149, 64, 0.06),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(980px, 128vw) clamp(160px, 18vh, 240px) at 50% clamp(820px, 92vh, 1040px),
      rgba(255, 159, 28, 0.035),
      transparent 80%
    );
}

.webdesign-page-band > .webdesign-hero {
  position: relative;
  z-index: 1;
  background: transparent;
}

.webdesign-page-band > .webdesign-hero:not(.hero--webdesign)::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px);
  opacity: 0.34;
  mask-image: radial-gradient(58% 56% at 50% 42%, black 52%, transparent 100%);
}

:root[data-theme="light"] .webdesign-page-band > .webdesign-hero:not(.hero--webdesign)::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.06) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.05) 0 1px, transparent 1px 72px);
  opacity: 0.085;
  mask-image: none;
}

/* Web design page: hero headline matches homepage `.hero__title` */
.page-webdesign #webdesign-hero-title.contact-wp-hero__title {
  margin: 0;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.05;
  font-size: clamp(2.2rem, 2.2rem + 2.2vw, 4.15rem);
  max-width: 18ch;
}

.page-webdesign:not(.page-webdev) #webdesign-hero-title.contact-wp-hero__title {
  position: relative;
}

/* Web design hero: accent matches homepage `.hero__title .accent` */
.page-webdesign #webdesign-hero-title .accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  background-size: 260% 260%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 60px rgba(255, 122, 0, 0.24);
  animation: homeAccentShift 2.9s ease-in-out infinite;
}

:root[data-theme="light"] .page-webdesign #webdesign-hero-title .accent {
  background: none;
  -webkit-text-fill-color: var(--blue);
  color: var(--blue);
  text-shadow: none;
}

.webdesign-hero__accent {
  background: linear-gradient(135deg, #0b63f6 0%, #3a86ff 48%, #0946c4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  text-shadow: 0 18px 52px rgba(11, 99, 246, 0.22);
}

/* Web design hero: bottom marquee matches homepage ticker bar (full-bleed inside padded hero) */
.webdesign-page-band > .webdesign-hero.contact-wp-hero {
  align-items: stretch;
  padding-bottom: 0;
}

.webdesign-page-band > .webdesign-hero.contact-wp-hero .contact-wp-hero__center {
  flex: 1 1 auto;
  padding-bottom: clamp(2rem, 1.5rem + 2vw, 3rem);
}

.webdesign-page-band > .webdesign-hero.contact-wp-hero .hero__ticker-outer {
  align-self: stretch;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Website design + web development: split drone hero + right image (same shell as Work `#work-main-content`) */
.webdesign-page-band > #webdesign-hero.contact-wp-hero.drone-hero {
  position: relative;
  z-index: 1;
  background: transparent;
}

.webdesign-page-band > #webdesign-hero.contact-wp-hero.drone-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px);
  opacity: 0.34;
  mask-image: radial-gradient(58% 56% at 50% 42%, black 52%, transparent 100%);
}

:root[data-theme="light"] .webdesign-page-band > #webdesign-hero.contact-wp-hero.drone-hero::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.06) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.05) 0 1px, transparent 1px 72px);
  opacity: 0.085;
  mask-image: none;
}

.page-webdesign #webdesign-hero.contact-wp-hero.drone-hero *:not(.accent) {
  animation: none !important;
}

.page-webdesign #webdesign-hero .contact-wp-hero__accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 14px 36px rgba(255, 94, 36, 0.34));
}

:root[data-theme="light"] .page-webdesign #webdesign-hero .contact-wp-hero__accent {
  background: none;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

.webdesign-page-band > #webdesign-hero.drone-hero .contact-wp-hero__center::before {
  display: none !important;
  content: none !important;
}

.webdesign-page-band > #webdesign-hero.contact-wp-hero.drone-hero .contact-wp-hero__center {
  flex: none;
  padding-bottom: 0;
  text-align: left;
  max-width: 80rem;
  /* Slightly wider side gutters so the copy column does not hug the viewport edge */
  width: min(100% - clamp(40px, 6vw, 72px), 1240px);
}

.page-webdesign #webdesign-hero.contact-wp-hero.drone-hero {
  align-items: stretch;
  justify-content: center;
  min-height: unset;
  padding: 0 0 0;
  overflow: hidden;
}

.page-webdesign.page-webdev #webdesign-hero.contact-wp-hero.drone-hero.contact-wp-hero {
  background: linear-gradient(180deg, #05060d 0%, #05060d 55%, #04050c 100%);
  box-shadow: none;
  padding-bottom: 0;
}

.page-webdesign #webdesign-hero.contact-wp-hero.drone-hero .contact-wp-hero__actions {
  justify-content: flex-start;
}

.page-webdesign #webdesign-hero .contact-wp-hero__lead {
  margin: 0;
  max-width: min(52rem, 100%);
  line-height: 1.75;
  font-size: clamp(15.5px, 14px + 0.28vw, 17px);
}

.page-webdesign #webdesign-hero .drone-hero__copy .contact-wp-hero__actions {
  margin-top: 2.25rem;
}

.page-webdesign #webdesign-hero .drone-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(1.25rem, 1rem + 1vw, 1.75rem);
  padding-top: 132px;
  padding-bottom: clamp(1.5rem, 1rem + 1.6vw, 2.25rem);
  /* Default `.drone-hero__copy { max-width: 40rem }` reads narrow (~640px); give the headline + lead room */
  max-width: min(52rem, 100%);
  padding-right: clamp(0.5rem, 2vw, 1.75rem);
}

:root[data-theme="light"] .page-webdesign #webdesign-hero .drone-hero__copy {
  padding-top: 132px;
  padding-bottom: clamp(1.5rem, 1rem + 1.6vw, 2.25rem);
  padding-right: clamp(0.5rem, 2vw, 1.75rem);
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}

@media (min-width: 981px) {
  .page-webdesign:not(.page-webdev) #webdesign-hero .drone-hero__split {
    grid-template-columns: minmax(0, 0.92fr) minmax(28rem, 1.48fr);
    gap: clamp(1.25rem, 2vw, 2rem);
    align-items: stretch;
  }
}

/* Website design hero: no center fade on photo — readable copy sits on hero canvas, image stays full in its column */
.page-webdesign:not(.page-webdev) #webdesign-hero .drone-hero__copy {
  position: relative;
  z-index: 1;
}

.page-webdesign:not(.page-webdev) #webdesign-hero .drone-hero__media--webdesign {
  background-image: url("/images/computer-services-in-omaha.JPG");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 62% center;
  -webkit-mask-image: none;
  mask-image: none;
}

.page-webdesign:not(.page-webdev) #webdesign-hero .drone-hero__media--webdesign::after {
  background: radial-gradient(circle at 72% 28%, rgba(255, 94, 36, 0.12), transparent 28%);
}

@media (min-width: 1100px) {
  .page-webdesign:not(.page-webdev) #webdesign-hero .drone-hero__media--webdesign {
    background-position: 58% center;
  }
}

.page-webdesign.page-webdev #webdesign-hero .drone-hero__media--webdev {
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.34) 24%,
      rgba(0, 0, 0, 0.16) 44%,
      rgba(0, 0, 0, 0.05) 62%,
      transparent 100%
    ),
    url("/images/web-development-near-lincoln.jpg");
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: 0 0, 88% center;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, 0.15) 6%,
    rgba(0, 0, 0, 0.4) 12%,
    rgba(0, 0, 0, 0.7) 18%,
    rgba(0, 0, 0, 1) 28%,
    rgba(0, 0, 0, 1) 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, 0.15) 6%,
    rgba(0, 0, 0, 0.4) 12%,
    rgba(0, 0, 0, 0.7) 18%,
    rgba(0, 0, 0, 1) 28%,
    rgba(0, 0, 0, 1) 100%
  );
}

.page-webdesign.page-webdev #webdesign-hero .drone-hero__media--webdev::after {
  background: radial-gradient(circle at 86% 26%, rgba(58, 134, 255, 0.14), transparent 22%);
}

@media (min-width: 1100px) {
  .page-webdesign.page-webdev #webdesign-hero .drone-hero__media--webdev {
    background-position: 0 0, 85% center;
  }
}

@media (min-width: 981px) {
  .page-webdesign:not(.page-webdev) #webdesign-hero .drone-hero__visual {
    margin-top: -92px;
    align-self: stretch;
    min-height: max(clamp(520px, 60vh, 680px), calc(100% + 92px));
    height: auto;
    justify-self: end;
    /* Pull image column toward viewport edge so more photo is visible */
    width: calc(100% + (50vw - 50%) - 8vw);
    margin-right: calc(50% - 50vw + 8vw);
  }

  .page-webdesign.page-webdev #webdesign-hero .drone-hero__visual {
    margin-top: -92px;
    align-self: stretch;
    min-height: max(clamp(520px, 60vh, 680px), calc(100% + 92px));
    height: auto;
    justify-self: end;
    width: calc(100% + (50vw - 50%) - 15vw);
    margin-right: calc(50% - 50vw + 15vw);
  }
}

.page-webdesign #webdesign-hero .drone-hero__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 16px 18px;
  text-align: center;
  border-radius: 0;
  background: transparent;
  border: 0;
  color: rgba(255, 255, 255, 0.95);
}

.page-webdesign #webdesign-hero .drone-hero__stat + .drone-hero__stat {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.page-webdesign #webdesign-hero .drone-hero__stat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0 auto 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #c73f18;
  background: transparent;
  font-size: 1.6rem;
  animation: none;
  filter: none;
}

.page-webdesign #webdesign-hero .drone-hero__stat-icon svg {
  width: 30px;
  height: 30px;
}

:root[data-theme="light"] .page-webdesign.page-webdev #webdesign-hero.contact-wp-hero.drone-hero {
  position: relative;
  overflow: hidden;
  background: transparent;
}

:root[data-theme="light"] .page-webdesign.page-webdev #webdesign-hero.contact-wp-hero.drone-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/images/web-development-near-lincoln.jpg") 70% center / cover no-repeat;
  z-index: 0;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-hero.contact-wp-hero.drone-hero::after {
  content: none;
  display: none;
}

:root[data-theme="light"] .page-webdesign.page-webdev #webdesign-hero.contact-wp-hero.drone-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(640px 320px at 18% 22%, rgba(11, 99, 246, 0.008), transparent 62%),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.18) 0%,
      rgba(255, 255, 255, 0.1) 34%,
      rgba(255, 255, 255, 0.03) 58%,
      rgba(255, 255, 255, 0) 100%
    );
  z-index: 0;
}

:root[data-theme="light"] .page-webdesign #webdesign-hero.contact-wp-hero.drone-hero > .container {
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .page-webdesign #webdesign-hero.contact-wp-hero.drone-hero.contact-wp-hero {
  background: transparent;
  box-shadow: none;
  min-height: unset;
  padding-bottom: 0;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-hero .drone-hero__media--webdesign {
  display: block;
}

:root[data-theme="light"] .page-webdesign.page-webdev #webdesign-hero .drone-hero__media--webdev {
  display: none;
}

:root[data-theme="light"] .page-webdesign #webdesign-hero .contact-wp-hero__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-webdesign #webdesign-hero .contact-wp-hero__lead {
  color: rgba(10, 12, 18, 0.7);
}

:root[data-theme="light"] .page-webdesign #webdesign-hero .drone-hero__stats::before {
  background: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .page-webdesign #webdesign-hero .drone-hero__stat + .drone-hero__stat {
  border-left-color: rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-webdesign #webdesign-hero .drone-hero__stat {
  color: rgba(10, 12, 18, 0.88);
}

:root[data-theme="light"] .page-webdesign #webdesign-hero .drone-hero__stat p {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .page-webdesign #webdesign-hero .drone-hero__stat-icon {
  color: #ea580c;
}

@media (max-width: 980px) {
  .page-webdesign #webdesign-hero .contact-wp-hero__center {
    text-align: center;
  }

  .page-webdesign #webdesign-hero .drone-hero__copy {
    align-items: center;
    padding-right: 0;
    max-width: 100%;
  }

  .page-webdesign #webdesign-hero.contact-wp-hero.drone-hero .contact-wp-hero__actions {
    justify-content: center;
  }
}

/* Marquee bullets: sun on website design, blue on web development */
.page-webdesign:not(.page-webdev) .hero__ticker-icon--dot {
  background: rgba(255, 149, 64, 0.95);
  box-shadow: 0 0 0 1px rgba(255, 122, 40, 0.38);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .hero__ticker-icon--dot {
  background: rgba(234, 88, 12, 0.92);
  box-shadow: 0 0 0 1px rgba(255, 149, 64, 0.28);
}

.page-webdesign.page-webdev .hero__ticker-icon--dot {
  background: rgba(58, 134, 255, 0.95);
  box-shadow: 0 0 0 1px rgba(11, 99, 246, 0.38);
}

:root[data-theme="light"] .page-webdesign.page-webdev .hero__ticker-icon--dot {
  background: rgba(11, 99, 246, 0.92);
  box-shadow: 0 0 0 1px rgba(9, 70, 196, 0.28);
}

/* Homepage `#services` + web design `#webdesign-services` + web dev `#webdev-includes`: shared grid stack */
:is(.page-home #services, .page-webdesign #webdesign-services, .page-webdesign.page-webdev #webdev-includes) .services__grid {
  position: relative;
  isolation: isolate;
}

/* Web design page: services header reads better as a single column */
.page-webdesign #webdesign-services .services__head {
  grid-template-columns: 1fr;
  gap: 16px;
  justify-items: center;
  text-align: center;
  margin-bottom: 38px;
}

.page-webdesign #webdesign-services .services__head-col .services__title,
.page-webdesign #webdesign-services-title {
  max-width: 34ch;
  text-align: center;
  margin: 0 0 0.85rem;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.2;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.96);
  text-wrap: balance;
  overflow: visible;
}

.page-webdesign #webdesign-services .services__head-col {
  overflow: visible;
}

.page-webdesign:not(.page-webdev) #webdesign-services-title .webdesign-hero__accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 12px 32px rgba(255, 94, 36, 0.28));
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-services-title .webdesign-hero__accent {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: #c2410c;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

/* Web development: services H2 accent matches hero `.contact-wp-hero__accent` (sun gradient) */
.page-webdesign.page-webdev #webdesign-services-title .webdesign-hero__accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 14px 36px rgba(255, 94, 36, 0.34));
  text-shadow: none;
}

:root[data-theme="light"] .page-webdesign.page-webdev #webdesign-services-title .webdesign-hero__accent {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

/* Web design pains headline accent — solid brand red (match `.section--webdesign-pains .section__kicker`) */
.page-webdesign:not(.page-webdev) #webdesign-pains-title .webdesign-hero__accent {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: #ff1f1f;
  color: #ff1f1f;
  display: inline;
  filter: none;
  text-shadow: none;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-pains-title .webdesign-hero__accent {
  -webkit-text-fill-color: #ff1f1f;
  color: #ff1f1f;
}

/* Experience headline: match hero / process warm accent (not default `.webdesign-hero__accent` blue) */
.page-webdesign:not(.page-webdev) #webdesign-experience-title .webdesign-hero__accent {
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 12px 32px rgba(255, 94, 36, 0.28));
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-experience-title .webdesign-hero__accent {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: #c2410c;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

/* Web development: H2 accents match hero `.contact-wp-hero__accent` (sun) — experience title only */
.page-webdesign.page-webdev #webdesign-experience-title .webdesign-hero__accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 14px 36px rgba(255, 94, 36, 0.34));
  text-shadow: none;
}

:root[data-theme="light"] .page-webdesign.page-webdev #webdesign-experience-title .webdesign-hero__accent {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

/* Web design page: keep section H2s consistent with the services headline sizing */
.page-webdesign #webdesign-pains-title,
.page-webdesign #webdesign-services-title {
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.2;
  font-size: 48px;
  text-wrap: balance;
  color: rgba(255, 255, 255, 0.96);
  overflow: visible;
}

.page-webdesign #webdesign-experience-title {
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.1;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.96);
}

.page-webdesign:not(.page-webdev) #webdesign-experience-title {
  text-wrap: nowrap;
  white-space: nowrap;
}

.page-webdesign.page-webdev #webdesign-experience-title {
  text-wrap: balance;
  white-space: normal;
  max-width: min(22ch, 100%);
  margin-inline: auto;
  text-align: center;
  line-height: 1.08;
}

@media (max-width: 720px) {
  .page-webdesign #webdesign-experience-title {
    white-space: normal;
    text-wrap: balance;
    font-size: clamp(1.5rem, 6.5vw, 2rem);
  }
}

:root[data-theme="light"] .page-webdesign #webdesign-pains-title,
:root[data-theme="light"] .page-webdesign #webdesign-experience-title {
  color: rgba(10, 12, 18, 0.92);
}

/* Web design page: work band + contact intake — match 48px / 18px type scale */
.page-webdesign:not(.page-webdev) section.section--light.light-band.light-band--work-only #webdesign-work-intro-title,
.page-webdesign:not(.page-webdev) section.section--light.light-band.light-band--work-only .work-band__h,
.page-webdesign:not(.page-webdev) section.section--light.light-band.light-band--work-only #webdesign-work-title,
.page-webdesign:not(.page-webdev) section.section--light.light-band.light-band--work-only .work-section__hed,
.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only #papillion-work-intro-title,
.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only .work-band__h {
  font-size: 48px;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.15;
}

.page-webdesign:not(.page-webdev) section.section--light.light-band.light-band--work-only .agency-prose p:not(.light-band__eyebrow),
.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only .agency-prose p:not(.light-band__eyebrow) {
  font-size: 18px;
  line-height: 1.7;
}

.page-webdesign:not(.page-webdev) section.section--light.light-band.light-band--work-only .work-section__sub {
  font-size: 18px;
  line-height: 1.7;
}

/* Work band label: match `.section__head .section__kicker` (e.g. Experience) */
.page-webdesign:not(.page-webdev) section.section--light.light-band.light-band--work-only #work.light-band__segment .light-band__eyebrow.work-band__eyebrow,
.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only #work.light-band__segment .light-band__eyebrow.work-band__eyebrow {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
  text-wrap: normal;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.page-webdesign:not(.page-webdev) section.section--light.light-band.light-band--work-only #work.light-band__segment .light-band__eyebrow.work-band__eyebrow .webdesign-hero__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: inherit;
  color: inherit;
  display: inline;
  filter: none;
  text-shadow: none;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) section.section--light.light-band.light-band--work-only #work.light-band__segment .light-band__eyebrow.work-band__eyebrow,
:root[data-theme="light"] .page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only #work.light-band__segment .light-band__eyebrow.work-band__eyebrow {
  color: rgba(10, 12, 18, 0.62);
  background: none;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) section.section--light.light-band.light-band--work-only #work.light-band__segment .light-band__eyebrow.work-band__eyebrow .webdesign-hero__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: inherit;
  color: inherit;
  filter: none;
  text-shadow: none;
}

/* website-design.html: `#contact.contact-section` inside `.webdesign-page-band` */
.page-webdesign:not(.page-webdev) .webdesign-page-band > #contact.contact-section {
  position: relative;
  z-index: 1;
  padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(2rem, 4vw, 3rem);
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #contact.contact-section .contact-section__bg {
  display: none;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #contact.contact-section .contact-section__head {
  margin-bottom: clamp(28px, 4vw, 44px);
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #contact.contact-section .contact-section__head .eyebrow {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-page-band > #contact.contact-section .contact-section__head .eyebrow {
  color: rgba(10, 12, 18, 0.62);
}

.page-webdesign:not(.page-webdev) #webdesign-contact-heading {
  margin: 0 auto 10px;
  max-width: 22ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.96);
  text-wrap: balance;
}

.page-webdesign:not(.page-webdev) #webdesign-contact-heading .about-accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-contact-heading {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-contact-heading .about-accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #contact.contact-section .contact-section__sub {
  font-size: 18px;
  line-height: 1.7;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #contact.contact-section .contact-form-wrap .contact-form {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 22px clamp(16px, 2.5vw, 26px);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-page-band > #contact.contact-section .contact-form-wrap .contact-form {
  background: #ffffff;
  border-color: var(--light-line);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

:root[data-theme="light"] .page-webdesign #webdesign-services .services__head-col .services__title {
  color: rgba(10, 12, 18, 0.92);
}

.page-webdesign #webdesign-services .services__lead {
  border-left: 0;
  padding: 0;
  max-width: 78ch;
}

.page-webdesign:not(.page-webdev) #webdesign-services .services__lead {
  border-left: 0;
  padding: 0;
  text-align: center;
  text-wrap: balance;
  margin-inline: auto;
  color: #fff;
}

.page-webdesign:not(.page-webdev) #webdesign-services .services__lead > p {
  color: #fff;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-services .services__lead,
:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-services .services__lead > p {
  color: rgba(10, 12, 18, 0.7);
}

.page-webdesign.page-webdev :is(#webdesign-services, #webdev-includes) .services__grid::before {
  content: "";
  position: absolute;
  inset: -10px -14px 0 -14px;
  z-index: 0;
  pointer-events: none;
  border-radius: 999px;
  /* Match footer canvas: soft neutral lift (no blue) */
  background: radial-gradient(
    ellipse 62% 52% at 50% 34%,
    rgba(255, 255, 255, 0.055),
    rgba(255, 255, 255, 0.028) 40%,
    transparent 72%
  );
  opacity: 0.88;
}

/* Orange grid wash removed — it pooled in the bottom-left gap of the 4-column card grid */
.page-webdesign:not(.page-webdev) #webdesign-services .services__grid::before {
  content: none;
  display: none;
}

:is(.page-home #services, .page-webdesign #webdesign-services, .page-webdesign.page-webdev #webdev-includes) .services__grid > * {
  position: relative;
  z-index: 1;
}

/* Same card glass as homepage `#services`; icon sun ring stays on `.service-card__icon::before` */
.page-webdesign #webdesign-services .service-card,
.page-webdesign.page-webdev #webdev-includes .service-card {
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
}

.page-webdesign #webdesign-services .service-card:hover,
.page-webdesign.page-webdev #webdev-includes .service-card:hover {
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(58, 134, 255, 0.08) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
}

:root[data-theme="light"] .page-webdesign #webdesign-services .service-card,
:root[data-theme="light"] .page-webdesign.page-webdev #webdev-includes .service-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-webdesign #webdesign-services .service-card:hover,
:root[data-theme="light"] .page-webdesign.page-webdev #webdev-includes .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

/* Web dev “What’s included”: same card grid as `#webdesign-services` (no SVG icon chips) */
.page-webdesign.page-webdev #webdev-includes .webdev-includes-grid {
  margin-top: clamp(18px, 2.5vw, 28px);
}

.page-webdesign.page-webdev #webdev-includes .service-card {
  padding: 24px 22px 22px 22px;
  min-height: 0;
}

.page-webdesign.page-webdev #webdesign-services .service-card__icon {
  background: rgba(12, 14, 20, 0.72);
  color: rgba(255, 255, 255, 0.92);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.page-webdesign:not(.page-webdev) #webdesign-services .service-card__icon {
  background: rgba(12, 14, 20, 0.72);
  color: rgba(255, 255, 255, 0.92);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.page-webdesign #webdesign-services .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
}

/* Service card tags: sun accent (#ffb000) matches `#contact` `.light-band__title-accent` */
:is(.page-home #services, .page-webdesign #webdesign-services, .page-webdesign.page-webdev #webdev-includes) .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: none;
}

:root[data-theme="light"] :is(.page-home #services, .page-webdesign #webdesign-services, .page-webdesign.page-webdev #webdev-includes) .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: none;
}

:root[data-theme="light"] .page-webdesign.page-webdev #webdesign-services .service-card__icon {
  background: rgba(255, 255, 255, 0.94);
  color: rgba(10, 12, 18, 0.9);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.07);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-services .service-card__icon {
  background: rgba(255, 255, 255, 0.94);
  color: rgba(10, 12, 18, 0.9);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.07);
}

:root[data-theme="light"] .page-webdesign #webdesign-services .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
}

:root[data-theme="light"] .page-webdesign.page-webdev :is(#webdesign-services, #webdev-includes) .services__grid::before {
  background: radial-gradient(
    ellipse 62% 52% at 50% 34%,
    rgba(10, 12, 18, 0.045),
    rgba(10, 12, 18, 0.02) 42%,
    transparent 74%
  );
  opacity: 1;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-services .services__grid::before {
  content: none;
  display: none;
}

/* Web design page: band-painted sections — transparent so `.webdesign-page-band` is the single canvas (matches `#work`) */
.page-webdesign .webdesign-page-band > #webdesign-services.section--services,
.page-webdesign .webdesign-page-band > #process.section--process-in-webdesign,
.page-webdesign .webdesign-page-band > .section--webdesign-pains,
.page-webdesign .webdesign-page-band > #contact.contact-section,
.page-webdesign .webdesign-page-band > .connect-cta-band,
.page-work .work-page-mid-black > .connect-cta-band,
.page-testimonials .work-page-mid-black > .connect-cta-band {
  position: relative;
  z-index: 1;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

/* Services H2 descenders (“design”, “businesses”) must not clip against `.section--services` overflow */
.page-webdesign .webdesign-page-band > #webdesign-services.section--services {
  overflow: visible;
}

.page-webdesign .webdesign-page-band > #webdesign-services .services__head {
  overflow: visible;
}

/* Web design band: form card matches `#work` tiles on the same canvas */
.page-webdesign .webdesign-page-band > #contact.contact-section .contact-form-wrap .contact-form {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
}

:root[data-theme="light"] .page-webdesign .webdesign-page-band > #contact.contact-section .contact-form-wrap .contact-form {
  background: #ffffff;
  border-color: var(--light-line);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #contact.contact-section + .connect-cta-band {
  padding-top: clamp(1.25rem, 2vw, 2rem);
}

/* Intake submit: use global `.btn--primary` / `.btn--lg` (same as `main > #contact`, e.g. homepage) */

/* Web design / development band: “More work” strip matches intake `.contact-form` panel */
.page-webdesign .webdesign-page-band #work .work-band__cta,
.page-lincoln.page-papillion #papillion-work-examples #work .work-band__cta {
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
}

.page-webdesign .webdesign-page-band #work .work-band__cta::before,
.page-webdesign .webdesign-page-band #work .work-band__cta::after,
.page-lincoln.page-papillion #papillion-work-examples #work .work-band__cta::before,
.page-lincoln.page-papillion #papillion-work-examples #work .work-band__cta::after {
  display: none;
}

:root[data-theme="light"] .page-webdesign .webdesign-page-band #work .work-band__cta,
:root[data-theme="light"] .page-lincoln.page-papillion #papillion-work-examples #work .work-band__cta {
  background: #ffffff;
  border-color: var(--light-line);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

/* Web design page: keep Process inside the band but visually separate */
.page-webdesign .webdesign-page-band > #process.section--process-in-webdesign.section--alt,
.page-work .work-page-mid-black > #process.section--process-in-webdesign.section--alt,
.page-seo .contact-page-band > #seo-process.section--process-in-webdesign.section--alt {
  padding-top: clamp(2.25rem, 4vw, 3.25rem);
  padding-bottom: clamp(2.25rem, 4vw, 3.25rem);
  border: 0;
  background: transparent;
  overflow: visible;
}

.page-webdesign .webdesign-page-band > #webdesign-services.section--services::before {
  display: none;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #webdesign-services.section--services::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 159, 28, 0.55) 30%,
    rgba(255, 122, 40, 0.85) 50%,
    rgba(255, 176, 0, 0.55) 70%,
    transparent 100%
  );
  z-index: 2;
  pointer-events: none;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-page-band > #webdesign-services.section--services::after {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 165, 118, 0.45) 30%,
    rgba(255, 122, 48, 0.72) 50%,
    rgba(255, 198, 140, 0.45) 70%,
    transparent 100%
  );
}

.page-webdesign.page-webdev .webdesign-page-band > #webdesign-services.section--services::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  /* Same sun rail as `.site-footer::before` (not blue intake chrome) */
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
  z-index: 2;
  pointer-events: none;
}

:root[data-theme="light"] .page-webdesign.page-webdev .webdesign-page-band > #webdesign-services.section--services::after {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.42) 30%,
    rgba(255, 149, 48, 0.78) 50%,
    rgba(255, 31, 31, 0.42) 70%,
    transparent 100%
  );
}

.page-webdesign .webdesign-page-band > #webdesign-services .section--services__fade {
  display: none !important;
}

:root[data-theme="light"] .page-webdesign .webdesign-page-band > #webdesign-services.section--services {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

:root[data-theme="light"] .page-webdesign .webdesign-page-band > #webdesign-services .section--services__fade {
  display: none !important;
}

/* Website design page: flat transitions — no zig-zag SVG above Process (`website-design.html` only) */
.page-webdesign:not(.page-webdev) .section-divider--process {
  display: none;
}

/* Extra orange wash sat on `.section--services`; hide so only `.webdesign-page-band::before` tints the canvas */
.page-webdesign .webdesign-page-band > .section--webdesign-pains .webdesign-pains__bg {
  opacity: 0;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > .section--webdesign-pains--lincoln .webdesign-pains__bg,
.page-webdesign:not(.page-webdev) .webdesign-page-band > .section--webdesign-pains--lincoln .section--services__fade {
  display: none !important;
}

/* Final CTA lives inside `.webdesign-page-band` — don’t paint a second background/stack */
.page-webdesign .webdesign-page-band > .connect-cta-band::before {
  display: none;
}

:root[data-theme="light"] .page-webdesign .webdesign-page-band > .connect-cta-band {
  padding-top: 62px;
}

/* Final CTA in webdesign band: same glass card + sun headline + buttons as `.contact-page-band > .connect-cta-band` (e.g. drone-services) */
.page-webdesign .webdesign-page-band > .connect-cta-band .cta__inner {
  position: relative;
  margin: -28px auto 0;
  max-width: 980px;
  width: min(100% - 40px, 980px);
  margin-inline: auto;
  padding: 34px 28px 26px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  text-align: center;
  display: grid;
  gap: 18px;
  justify-items: center;
}

.page-webdesign .webdesign-page-band > .connect-cta-band .cta__inner > * {
  position: relative;
  z-index: 1;
}

.page-webdesign .webdesign-page-band > .connect-cta-band .cta__copy {
  display: grid;
  gap: 12px;
  justify-items: center;
  width: 100%;
  text-align: center;
}

:root[data-theme="light"] .page-webdesign .webdesign-page-band > .connect-cta-band .cta__inner {
  margin: 0 auto;
  border-radius: 10px;
  border-color: rgba(10, 12, 18, 0.1);
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

/* Web design / dev band: “local SEO served” panel — same glass card as `.connect-cta-band .cta__inner` */
.page-webdesign:not(.page-webdev) .webdesign-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__panel,
.page-webdesign.page-webdev .webdesign-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__panel,
.page-event-websites .event-page-band .evt-audience .lincoln-served-wrap.webdesign-served .lincoln-served__panel {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__panel,
:root[data-theme="light"] .page-webdesign.page-webdev .webdesign-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__panel,
:root[data-theme="light"] .page-event-websites .event-page-band .evt-audience .lincoln-served-wrap.webdesign-served .lincoln-served__panel {
  border-color: rgba(10, 12, 18, 0.1);
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

/* Web design page: Experience section + local SEO served panel typography */
.page-webdesign .webdesign-page-band > section.section[aria-labelledby="webdesign-experience-title"] .section__sub {
  font-size: 18px;
}

.page-webdesign .webdesign-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__head,
.page-event-websites .event-page-band .evt-audience .lincoln-served-wrap.webdesign-served .lincoln-served__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}

.page-webdesign .webdesign-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__title-row,
.page-event-websites .event-page-band .evt-audience .lincoln-served-wrap.webdesign-served .lincoln-served__title-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.page-webdesign .webdesign-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__pin,
.page-event-websites .event-page-band .evt-audience .lincoln-served-wrap.webdesign-served .lincoln-served__pin {
  grid-column: unset;
  grid-row: unset;
  align-self: center;
}

.page-webdesign .webdesign-page-band .lincoln-served-wrap.webdesign-served #webdesign-served-title,
.page-event-websites .event-page-band .evt-audience .lincoln-served-wrap.webdesign-served #event-who-title {
  grid-column: unset;
  grid-row: unset;
  width: 100%;
  max-width: 48ch;
  margin-inline: auto;
  font-size: 28px;
  text-align: center;
}

.page-webdesign .webdesign-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__sub,
.page-event-websites .event-page-band .evt-audience .lincoln-served-wrap.webdesign-served .lincoln-served__sub {
  grid-column: unset;
  grid-row: unset;
  width: 100%;
  max-width: 62ch;
  margin-inline: auto;
  font-size: 18px;
  text-align: center;
}

.page-webdesign .webdesign-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__item,
.page-event-websites .event-page-band .evt-audience .lincoln-served-wrap.webdesign-served .lincoln-served__item {
  font-size: 16px;
}

.page-event-websites .event-page-band .evt-audience .lincoln-served-wrap.webdesign-served .lincoln-served__accent {
  color: rgba(255, 176, 0, 1);
  text-shadow: none;
}

:root[data-theme="light"] .page-event-websites .event-page-band .evt-audience .lincoln-served-wrap.webdesign-served .lincoln-served__accent {
  color: rgba(255, 176, 0, 1);
}

@media (max-width: 760px) {
  :root[data-theme="light"] .page-webdesign .webdesign-page-band > .connect-cta-band .cta__inner {
    margin-top: -18px;
  }
}

.page-webdesign .webdesign-page-band > .connect-cta-band .cta__title {
  margin: 0 auto;
  max-width: 22ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: clamp(1.8rem, 1.2rem + 1.6vw, 2.6rem);
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] .page-webdesign .webdesign-page-band > .connect-cta-band .cta__title {
  color: rgba(10, 12, 18, 0.92);
}

.page-webdesign .webdesign-page-band > .connect-cta-band .cta__title .cta__accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  text-shadow: none;
  filter: none;
}

:root[data-theme="light"] .page-webdesign .webdesign-page-band > .connect-cta-band .cta__title .cta__accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.page-webdesign .webdesign-page-band > .connect-cta-band .cta__sub {
  margin: 0 auto;
  max-width: 78ch;
  color: rgba(255, 255, 255, 0.72);
  font-size: 15px;
  line-height: 1.75;
}

:root[data-theme="light"] .page-webdesign .webdesign-page-band > .connect-cta-band .cta__sub {
  color: rgba(10, 12, 18, 0.68);
}

.page-webdesign .webdesign-page-band > .connect-cta-band .eyebrow {
  margin: 0 auto 2px;
  width: fit-content;
  max-width: 100%;
  padding: 7px 12px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.72);
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

:root[data-theme="light"] .page-webdesign .webdesign-page-band > .connect-cta-band .eyebrow {
  border-color: rgba(10, 12, 18, 0.12);
  background: #ffffff;
  color: rgba(10, 12, 18, 0.62);
}

.page-webdesign .webdesign-page-band > .connect-cta-band .cta__actions {
  margin-top: 4px;
  justify-content: center;
}

.page-webdesign .webdesign-page-band > .connect-cta-band .cta__inner .btn--primary {
  background: linear-gradient(180deg, #ff8c24 0%, #ea6200 48%, #cc4200 100%);
  box-shadow: 0 18px 50px rgba(255, 122, 40, 0.32), 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 220, 190, 0.28);
}

.page-webdesign .webdesign-page-band > .connect-cta-band .cta__inner .btn--primary:hover {
  box-shadow: 0 22px 70px rgba(255, 106, 0, 0.4), 0 14px 45px rgba(0, 0, 0, 0.55);
}

:root[data-theme="light"] .page-webdesign .webdesign-page-band > .connect-cta-band .cta__inner .btn--primary {
  background: linear-gradient(180deg, #ff9428 0%, #e86800 52%, #c94800 100%);
  box-shadow: 0 14px 38px rgba(232, 104, 0, 0.22), 0 8px 26px rgba(10, 12, 18, 0.08);
  border-color: rgba(255, 180, 120, 0.35);
}

:root[data-theme="light"] .page-webdesign .webdesign-page-band > .connect-cta-band .cta__inner .btn--primary:hover {
  box-shadow: 0 18px 46px rgba(232, 104, 0, 0.28), 0 10px 30px rgba(10, 12, 18, 0.1);
}

.page-webdesign .webdesign-page-band > .connect-cta-band .cta__inner .btn--secondary {
  border-color: rgba(255, 200, 170, 0.22);
}

:root[data-theme="light"] .page-webdesign .webdesign-page-band > .connect-cta-band .cta__inner .btn--secondary {
  border-color: rgba(232, 104, 0, 0.22);
}

/* Website design page: problems rotator (inspired, not copied) */
.section--webdesign-pains {
  position: relative;
  overflow: hidden;
}

.section--webdesign-pains .section__head {
  text-align: center;
}

.page-webdesign .webdesign-page-band > section.section[aria-labelledby="webdesign-experience-title"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  position: relative;
  z-index: 1;
}

/* Web design page: reduce the empty band between Problems → Experience (legacy layout only) */
.page-webdesign .webdesign-page-band > .section--webdesign-pains:not(.section--webdesign-pains--lincoln) {
  padding-bottom: clamp(2.75rem, 5vw, 4rem);
  margin-bottom: calc(-1 * clamp(1.25rem, 2.5vw, 2rem));
}

.page-webdesign .webdesign-page-band > .section--webdesign-pains:not(.section--webdesign-pains--lincoln) + section.section[aria-labelledby="webdesign-experience-title"] {
  padding-top: calc(clamp(2.75rem, 5vw, 4rem) + clamp(1.25rem, 2.5vw, 2rem));
}

.page-webdesign .webdesign-page-band > .section--webdesign-pains--lincoln + section.section[aria-labelledby="webdesign-experience-title"] {
  padding-top: clamp(2.75rem, 5vw, 4rem);
}

/* Web design page: remove the "dead space" gap before the work band */
.page-webdesign .webdesign-page-band > section.section[aria-labelledby="webdesign-experience-title"] {
  padding-bottom: clamp(1.75rem, 3vw, 2.5rem);
}

.page-webdesign section.section--light.light-band.light-band--work-only #work.light-band__segment {
  padding-top: clamp(1.75rem, 3vw, 2.5rem);
}

.webdesign-pains__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(255, 79, 216, 0.08), transparent 60%);
}

:root[data-theme="light"] .webdesign-pains__bg {
  background: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(183, 108, 255, 0.06), transparent 62%);
}

.webdesign-pains__inner {
  position: relative;
  z-index: 1;
}

.page-webdesign:not(.page-webdev) .webdesign-pains__inner::before {
  content: none;
  display: none;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-pains__inner::before {
  content: none;
  display: none;
}

.page-webdesign .webdesign-pains__inner > * {
  position: relative;
  z-index: 1;
}

.webdesign-pains {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow:
    0 22px 70px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

:root[data-theme="light"] .webdesign-pains {
  background: rgba(10, 12, 18, 0.02);
  border-color: rgba(10, 12, 18, 0.10);
  box-shadow:
    0 18px 55px rgba(10, 12, 18, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

/* Website design (sun band): problems rotator glass — warm charcoal */
.page-webdesign:not(.page-webdev) .webdesign-pains {
  border-radius: 22px;
  background: linear-gradient(
      145deg,
      rgba(255, 200, 160, 0.05) 0%,
      rgba(255, 255, 255, 0.02) 42%,
      rgba(0, 0, 0, 0.1) 100%
    ),
    rgba(14, 8, 5, 0.52);
  border: 1px solid rgba(255, 180, 120, 0.1);
  box-shadow:
    0 26px 80px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-pains {
  background: rgba(255, 252, 248, 0.78);
  border-color: rgba(255, 149, 64, 0.12);
  box-shadow:
    0 22px 60px rgba(10, 12, 18, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Website development: problems rotator — same sun glass as website design / Work Lincoln */
.page-webdesign.page-webdev .webdesign-pains {
  border-radius: 22px;
  background: linear-gradient(
      145deg,
      rgba(255, 200, 160, 0.05) 0%,
      rgba(255, 255, 255, 0.02) 42%,
      rgba(0, 0, 0, 0.1) 100%
    ),
    rgba(14, 8, 5, 0.52);
  border: 1px solid rgba(255, 180, 120, 0.1);
  box-shadow:
    0 26px 80px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

:root[data-theme="light"] .page-webdesign.page-webdev .webdesign-pains {
  background: rgba(255, 252, 248, 0.78);
  border-color: rgba(255, 149, 64, 0.12);
  box-shadow:
    0 22px 60px rgba(10, 12, 18, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.webdesign-pains__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

:root[data-theme="light"] .webdesign-pains__tabs {
  border-bottom-color: rgba(10, 12, 18, 0.10);
}

.page-webdesign .webdesign-pains__tabs {
  flex-wrap: nowrap;
  gap: 8px;
  padding: 12px 12px 10px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border-bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
}

.page-webdesign .webdesign-pains__tabs::-webkit-scrollbar {
  display: none;
}

:root[data-theme="light"] .page-webdesign .webdesign-pains__tabs {
  background: linear-gradient(180deg, rgba(10, 12, 18, 0.04), rgba(10, 12, 18, 0));
}

.page-webdesign:not(.page-webdev) .webdesign-pains__tabs {
  background: linear-gradient(180deg, rgba(255, 94, 36, 0.09), rgba(0, 0, 0, 0));
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-pains__tabs {
  background: linear-gradient(180deg, rgba(255, 149, 64, 0.07), rgba(10, 12, 18, 0));
}

.page-webdesign.page-webdev .webdesign-pains__tabs {
  background: linear-gradient(180deg, rgba(255, 94, 36, 0.09), rgba(0, 0, 0, 0));
}

:root[data-theme="light"] .page-webdesign.page-webdev .webdesign-pains__tabs {
  background: linear-gradient(180deg, rgba(255, 149, 64, 0.07), rgba(10, 12, 18, 0));
}

.webdesign-pains__tab {
  flex: 1;
  min-width: 150px;
  padding: 14px 14px;
  background: transparent;
  color: var(--muted-2);
  border: 0;
  border-bottom: 2px solid transparent;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background 200ms ease, color 200ms ease, border-color 200ms ease;
}

.page-webdesign .webdesign-pains__tab {
  flex: 0 0 auto;
  min-width: unset;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.03);
  font-size: 12.5px;
  font-weight: 750;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.webdesign-pains__tab:hover {
  color: rgba(255, 255, 255, 0.86);
  background: rgba(255, 255, 255, 0.03);
}

:root[data-theme="light"] .webdesign-pains__tab:hover {
  color: rgba(10, 12, 18, 0.86);
  background: rgba(10, 12, 18, 0.03);
}

.page-webdesign .webdesign-pains__tab:hover {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
}

:root[data-theme="light"] .page-webdesign .webdesign-pains__tab:hover {
  border-color: rgba(10, 12, 18, 0.1);
  background: rgba(10, 12, 18, 0.04);
}

.webdesign-pains__tab.is-active {
  color: var(--warm-2);
  border-bottom-color: rgba(255, 159, 28, 0.95);
  background: rgba(255, 159, 28, 0.06);
}

:root[data-theme="light"] .webdesign-pains__tab.is-active {
  background: rgba(255, 159, 28, 0.07);
}

.page-webdesign:not(.page-webdev) .webdesign-pains__tab.is-active {
  color: rgba(255, 248, 236, 0.98);
  border-color: rgba(255, 149, 72, 0.45);
  background:
    radial-gradient(120% 180% at 20% 0%, rgba(255, 122, 40, 0.28), transparent 62%),
    rgba(255, 94, 30, 0.12);
  box-shadow:
    0 14px 38px rgba(255, 94, 36, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-pains__tab.is-active {
  color: rgba(124, 45, 12, 0.96);
  border-color: rgba(255, 149, 64, 0.38);
  background:
    radial-gradient(120% 180% at 18% 0%, rgba(255, 176, 112, 0.22), transparent 62%),
    rgba(255, 250, 245, 0.94);
  box-shadow:
    0 14px 34px rgba(255, 122, 40, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.page-webdesign.page-webdev .webdesign-pains__tab.is-active {
  color: rgba(255, 248, 236, 0.98);
  border-color: rgba(255, 149, 72, 0.45);
  background:
    radial-gradient(120% 180% at 20% 0%, rgba(255, 122, 40, 0.28), transparent 62%),
    rgba(255, 94, 30, 0.12);
  box-shadow:
    0 14px 38px rgba(255, 94, 36, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

:root[data-theme="light"] .page-webdesign.page-webdev .webdesign-pains__tab.is-active {
  color: rgba(124, 45, 12, 0.96);
  border-color: rgba(255, 149, 64, 0.38);
  background:
    radial-gradient(120% 180% at 18% 0%, rgba(255, 176, 112, 0.22), transparent 62%),
    rgba(255, 250, 245, 0.94);
  box-shadow:
    0 14px 34px rgba(255, 122, 40, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.webdesign-pains__panel-wrap {
  padding: 26px 26px;
}

.page-webdesign .webdesign-pains__panel-wrap {
  padding: 10px 14px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

:root[data-theme="light"] .page-webdesign .webdesign-pains__panel-wrap {
  border-top-color: rgba(10, 12, 18, 0.07);
}

.webdesign-pains__panel {
  display: none;
}

.webdesign-pains__panel.is-active {
  display: block;
}

.page-webdesign .webdesign-pains__panel.is-active {
  animation: webdesignPainsIn 240ms ease-out both;
}

.page-webdesign [data-rotator-enhanced] .webdesign-pains__panel.is-active {
  animation-duration: 280ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes webdesignPainsIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-webdesign .webdesign-pains__panel.is-active {
    animation: none;
  }
}

.webdesign-pains__panel-inner {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.page-webdesign:not(.page-webdev) .webdesign-pains__panel-inner {
  gap: 18px;
  padding: 18px 18px;
  border-radius: 16px;
  border: 1px solid rgba(255, 180, 120, 0.1);
  background:
    radial-gradient(520px 240px at 12% 10%, rgba(255, 149, 72, 0.12), transparent 62%),
    rgba(12, 6, 4, 0.44);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-pains__panel-inner {
  border-color: rgba(255, 149, 64, 0.14);
  background:
    radial-gradient(520px 240px at 12% 10%, rgba(255, 176, 112, 0.14), transparent 62%),
    rgba(255, 255, 255, 0.58);
}

.page-webdesign.page-webdev .webdesign-pains__panel-inner {
  gap: 18px;
  padding: 18px 18px;
  border-radius: 16px;
  border: 1px solid rgba(255, 180, 120, 0.1);
  background:
    radial-gradient(520px 240px at 12% 10%, rgba(255, 149, 72, 0.12), transparent 62%),
    rgba(12, 6, 4, 0.44);
}

:root[data-theme="light"] .page-webdesign.page-webdev .webdesign-pains__panel-inner {
  border-color: rgba(255, 149, 64, 0.14);
  background:
    radial-gradient(520px 240px at 12% 10%, rgba(255, 176, 112, 0.14), transparent 62%),
    rgba(255, 255, 255, 0.58);
}

.webdesign-pains__icon {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 159, 28, 0.11);
  border: 1px solid rgba(255, 159, 28, 0.24);
  box-shadow: 0 18px 60px rgba(255, 159, 28, 0.12);
}

:root[data-theme="light"] .webdesign-pains__icon {
  color: rgba(10, 12, 18, 0.92);
}

.page-webdesign:not(.page-webdev) .webdesign-pains__icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.1), rgba(255, 122, 40, 0.12));
  border: 1px solid rgba(255, 149, 72, 0.28);
  box-shadow:
    0 16px 46px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 40px rgba(255, 94, 36, 0.1);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-pains__icon {
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.95), rgba(255, 244, 232, 0.92));
  border-color: rgba(255, 149, 64, 0.28);
  box-shadow:
    0 14px 36px rgba(10, 12, 18, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 12px 32px rgba(255, 122, 40, 0.08);
}

.page-webdesign.page-webdev .webdesign-pains__icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.1), rgba(255, 122, 40, 0.12));
  border: 1px solid rgba(255, 149, 72, 0.28);
  box-shadow:
    0 16px 46px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 40px rgba(255, 94, 36, 0.1);
}

:root[data-theme="light"] .page-webdesign.page-webdev .webdesign-pains__icon {
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.95), rgba(255, 244, 232, 0.92));
  border-color: rgba(255, 149, 64, 0.28);
  box-shadow:
    0 14px 36px rgba(10, 12, 18, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 12px 32px rgba(255, 122, 40, 0.08);
}

.webdesign-pains__title {
  margin: 0 0 8px;
  font-size: 18px;
  letter-spacing: -0.02em;
}

.page-webdesign .webdesign-pains__title {
  margin: 0 0 10px;
  font-size: clamp(1.05rem, 0.95rem + 0.35vw, 1.22rem);
  font-weight: 850;
  letter-spacing: -0.025em;
  line-height: 1.22;
}

.webdesign-pains__text {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.page-webdesign:not(.page-webdev) .webdesign-pains__text {
  font-size: 15px;
  line-height: 1.72;
  color: rgba(255, 232, 216, 0.84);
  max-width: 62ch;
}

.page-webdesign.page-webdev .webdesign-pains__text {
  font-size: 15px;
  line-height: 1.72;
  color: rgba(255, 232, 216, 0.84);
  max-width: 62ch;
}

:root[data-theme="light"] .page-webdesign .webdesign-pains__text {
  color: rgba(10, 12, 18, 0.72);
}

/* Website design: problems rotator — match homepage `#home-webdesign-problems-rotator` palette (base `.webdesign-pains*`, not sun-band overrides) */
.page-webdesign:not(.page-webdev) #webdesign-problems-rotator.webdesign-pains {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 22px 70px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-problems-rotator.webdesign-pains {
  background: rgba(10, 12, 18, 0.02);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow:
    0 18px 55px rgba(10, 12, 18, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__tabs {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__tabs {
  background: linear-gradient(180deg, rgba(10, 12, 18, 0.04), rgba(10, 12, 18, 0));
}

.page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__tab {
  color: var(--muted-2);
}

.page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__tab:hover {
  color: rgba(255, 255, 255, 0.86);
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.12);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__tab:hover {
  color: rgba(10, 12, 18, 0.86);
  background: rgba(10, 12, 18, 0.03);
  border-color: rgba(10, 12, 18, 0.1);
}

.page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__tab.is-active {
  color: var(--warm-2);
  border-color: rgba(255, 159, 28, 0.55);
  background: rgba(255, 159, 28, 0.06);
  box-shadow: none;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__tab.is-active {
  background: rgba(255, 159, 28, 0.07);
  border-color: rgba(255, 159, 28, 0.42);
  box-shadow: none;
}

.page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__panel-inner {
  gap: 16px;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: transparent;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__panel-inner {
  border: 0;
  background: transparent;
}

.page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 159, 28, 0.11);
  border: 1px solid rgba(255, 159, 28, 0.24);
  box-shadow: 0 18px 60px rgba(255, 159, 28, 0.12);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__icon {
  color: rgba(10, 12, 18, 0.92);
}

.page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__title {
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__title {
  color: rgba(10, 12, 18, 0.92);
}

.page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__text {
  color: var(--muted);
  max-width: none;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__text {
  color: rgba(10, 12, 18, 0.72);
}

/* Lincoln: "Why choose us" card icons (Husker red + white) */
.page-lincoln .lincoln-why__icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 38px;
  padding: 6px 11px;
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(7, 10, 18, 0.55);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

.page-lincoln .lincoln-why__icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 55%, #ffffff 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.95;
}

.page-lincoln .lincoln-why__icon svg {
  display: block;
}

/* Lincoln / Papillion "Why choose us": space between icon and copy */
.page-lincoln section.section[aria-labelledby="lincoln-services-detail-title"] .cards--three .card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.page-lincoln section.section[aria-labelledby="lincoln-services-detail-title"] .lincoln-why__icon {
  margin-bottom: 14px;
}

.page-lincoln section.section[aria-labelledby="lincoln-services-detail-title"] .card__title {
  margin-top: 0;
}

:root[data-theme="light"] .page-lincoln .lincoln-why__icon {
  color: rgba(10, 12, 18, 0.92);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.08);
}

/* Lincoln + Papillion: intent → services → pains — one fluid `--surface-footer` field (matches pains strip) */
.page-lincoln:not(.page-omaha) .section--lincoln-intent,
.page-lincoln:not(.page-omaha) #services.section--services,
.page-lincoln.page-papillion .section--webdesign-pains--lincoln {
  margin-top: -1px;
  background: var(--surface-footer) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .section--lincoln-intent,
:root[data-theme="light"] .page-lincoln:not(.page-omaha) #services.section--services,
:root[data-theme="light"] .page-lincoln.page-papillion .section--webdesign-pains--lincoln {
  background: var(--surface-footer) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.page-lincoln.page-papillion .section--webdesign-pains--lincoln {
  padding-top: clamp(2rem, 3.5vw, 3rem);
  padding-bottom: clamp(2rem, 3.5vw, 3rem);
}

.page-lincoln:not(.page-omaha) #services.section--services::before,
.page-lincoln:not(.page-omaha) #services .section--services__fade {
  display: none !important;
}

.page-lincoln #lincoln-fit-title,
.page-lincoln #lincoln-faq-title {
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.05;
  font-size: 48px;
  text-wrap: balance;
}

.page-lincoln #lincoln-services-detail-title {
  font-size: 48px;
}

/* Lincoln-area `#services` tiles: same slate glass panels as homepage `#services` (do not restyle `.service-card__icon` / `::before` rings) */
.page-lincoln #services .service-card {
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
}

.page-lincoln #services .service-card:hover {
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(58, 134, 255, 0.08) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
}

:root[data-theme="light"] .page-lincoln #services .service-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-lincoln #services .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

/* Lincoln (not Omaha, not Papillion): services → process → pains → served → work — one `#lincoln-work` canvas (hero excluded) */
.page-lincoln:not(.page-omaha):not(.page-papillion) #lincoln-development-services.section--services,
.page-lincoln:not(.page-omaha):not(.page-papillion) #process.section--process-in-webdesign,
.page-lincoln:not(.page-omaha):not(.page-papillion) .section--webdesign-pains--lincoln,
.page-lincoln:not(.page-omaha) #lincoln-work.light-band__segment {
  background: var(--lincoln-mid-canvas) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

.page-lincoln:not(.page-omaha) main > .container:has(.lincoln-served-wrap) {
  position: relative;
  z-index: 0;
  margin-top: -1px;
  padding: clamp(2rem, 3.5vw, 3rem) 0;
}

.page-lincoln:not(.page-omaha) main > .container:has(.lincoln-served-wrap)::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  background: var(--lincoln-mid-canvas);
  background-repeat: no-repeat;
  background-attachment: fixed;
  pointer-events: none;
}

.page-lincoln:not(.page-omaha):not(.page-papillion) #lincoln-development-services.section--services::before,
.page-lincoln:not(.page-omaha):not(.page-papillion) #lincoln-development-services .section--services__fade,
.page-lincoln:not(.page-omaha) .section--webdesign-pains--lincoln .section--services__fade,
.page-lincoln:not(.page-omaha) .section--webdesign-pains--lincoln .webdesign-pains__bg {
  display: none !important;
}

.page-lincoln:not(.page-omaha):not(.page-papillion) #lincoln-development-services.section--services {
  margin-top: -1px;
  padding-bottom: clamp(2rem, 3.5vw, 3rem);
}

.page-lincoln:not(.page-omaha):not(.page-papillion) .section--webdesign-pains--lincoln {
  margin-top: 0;
  padding-top: clamp(2rem, 3.5vw, 3rem);
  padding-bottom: clamp(2rem, 3.5vw, 3rem);
}

.page-lincoln:not(.page-omaha) #services .lincoln-served-wrap {
  margin-top: clamp(32px, 4vw, 48px);
}

/* Lincoln page: portfolio band (Lincoln Tent featured project) — mirrors homepage #work band */
.page-lincoln:not(.page-omaha) .lincoln-work-band.section--light.light-band {
  margin-top: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}

.page-lincoln:not(.page-omaha) .lincoln-work-band.section--light.light-band::before {
  display: none;
}

.page-lincoln:not(.page-omaha) .lincoln-work-band .section--light__shadow-fall {
  display: none;
}

.page-lincoln:not(.page-omaha) #lincoln-work.light-band__segment {
  position: relative;
  padding: clamp(2.5rem, 4.5vw, 3.25rem) 0 clamp(2.75rem, 4vw, 3.5rem);
  border-top: 0;
}

.page-lincoln:not(.page-omaha) #lincoln-work.light-band__segment::before {
  display: none;
}

.page-lincoln:not(.page-omaha) .lincoln-work-band__head {
  max-width: min(46rem, 100%);
  margin-inline: auto;
  margin-bottom: clamp(20px, 3vw, 32px);
  text-align: center;
}

.page-lincoln:not(.page-omaha) .lincoln-work-band__head .work-section__hed,
.page-lincoln:not(.page-omaha) .lincoln-work-band__head .lincoln-work-band__sub {
  margin-inline: auto;
}

.page-lincoln:not(.page-omaha) .lincoln-work-band__head .lincoln-work-band__sub {
  max-width: 42rem;
}

.page-lincoln:not(.page-omaha) .lincoln-work-band__eyebrow {
  margin: 0 auto 12px;
  width: fit-content;
  max-width: 100%;
  padding: 5px 10px 4px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.page-lincoln:not(.page-omaha) #lincoln-work .work-section__hed,
.page-lincoln:not(.page-omaha) #lincoln-work-heading,
.page-lincoln:not(.page-omaha) #lincoln-business-websites-title {
  max-width: none;
  margin: 0 0 14px;
  font-size: 48px;
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.05;
  color: rgba(255, 255, 255, 0.96);
}

.page-lincoln:not(.page-omaha) #lincoln-work .work-section__sub,
.page-lincoln:not(.page-omaha) .lincoln-work-band__sub {
  max-width: none;
  margin: 0;
  font-size: 22px;
  line-height: 1.7;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.72);
}

.page-lincoln:not(.page-omaha) #lincoln-work .light-band__title-accent,
.page-lincoln:not(.page-omaha) #lincoln-business-websites .light-band__title-accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 18px 60px rgba(255, 90, 0, 0.18);
}

.page-lincoln:not(.page-omaha) .lincoln-local-guide__intro .work-section__hed {
  max-width: none;
  text-align: center;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.92fr);
  gap: clamp(24px, 3vw, 40px);
  align-items: start;
  max-width: 72rem;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature::before {
  display: none;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature > * {
  position: relative;
  z-index: 1;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__visual {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__glow {
  display: none;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__frame {
  position: relative;
  z-index: 1;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(8, 10, 14, 0.72);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38);
  overflow: hidden;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__chrome {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02));
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__chrome-dots {
  display: inline-flex;
  gap: 5px;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__chrome-dots i {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__chrome-dots i:nth-child(1) {
  background: #ff5f57;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__chrome-dots i:nth-child(2) {
  background: #febc2e;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__chrome-dots i:nth-child(3) {
  background: #28c840;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__chrome-url {
  flex: 1;
  min-width: 0;
  padding: 5px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.28);
  color: rgba(255, 255, 255, 0.62);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__media {
  display: block;
  position: relative;
  overflow: hidden;
  background: #0a0c10;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__img {
  display: block;
  width: 100%;
  height: auto;
  min-height: clamp(240px, 34vw, 380px);
  object-fit: cover;
  transition: transform 0.45s ease;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__media-shade {
  position: absolute;
  inset: auto 0 0;
  height: 38%;
  background: linear-gradient(180deg, transparent, rgba(8, 10, 14, 0.72));
  pointer-events: none;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__media:hover .lincoln-work-feature__img,
.page-lincoln:not(.page-omaha) .lincoln-work-feature__media:focus-visible .lincoln-work-feature__img {
  transform: scale(1.03);
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__live {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 11px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(8, 10, 14, 0.78);
  backdrop-filter: blur(8px);
  color: rgba(255, 255, 255, 0.88);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__live-dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #28c840;
  box-shadow: 0 0 0 4px rgba(40, 200, 64, 0.22);
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__panel {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__panel-head {
  margin-bottom: 14px;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__badge {
  margin: 0 0 10px;
  border-color: rgba(255, 176, 0, 0.28);
  background: linear-gradient(180deg, rgba(255, 176, 0, 0.16), rgba(255, 90, 0, 0.08));
  color: #ffb000;
  box-shadow: none;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__title {
  margin: 0 0 6px;
  font-size: clamp(1.45rem, 1.1rem + 0.8vw, 1.85rem);
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.96);
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__lead {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.62);
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__deliverables {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__deliverable {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 10px 11px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__deliverable-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(255, 176, 0, 0.22);
  background: linear-gradient(180deg, rgba(255, 176, 0, 0.16), rgba(255, 90, 0, 0.08));
  color: #ffb000;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__deliverable-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__deliverable-copy strong {
  font-size: 13px;
  font-weight: 850;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.94);
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__deliverable-copy span {
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.62);
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__chips {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.74);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__chip::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffb000 0%, #ff6a00 100%);
  box-shadow: 0 0 0 3px rgba(255, 122, 40, 0.18);
}

.page-lincoln:not(.page-omaha) .lincoln-work-feature__actions {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-band.section--light.light-band {
  background: transparent;
  box-shadow: none;
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) #lincoln-work.light-band__segment {
  background: var(--lincoln-mid-canvas) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0;
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) #lincoln-work .work-section__hed,
:root[data-theme="light"] .page-lincoln:not(.page-omaha) #lincoln-work-heading,
:root[data-theme="light"] .page-lincoln:not(.page-omaha) #lincoln-business-websites-title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) #lincoln-work .work-section__sub {
  color: rgba(10, 12, 18, 0.68);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) #lincoln-work .light-band__title-accent,
:root[data-theme="light"] .page-lincoln:not(.page-omaha) #lincoln-business-websites .light-band__title-accent {
  color: #ea580c;
  -webkit-text-fill-color: #ea580c;
  text-shadow: 0 8px 28px rgba(255, 90, 0, 0.14);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-band__eyebrow {
  border-color: rgba(10, 12, 18, 0.1);
  background: rgba(255, 255, 255, 0.82);
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-feature {
  background: transparent;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-feature__frame {
  border-color: rgba(10, 12, 18, 0.1);
  background: #ffffff;
  box-shadow: 0 16px 36px rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-feature__chrome {
  border-bottom-color: rgba(10, 12, 18, 0.08);
  background: linear-gradient(180deg, #f8f9fc 0%, #f1f3f8 100%);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-feature__chrome-url {
  border-color: rgba(10, 12, 18, 0.08);
  background: #ffffff;
  color: rgba(10, 12, 18, 0.58);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-feature__live {
  border-color: rgba(10, 12, 18, 0.1);
  background: rgba(255, 255, 255, 0.92);
  color: rgba(10, 12, 18, 0.82);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-feature__panel {
  background: transparent;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-feature__title {
  color: rgba(10, 12, 18, 0.94);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-feature__lead {
  color: rgba(10, 12, 18, 0.58);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-feature__deliverable {
  border-color: rgba(10, 12, 18, 0.08);
  background: rgba(255, 255, 255, 0.86);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-feature__deliverable-copy strong {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-feature__deliverable-copy span {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-work-feature__chip {
  border-color: rgba(10, 12, 18, 0.1);
  background: rgba(255, 255, 255, 0.9);
  color: rgba(10, 12, 18, 0.72);
}

@media (max-width: 900px) {
  .page-lincoln:not(.page-omaha) .lincoln-work-feature {
    grid-template-columns: 1fr;
  }

  .page-lincoln:not(.page-omaha) .lincoln-work-feature__img {
    min-height: clamp(220px, 52vw, 320px);
  }

  .page-lincoln:not(.page-omaha) .lincoln-work-feature__live {
    right: 12px;
    bottom: 12px;
  }
}

@media (max-width: 760px) {
  .page-lincoln:not(.page-omaha) #lincoln-work .work-section__hed,
  .page-lincoln:not(.page-omaha) #lincoln-work-heading,
  .page-lincoln:not(.page-omaha) #lincoln-business-websites-title {
    font-size: clamp(1.65rem, 5.2vw, 2.15rem);
  }

  .page-lincoln:not(.page-omaha) .lincoln-work-feature__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .page-lincoln:not(.page-omaha) .lincoln-work-feature__actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* Pains band canvas + spacing: see “services → pains → served → work” block above */

.page-lincoln .section--webdesign-pains--lincoln .webdesign-pains__tab.is-active {
  color: rgba(255, 255, 255, 0.96);
  border-bottom-color: rgba(11, 99, 246, 0.95);
  background: rgba(11, 99, 246, 0.10);
}

:root[data-theme="light"] .page-lincoln .section--webdesign-pains--lincoln .webdesign-pains__tab.is-active {
  color: rgba(10, 12, 18, 0.92);
  border-bottom-color: rgba(11, 99, 246, 0.70);
  background: rgba(11, 99, 246, 0.08);
}

.page-lincoln .section--webdesign-pains--lincoln .webdesign-pains__icon {
  background: rgba(11, 99, 246, 0.14);
  border-color: rgba(11, 99, 246, 0.30);
  box-shadow: 0 18px 60px rgba(11, 99, 246, 0.14);
}

.page-lincoln .section--webdesign-pains--lincoln .webdesign-pains__bg {
  display: none;
}

:root[data-theme="light"] .page-lincoln .section--webdesign-pains--lincoln .webdesign-pains__bg {
  display: none;
}

/* Lincoln page: below "Common problems", keep one continuous background (leave footer global) */
.page-lincoln .section--webdesign-pains--lincoln ~ section.section:not(.lincoln-work-band) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.page-lincoln .section--webdesign-pains--lincoln ~ section.section:not(.lincoln-work-band) {
  border-top: 0;
  border-bottom: 0;
}

/* Lincoln: "Why choose us" — same footer field as body (no separate blue / ink-wash band) */
.page-lincoln:not(.page-omaha) section.section[aria-labelledby="lincoln-services-detail-title"] {
  margin-top: -1px;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) section.section[aria-labelledby="lincoln-services-detail-title"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: rgba(10, 12, 18, 0.78);
}

:root[data-theme="light"] .page-lincoln section.section[aria-labelledby="lincoln-services-detail-title"] .eyebrow {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .page-lincoln section.section[aria-labelledby="lincoln-services-detail-title"] .h2 {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-lincoln section.section[aria-labelledby="lincoln-services-detail-title"] .section__sub {
  color: rgba(10, 12, 18, 0.68);
}

/* Lincoln: early “Web development…” services band — headline accent matches hero red tone, flat fill (no `.webdesign-hero__accent` blue gradient) */
.page-lincoln #lincoln-development-services-title .webdesign-hero__accent {
  background: none;
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: #dc2626;
  color: #dc2626;
  text-shadow: none;
  animation: none;
  display: inline-block;
}

:root[data-theme="light"] .page-lincoln #lincoln-development-services-title .webdesign-hero__accent {
  -webkit-text-fill-color: #b91c1c;
  color: #b91c1c;
}

/* Schuyler: services headline accent — sun yellow (match homepage `#work-local-heading .light-band__title-accent`) */
.page-lincoln.page-schuylar #lincoln-development-services-title .webdesign-hero__accent,
.page-lincoln.page-fremont #lincoln-development-services-title .webdesign-hero__accent {
  background: none;
  background-image: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 18px 60px rgba(255, 90, 0, 0.18);
  animation: none;
  display: inline-block;
}

:root[data-theme="light"] .page-lincoln.page-schuylar #lincoln-development-services-title .webdesign-hero__accent,
.page-lincoln.page-fremont #lincoln-development-services-title .webdesign-hero__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 18px 60px rgba(255, 90, 0, 0.14);
}

/* Schuyler: sun accent text (#ffb000) — matches `#contact.cta .contact-form-head__title .light-band__title-accent` */
.page-lincoln:is(.page-schuylar, .page-fremont) :is(
  #lincoln-business-websites .light-band__title-accent,
  #lincoln-work .light-band__title-accent,
  #fremont-work .light-band__title-accent,
  #contact #lincoln-contact-heading .about-accent,
  #lincoln-redesign-reasons-title .about-accent,
  .lincoln-faq-cta #lincoln-faq-title .accent,
  #contact.contact-section .contact-form-wrap .contact-form-head__title .light-band__title-accent
) {
  background: none;
  background-image: none;
  background-size: 100% 100%;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 18px 60px rgba(255, 90, 0, 0.18);
  animation: none;
}

:root[data-theme="light"] .page-lincoln:is(.page-schuylar, .page-fremont) :is(
  #lincoln-business-websites .light-band__title-accent,
  #lincoln-work .light-band__title-accent,
  #fremont-work .light-band__title-accent,
  #contact #lincoln-contact-heading .about-accent,
  #lincoln-redesign-reasons-title .about-accent,
  .lincoln-faq-cta #lincoln-faq-title .accent,
  #contact.contact-section .contact-form-wrap .contact-form-head__title .light-band__title-accent
) {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 8px 28px rgba(255, 90, 0, 0.14);
  animation: none;
}

/* Schuyler: local guide closing note links */
.page-lincoln.page-schuylar #lincoln-redesign-reasons .lincoln-local-guide__note a , .page-lincoln.page-fremont #lincoln-redesign-reasons .lincoln-local-guide__note a {
  color: #ffb000;
  border-bottom-color: rgba(255, 176, 0, 0.4);
}

.page-lincoln.page-schuylar #lincoln-redesign-reasons .lincoln-local-guide__note a:hover , .page-lincoln.page-fremont #lincoln-redesign-reasons .lincoln-local-guide__note a:hover {
  color: #ffd454;
  border-bottom-color: rgba(255, 212, 84, 0.7);
}

:root[data-theme="light"] .page-lincoln.page-schuylar #lincoln-redesign-reasons .lincoln-local-guide__note a , .page-lincoln.page-fremont #lincoln-redesign-reasons .lincoln-local-guide__note a {
  color: #ffb000;
  border-bottom-color: rgba(255, 176, 0, 0.35);
}

:root[data-theme="light"] .page-lincoln.page-schuylar #lincoln-redesign-reasons .lincoln-local-guide__note a:hover , .page-lincoln.page-fremont #lincoln-redesign-reasons .lincoln-local-guide__note a:hover {
  color: #ea580c;
  border-bottom-color: rgba(234, 88, 12, 0.5);
}

/* Schuyler: SEO reasons list counters */
.page-lincoln.page-schuylar .lincoln-local-guide__reasons li::before , .page-lincoln.page-fremont .lincoln-local-guide__reasons li::before {
  color: #ffb000;
}

:root[data-theme="light"] .page-lincoln.page-schuylar .lincoln-local-guide__reasons li::before , .page-lincoln.page-fremont .lincoln-local-guide__reasons li::before {
  color: #ffb000;
}

/* Schuyler only: FAQ `.wp-cta` accent — match `.contact-page-band #final-cta-title .about-accent` */
.page-lincoln.page-schuylar .lincoln-faq-cta #lincoln-cta-title .wp-cta__accent , .page-lincoln.page-fremont .lincoln-faq-cta #lincoln-cta-title .wp-cta__accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
  display: inline-block;
}

:root[data-theme="light"] .page-lincoln.page-schuylar .lincoln-faq-cta #lincoln-cta-title .wp-cta__accent , .page-lincoln.page-fremont .lincoln-faq-cta #lincoln-cta-title .wp-cta__accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
}

/* Schuyler only: FAQ `.wp-cta` actions — sun buttons (not Husker red) */
.page-lincoln.page-schuylar .lincoln-faq-cta .wp-cta .btn--primary , .page-lincoln.page-fremont .lincoln-faq-cta .wp-cta .btn--primary {
  background: linear-gradient(180deg, #ff8c24 0%, #ea6200 48%, #cc4200 100%);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 220, 190, 0.28);
}

.page-lincoln.page-schuylar .lincoln-faq-cta .wp-cta .btn--primary:hover , .page-lincoln.page-fremont .lincoln-faq-cta .wp-cta .btn--primary:hover {
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.52);
}

:root[data-theme="light"] .page-lincoln.page-schuylar .lincoln-faq-cta .wp-cta .btn--primary , .page-lincoln.page-fremont .lincoln-faq-cta .wp-cta .btn--primary {
  background: linear-gradient(180deg, #ff9428 0%, #e86800 52%, #c94800 100%);
  box-shadow: 0 8px 26px rgba(10, 12, 18, 0.08);
  border-color: rgba(255, 180, 120, 0.35);
}

:root[data-theme="light"] .page-lincoln.page-schuylar .lincoln-faq-cta .wp-cta .btn--primary:hover , .page-lincoln.page-fremont .lincoln-faq-cta .wp-cta .btn--primary:hover {
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.1);
}

.page-lincoln.page-schuylar .lincoln-faq-cta .wp-cta .btn--secondary , .page-lincoln.page-fremont .lincoln-faq-cta .wp-cta .btn--secondary {
  border-color: rgba(255, 200, 170, 0.22);
}

:root[data-theme="light"] .page-lincoln.page-schuylar .lincoln-faq-cta .wp-cta .btn--secondary , .page-lincoln.page-fremont .lincoln-faq-cta .wp-cta .btn--secondary {
  border-color: rgba(232, 104, 0, 0.22);
}

/* Schuyler only: services → FAQ — one fluid `--lincoln-mid-canvas` band (no strip borders or alt fills) */
.page-lincoln:is(.page-schuylar, .page-fremont) #lincoln-development-services.section--services,
.page-lincoln:is(.page-schuylar, .page-fremont) #process.section--process-in-webdesign.section--alt,
.page-lincoln:is(.page-schuylar, .page-fremont) .section--webdesign-pains--lincoln,
.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-work-band.section--light.light-band,
.page-lincoln:is(.page-schuylar, .page-fremont) :is(#lincoln-work, #fremont-work).light-band__segment,
.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-local-guide,
.page-lincoln:is(.page-schuylar, .page-fremont) #contact.contact-section,
.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-faq-cta,
.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-faq-cta > #faq.section,
.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-faq-cta > .section--wp-cta {
  background: var(--lincoln-mid-canvas) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

.page-lincoln:is(.page-schuylar, .page-fremont) #lincoln-development-services.section--services::before,
.page-lincoln:is(.page-schuylar, .page-fremont) #lincoln-development-services .section--services__fade,
.page-lincoln:is(.page-schuylar, .page-fremont) .section--webdesign-pains--lincoln .section--services__fade,
.page-lincoln:is(.page-schuylar, .page-fremont) .section--webdesign-pains--lincoln .webdesign-pains__bg {
  display: none !important;
}

.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-work-band .section--light__shadow-fall,
.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-work-band.section--light.light-band::before {
  display: none !important;
}

.page-lincoln:is(.page-schuylar, .page-fremont) #lincoln-development-services.section--services {
  margin-top: -1px;
  padding-top: 0;
  padding-bottom: 0;
}

.page-lincoln:is(.page-schuylar, .page-fremont) #lincoln-development-services .section--services__inner {
  padding-top: clamp(3rem, 5vw, 5rem);
  padding-bottom: clamp(1.25rem, 2vw, 2rem);
}

.page-lincoln:is(.page-schuylar, .page-fremont) #process.section--process-in-webdesign.section--alt {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  padding-top: clamp(1.25rem, 2vw, 2rem);
  padding-bottom: clamp(1.25rem, 2vw, 2rem);
}

.page-lincoln:is(.page-schuylar, .page-fremont) .section--webdesign-pains--lincoln {
  margin-top: -1px;
  padding-top: clamp(1.25rem, 2vw, 2rem);
  padding-bottom: clamp(2rem, 3.5vw, 3rem);
}

.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-work-band.section--light.light-band {
  margin-top: -1px;
  padding: 0;
  border-radius: 0;
}

.page-lincoln:is(.page-schuylar, .page-fremont) :is(#lincoln-work, #fremont-work).light-band__segment {
  margin-top: -1px;
  border-top: 0;
}

.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-local-guide {
  margin-top: -1px;
}

.page-lincoln:is(.page-schuylar, .page-fremont) #contact.contact-section {
  margin-top: -1px;
}

.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-faq-cta {
  margin-top: -1px;
}

/* Beat global light `#process.section--alt` / `.section--services` flat fills on Schuyler */
:root[data-theme="light"] .page-lincoln:is(.page-schuylar, .page-fremont) :is(
  #lincoln-development-services.section--services,
  #process.section--process-in-webdesign.section--alt,
  .section--webdesign-pains--lincoln,
  .lincoln-work-band.section--light.light-band,
  #lincoln-work.light-band__segment,
  #fremont-work.light-band__segment,
  .lincoln-local-guide,
  #contact.contact-section,
  .lincoln-faq-cta,
  .lincoln-faq-cta > #faq.section,
  .lincoln-faq-cta > .section--wp-cta
) {
  background: var(--lincoln-mid-canvas) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  overflow: visible;
}

.page-lincoln:is(.page-schuylar, .page-fremont) #process .section-divider--process {
  display: none !important;
}

.page-lincoln:is(.page-schuylar, .page-fremont) #process .work-band__process-inner {
  max-width: min(100%, 1180px);
  margin-inline: auto;
  padding-bottom: clamp(12px, 2vw, 28px);
}

.page-lincoln:is(.page-schuylar, .page-fremont) #process .section__head--process {
  max-width: 52rem;
  margin-inline: auto;
  margin-bottom: clamp(36px, 5vw, 52px);
  text-align: center;
}

.page-lincoln:is(.page-schuylar, .page-fremont) #process .eyebrow--process {
  justify-content: center;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 159, 64, 0.95);
}

.page-lincoln:is(.page-schuylar, .page-fremont) #process .eyebrow__dot--warm {
  display: none;
}

.page-lincoln:is(.page-schuylar, .page-fremont) #process .process__title {
  max-width: none;
  margin-inline: auto;
  font-size: 48px;
  line-height: 1.15;
  white-space: nowrap;
  text-wrap: nowrap;
}

.page-lincoln:is(.page-schuylar, .page-fremont) #process .process__glow {
  opacity: 0.45;
}

.page-lincoln:is(.page-schuylar, .page-fremont) #process .section__sub--process {
  max-width: 46ch;
  margin-inline: auto;
  text-align: center;
  font-size: 18px;
  line-height: 1.7;
}

.page-lincoln:is(.page-schuylar, .page-fremont) #process .process-hchain__list {
  font-size: 18px;
}

@media (max-width: 900px) {
  .page-lincoln:is(.page-schuylar, .page-fremont) #process .process__title {
    white-space: normal;
    text-wrap: wrap;
    font-size: clamp(1.65rem, 4.5vw, 2.5rem);
  }
}

/* Schuyler only: served panel — green gradients (match `#lincoln-development-services-title .webdesign-hero__accent`) */
.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-served__panel {
  border: 1px solid rgba(77, 143, 104, 0.22);
  background:
    radial-gradient(520px 240px at 12% 10%, rgba(124, 184, 146, 0.16), transparent 62%),
    radial-gradient(420px 200px at 88% 92%, rgba(45, 92, 69, 0.12), transparent 58%),
    rgba(10, 18, 14, 0.48);
  box-shadow:
    0 22px 80px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(124, 184, 146, 0.1);
}

.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-served__pin {
  color: rgba(124, 184, 146, 0.96);
  background: linear-gradient(155deg, rgba(124, 184, 146, 0.16), rgba(45, 92, 69, 0.2));
  border-color: rgba(77, 143, 104, 0.34);
  box-shadow:
    0 16px 46px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(124, 184, 146, 0.14),
    0 14px 40px rgba(26, 61, 46, 0.18);
}

.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-served__accent {
  background: linear-gradient(135deg, #7cb892 0%, #4d8f68 38%, #2d5c45 72%, #1a3d2e 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 16px 52px rgba(26, 61, 46, 0.45);
}

.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-served__icon {
  color: rgba(124, 184, 146, 0.94);
  background: rgba(45, 92, 69, 0.14);
  border-color: rgba(77, 143, 104, 0.28);
  box-shadow: 0 10px 28px rgba(26, 61, 46, 0.16);
}

.page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-served__item {
  border-color: rgba(77, 143, 104, 0.14);
}

.page-lincoln:is(.page-schuylar, .page-fremont) a.lincoln-served__item:hover {
  border-color: rgba(124, 184, 146, 0.3);
  background: rgba(45, 92, 69, 0.1);
}

.page-lincoln:is(.page-schuylar, .page-fremont) a.lincoln-served__item:focus-visible {
  outline-color: rgba(124, 184, 146, 0.85);
}

:root[data-theme="light"] .page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-served__panel {
  border-color: rgba(45, 92, 69, 0.16);
  background:
    radial-gradient(520px 240px at 12% 10%, rgba(124, 184, 146, 0.14), transparent 62%),
    rgba(255, 255, 255, 0.72);
  box-shadow:
    0 16px 46px rgba(10, 12, 18, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] .page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-served__pin {
  color: rgba(45, 92, 69, 0.96);
  background: rgba(124, 184, 146, 0.12);
  border-color: rgba(45, 92, 69, 0.22);
  box-shadow: 0 10px 28px rgba(31, 70, 53, 0.1);
}

:root[data-theme="light"] .page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-served__accent {
  background: linear-gradient(135deg, #3d7356 0%, #2d5c45 45%, #1f4635 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 12px 36px rgba(31, 70, 53, 0.22);
}

:root[data-theme="light"] .page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-served__icon {
  color: rgba(45, 92, 69, 0.94);
  background: rgba(124, 184, 146, 0.1);
  border-color: rgba(45, 92, 69, 0.18);
  box-shadow: 0 10px 24px rgba(31, 70, 53, 0.08);
}

:root[data-theme="light"] .page-lincoln:is(.page-schuylar, .page-fremont) .lincoln-served__item {
  border-color: rgba(45, 92, 69, 0.12);
}

:root[data-theme="light"] .page-lincoln:is(.page-schuylar, .page-fremont) a.lincoln-served__item:hover {
  border-color: rgba(61, 115, 86, 0.22);
  background: rgba(124, 184, 146, 0.08);
}

/* Lincoln `#lincoln-development-services`: centered headline stack + lead (no two-column split, no blue lead rail) */
.page-lincoln #lincoln-development-services .services__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(16px, 2.2vw, 22px);
  margin-bottom: clamp(36px, 4vw, 48px);
}

.page-lincoln #lincoln-development-services .services__head-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: min(56rem, 100%);
}

.page-lincoln #lincoln-development-services .services__eyebrow {
  margin: 0 auto 10px;
}

.page-lincoln #lincoln-development-services .services__head-col .services__title {
  text-align: center;
  margin-inline: auto;
  max-width: min(36ch, 100%);
  font-size: 48px;
}

.page-lincoln #lincoln-contact-title {
  font-size: 48px;
  line-height: 1.08;
}

.page-lincoln #contact.cta .contact-form-head__sub {
  font-size: 18px;
}

.page-lincoln #lincoln-development-services .services__lead {
  align-self: center;
  width: 100%;
  max-width: min(52rem, 100%);
  margin: 0;
  padding: 0;
  border-left: 0;
  border-top: 0;
  text-align: center;
}

@media (max-width: 980px) {
  .page-lincoln #lincoln-development-services .services__lead {
    border-top: 0;
    padding: 0;
  }
}

/* Lincoln `#lincoln-development-services`: tiles match “Why choose us” `.cards--three` / `.card` */
.page-lincoln #lincoln-development-services .service-card {
  padding: 18px 16px 16px;
  border-radius: var(--radius);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 22px 80px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.page-lincoln #lincoln-development-services .service-card:hover {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.055);
  box-shadow: 0 26px 86px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transform: translateY(-1px);
}

:root[data-theme="light"] .page-lincoln #lincoln-development-services .service-card {
  background: #ffffff;
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 16px 46px rgba(10, 12, 18, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

:root[data-theme="light"] .page-lincoln #lincoln-development-services .service-card:hover {
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 18px 52px rgba(10, 12, 18, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.page-lincoln #lincoln-development-services .service-card__icon {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  margin: 0 0 12px;
  align-self: flex-start;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(7, 10, 18, 0.55);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

.page-lincoln #lincoln-development-services .service-card__icon::before {
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 55%, #ffffff 100%);
  opacity: 0.95;
}

:root[data-theme="light"] .page-lincoln #lincoln-development-services .service-card__icon {
  color: rgba(10, 12, 18, 0.92);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.08);
}

.page-lincoln #lincoln-development-services .service-card__title {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.25;
}

.page-lincoln #lincoln-development-services .service-card__text {
  font-weight: 650;
  color: rgba(255, 255, 255, 0.68);
}

:root[data-theme="light"] .page-lincoln #lincoln-development-services .service-card__text {
  color: rgba(10, 12, 18, 0.7);
}

.page-lincoln #lincoln-development-services .service-card__note {
  margin: 12px 0 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.52);
}

:root[data-theme="light"] .page-lincoln #lincoln-development-services .service-card__note {
  border-top-color: rgba(10, 12, 18, 0.1);
  color: rgba(10, 12, 18, 0.58);
}

.page-lincoln #lincoln-development-services .service-card__icon svg {
  display: block;
}

.page-lincoln #lincoln-development-services .service-card__tag {
  margin-bottom: 6px;
}

/* Stay 3-up like `.cards--three` (generic `.services__grid` drops to 2 cols @ 980px) */
@media (max-width: 980px) {
  .page-lincoln #lincoln-development-services .services__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  .page-lincoln #lincoln-development-services .services__grid {
    grid-template-columns: 1fr;
  }
}

/* Schuyler: `#lincoln-development-services` grid — match website-design `#webdesign-services` */
.page-lincoln.page-schuylar #lincoln-development-services .services__grid , .page-lincoln.page-fremont #lincoln-development-services .services__grid {
  position: relative;
  isolation: isolate;
}

.page-lincoln.page-schuylar #lincoln-development-services .services__grid::before , .page-lincoln.page-fremont #lincoln-development-services .services__grid::before {
  content: none;
  display: none;
}

.page-lincoln.page-schuylar #lincoln-development-services .services__grid > * , .page-lincoln.page-fremont #lincoln-development-services .services__grid > * {
  position: relative;
  z-index: 1;
}

.page-lincoln.page-schuylar #lincoln-development-services .service-card , .page-lincoln.page-fremont #lincoln-development-services .service-card {
  padding: 24px 64px 22px 22px;
  border-radius: 10px;
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}

.page-lincoln.page-schuylar #lincoln-development-services .service-card:hover , .page-lincoln.page-fremont #lincoln-development-services .service-card:hover {
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(58, 134, 255, 0.08) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
  transform: translateY(-1px);
}

:root[data-theme="light"] .page-lincoln.page-schuylar #lincoln-development-services .service-card , .page-lincoln.page-fremont #lincoln-development-services .service-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-lincoln.page-schuylar #lincoln-development-services .service-card:hover , .page-lincoln.page-fremont #lincoln-development-services .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

.page-lincoln.page-schuylar #lincoln-development-services .service-card__icon , .page-lincoln.page-fremont #lincoln-development-services .service-card__icon {
  position: absolute;
  top: 18px;
  right: 18px;
  left: auto;
  bottom: auto;
  margin: 0;
  align-self: auto;
  background: rgba(12, 14, 20, 0.72);
  color: rgba(255, 255, 255, 0.92);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.page-lincoln.page-schuylar #lincoln-development-services .service-card__icon::before , .page-lincoln.page-fremont #lincoln-development-services .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  opacity: 0.92;
}

:root[data-theme="light"] .page-lincoln.page-schuylar #lincoln-development-services .service-card__icon , .page-lincoln.page-fremont #lincoln-development-services .service-card__icon {
  background: rgba(255, 255, 255, 0.94);
  color: rgba(10, 12, 18, 0.9);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.07);
}

:root[data-theme="light"] .page-lincoln.page-schuylar #lincoln-development-services .service-card__icon::before , .page-lincoln.page-fremont #lincoln-development-services .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
}

.page-lincoln.page-schuylar #lincoln-development-services .service-card__tag , .page-lincoln.page-fremont #lincoln-development-services .service-card__tag {
  margin: 0 0 14px;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: none;
}

:root[data-theme="light"] .page-lincoln.page-schuylar #lincoln-development-services .service-card__tag , .page-lincoln.page-fremont #lincoln-development-services .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
}

.page-lincoln.page-schuylar #lincoln-development-services .service-card__title , .page-lincoln.page-fremont #lincoln-development-services .service-card__title {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.3;
}

.page-lincoln.page-schuylar #lincoln-development-services .service-card__text , .page-lincoln.page-fremont #lincoln-development-services .service-card__text {
  margin: 0;
  font-size: 14px;
  font-weight: inherit;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .page-lincoln.page-schuylar #lincoln-development-services .service-card__text , .page-lincoln.page-fremont #lincoln-development-services .service-card__text {
  color: rgba(10, 12, 18, 0.7);
}

.page-lincoln.page-schuylar #lincoln-development-services .service-card__note , .page-lincoln.page-fremont #lincoln-development-services .service-card__note {
  margin: 14px 0 0;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.4);
}

:root[data-theme="light"] .page-lincoln.page-schuylar #lincoln-development-services .service-card__note , .page-lincoln.page-fremont #lincoln-development-services .service-card__note {
  border-top-color: rgba(10, 12, 18, 0.1);
  color: rgba(10, 12, 18, 0.52);
}

/* Schuyler only: Common problems rotator — Husker red (not Lincoln blue) */
.page-lincoln.page-schuylar .section--webdesign-pains--lincoln .webdesign-pains__tab.is-active , .page-lincoln.page-fremont .section--webdesign-pains--lincoln .webdesign-pains__tab.is-active {
  color: rgba(255, 255, 255, 0.96);
  border-bottom-color: rgba(225, 29, 72, 0.95);
  background: rgba(225, 29, 72, 0.1);
}

:root[data-theme="light"] .page-lincoln.page-schuylar .section--webdesign-pains--lincoln .webdesign-pains__tab.is-active , .page-lincoln.page-fremont .section--webdesign-pains--lincoln .webdesign-pains__tab.is-active {
  color: rgba(10, 12, 18, 0.92);
  border-bottom-color: rgba(185, 28, 28, 0.7);
  background: rgba(225, 29, 72, 0.08);
}

.page-lincoln.page-schuylar #lincoln-webdesign-problems-rotator .webdesign-pains__tab , .page-lincoln.page-fremont #lincoln-webdesign-problems-rotator .webdesign-pains__tab {
  position: relative;
}

.page-lincoln.page-schuylar #lincoln-webdesign-problems-rotator .webdesign-pains__tab.is-active , .page-lincoln.page-fremont #lincoln-webdesign-problems-rotator .webdesign-pains__tab.is-active {
  border-bottom-color: rgba(225, 29, 72, 0.92);
  background: transparent;
  box-shadow: none;
}

.page-lincoln.page-schuylar #lincoln-webdesign-problems-rotator .webdesign-pains__tab.is-active::after , .page-lincoln.page-fremont #lincoln-webdesign-problems-rotator .webdesign-pains__tab.is-active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -1px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(225, 29, 72, 0),
    rgba(225, 29, 72, 0.95),
    rgba(185, 28, 28, 0.95),
    rgba(225, 29, 72, 0)
  );
}

:root[data-theme="light"] .page-lincoln.page-schuylar #lincoln-webdesign-problems-rotator .webdesign-pains__tab.is-active , .page-lincoln.page-fremont #lincoln-webdesign-problems-rotator .webdesign-pains__tab.is-active {
  background: rgba(225, 29, 72, 0.08);
  border-bottom-color: rgba(185, 28, 28, 0.52);
}

.page-lincoln.page-schuylar .section--webdesign-pains--lincoln .webdesign-pains__icon , .page-lincoln.page-fremont .section--webdesign-pains--lincoln .webdesign-pains__icon {
  color: rgba(255, 255, 255, 0.92);
  background: rgba(225, 29, 72, 0.14);
  border-color: rgba(225, 29, 72, 0.3);
  box-shadow: 0 18px 60px rgba(225, 29, 72, 0.14);
}

:root[data-theme="light"] .page-lincoln.page-schuylar .section--webdesign-pains--lincoln .webdesign-pains__icon , .page-lincoln.page-fremont .section--webdesign-pains--lincoln .webdesign-pains__icon {
  color: rgba(185, 28, 28, 0.92);
  background: rgba(225, 29, 72, 0.08);
  border-color: rgba(185, 28, 28, 0.22);
  box-shadow: 0 18px 50px rgba(185, 28, 28, 0.1);
}

.page-lincoln.page-schuylar .section--webdesign-pains--lincoln .section__sub a , .page-lincoln.page-fremont .section--webdesign-pains--lincoln .section__sub a {
  color: rgba(255, 180, 180, 0.96);
  text-decoration-color: rgba(225, 29, 72, 0.45);
}

.page-lincoln.page-schuylar .section--webdesign-pains--lincoln .section__sub a:hover , .page-lincoln.page-fremont .section--webdesign-pains--lincoln .section__sub a:hover {
  color: #ffd4d4;
  text-decoration-color: rgba(225, 29, 72, 0.7);
}

:root[data-theme="light"] .page-lincoln.page-schuylar .section--webdesign-pains--lincoln .section__sub a , .page-lincoln.page-fremont .section--webdesign-pains--lincoln .section__sub a {
  color: #b91c1c;
  text-decoration-color: rgba(185, 28, 28, 0.35);
}

:root[data-theme="light"] .page-lincoln.page-schuylar .section--webdesign-pains--lincoln .section__sub a:hover , .page-lincoln.page-fremont .section--webdesign-pains--lincoln .section__sub a:hover {
  color: #dc2626;
  text-decoration-color: rgba(220, 38, 38, 0.5);
}

/* Lincoln + Papillion: intake / proof bands sit on body `--surface-footer` (same field as `.site-footer`) */
.page-lincoln:not(.page-omaha) #contact.cta,
.page-lincoln:not(.page-omaha) #contact.contact-section,
.page-lincoln.page-omaha #omaha-proof.section--alt,
.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only {
  margin-top: -1px;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0;
  box-shadow: none !important;
}

.page-lincoln:not(.page-omaha) #contact.cta::before {
  display: none;
}

/* Lincoln (not Omaha): intake form matches website-design `#contact` — frosted panel + sun primary (headline uses `.light-band__title-accent`) */
.page-lincoln:not(.page-omaha) #contact.cta .contact-form {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) #contact.cta .contact-form {
  background: #ffffff;
  border-color: var(--light-line);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.page-lincoln:not(.page-omaha) #contact.cta .contact-form .btn.btn--primary.btn--lg {
  padding: 12px 16px;
  font-size: 14px;
}

.page-lincoln:not(.page-omaha) #contact.cta .contact-form .btn--primary {
  background: linear-gradient(180deg, #ff8c22 0%, #ff6a00 42%, #e04000 100%);
  box-shadow: 0 18px 50px rgba(255, 106, 0, 0.28), 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 255, 255, 0.12);
}

.page-lincoln:not(.page-omaha) #contact.cta .contact-form .btn--primary:hover {
  box-shadow: 0 22px 70px rgba(255, 140, 0, 0.34), 0 14px 45px rgba(0, 0, 0, 0.55);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) #contact.cta .contact-form .btn--primary {
  background: linear-gradient(180deg, #ff9124 0%, #ff7300 45%, #e05800 100%);
  box-shadow: 0 14px 40px rgba(255, 130, 0, 0.22), 0 12px 32px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) #contact.cta .contact-form .btn--primary:hover {
  box-shadow: 0 18px 52px rgba(255, 130, 0, 0.28), 0 12px 36px rgba(10, 12, 18, 0.1);
}

/* Lincoln + Papillion (not Omaha): FAQ / connect riders sit on body `--surface-footer` (same field as `.site-footer`) */
.page-lincoln:not(.page-omaha) #faq.section.section--thin,
.page-lincoln:not(.page-omaha) .connect-cta-band {
  margin-top: -1px;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.page-lincoln:not(.page-omaha) .connect-cta-band {
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) #faq.section.section--thin,
:root[data-theme="light"] .page-lincoln:not(.page-omaha) .connect-cta-band,
:root[data-theme="light"] .page-lincoln:not(.page-omaha) #contact.cta,
:root[data-theme="light"] .page-lincoln:not(.page-omaha) #contact.contact-section,
:root[data-theme="light"] .page-lincoln:not(.page-omaha) section.section[aria-labelledby="lincoln-services-detail-title"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Don't paint a separate CTA overlay band on Lincoln */
.page-lincoln .section--webdesign-pains--lincoln ~ .connect-cta-band::before {
  display: none;
}

/* Lincoln + Papillion: FAQ wrapper transparent — one canvas with footer */
.page-lincoln:not(.page-omaha) .lincoln-faq-cta {
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.page-lincoln:not(.page-omaha) .lincoln-faq-cta > #faq.section,
.page-lincoln:not(.page-omaha) .lincoln-faq-cta > .section--wp-cta {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.page-lincoln:not(.page-omaha) .lincoln-faq-cta > .section--wp-cta::after {
  display: none;
}

.page-lincoln:not(.page-omaha) .lincoln-faq-cta > .connect-cta-band::before {
  display: none;
}

.page-lincoln:not(.page-omaha) .lincoln-faq-cta > .connect-cta-band {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0;
  box-shadow: none;
  padding: 62px 0 74px;
}

/* Lincoln-area FAQ connect CTA — match contact-page-band `.connect-cta__inner` panel */
.page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__inner {
  position: relative;
  margin: -28px auto 0;
  max-width: 980px;
  width: min(100% - 40px, 980px);
  margin-inline: auto;
  padding: 34px 28px 26px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  text-align: center;
  display: grid;
  gap: 18px;
  justify-items: center;
}

.page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__inner > * {
  position: relative;
  z-index: 1;
}

.page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__title,
.page-lincoln.page-papillion .lincoln-faq-cta #lincoln-faq-title.connect-cta__title {
  margin: 0 auto 10px;
  max-width: 22ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: clamp(1.8rem, 1.2rem + 1.6vw, 2.6rem);
  color: rgba(255, 255, 255, 0.96);
  text-wrap: balance;
}

.page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__title .about-accent,
.page-lincoln.page-papillion .lincoln-faq-cta #lincoln-faq-title.connect-cta__title .about-accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
}

/* Papillion: FAQ headline centered like connect CTA band */
.page-lincoln.page-papillion .lincoln-faq-cta #faq .section__head--tight {
  text-align: center;
}

:root[data-theme="light"] .page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__title,
:root[data-theme="light"] .page-lincoln.page-papillion .lincoln-faq-cta #lincoln-faq-title.connect-cta__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__title .about-accent,
:root[data-theme="light"] .page-lincoln.page-papillion .lincoln-faq-cta #lincoln-faq-title.connect-cta__title .about-accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__lead {
  margin: 0 auto 18px;
  max-width: 78ch;
  color: rgba(255, 255, 255, 0.72);
  font-size: 18px;
  line-height: 1.75;
}

.page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__lead.connect-cta__lead--tight {
  max-width: 78ch;
}

.page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__actions {
  margin-top: 4px;
}

.page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__inner .btn--primary {
  background: linear-gradient(180deg, #ff8c24 0%, #ea6200 48%, #cc4200 100%);
  box-shadow: 0 18px 50px rgba(255, 122, 40, 0.32), 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 220, 190, 0.28);
}

.page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__inner .btn--primary:hover {
  box-shadow: 0 22px 70px rgba(255, 106, 0, 0.4), 0 14px 45px rgba(0, 0, 0, 0.55);
}

.page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__inner .btn--secondary {
  border-color: rgba(255, 200, 170, 0.22);
}

:root[data-theme="light"] .page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__inner {
  margin: 0 auto;
  border-radius: 10px;
  border-color: rgba(10, 12, 18, 0.1);
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__lead {
  font-size: 18px;
  line-height: 1.75;
  max-width: 78ch;
  color: rgba(10, 12, 18, 0.68);
}

:root[data-theme="light"] .page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__inner .btn--primary {
  background: linear-gradient(180deg, #ff9428 0%, #e86800 52%, #c94800 100%);
  box-shadow: 0 14px 38px rgba(232, 104, 0, 0.22), 0 8px 26px rgba(10, 12, 18, 0.08);
  border-color: rgba(255, 180, 120, 0.35);
}

:root[data-theme="light"] .page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__inner .btn--primary:hover {
  box-shadow: 0 18px 46px rgba(232, 104, 0, 0.28), 0 10px 30px rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__inner .btn--secondary {
  color: rgba(10, 12, 18, 0.9);
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(232, 104, 0, 0.22);
}

@media (max-width: 760px) {
  :root[data-theme="light"] .page-lincoln .lincoln-faq-cta > .connect-cta-band .connect-cta__inner {
    margin-top: -18px;
  }
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-faq-cta > .connect-cta-band {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0;
  padding-top: 62px;
  box-shadow: none;
}

:root[data-theme="light"] .page-lincoln:not(.page-omaha) .lincoln-faq-cta {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Omaha metro page only: sun family (graphic-design parity) — overrides Husker reds on shared `.page-lincoln` rules */
.page-omaha .hero__title .accent {
  text-shadow: 0 18px 60px rgba(255, 94, 36, 0.22);
}

.page-lincoln.page-omaha .hero + .about-pink-divider,
.page-lincoln.page-schuylar .hero + .about-pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 159, 28, 0.55) 30%,
    rgba(255, 122, 40, 0.85) 50%,
    rgba(255, 176, 0, 0.55) 70%,
    transparent 100%
  );
}

.page-lincoln.page-fremont .hero + .about-pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(58, 134, 255, 0.45) 30%,
    rgba(9, 70, 196, 0.75) 50%,
    rgba(110, 181, 255, 0.45) 70%,
    transparent 100%
  );
}

:root[data-theme="light"] .page-lincoln.page-omaha .hero + .about-pink-divider,
:root[data-theme="light"] .page-lincoln.page-schuylar .hero + .about-pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 165, 118, 0.45) 30%,
    rgba(255, 122, 48, 0.72) 50%,
    rgba(255, 198, 140, 0.45) 70%,
    transparent 100%
  );
}

:root[data-theme="light"] .page-lincoln.page-fremont .hero + .about-pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(140, 190, 255, 0.42) 30%,
    rgba(58, 134, 255, 0.65) 50%,
    rgba(190, 220, 255, 0.42) 70%,
    transparent 100%
  );
}

.page-lincoln.page-omaha .hero .glow {
  background: radial-gradient(closest-side, rgba(255, 149, 64, 0.26), transparent 70%);
}

/* Omaha: one continuous field from search-intent through FAQ — same base + top lift as `.site-footer` (`--surface-footer`), fixed attachment, no strip seams */
.page-lincoln.page-omaha {
  --omaha-unified-bg: var(--bg);
  --omaha-unified-img: radial-gradient(900px 420px at 50% 0%, rgba(255, 255, 255, 0.04), transparent 62%);
  --omaha-unified-bg-light: var(--light-canvas);
  --omaha-unified-img-light: none;
}

.page-lincoln.page-omaha .section--lincoln-intent,
.page-lincoln.page-omaha #services.section--services,
.page-lincoln.page-omaha .section--webdesign-pains--lincoln,
.page-lincoln.page-omaha section.section[aria-labelledby="lincoln-services-detail-title"],
.page-lincoln.page-omaha #omaha-proof.section--alt,
.page-lincoln.page-omaha .lincoln-faq-cta {
  background-color: var(--omaha-unified-bg) !important;
  background-image: var(--omaha-unified-img) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

:root[data-theme="light"] .page-lincoln.page-omaha .section--lincoln-intent,
:root[data-theme="light"] .page-lincoln.page-omaha #services.section--services,
:root[data-theme="light"] .page-lincoln.page-omaha .section--webdesign-pains--lincoln,
:root[data-theme="light"] .page-lincoln.page-omaha section.section[aria-labelledby="lincoln-services-detail-title"],
:root[data-theme="light"] .page-lincoln.page-omaha #omaha-proof.section--alt,
:root[data-theme="light"] .page-lincoln.page-omaha .lincoln-faq-cta {
  background-color: var(--omaha-unified-bg-light) !important;
  background-image: var(--omaha-unified-img-light) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.page-lincoln.page-omaha .lincoln-faq-cta > #faq.section,
.page-lincoln.page-omaha .lincoln-faq-cta > .connect-cta-band {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

:root[data-theme="light"] .page-lincoln.page-omaha .lincoln-faq-cta > #faq.section,
:root[data-theme="light"] .page-lincoln.page-omaha .lincoln-faq-cta > .connect-cta-band {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.page-lincoln.page-omaha #services .section--services__fade,
.page-lincoln.page-omaha #services.section--services::before,
.page-lincoln.page-omaha .section--webdesign-pains--lincoln .section--services__fade,
.page-lincoln.page-omaha .section--webdesign-pains--lincoln .webdesign-pains__bg {
  display: none !important;
}

.page-lincoln.page-omaha #services .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
}

.page-lincoln.page-omaha .lincoln-served__pin {
  color: rgba(255, 118, 40, 0.96);
  background: rgba(255, 149, 64, 0.12);
  border-color: rgba(255, 176, 100, 0.28);
  box-shadow: 0 10px 28px rgba(255, 122, 40, 0.14);
}

.page-lincoln.page-omaha .lincoln-served__accent {
  color: rgba(255, 190, 96, 0.96);
  text-shadow: 0 18px 50px rgba(255, 94, 36, 0.2);
}

.page-lincoln.page-omaha .lincoln-served__icon {
  color: rgba(255, 149, 72, 0.95);
  background: rgba(255, 149, 64, 0.1);
  border-color: rgba(255, 168, 88, 0.26);
}

:root[data-theme="light"] .page-lincoln.page-omaha .lincoln-served__pin {
  color: rgba(210, 80, 0, 0.96);
  background: rgba(255, 149, 64, 0.12);
  border-color: rgba(255, 140, 48, 0.22);
  box-shadow: 0 10px 28px rgba(255, 122, 40, 0.1);
}

:root[data-theme="light"] .page-lincoln.page-omaha .lincoln-served__accent {
  color: rgba(200, 78, 0, 0.95);
  text-shadow: 0 18px 50px rgba(255, 149, 64, 0.12);
}

:root[data-theme="light"] .page-lincoln.page-omaha .lincoln-served__icon {
  color: rgba(200, 82, 0, 0.94);
  background: rgba(255, 149, 64, 0.1);
  border-color: rgba(255, 149, 64, 0.18);
}

.page-lincoln.page-omaha .lincoln-why__icon::before {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
}

.page-lincoln.page-omaha #contact.cta .cta__accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 60px rgba(255, 94, 36, 0.28);
  animation: none;
}

:root[data-theme="light"] .page-lincoln.page-omaha #contact.cta .cta__accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 10px 36px rgba(255, 122, 40, 0.16);
}

.page-lincoln.page-omaha #contact.cta .contact-form {
  background:
    radial-gradient(760px 280px at 15% 0%, rgba(11, 99, 246, 0.14), transparent 62%),
    radial-gradient(760px 320px at 85% 10%, rgba(255, 176, 0, 0.12), transparent 60%),
    rgba(10, 16, 34, 0.34);
}

:root[data-theme="light"] .page-lincoln.page-omaha #contact.cta .contact-form {
  background:
    radial-gradient(760px 280px at 15% 0%, rgba(11, 99, 246, 0.06), transparent 62%),
    radial-gradient(760px 320px at 85% 10%, rgba(255, 176, 0, 0.08), transparent 60%),
    #ffffff;
}

.page-lincoln.page-omaha main .accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
}

:root[data-theme="light"] .page-lincoln.page-omaha main .accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.page-lincoln.page-omaha .hero__grid {
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 149, 64, 0.12), transparent 62%);
}

@media (max-width: 760px) {
  .webdesign-pains__panel-wrap {
    padding: 18px 18px;
  }

  .webdesign-pains__tab {
    min-width: 140px;
  }

  .webdesign-pains__panel-inner {
    gap: 12px;
  }
}

/* One canvas for hero + inquiry: teal glow spans both (no seam at section boundary) */
.contact-page-band {
  position: relative;
  background: var(--bg);
  overflow: hidden;
}

/* Work page: reuse the same hero canvas style as Contact */
.work-page-band {
  position: relative;
  background: var(--bg);
  overflow: hidden;
}

/* Portfolio hero image can extend past the content column — avoid horizontal clip */
.page-work .work-page-band {
  overflow-x: visible;
}

.testimonials-page-band {
  position: relative;
  background: var(--bg);
  overflow: hidden;
}

/* Match `.work-page-band` sun canvas (Portfolio / Work hero) */
.testimonials-page-band::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse min(720px, 96vw) clamp(220px, 24vh, 320px) at 50% clamp(240px, 30vh, 340px),
      rgba(255, 159, 28, 0.15),
      transparent 72%
    ),
    radial-gradient(
      ellipse min(860px, 110vw) clamp(72px, 9vh, 110px) at 50% clamp(470px, 56vh, 560px),
      rgba(255, 90, 0, 0.075),
      transparent 80%
    );
}

.testimonials-page-band::after {
  content: "";
  position: absolute;
  left: 50%;
  top: clamp(230px, 27vh, 310px);
  width: min(400px, 72%);
  height: 150px;
  transform: translate(-50%, -48%);
  background: radial-gradient(closest-side, rgba(255, 149, 48, 0.18), transparent 76%);
  filter: blur(16px);
  opacity: 0.42;
  z-index: 0;
  pointer-events: none;
}

.page-testimonials .testimonials-page-band::before {
  filter: blur(34px);
}

:root[data-theme="light"] .testimonials-page-band {
  background: var(--light-canvas);
}

:root[data-theme="light"] .testimonials-page-band::before {
  background:
    radial-gradient(
      ellipse min(700px, 94vw) clamp(210px, 22vh, 300px) at 50% clamp(235px, 29vh, 330px),
      rgba(255, 185, 165, 0.034),
      transparent 74%
    ),
    radial-gradient(
      ellipse min(840px, 108vw) clamp(66px, 8vh, 100px) at 50% clamp(455px, 55vh, 540px),
      rgba(255, 175, 155, 0.018),
      transparent 80%
    );
}

:root[data-theme="light"] .testimonials-page-band::after {
  background: radial-gradient(closest-side, rgba(255, 195, 175, 0.055), transparent 78%);
  opacity: 0.2;
}

.testimonials-page-band > .contact-wp-hero {
  position: relative;
  z-index: 1;
  background: transparent;
}

/* Diamond grid + vignette mask — legacy centered heroes only (split GD hero has its own wash) */
.testimonials-page-band > .contact-wp-hero:not(.gd-hero--split)::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px);
  opacity: 0.34;
  mask-image: radial-gradient(58% 56% at 50% 42%, black 52%, transparent 100%);
}

:root[data-theme="light"] .testimonials-page-band > .contact-wp-hero:not(.gd-hero--split)::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.06) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.05) 0 1px, transparent 1px 72px);
  opacity: 0.085;
  mask-image: none;
}

/* (split GD-style hero uses its own ::before via `.page-testimonials #testimonials-main-content.contact-wp-hero::before`) */

/* Testimonials band marquee: same strip as homepage `section.hero .hero__ticker-outer` */
.testimonials-page-band > .hero__ticker-outer--testimonials {
  position: relative;
  z-index: 1;
  gap: 8px;
  padding: 12px 0 calc(14px + env(safe-area-inset-bottom, 0));
  background: linear-gradient(
    0deg,
    rgba(1, 3, 9, 0.92) 0%,
    rgba(3, 6, 16, 0.72) 50%,
    rgba(0, 0, 0, 0.25) 100%
  );
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.testimonials-page-band > .hero__ticker-outer--testimonials .hero__ticker-title {
  color: rgba(255, 255, 255, 0.4);
}

.testimonials-page-band > .hero__ticker-outer--testimonials .hero__ticker-track {
  animation-duration: 48s;
}

.testimonials-page-band > .hero__ticker-outer--testimonials .hero__ticker-list {
  gap: 36px;
}

.testimonials-page-band > .hero__ticker-outer--testimonials .hero__ticker-item {
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.52);
}

:root[data-theme="light"] .testimonials-page-band > .hero__ticker-outer--testimonials {
  background: rgba(255, 255, 255, 0.92);
  border-top-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 -12px 40px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .testimonials-page-band > .hero__ticker-outer--testimonials .hero__ticker-title {
  color: rgba(10, 12, 18, 0.45);
}

:root[data-theme="light"] .testimonials-page-band > .hero__ticker-outer--testimonials .hero__ticker-item {
  color: rgba(10, 12, 18, 0.55);
}

/* Work band marquee: same strip as testimonials `hero__ticker-outer--testimonials` */
.work-page-band > .hero__ticker-outer--work {
  position: relative;
  z-index: 1;
  gap: 8px;
  padding: 12px 0 calc(14px + env(safe-area-inset-bottom, 0));
  background: linear-gradient(
    0deg,
    rgba(1, 3, 9, 0.92) 0%,
    rgba(3, 6, 16, 0.72) 50%,
    rgba(0, 0, 0, 0.25) 100%
  );
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.work-page-band > .hero__ticker-outer--work .hero__ticker-title {
  color: rgba(255, 255, 255, 0.4);
}

.work-page-band > .hero__ticker-outer--work .hero__ticker-track {
  animation-duration: 48s;
}

.work-page-band > .hero__ticker-outer--work .hero__ticker-list {
  gap: 36px;
}

.work-page-band > .hero__ticker-outer--work .hero__ticker-item {
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.52);
}

:root[data-theme="light"] .work-page-band > .hero__ticker-outer--work {
  background: rgba(255, 255, 255, 0.92);
  border-top-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 -12px 40px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .work-page-band > .hero__ticker-outer--work .hero__ticker-title {
  color: rgba(10, 12, 18, 0.45);
}

:root[data-theme="light"] .work-page-band > .hero__ticker-outer--work .hero__ticker-item {
  color: rgba(10, 12, 18, 0.55);
}

/* Website design page: hero canvas matches Contact `#inquiry` (sun gradient + diamond lattice, no photo) */
.page-webdesign:not(.page-webdev) {
  --webdesign-nav-clear: calc(5.75rem + env(safe-area-inset-top, 0px));
}

.page-webdesign:not(.page-webdev) #webdesign-hero.contact-wp-hero.drone-hero.hero--webdesign {
  position: relative;
  z-index: 1;
  align-items: stretch;
  justify-content: center;
  min-height: min(88vh, 920px);
  padding: clamp(5.75rem, 4.5rem + 3vw, 7.25rem) 0 clamp(2.5rem, 2rem + 2vw, 3.5rem);
  overflow: visible;
  box-shadow: none;
  background:
    radial-gradient(ellipse min(120%, 900px) 85% at 8% 12%, rgba(255, 149, 64, 0.12), transparent 55%),
    radial-gradient(ellipse min(90%, 640px) 70% at 92% 22%, rgba(255, 106, 18, 0.1), transparent 52%),
    linear-gradient(180deg, #05060d 0%, #070a12 52%, #070a12 100%);
}

.webdesign-page-band > #webdesign-hero.contact-wp-hero.drone-hero.hero--webdesign::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 118, 52, 0.128), transparent 62%);
  background-size: auto;
  opacity: 0.33;
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
  -webkit-mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-hero.contact-wp-hero.drone-hero.hero--webdesign {
  background:
    radial-gradient(ellipse min(120%, 900px) 90% at 6% 0%, rgba(255, 210, 170, 0.45), transparent 52%),
    radial-gradient(ellipse min(95%, 720px) 75% at 96% 18%, rgba(255, 173, 102, 0.22), transparent 55%),
    linear-gradient(180deg, #fffaf5 0%, #fff8f0 45%, #fff5eb 100%);
}

:root[data-theme="light"] .webdesign-page-band > #webdesign-hero.contact-wp-hero.drone-hero.hero--webdesign::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.07) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.055) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 122, 40, 0.1), transparent 62%);
  background-size: auto;
  opacity: 0.26;
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
  -webkit-mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

.page-webdesign:not(.page-webdev) #webdesign-hero.contact-wp-hero.drone-hero.hero--webdesign > .container {
  position: relative;
  z-index: 1;
}

.page-webdesign:not(.page-webdev) #webdesign-hero.contact-wp-hero.drone-hero.hero--webdesign .contact-wp-hero__center {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 80rem;
  width: min(100% - clamp(24px, 5vw, 40px), 1240px);
  flex: none;
  padding-bottom: 0;
}

.page-webdesign:not(.page-webdev) #webdesign-hero .drone-hero__split--webdesign {
  display: block;
  width: 100%;
  max-width: min(48rem, 100%);
  margin-inline: auto;
}

.page-webdesign:not(.page-webdev) #webdesign-hero .drone-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1.25rem, 1rem + 1vw, 1.75rem);
  padding: 0;
  max-width: 100%;
  text-align: center;
}

.page-webdesign:not(.page-webdev) #webdesign-hero .drone-hero__copy > .eyebrow.eyebrow--process {
  justify-content: center;
}

.page-webdesign:not(.page-webdev) #webdesign-hero #webdesign-hero-title.contact-wp-hero__title {
  margin: 0 auto;
  max-width: min(22ch, 100%);
}

.page-webdesign:not(.page-webdev) #webdesign-hero.contact-wp-hero.drone-hero .contact-wp-hero__actions {
  justify-content: center;
  width: 100%;
}

.page-webdesign:not(.page-webdev) #webdesign-hero .contact-wp-hero__lead {
  margin: 0 auto;
  max-width: min(52rem, 100%);
}

.page-webdesign:not(.page-webdev) #webdesign-hero .drone-hero__visual,
.page-webdesign:not(.page-webdev) #webdesign-hero .drone-hero__stats {
  display: none;
}

.page-webdesign:not(.page-webdev) #webdesign-hero .hero__ads-trust {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.75rem;
  margin-bottom: clamp(1.25rem, 4vh, 2.5rem);
  width: 100%;
  max-width: min(56rem, 100%);
}

.page-webdesign:not(.page-webdev) #webdesign-hero .hero__ads-stat-grid--webdesign {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.page-webdesign:not(.page-webdev) #webdesign-hero .hero__ads-stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 16px 10px 18px;
  border-radius: 12px;
  border: 1px solid rgba(255, 149, 64, 0.22);
  background:
    radial-gradient(ellipse 120% 80% at 50% 0%, rgba(255, 120, 48, 0.1), transparent 55%),
    rgba(8, 12, 22, 0.78);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

.page-webdesign:not(.page-webdev) #webdesign-hero .hero__ads-stat-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
}

.page-webdesign:not(.page-webdev) #webdesign-hero .hero__ads-stat-ico svg {
  width: 22px;
  height: 22px;
}

.page-webdesign:not(.page-webdev) #webdesign-hero .hero__ads-stat-val--text {
  font-size: clamp(0.95rem, 0.88rem + 0.2vw, 1.05rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.96);
}

.page-webdesign:not(.page-webdev) #webdesign-hero .hero__ads-stat-lbl {
  font-size: 12px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.62);
  max-width: 22ch;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-hero .hero__ads-stat-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.06);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-hero .hero__ads-stat-val--text {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-hero .hero__ads-stat-lbl {
  color: rgba(10, 12, 18, 0.62);
}

@media (max-width: 980px) {
  .page-webdesign:not(.page-webdev) #webdesign-hero .hero__ads-stat-grid--webdesign {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .page-webdesign:not(.page-webdev) #webdesign-hero .hero__ads-stat-grid--webdesign {
    grid-template-columns: 1fr;
  }
}

.webdesign-page-band > .hero__ticker-outer--webdesign {
  position: relative;
  z-index: 1;
  gap: 8px;
  padding: 12px 0 calc(14px + env(safe-area-inset-bottom, 0));
  background: linear-gradient(
    0deg,
    rgba(1, 3, 9, 0.92) 0%,
    rgba(3, 6, 16, 0.72) 50%,
    rgba(0, 0, 0, 0.25) 100%
  );
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.webdesign-page-band > .hero__ticker-outer--webdesign .hero__ticker-title {
  color: rgba(255, 255, 255, 0.4);
}

.webdesign-page-band > .hero__ticker-outer--webdesign .hero__ticker-track {
  animation-duration: 48s;
}

.webdesign-page-band > .hero__ticker-outer--webdesign .hero__ticker-list {
  gap: 36px;
}

.webdesign-page-band > .hero__ticker-outer--webdesign .hero__ticker-item {
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.52);
}

:root[data-theme="light"] .webdesign-page-band > .hero__ticker-outer--webdesign {
  background: rgba(255, 255, 255, 0.92);
  border-top-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 -12px 40px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .webdesign-page-band > .hero__ticker-outer--webdesign .hero__ticker-title {
  color: rgba(10, 12, 18, 0.45);
}

:root[data-theme="light"] .webdesign-page-band > .hero__ticker-outer--webdesign .hero__ticker-item {
  color: rgba(10, 12, 18, 0.55);
}

/* Testimonials page: reviews + final CTA share one canvas (same as Work `.work-page-mid-black`) */
.page-testimonials .work-page-mid-black > section.section--light.light-band.light-band--page {
  margin-top: 0;
  padding-top: 0;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
  border-top: 0;
}

.page-testimonials .testimonials-page-band > .pink-divider {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}

.page-testimonials .work-page-mid-black > section.section--light.light-band.light-band--page::before {
  display: none;
}

:root[data-theme="light"] .page-testimonials .work-page-mid-black > section.section--light.light-band.light-band--page::before {
  display: none;
}

.page-testimonials .work-page-mid-black #reviews.light-band__segment {
  background: transparent !important;
}

:root[data-theme="light"] .page-testimonials .work-page-mid-black #reviews.light-band__segment {
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0;
}

/* Testimonials reviews kicker — dark canvas: readable muted white (light theme keeps rgba(10, 12, 18, 0.62)) */
.page-testimonials .work-page-mid-black .client-proof__eyebrow.light-band__eyebrow,
.page-testimonials .work-page-mid-black .client-proof__eyebrow {
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-testimonials .work-page-mid-black .client-proof__eyebrow.light-band__eyebrow,
:root[data-theme="light"] .page-testimonials .work-page-mid-black .client-proof__eyebrow {
  color: rgba(10, 12, 18, 0.62);
}

.page-testimonials .client-proof__title {
  color: rgba(255, 255, 255, 0.96);
}

.page-testimonials .client-proof__lead {
  color: rgba(255, 255, 255, 0.74);
  border-left-color: rgba(255, 149, 64, 0.42);
}

.page-testimonials .g-maps-rollup {
  color: rgba(255, 255, 255, 0.92);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow: 0 2px 0 rgba(255, 255, 255, 0.04), 0 18px 60px rgba(0, 0, 0, 0.35);
}

/* Match homepage `#services` `.service-card` panel stack */
.page-testimonials .g-review-card {
  color: rgba(255, 255, 255, 0.92);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 10px;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.page-testimonials .g-review-card:hover {
  border-color: rgba(255, 255, 255, 0.13);
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(255, 149, 64, 0.1) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
  transform: translateY(-1px);
}

.page-testimonials .g-review-card__text,
.page-testimonials .g-review-card__text p {
  color: rgba(255, 255, 255, 0.82);
}

.page-testimonials .g-review-card__meta,
.page-testimonials .g-review-card__time {
  color: rgba(255, 255, 255, 0.70);
}

.page-testimonials .g-review-card__source {
  color: rgba(255, 255, 255, 0.74);
}

.page-testimonials .g-review-carousel .g-review-grid--portrait .g-review-card {
  min-height: 18.5rem;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 14px;
}

.page-testimonials .g-review-carousel .g-review-grid--portrait .g-review-card__text {
  flex: 1 1 auto;
  min-height: 0;
}

.page-testimonials .g-review-carousel .g-review-grid--portrait .g-review-card__text p {
  font-size: 13.5px;
  line-height: 1.55;
}

.page-testimonials .g-review-carousel .g-review-grid--portrait .g-review-card__source {
  margin-top: auto;
}

.page-testimonials .g-review-featured {
  margin: 20px 0 22px;
}

.page-testimonials .g-review-card--featured {
  padding: 22px clamp(18px, 2.5vw, 28px) 20px;
}

.page-testimonials .g-review-card--featured .g-review-card__text p {
  font-size: clamp(14px, 0.88rem + 0.2vw, 16.5px);
  line-height: 1.62;
}

.page-testimonials .g-maps-rollup__label {
  color: rgba(255, 255, 255, 0.70);
}

:root[data-theme="light"] .page-testimonials .work-page-mid-black > section.section--light.light-band.light-band--page {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top-color: rgba(10, 12, 18, 0.06);
  box-shadow: none;
}

:root[data-theme="light"] .page-testimonials .client-proof__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-testimonials .client-proof__lead {
  color: rgba(10, 12, 18, 0.68);
  border-left-color: rgba(234, 88, 12, 0.32);
}

:root[data-theme="light"] .page-testimonials .g-maps-rollup {
  color: var(--light-ink);
  background: linear-gradient(180deg, #fbfbfc 0%, #f1f3f6 100%);
  border-color: var(--light-line);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
}

:root[data-theme="light"] .page-testimonials .g-maps-rollup__label {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .page-testimonials .g-maps-rollup__score {
  color: var(--light-ink);
}

:root[data-theme="light"] .page-testimonials .g-review-card {
  color: rgba(10, 12, 18, 0.92);
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-testimonials .g-review-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
  transform: translateY(-1px);
}

:root[data-theme="light"] .page-testimonials #reviews .g-review-card__name {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-testimonials .g-review-card__text,
:root[data-theme="light"] .page-testimonials .g-review-card__text p {
  color: rgba(10, 12, 18, 0.7);
}

:root[data-theme="light"] .page-testimonials .g-review-card__meta,
:root[data-theme="light"] .page-testimonials .g-review-card__time {
  color: rgba(10, 12, 18, 0.58);
}

:root[data-theme="light"] .page-testimonials .g-review-card__source {
  color: rgba(10, 12, 18, 0.62);
}

.page-testimonials .g-review-carousel__btn {
  color: rgba(255, 255, 255, 0.92);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}

.page-testimonials .g-review-carousel__btn:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.18);
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(255, 149, 64, 0.1) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
}

:root[data-theme="light"] .page-testimonials .g-review-carousel__btn {
  color: rgba(10, 12, 18, 0.92);
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-testimonials .g-review-carousel__btn:hover:not(:disabled) {
  border-color: rgba(10, 12, 18, 0.14);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  box-shadow: 0 10px 24px rgba(10, 12, 18, 0.08);
}

.work-page-band::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse min(720px, 96vw) clamp(220px, 24vh, 320px) at 50% clamp(240px, 30vh, 340px),
      rgba(255, 159, 28, 0.15),
      transparent 72%
    ),
    radial-gradient(
      ellipse min(860px, 110vw) clamp(72px, 9vh, 110px) at 50% clamp(470px, 56vh, 560px),
      rgba(255, 90, 0, 0.075),
      transparent 80%
    );
}

.work-page-band::after {
  content: "";
  position: absolute;
  left: 50%;
  top: clamp(230px, 27vh, 310px);
  width: min(400px, 72%);
  height: 150px;
  transform: translate(-50%, -48%);
  background: radial-gradient(closest-side, rgba(255, 149, 48, 0.18), transparent 76%);
  filter: blur(16px);
  opacity: 0.42;
  z-index: 0;
  pointer-events: none;
}

:root[data-theme="light"] .work-page-band {
  background: var(--light-canvas);
}

:root[data-theme="light"] .work-page-band::before {
  background:
    radial-gradient(
      ellipse min(700px, 94vw) clamp(210px, 22vh, 300px) at 50% clamp(235px, 29vh, 330px),
      rgba(255, 185, 165, 0.034),
      transparent 74%
    ),
    radial-gradient(
      ellipse min(840px, 108vw) clamp(66px, 8vh, 100px) at 50% clamp(455px, 55vh, 540px),
      rgba(255, 175, 155, 0.018),
      transparent 80%
    );
}

:root[data-theme="light"] .work-page-band::after {
  background: radial-gradient(closest-side, rgba(255, 195, 175, 0.055), transparent 78%);
  opacity: 0.2;
}

/* Soften band-wide warm washes — radial ellipses can read boxy before blur */
.page-work .work-page-band::before {
  filter: blur(34px);
}

.work-page-band > #work-main-content.contact-wp-hero.drone-hero {
  position: relative;
  z-index: 1;
  background: transparent;
}

/* Work portfolio hero: diamond grid overlay (matches Contact hero treatment) */
.work-page-band > #work-main-content.contact-wp-hero.drone-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px);
  opacity: 0.34;
  mask-image: radial-gradient(58% 56% at 50% 42%, black 52%, transparent 100%);
}

:root[data-theme="light"] .work-page-band > #work-main-content.contact-wp-hero.drone-hero::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.06) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.05) 0 1px, transparent 1px 72px);
  opacity: 0.085;
  mask-image: none;
}

/* Work page: portfolio hero — same shell + split layout as Drone Services `#drone-hero` */
.page-work {
  --portfolio-nav-clear: calc(5.75rem + env(safe-area-inset-top, 0px));
}

.page-work #work-main-content.contact-wp-hero.drone-hero *:not(.accent) {
  animation: none !important;
}

.page-work #work-main-content .contact-wp-hero__accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 14px 36px rgba(255, 94, 36, 0.34));
  animation: none !important;
}

:root[data-theme="light"] .page-work #work-main-content .contact-wp-hero__accent {
  background: none;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

.page-work .work-page-band::before,
.page-work .work-page-band::after,
.page-work #work-main-content .contact-wp-hero__center::before {
  background: none !important;
  content: none;
  display: none;
}

.page-work #work-main-content.contact-wp-hero.drone-hero {
  align-items: stretch;
  justify-content: center;
  min-height: unset;
  padding: 0 0 0;
  overflow: hidden;
}

.page-work #work-main-content.contact-wp-hero.drone-hero .contact-wp-hero__center {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 80rem;
  width: min(100% - clamp(24px, 5vw, 40px), 1240px);
}

.page-work #work-main-content.contact-wp-hero.drone-hero .contact-wp-hero__actions {
  justify-content: center;
  width: 100%;
}

/* Work hero headline — match homepage `.hero__title` */
.page-work #work-main-content #work-hero-title.contact-wp-hero__title {
  position: relative;
  margin: 0;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.05;
  font-size: clamp(2.2rem, 2.2rem + 2.2vw, 4.15rem);
  max-width: 18ch;
}

.page-work #work-main-content #work-hero-title .accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  background-size: 260% 260%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 60px rgba(255, 122, 0, 0.24);
  animation: homeAccentShift 2.9s ease-in-out infinite;
}

:root[data-theme="light"] .page-work #work-main-content #work-hero-title .accent {
  background: none;
  -webkit-text-fill-color: var(--blue);
  color: var(--blue);
  text-shadow: none;
  animation: none;
}

.page-work #work-main-content .contact-wp-hero__lead {
  margin: 0 auto;
  max-width: min(44rem, 100%);
  font-size: 18px;
}

.page-work #work-main-content .drone-hero__copy .contact-wp-hero__actions {
  margin-top: 2.25rem;
}

.page-work #work-main-content .drone-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  padding-top: clamp(2.5rem, 10vh, 6rem);
  padding-bottom: 0;
  max-width: none;
}

:root[data-theme="light"] .page-work #work-main-content .drone-hero__copy {
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.page-work #work-main-content.contact-wp-hero.drone-hero.contact-wp-hero {
  background: transparent;
  box-shadow: none;
  padding-bottom: 0;
}

.page-work #work-main-content.hero.hero--work {
  position: relative;
  isolation: isolate;
  min-height: clamp(520px, 78svh, 820px);
  padding: calc(5.75rem + env(safe-area-inset-top, 0px)) 0 clamp(4rem, calc(6vw + 2vh), 5.75rem);
}

.page-work #work-main-content.hero.hero--work > .container {
  position: relative;
  z-index: 1;
}

.page-work #work-main-content.hero.hero--work .hero__bg {
  z-index: 0;
}

.page-work #work-main-content.hero.hero--work .hero__image {
  background-position: center center;
}

.page-work #work-main-content.hero.hero--work .hero__overlay {
  background:
    linear-gradient(105deg, rgba(2, 5, 12, 0.92) 0%, rgba(2, 5, 12, 0.78) 42%, rgba(2, 5, 12, 0.45) 62%, rgba(2, 5, 12, 0.28) 100%),
    linear-gradient(180deg, rgba(2, 5, 12, 0.55), rgba(2, 5, 12, 0.88));
}

.page-work #work-main-content.hero.hero--work .hero__grid {
  opacity: 0.34;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 149, 64, 0.14), transparent 62%);
  mask-image: radial-gradient(58% 56% at 50% 42%, black 52%, transparent 100%);
}

.work-page-band > #work-main-content.contact-wp-hero.drone-hero.hero--work::before {
  display: none;
}

.page-work #work-main-content .drone-hero__split--work {
  display: block;
  width: 100%;
  max-width: min(48rem, 100%);
  margin-inline: auto;
}

.page-work #work-main-content .hero__ads-trust {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.75rem;
  margin-bottom: clamp(1.25rem, 4vh, 2.5rem);
  width: 100%;
  max-width: min(56rem, 100%);
}

.page-work #work-main-content .hero__ads-stat-grid--work {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.page-work #work-main-content .hero__ads-stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 16px 10px 18px;
  border-radius: 12px;
  border: 1px solid rgba(255, 149, 64, 0.22);
  background:
    radial-gradient(ellipse 120% 80% at 50% 0%, rgba(255, 120, 48, 0.1), transparent 55%),
    rgba(8, 12, 22, 0.78);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

.page-work #work-main-content .hero__ads-stat-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
}

.page-work #work-main-content .hero__ads-stat-ico svg {
  width: 22px;
  height: 22px;
}

.page-work #work-main-content .hero__ads-stat-val {
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: clamp(1.35rem, 1.1rem + 1vw, 1.85rem);
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.96);
}

.page-work #work-main-content .hero__ads-stat-lbl {
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.52);
  max-width: 14ch;
}

.page-work #work-main-content .drone-hero__media--work {
  display: none;
}

.page-work #work-main-content .drone-hero__stats {
  display: none;
}

@media (max-width: 720px) {
  .page-work #work-main-content .hero__ads-stat-grid--work {
    grid-template-columns: 1fr;
    max-width: 16rem;
  }
}

@media (max-width: 980px) and (min-width: 721px) {
  .page-work #work-main-content .hero__ads-stat-grid--work {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: none;
  }
}

:root[data-theme="light"] .page-work .work-page-band::before,
:root[data-theme="light"] .page-work .work-page-band::after,
:root[data-theme="light"] .page-work #work-main-content .contact-wp-hero__center::before {
  display: none !important;
}

:root[data-theme="light"] .page-work #work-main-content.contact-wp-hero.drone-hero {
  position: relative;
  overflow: hidden;
  background: transparent;
}

:root[data-theme="light"] .page-work #work-main-content.contact-wp-hero.drone-hero.hero--work::before,
:root[data-theme="light"] .page-work #work-main-content.contact-wp-hero.drone-hero.hero--work::after {
  display: none;
}

:root[data-theme="light"] .page-work #work-main-content.hero.hero--work .hero__overlay {
  background:
    linear-gradient(105deg, rgba(255, 252, 247, 0.94) 0%, rgba(255, 252, 247, 0.86) 42%, rgba(255, 252, 247, 0.45) 62%, rgba(255, 252, 247, 0.15) 100%),
    linear-gradient(180deg, rgba(255, 252, 247, 0.62), rgba(255, 245, 236, 0.94));
}

:root[data-theme="light"] .page-work #work-main-content.hero.hero--work .hero__grid {
  opacity: 0.2;
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.06) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.05) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 149, 64, 0.12), transparent 62%);
  mask-image: radial-gradient(58% 56% at 50% 42%, black 52%, transparent 100%);
}

:root[data-theme="light"] .page-work #work-main-content.contact-wp-hero.drone-hero > .container {
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .page-work #work-main-content.contact-wp-hero.drone-hero.contact-wp-hero {
  background: transparent;
  box-shadow: none;
  min-height: unset;
  padding-bottom: 0;
}

:root[data-theme="light"] .page-work #work-main-content .drone-hero__media--work {
  display: none;
}

:root[data-theme="light"] .page-work #work-main-content .contact-wp-hero__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-work #work-main-content .contact-wp-hero__lead {
  color: rgba(10, 12, 18, 0.7);
}
/* Drone Services hero — match Work page vignette hero; background: drone-footage-services-omaha.jpg */
.page-drone-services .contact-page-band::before,
.page-drone-services .contact-page-band::after,
.page-drone-services #drone-hero .contact-wp-hero__center::before {
  background: none !important;
  content: none;
  display: none;
}

.page-drone-services #drone-hero.contact-wp-hero.drone-hero {
  align-items: stretch;
  justify-content: center;
  min-height: unset;
  padding: 0;
  overflow: hidden;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none;
}

.page-drone-services #drone-hero.contact-wp-hero.drone-hero .contact-wp-hero__center {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 80rem;
  width: min(100% - clamp(24px, 5vw, 40px), 1240px);
}

.page-drone-services #drone-hero.contact-wp-hero.drone-hero .contact-wp-hero__actions {
  justify-content: center;
  width: 100%;
}

.page-drone-services #drone-hero #drone-hero-title.contact-wp-hero__title {
  position: relative;
  margin: 0;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.05;
  font-size: clamp(2.2rem, 2.2rem + 2.2vw, 4.15rem);
  max-width: 18ch;
}

.page-drone-services #drone-hero #drone-hero-title .accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  background-size: 260% 260%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 60px rgba(255, 122, 0, 0.24);
  animation: homeAccentShift 2.9s ease-in-out infinite;
}

:root[data-theme="light"] .page-drone-services #drone-hero #drone-hero-title .accent {
  background: none;
  -webkit-text-fill-color: var(--blue);
  color: var(--blue);
  text-shadow: none;
  animation: none;
}

.page-drone-services #drone-hero .contact-wp-hero__lead {
  margin: 0 auto;
  max-width: min(44rem, 100%);
  font-size: 18px;
}

.page-drone-services #drone-hero .drone-hero__copy .contact-wp-hero__actions {
  margin-top: 2.25rem;
}

.page-drone-services #drone-hero .drone-hero__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  padding-top: clamp(2.5rem, 10vh, 6rem);
  padding-bottom: clamp(1.25rem, 4vh, 2.5rem);
  max-width: none;
}

.page-drone-services #drone-hero .drone-hero__copy > .eyebrow.eyebrow--process {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-drone-services #drone-hero .drone-hero__copy > .eyebrow.eyebrow--process {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .page-drone-services #drone-hero .drone-hero__copy {
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.page-drone-services #drone-hero.contact-wp-hero.drone-hero.contact-wp-hero {
  background: transparent;
  box-shadow: none;
  padding-bottom: 0;
}

.page-drone-services #drone-hero.hero.hero--drone {
  position: relative;
  isolation: isolate;
  min-height: clamp(520px, 78svh, 820px);
  padding: calc(5.75rem + env(safe-area-inset-top, 0px)) 0 clamp(4rem, calc(6vw + 2vh), 5.75rem);
}

.page-drone-services #drone-hero.hero.hero--drone > .container {
  position: relative;
  z-index: 1;
}

.page-drone-services #drone-hero.hero.hero--drone .hero__bg {
  z-index: 0;
}

.page-drone-services #drone-hero.hero.hero--drone .hero__image,
.page-drone-services #drone-hero.hero.hero--drone .hero__image--drone-fallback {
  background-position: 72% center;
  background-size: cover;
}

/* Desktop: hero background video; mobile: static drone image (saves data + battery) */
.page-drone-services #drone-hero .hero__video--drone {
  display: none;
}

.page-drone-services #drone-hero .hero__image--drone-fallback {
  display: block;
}

@media (min-width: 981px) {
  .page-drone-services #drone-hero .hero__video--drone {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 72% center;
    transform: scale(1.02);
    filter: saturate(1.05) contrast(1.05);
    pointer-events: none;
  }

  .page-drone-services #drone-hero .hero__image--drone-fallback {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-drone-services #drone-hero .hero__video--drone {
    display: none !important;
  }

  .page-drone-services #drone-hero .hero__image--drone-fallback {
    display: block !important;
  }
}

.page-drone-services #drone-hero.hero.hero--drone .hero__overlay {
  background:
    linear-gradient(105deg, rgba(2, 5, 12, 0.83) 0%, rgba(2, 5, 12, 0.70) 42%, rgba(2, 5, 12, 0.41) 62%, rgba(2, 5, 12, 0.25) 100%),
    linear-gradient(180deg, rgba(2, 5, 12, 0.50), rgba(2, 5, 12, 0.79));
}

.page-drone-services #drone-hero.hero.hero--drone .hero__vignette {
  background: radial-gradient(62% 72% at 50% 40%, transparent 58%, rgba(0, 0, 0, 0.50) 100%);
}

.page-drone-services #drone-hero.hero.hero--drone .hero__grid {
  opacity: 0.31;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 149, 64, 0.14), transparent 62%);
  mask-image: radial-gradient(58% 56% at 50% 42%, black 52%, transparent 100%);
}

.page-drone-services .contact-page-band > #drone-hero.contact-wp-hero.drone-hero.hero--drone::before,
.page-drone-services #drone-hero.hero.hero--drone::before,
.page-drone-services #drone-hero.hero.hero--drone::after {
  display: none !important;
  content: none !important;
}

.page-drone-services #drone-hero .drone-hero__split--drone {
  display: block;
  width: 100%;
  max-width: min(48rem, 100%);
  margin-inline: auto;
  grid-template-columns: unset;
  gap: 0;
  padding-bottom: 0;
}

.page-drone-services #drone-hero .drone-hero__visual,
.page-drone-services #drone-hero .drone-hero__media {
  display: none !important;
}

:root[data-theme="light"] .page-drone-services #drone-hero.contact-wp-hero.drone-hero {
  position: relative;
  overflow: hidden;
  background: transparent !important;
}

:root[data-theme="light"] .page-drone-services #drone-hero.hero.hero--drone .hero__overlay {
  background:
    linear-gradient(105deg, rgba(255, 252, 247, 0.85) 0%, rgba(255, 252, 247, 0.77) 42%, rgba(255, 252, 247, 0.41) 62%, rgba(255, 252, 247, 0.14) 100%),
    linear-gradient(180deg, rgba(255, 252, 247, 0.56), rgba(255, 245, 236, 0.85));
}

:root[data-theme="light"] .page-drone-services #drone-hero.hero.hero--drone .hero__vignette {
  background: radial-gradient(62% 72% at 50% 40%, transparent 58%, rgba(0, 0, 0, 0.14) 100%);
}

:root[data-theme="light"] .page-drone-services #drone-hero.hero.hero--drone .hero__grid {
  opacity: 0.18;
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.06) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.05) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 149, 64, 0.12), transparent 62%);
  mask-image: radial-gradient(58% 56% at 50% 42%, black 52%, transparent 100%);
}

:root[data-theme="light"] .page-drone-services #drone-hero.contact-wp-hero.drone-hero > .container {
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .page-drone-services #drone-hero .contact-wp-hero__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-drone-services #drone-hero .contact-wp-hero__lead {
  color: rgba(10, 12, 18, 0.7);
}

:root[data-theme="light"] .page-drone-services #drone-hero.hero.hero--drone .hero__image,
:root[data-theme="light"] .page-drone-services #drone-hero.hero.hero--drone .hero__image--drone-fallback {
  background-position: 70% center;
}

@media (min-width: 981px) {
  :root[data-theme="light"] .page-drone-services #drone-hero .hero__video--drone {
    object-position: 70% center;
  }
}


:root[data-theme="light"] .page-work #work-main-content .hero__ads-stat-card {
  border-color: rgba(10, 12, 18, 0.1);
  background: linear-gradient(180deg, #ffffff 0%, rgba(248, 250, 252, 0.98) 100%);
  box-shadow: 0 6px 22px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-work #work-main-content .hero__ads-stat-val {
  color: rgba(10, 12, 18, 0.94);
}

:root[data-theme="light"] .page-work #work-main-content .hero__ads-stat-lbl {
  color: rgba(10, 12, 18, 0.55);
}

:root[data-theme="light"] .page-work #work-main-content .hero__ads-stat-ico {
  background: rgba(255, 120, 48, 0.08);
}

.contact-page-band::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* Localized behind hero copy (~.contact-wp-hero__center); px/clamp anchors avoid giant band-wide teal */
  background:
    radial-gradient(
      ellipse min(720px, 96vw) clamp(220px, 24vh, 320px) at 50% clamp(240px, 30vh, 340px),
      rgba(58, 134, 255, 0.16),
      transparent 72%
    ),
    radial-gradient(
      ellipse min(860px, 110vw) clamp(72px, 9vh, 110px) at 50% clamp(470px, 56vh, 560px),
      rgba(58, 134, 255, 0.07),
      transparent 80%
    );
}

.contact-page-band::after {
  content: "";
  position: absolute;
  left: 50%;
  top: clamp(230px, 27vh, 310px);
  width: min(400px, 72%);
  height: 150px;
  transform: translate(-50%, -48%);
  background: radial-gradient(closest-side, rgba(58, 134, 255, 0.14), transparent 76%);
  filter: blur(16px);
  opacity: 0.38;
  z-index: 0;
  pointer-events: none;
}

:root[data-theme="light"] .contact-page-band {
  background: var(--light-canvas);
}

:root[data-theme="light"] .contact-page-band::before {
  background:
    radial-gradient(
      ellipse min(700px, 94vw) clamp(210px, 22vh, 300px) at 50% clamp(235px, 29vh, 330px),
      rgba(11, 99, 246, 0.10),
      transparent 74%
    ),
    radial-gradient(
      ellipse min(840px, 108vw) clamp(66px, 8vh, 100px) at 50% clamp(455px, 55vh, 540px),
      rgba(11, 99, 246, 0.05),
      transparent 80%
    );
}

:root[data-theme="light"] .contact-page-band::after {
  background: radial-gradient(closest-side, rgba(11, 99, 246, 0.08), transparent 78%);
  opacity: 0.34;
}

/* Contact page: one `--surface-footer` field behind map → process → CTA → footer (same as `.site-footer`; hero keeps its own sun wash) */
.page-contact .contact-page-band::before {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.page-contact .contact-page-band::after {
  display: none;
}

:root[data-theme="light"] .page-contact .contact-page-band::before {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

:root[data-theme="light"] .page-contact .contact-page-band::after {
  display: none;
}

.page-contact .contact-page-band {
  /* Canvas lives on `::before` only (same pattern as `.about-why-grow`) — avoids double `--surface-footer` */
  background: transparent;
  isolation: isolate;
}

/* Contact: hero → map → FAQ share the band canvas; footer matches standalone `.site-footer` (own paint + hairline) */
.page-contact .contact-page-band > .site-footer {
  position: relative;
  z-index: 1;
  background: var(--surface-footer);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

:root[data-theme="light"] .page-contact .contact-page-band > .site-footer {
  background: var(--surface-footer);
  border-top-color: rgba(10, 12, 18, 0.06);
}

.page-contact .contact-wp-hero__lead.contact-hero-split__lead {
  font-size: 18px;
  line-height: 1.7;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
}

:root[data-theme="light"] .page-contact .contact-wp-hero__lead.contact-hero-split__lead {
  color: rgba(10, 12, 18, 0.7);
}

.page-contact #inquiry.contact-wp-hero--split .contact-hero-split__intro {
  position: relative;
}

/* Same sun accent as `.about-hero .about-accent` */
.page-contact #inquiry.contact-wp-hero--split .contact-wp-hero__accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 14px 36px rgba(255, 106, 0, 0.35));
  animation: none;
  text-shadow: none;
}

:root[data-theme="light"] .page-contact #inquiry.contact-wp-hero--split .contact-wp-hero__accent {
  background: none;
  -webkit-text-fill-color: #e85d00;
  color: #ff8a00;
  filter: none;
  text-shadow: none;
}

/* Contact: split hero + form (sun canvas, reference-inspired) */
.page-contact .contact-wp-hero--split {
  align-items: stretch;
  justify-content: center;
  min-height: min(88vh, 920px);
  padding: clamp(5.75rem, 4.5rem + 3vw, 7.25rem) 0 clamp(2.5rem, 2rem + 2vw, 3.5rem);
  overflow: visible;
  background:
    radial-gradient(ellipse min(120%, 900px) 85% at 8% 12%, rgba(255, 149, 64, 0.12), transparent 55%),
    radial-gradient(ellipse min(90%, 640px) 70% at 92% 22%, rgba(255, 106, 18, 0.1), transparent 52%),
    linear-gradient(180deg, #05060d 0%, #070a12 52%, #070a12 100%);
}

.page-contact .contact-page-band > .contact-wp-hero.contact-wp-hero--split::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  /* Match SEO `.contact-page-band > .contact-wp-hero::before` — diamond lattice + sun bloom (not dot matrix) */
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 118, 52, 0.128), transparent 62%);
  background-size: auto;
  opacity: 0.33;
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
  -webkit-mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

:root[data-theme="light"] .page-contact .contact-wp-hero--split {
  background:
    radial-gradient(ellipse min(120%, 900px) 90% at 6% 0%, rgba(255, 210, 170, 0.45), transparent 52%),
    radial-gradient(ellipse min(95%, 720px) 75% at 96% 18%, rgba(255, 173, 102, 0.22), transparent 55%),
    linear-gradient(180deg, #fffaf5 0%, #fff8f0 45%, #fff5eb 100%);
}

:root[data-theme="light"] .page-contact .contact-page-band > .contact-wp-hero.contact-wp-hero--split::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.07) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.055) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 122, 40, 0.1), transparent 62%);
  background-size: auto;
  opacity: 0.26;
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
  -webkit-mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

.contact-hero-split {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
  gap: clamp(28px, 4vw, 48px);
  align-items: start;
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
}

.contact-hero-split__intro {
  text-align: left;
  max-width: 36rem;
}

.contact-hero-split__intro > * {
  position: relative;
  z-index: 1;
}

.contact-hero-split__kicker,
.page-contact .contact-wp-hero__kicker.contact-hero-split__kicker {
  display: block;
  margin: 0 0 0.65rem;
  padding: 0;
  width: auto;
  max-width: none;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
  text-shadow: none;
}

:root[data-theme="light"] .contact-hero-split__kicker,
:root[data-theme="light"] .page-contact .contact-wp-hero__kicker.contact-hero-split__kicker {
  color: rgba(30, 36, 48, 0.72);
  background: none;
  border: 0;
  box-shadow: none;
}

.contact-hero-split__headline {
  margin: 0 0 1rem;
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.15;
  padding-bottom: 0.06em;
  overflow: visible;
  font-size: clamp(2rem, 1.2rem + 2.4vw, 3.15rem);
  color: rgba(255, 255, 255, 0.96);
}

.contact-hero-split__headline-line {
  display: block;
}

.contact-hero-split__headline-line--accent {
  margin-top: 0.12em;
}

:root[data-theme="light"] .contact-hero-split__headline {
  color: rgba(10, 12, 18, 0.94);
}

.contact-hero-split__lead {
  margin: 0;
  max-width: 38rem;
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
}

.contact-hero-split__lead strong {
  font-weight: 600;
  color: inherit;
}

.contact-hero-split__lead a {
  color: #ffb000;
  border-bottom: 1px solid rgba(255, 176, 0, 0.45);
  text-decoration: none;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.contact-hero-split__lead a:hover {
  color: #ffd454;
  border-bottom-color: rgba(255, 212, 84, 0.75);
}

:root[data-theme="light"] .contact-hero-split__lead {
  color: rgba(10, 12, 18, 0.7);
}

:root[data-theme="light"] .contact-hero-split__lead a {
  color: #ffb000;
  border-bottom-color: rgba(255, 176, 0, 0.42);
}

:root[data-theme="light"] .contact-hero-split__lead a:hover {
  color: #cc8e00;
  border-bottom-color: rgba(255, 176, 0, 0.58);
}

.contact-hero-rail {
  list-style: none;
  margin: clamp(1.5rem, 1rem + 2vw, 2.25rem) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}

.contact-hero-rail__item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.contact-hero-rail__ico {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: rgba(255, 248, 235, 0.95);
  background: rgba(11, 10, 10, 0.55);
  border: 1px solid rgba(255, 159, 64, 0.35);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

.contact-hero-rail__ico svg {
  margin-top: 1px;
}

:root[data-theme="light"] .contact-hero-rail__ico {
  color: rgba(122, 42, 10, 0.92);
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(255, 149, 64, 0.42);
  box-shadow: 0 6px 18px rgba(10, 12, 18, 0.06);
}

.contact-hero-rail__title {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}

.contact-hero-rail__value {
  display: inline-block;
  margin: 0;
  font-size: 17px;
  line-height: 1.55;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.contact-hero-rail__value:not(.contact-hero-rail__value--text) {
  color: #ffb000;
  border-bottom: 1px solid rgba(255, 176, 0, 0.45);
}

.contact-hero-rail__value:not(.contact-hero-rail__value--text):hover {
  color: #ffd454;
  border-bottom-color: rgba(255, 212, 84, 0.75);
  text-decoration: none;
}

.contact-hero-rail__value--text {
  font-weight: 400;
  line-height: 1.7;
}

.contact-hero-rail__hint {
  margin: 6px 0 0;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
}

:root[data-theme="light"] .contact-hero-rail__title {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .contact-hero-rail__value,
:root[data-theme="light"] .contact-hero-rail__value--text {
  color: rgba(10, 12, 18, 0.7);
}

:root[data-theme="light"] .contact-hero-rail__value:not(.contact-hero-rail__value--text) {
  color: #ffb000;
  border-bottom-color: rgba(255, 176, 0, 0.42);
}

:root[data-theme="light"] .contact-hero-rail__value:not(.contact-hero-rail__value--text):hover {
  color: #cc8e00;
  border-bottom-color: rgba(255, 176, 0, 0.58);
}

:root[data-theme="light"] .contact-hero-rail__hint {
  color: rgba(10, 12, 18, 0.7);
}

.contact-hero-split__panel {
  position: relative;
  min-width: 0;
}

.contact-form-wrap--hero {
  margin-top: 0;
}

.contact-form-head--hero {
  margin: 0 0 16px;
  max-width: none;
  text-align: left;
}

.contact-form-head--hero .contact-form-head__kicker {
  margin: 0 0 10px;
}

.contact-form-head__title.contact-form-head__title--hero {
  margin: 0 0 10px;
  padding: 0;
  padding-bottom: 0.06em;
  max-width: none;
  overflow: visible;
  font-size: clamp(2rem, 1.2rem + 2.4vw, 3.15rem);
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.15;
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] .contact-form-head__title.contact-form-head__title--hero {
  color: rgba(10, 12, 18, 0.94);
}

.contact-form-head--hero .contact-form-head__sub {
  margin: 0;
  max-width: none;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.66);
}

:root[data-theme="light"] .contact-form-head--hero .contact-form-head__sub {
  color: rgba(10, 12, 18, 0.66);
}

.page-contact .contact-form--hero {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding: clamp(20px, 2vw, 26px) clamp(18px, 2vw, 22px);
  border-radius: 16px;
  border: 1px solid rgba(255, 159, 64, 0.22);
  background:
    radial-gradient(ellipse 120% 90% at 12% 0%, rgba(255, 149, 64, 0.12), transparent 52%),
    radial-gradient(ellipse 90% 80% at 100% 100%, rgba(255, 106, 18, 0.08), transparent 48%),
    rgba(11, 10, 10, 0.78);
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

:root[data-theme="light"] .page-contact .contact-form--hero {
  border-color: rgba(255, 149, 64, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 140, 72, 0.06) 0%, transparent 38%),
    #ffffff;
  box-shadow: 0 16px 48px rgba(10, 12, 18, 0.08);
}

.page-contact .contact-form--hero .field__input:focus {
  border-color: rgba(255, 176, 96, 0.55);
  box-shadow: 0 0 0 4px rgba(255, 122, 40, 0.18);
}

:root[data-theme="light"] .page-contact .contact-form--hero .field__input:focus {
  border-color: rgba(255, 149, 64, 0.45);
  box-shadow: 0 0 0 4px rgba(255, 149, 64, 0.14);
}

.contact-form__actions--hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 20px;
  margin-top: 4px;
}

.page-contact .contact-form__actions--hero .btn--primary {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 48%, #ff2d1a 100%);
  border: 1px solid rgba(255, 214, 160, 0.35);
  box-shadow: 0 14px 36px rgba(255, 94, 36, 0.28);
}

.page-contact .contact-form__actions--hero .btn--primary:hover {
  filter: brightness(1.05);
  box-shadow: 0 18px 44px rgba(255, 94, 36, 0.34);
}

:root[data-theme="light"] .page-contact .contact-form__actions--hero .btn--primary {
  background: linear-gradient(135deg, #ea580c 0%, #f97316 45%, #fb923c 100%);
  border-color: rgba(251, 146, 60, 0.45);
  box-shadow: 0 10px 28px rgba(234, 88, 12, 0.2);
}

.contact-form__trust {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  max-width: 20rem;
  font-size: 12.5px;
  line-height: 1.45;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
}

.contact-form__trust-ico {
  flex-shrink: 0;
  margin-top: 2px;
  color: rgba(255, 196, 140, 0.85);
}

:root[data-theme="light"] .contact-form__trust {
  color: rgba(10, 12, 18, 0.52);
}

:root[data-theme="light"] .contact-form__trust-ico {
  color: rgba(194, 65, 12, 0.75);
}

#contact-form {
  scroll-margin-top: 6.5rem;
}

@media (max-width: 980px) {
  .contact-hero-split {
    grid-template-columns: 1fr;
  }

  .contact-hero-split__intro {
    max-width: none;
  }

  .page-contact .contact-wp-hero--split {
    min-height: unset;
    padding-top: 5.5rem;
  }
}

@media (max-width: 640px) {
  .contact-form__actions--hero {
    flex-direction: column;
    align-items: stretch;
  }

  .contact-form__trust {
    max-width: none;
  }
}

/* Contact page: office + Maps strip (reference-style layout) */
.page-contact .section--contact-map {
  color: #fff;
}

/* Same 3px sun hairline as testimonials `#reviews` light-band (`::before`), integrated on this section */
.page-contact .section--contact-map::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
  z-index: 2;
  pointer-events: none;
}

.page-contact .section--contact-map .contact-map-section {
  max-width: min(1160px, calc(100% - 32px));
  margin-inline: auto;
}

.page-contact .contact-map-section__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  gap: clamp(28px, 4.5vw, 56px);
  align-items: start;
  margin-bottom: clamp(40px, 5vw, 64px);
}

.page-contact .contact-map-section__intro {
  text-align: left;
  min-width: 0;
}

.page-contact .contact-map-section__eyebrow {
  margin: 0 0 0.65rem;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.82);
  text-shadow: none;
}

.page-contact .contact-map-section__title {
  margin: 0 0 1rem;
  font-size: 48px;
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
}

/* Sun accent — same treatment as `.page-drone-services .drone-intro__title-accent` */
.page-contact .contact-map-section__title-accent {
  padding-bottom: 0.08em;
  margin-bottom: -0.08em;
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 12px 30px rgba(255, 94, 36, 0.32));
}

.page-contact .contact-map-section__lede {
  margin: 0 0 1.5rem;
  font-size: 18px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.62);
  max-width: 42ch;
}

.page-contact .contact-map-section__address-row {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}

.page-contact .contact-map-section__pin {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(255, 149, 64, 0.55);
  color: #ffb428;
  background: rgba(255, 149, 64, 0.1);
}

.page-contact .contact-map-section__biz {
  margin: 0 0 0.2rem;
  font-weight: 700;
  font-size: 1.02rem;
  color: #fff;
}

.page-contact .contact-map-section__addr {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.55);
}

.page-contact .contact-map-section__directions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 0.98rem;
  color: #fff;
  text-decoration: none;
  background: #0a0a0a;
  border: 1px solid rgba(255, 255, 255, 0.18);
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    transform 0.18s ease;
}

.page-contact .contact-map-section__directions:hover {
  border-color: rgba(255, 255, 255, 0.32);
  background: #111;
}

.page-contact .contact-map-section__directions:focus-visible {
  outline: 2px solid rgba(255, 149, 64, 0.95);
  outline-offset: 3px;
}

.page-contact .contact-map-section__directions-ico {
  display: inline-flex;
  color: rgba(255, 255, 255, 0.88);
}

.page-contact .contact-map-section__map-col {
  min-width: 0;
}

.page-contact .contact-map-section__map-shell {
  position: relative;
}

.page-contact .contact-map-section__frame {
  border-radius: 22px;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 28px 100px rgba(0, 0, 0, 0.65);
}

.page-contact .contact-map-section__frame iframe {
  height: min(420px, 58vw);
  min-height: 300px;
  border-radius: 0;
}

.page-contact .contact-map-section__map-card {
  position: absolute;
  left: clamp(12px, 2vw, 18px);
  bottom: clamp(12px, 2vw, 18px);
  max-width: min(220px, 46%);
  padding: 14px 16px 15px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(6, 8, 12, 0.88);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}

.page-contact .contact-map-section__map-card-pin {
  display: flex;
  color: #ffb428;
  margin-bottom: 8px;
}

.page-contact .contact-map-section__map-card-title {
  margin: 0 0 0.2rem;
  font-weight: 800;
  font-size: 0.98rem;
  letter-spacing: -0.01em;
  color: #fff;
}

.page-contact .contact-map-section__map-card-sub {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.56);
}

.page-contact .contact-map-section__features {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 22px);
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  border-radius: 0;
  overflow: visible;
}

/* Match `.contact-page-band > .connect-cta-band .connect-cta__inner` - cool glass panel per item */
.page-contact .contact-map-section__feature {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: clamp(22px, 2.5vw, 30px) clamp(16px, 2vw, 24px) clamp(18px, 2vw, 22px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.page-contact .contact-map-section__feature > * {
  position: relative;
  z-index: 1;
}

.page-contact .contact-map-section__feature-ico {
  display: inline-flex;
  margin-bottom: 12px;
  color: #ffb428;
  filter: drop-shadow(0 6px 18px rgba(255, 94, 36, 0.22));
}

.page-contact .contact-map-section__feature-ico--stars {
  align-items: center;
  justify-content: center;
  min-height: 36px;
  width: 100%;
}

.page-contact .contact-map-section__feature-ico--stars .g-star-row {
  font-size: clamp(22px, 5vw, 28px);
  color: inherit;
}

.page-contact .contact-map-section__feature-title {
  margin: 0 0 0.45rem;
  font-weight: 800;
  font-size: 1.02rem;
  letter-spacing: -0.012em;
  color: #fff;
}

.page-contact .contact-map-section__feature-text {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.58);
}

@media (max-width: 960px) {
  .page-contact .contact-map-section__grid {
    grid-template-columns: 1fr;
  }

  .page-contact .contact-map-section__intro {
    max-width: 40rem;
  }

  .page-contact .contact-map-section__lede {
    max-width: none;
  }

  .page-contact .contact-map-section__frame iframe {
    height: min(360px, 62vw);
  }
}

@media (max-width: 760px) {
  .page-contact .contact-map-section__features {
    grid-template-columns: 1fr;
  }
}

:root[data-theme="light"] .page-contact .section--contact-map {
  color: #0b0d12;
}

:root[data-theme="light"] .page-contact .contact-map-section__title {
  color: #0b0d12;
}

:root[data-theme="light"] .page-contact .contact-map-section__title-accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #e07000;
  color: #e07000;
  filter: none;
  text-shadow: 0 8px 28px rgba(255, 122, 40, 0.18);
}

:root[data-theme="light"] .page-contact .contact-map-section__lede,
:root[data-theme="light"] .page-contact .contact-map-section__addr,
:root[data-theme="light"] .page-contact .contact-map-section__feature-text {
  color: rgba(10, 12, 18, 0.65);
}

:root[data-theme="light"] .page-contact .contact-map-section__biz,
:root[data-theme="light"] .page-contact .contact-map-section__feature-title {
  color: #0b0d12;
}

:root[data-theme="light"] .page-contact .contact-map-section__eyebrow {
  color: rgba(30, 36, 48, 0.72);
}

:root[data-theme="light"] .page-contact .contact-map-section__pin {
  background: rgba(255, 149, 64, 0.12);
  border-color: rgba(234, 88, 12, 0.45);
  color: #ea580c;
}

:root[data-theme="light"] .page-contact .contact-map-section__map-card-pin {
  color: #ea580c;
}

:root[data-theme="light"] .page-contact .contact-map-section__feature-ico {
  color: #ea580c;
  filter: none;
}

:root[data-theme="light"] .page-contact .contact-map-section__directions:focus-visible {
  outline-color: rgba(234, 88, 12, 0.9);
}

:root[data-theme="light"] .page-contact .contact-map-section__directions {
  background: #fff;
  color: #0b0d12;
  border-color: rgba(10, 12, 18, 0.14);
}

:root[data-theme="light"] .page-contact .contact-map-section__directions:hover {
  background: #f6f8fc;
  border-color: rgba(10, 12, 18, 0.2);
}

:root[data-theme="light"] .page-contact .contact-map-section__directions-ico {
  color: rgba(10, 12, 18, 0.75);
}

:root[data-theme="light"] .page-contact .contact-map-section__features {
  border: none;
  background: transparent;
}

:root[data-theme="light"] .page-contact .contact-map-section__feature {
  border-color: rgba(10, 12, 18, 0.1);
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-contact .contact-map-section__map-card {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .page-contact .contact-map-section__map-card-title {
  color: #0b0d12;
}

:root[data-theme="light"] .page-contact .contact-map-section__map-card-sub {
  color: rgba(10, 12, 18, 0.55);
}

.page-contact #contact-form {
  scroll-margin-top: 6.5rem;
}

/* Graphic design hero: Mac photo scales past column — avoid clipping from band overflow */
.page-graphic-design .contact-page-band {
  overflow: visible;
}

/* Graphic design: continuous warm sun canvas — hero ticker through final CTA */
.page-graphic-design .contact-page-band::before {
  background:
    radial-gradient(
      ellipse min(720px, 96vw) clamp(220px, 24vh, 320px) at 50% clamp(240px, 30vh, 340px),
      rgba(255, 149, 64, 0.2),
      transparent 72%
    ),
    radial-gradient(
      ellipse min(860px, 110vw) clamp(72px, 9vh, 110px) at 50% clamp(470px, 56vh, 560px),
      rgba(255, 159, 28, 0.1),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(1120px, 132vw) clamp(320px, 34vh, 520px) at 18% 42%,
      rgba(255, 138, 48, 0.09),
      transparent 76%
    ),
    radial-gradient(
      ellipse min(1120px, 132vw) clamp(320px, 34vh, 520px) at 82% 54%,
      rgba(255, 149, 64, 0.08),
      transparent 76%
    ),
    radial-gradient(
      ellipse min(1180px, 138vw) clamp(340px, 36vh, 560px) at 50% 72%,
      rgba(255, 159, 28, 0.07),
      transparent 78%
    ),
    radial-gradient(
      ellipse min(1080px, 128vw) clamp(300px, 32vh, 480px) at 50% 92%,
      rgba(255, 149, 64, 0.08),
      transparent 78%
    );
}

.page-graphic-design .contact-page-band::after {
  background: radial-gradient(closest-side, rgba(255, 122, 40, 0.16), transparent 76%);
}

:root[data-theme="light"] .page-graphic-design .contact-page-band::before {
  background:
    radial-gradient(
      ellipse min(700px, 94vw) clamp(210px, 22vh, 300px) at 50% clamp(235px, 29vh, 330px),
      rgba(255, 149, 64, 0.12),
      transparent 74%
    ),
    radial-gradient(
      ellipse min(840px, 108vw) clamp(66px, 8vh, 100px) at 50% clamp(455px, 55vh, 540px),
      rgba(255, 159, 28, 0.07),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(1100px, 130vw) clamp(300px, 32vh, 500px) at 18% 42%,
      rgba(255, 149, 64, 0.07),
      transparent 78%
    ),
    radial-gradient(
      ellipse min(1100px, 130vw) clamp(300px, 32vh, 500px) at 82% 54%,
      rgba(255, 138, 48, 0.06),
      transparent 78%
    ),
    radial-gradient(
      ellipse min(1160px, 136vw) clamp(320px, 34vh, 540px) at 50% 72%,
      rgba(255, 159, 28, 0.055),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(1060px, 126vw) clamp(280px, 30vh, 460px) at 50% 92%,
      rgba(255, 149, 64, 0.06),
      transparent 80%
    );
}

:root[data-theme="light"] .page-graphic-design .contact-page-band::after {
  background: radial-gradient(closest-side, rgba(255, 122, 40, 0.11), transparent 78%);
  opacity: 0.34;
}

/* Maps integration: one `--surface-footer` field in `.contact-page-band` (matches `.site-footer`; hero keeps its own wash) */
.page-maps-integration .contact-page-band {
  background: transparent;
  isolation: isolate;
}

.page-maps-integration .contact-page-band::before {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.page-maps-integration .contact-page-band::after {
  display: none;
}

:root[data-theme="light"] .page-maps-integration .contact-page-band::before {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

:root[data-theme="light"] .page-maps-integration .contact-page-band::after {
  display: none;
}

/* SEO + Papillion: one `--surface-footer` field in `.contact-page-band` (matches `.site-footer`; hero keeps its own wash) */
:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band {
  overflow: visible;
  background: transparent;
  isolation: isolate;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band::before {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band::after {
  display: none;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band::before {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band::after {
  display: none;
}

.page-seo .pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 159, 28, 0.55) 30%,
    rgba(255, 122, 40, 0.85) 50%,
    rgba(255, 176, 0, 0.55) 70%,
    transparent 100%
  );
}

/* SEO / Papillion local SEO: sun hairline above `#what-we-work-on` — matches `#work.light-band__segment::before` */
:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .about-pink-divider {
  position: relative;
  z-index: 2;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.45) 30%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.45) 70%,
    transparent 100%
  );
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .about-pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero {
  min-height: min(88vh, 900px);
  padding-top: clamp(6.25rem, 5rem + 3vw, 7.75rem);
  padding-bottom: clamp(2.25rem, 1.75rem + 2vw, 3.25rem);
  background:
    radial-gradient(ellipse 135% 92% at 50% -14%, rgba(255, 149, 64, 0.26), transparent 56%),
    radial-gradient(ellipse min(105%, 720px) min(92%, 600px) at 90% 14%, rgba(255, 122, 40, 0.28), transparent 58%),
    radial-gradient(ellipse min(92%, 560px) min(82%, 480px) at 8% 88%, rgba(255, 176, 0, 0.16), transparent 54%),
    radial-gradient(ellipse 115% 82% at 48% 106%, rgba(15, 23, 42, 0.82), transparent 62%),
    #05060d;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero::before {
  /* Match services / Google Ads `hero__grid` — diamond lattice + sun bloom (not dot matrix) */
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 118, 52, 0.128), transparent 62%);
  background-size: auto;
  opacity: 0.33;
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
  -webkit-mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  /* Same edge falloff as `.hero__vignette` on `#ads-hero` */
  background: radial-gradient(60% 70% at 50% 40%, transparent 55%, rgba(0, 0, 0, 0.65) 100%);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero .contact-wp-hero__center::before {
  background: radial-gradient(ellipse 72% 58% at 50% 42%, rgba(255, 149, 64, 0.14), transparent 74%);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero .contact-wp-hero__accent {
  background: radial-gradient(125% 165% at 12% 38%, #ffb000 0%, #ff7a18 38%, #ff5a00 62%, #ff1f1f 96%);
  background-size: 100% 100%;
  animation: none;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 50px rgba(255, 122, 0, 0.28);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero .contact-wp-hero__kicker {
  display: inline-flex;
  align-items: center;
  margin: 0 auto 14px;
  padding: 6px 14px 5px;
  width: fit-content;
  max-width: 100%;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-radius: 999px;
  color: rgba(255, 232, 200, 0.96);
  background: rgba(255, 122, 40, 0.14);
  border: 1px solid rgba(255, 176, 0, 0.42);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 10px 28px rgba(255, 106, 18, 0.14);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero .contact-wp-hero__check {
  border-color: rgba(255, 176, 0, 0.32);
  background: rgba(0, 0, 0, 0.12);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero .contact-wp-hero__check-icon {
  color: rgba(255, 214, 170, 0.98);
  background: rgba(255, 122, 40, 0.14);
  border-color: rgba(255, 176, 0, 0.28);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #seo-hero-title.contact-wp-hero__title {
  font-size: 48px;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero .contact-wp-hero__lead {
  font-size: 18px;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #seo-pains-title.h2,
:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #seo-faq-title.h2 {
  font-size: 48px;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #seo-faq-title.h2 {
  max-width: none;
  white-space: nowrap;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .section__sub {
  font-size: 18px;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .btn--primary {
  background: linear-gradient(180deg, #ff8c22 0%, #ff6a00 42%, #e04000 100%);
  box-shadow: 0 18px 50px rgba(255, 106, 0, 0.28), 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 255, 255, 0.12);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .btn--primary:hover {
  box-shadow: 0 22px 70px rgba(255, 140, 0, 0.34), 0 14px 45px rgba(0, 0, 0, 0.55);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero {
  background:
    radial-gradient(ellipse 125% 96% at 50% -18%, rgba(255, 210, 170, 0.52), transparent 52%),
    radial-gradient(ellipse min(98%, 660px) min(88%, 560px) at 94% 12%, rgba(255, 173, 102, 0.26), transparent 58%),
    radial-gradient(ellipse min(88%, 500px) min(72%, 420px) at 6% 92%, rgba(255, 247, 237, 0.96), transparent 55%),
    radial-gradient(ellipse 105% 68% at 50% 118%, rgba(241, 245, 249, 0.88), transparent 65%),
    #fff8f0;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.07) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.055) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 122, 40, 0.1), transparent 62%);
  background-size: auto;
  opacity: 0.26;
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
  -webkit-mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero::after {
  background: radial-gradient(62% 72% at 50% 42%, transparent 58%, rgba(10, 12, 18, 0.07) 100%);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero .contact-wp-hero__center::before {
  background: radial-gradient(ellipse 70% 56% at 50% 44%, rgba(255, 149, 64, 0.11), transparent 76%);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero .contact-wp-hero__accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
  filter: none;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero .contact-wp-hero__kicker {
  color: #8a3d0a;
  background: radial-gradient(ellipse 130% 120% at 50% 0%, #ffffff 0%, #fff9f3 48%, #fff3e6 100%);
  border: 1px solid rgba(255, 149, 64, 0.34);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 1px 2px rgba(0, 0, 0, 0.04);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero .contact-wp-hero__check {
  border-color: rgba(234, 88, 12, 0.28);
  background: rgba(255, 255, 255, 0.65);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .contact-wp-hero .contact-wp-hero__check-icon {
  color: #c2410c;
  background: rgba(255, 149, 64, 0.14);
  border-color: rgba(234, 88, 12, 0.28);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .btn--primary {
  background: linear-gradient(180deg, #ff9124 0%, #ff7300 45%, #e05800 100%);
  box-shadow: 0 14px 40px rgba(255, 130, 0, 0.22), 0 12px 32px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .btn--primary:hover {
  box-shadow: 0 18px 52px rgba(255, 130, 0, 0.28), 0 12px 36px rgba(10, 12, 18, 0.1);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .section.section--thin,
:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .section.section--thin.section--alt {
  background: transparent;
  border-top: 0;
  border-bottom: 0;
}

/* Pure `.section--alt` blocks (process, trust, FAQ) — no second strip; parent `::before` is the canvas */
:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .section.section--alt:not(.section--thin) {
  background: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > .section.section--alt:not(.section--thin) {
  background: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #what-we-work-on.section--services {
  position: relative;
  z-index: 1;
  margin-top: 0;
  padding: 0 0 clamp(3rem, 6vw, 4.75rem);
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #what-we-work-on.section--services::before {
  display: none;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #what-we-work-on .section--services__fade {
  display: none !important;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #what-we-work-on .section--services__inner {
  padding-top: clamp(28px, 4vw, 48px);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .services__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(16px, 2.2vw, 22px);
  margin-bottom: clamp(36px, 4vw, 48px);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .services__head-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: min(56rem, 100%);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .services__eyebrow {
  margin: 0 auto 10px;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .services__head-col .process__title {
  text-align: center;
  margin-inline: auto;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .services__lead {
  align-self: center;
  width: 100%;
  max-width: min(52rem, 100%);
  margin: 0;
  padding: 0;
  border-left: 0;
  border-top: 0;
  text-align: center;
}

@media (max-width: 980px) {
  :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .services__lead {
    border-top: 0;
    padding: 0;
  }
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .services__grid::before {
  display: none;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #what-we-work-on.section--services {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #what-we-work-on .section--services__fade {
  display: none !important;
}

/* SEO / Papillion: `#what-we-work-on` tiles — same slate glass + icon chips as website-design `#webdesign-services` */
:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .service-card {
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .service-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .service-card__icon {
  background: rgba(12, 14, 20, 0.72);
  color: rgba(255, 255, 255, 0.92);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .service-card__icon {
  background: rgba(255, 255, 255, 0.94);
  color: rgba(10, 12, 18, 0.9);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.07);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: none;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: none;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .service-card:hover,
:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .service-card:hover {
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(255, 122, 40, 0.1) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .service-card:hover,
:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band #what-we-work-on .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

/* SEO page: common problems rotator — match Work / Graphic design Lincoln layout */
:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #seo-pains.section--webdesign-pains--lincoln {
  position: relative;
  z-index: 1;
  padding: clamp(1.25rem, 2.8vw, 2.25rem) 0 clamp(2rem, 4vw, 3.25rem);
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #seo-pains.section--webdesign-pains--lincoln {
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #seo-pains.section--webdesign-pains--lincoln .webdesign-pains__bg,
:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #seo-pains.section--webdesign-pains--lincoln .section--services__fade {
  display: none !important;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #seo-pains.section--webdesign-pains--lincoln .webdesign-pains__inner::before {
  content: none;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #seo-pains.section--webdesign-pains--lincoln .webdesign-pains__inner > * {
  position: relative;
  z-index: 1;
}

:is(.page-seo, .page-lincoln.page-papillion) #seo-problems-rotator {
  margin-top: clamp(1rem, 0.6rem + 1.2vw, 1.5rem);
}

:is(.page-seo, .page-lincoln.page-papillion) #seo-pains.section--webdesign-pains--lincoln .webdesign-pains {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) #seo-pains.section--webdesign-pains--lincoln .webdesign-pains {
  background: rgba(10, 12, 18, 0.02);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 18px 55px rgba(10, 12, 18, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

:is(.page-seo, .page-lincoln.page-papillion) #seo-pains.section--webdesign-pains--lincoln .webdesign-pains__tabs {
  flex-wrap: wrap;
  gap: 0;
  padding: 0;
  overflow-x: visible;
  overflow-y: visible;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: none;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) #seo-pains.section--webdesign-pains--lincoln .webdesign-pains__tabs {
  border-bottom-color: rgba(10, 12, 18, 0.1);
  background: none;
}

:is(.page-seo, .page-lincoln.page-papillion) #seo-pains.section--webdesign-pains--lincoln .webdesign-pains__tab {
  flex: 1;
  min-width: min(150px, 100%);
  padding: 14px 14px;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: normal;
}

:is(.page-seo, .page-lincoln.page-papillion) #seo-pains.section--webdesign-pains--lincoln .webdesign-pains__tab:hover {
  border-color: transparent;
  border-bottom-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) #seo-pains.section--webdesign-pains--lincoln .webdesign-pains__tab:hover {
  background: rgba(10, 12, 18, 0.03);
}

:is(.page-seo, .page-lincoln.page-papillion) #seo-problems-rotator .webdesign-pains__tab {
  position: relative;
}

:is(.page-seo, .page-lincoln.page-papillion) #seo-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(255, 248, 235, 0.98);
  border-bottom-color: rgba(255, 159, 48, 0.92);
  background: transparent;
  box-shadow: none;
}

:is(.page-seo, .page-lincoln.page-papillion) #seo-problems-rotator .webdesign-pains__tab.is-active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -1px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255, 106, 0, 0),
    rgba(255, 176, 0, 0.95),
    rgba(255, 90, 0, 0.95),
    rgba(255, 106, 0, 0)
  );
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) #seo-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(122, 42, 10, 0.96);
  background: rgba(255, 159, 48, 0.08);
  border-bottom-color: rgba(255, 122, 40, 0.52);
  box-shadow: none;
}

:is(.page-seo, .page-lincoln.page-papillion) #seo-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-wrap {
  padding: 26px 26px;
  border-top: 0;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) #seo-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-wrap {
  border-top-color: transparent;
}

:is(.page-seo, .page-lincoln.page-papillion) #seo-pains.section--webdesign-pains--lincoln .webdesign-pains__panel.is-active {
  animation: none;
}

:is(.page-seo, .page-lincoln.page-papillion) #seo-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-inner {
  gap: 16px;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) #seo-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-inner {
  background: none;
}

/* Maps page: common problems rotator — match SEO page Lincoln layout */
.page-maps-integration .maps-integration-fluid > #maps-seo-pains.section--webdesign-pains--lincoln {
  position: relative;
  z-index: 1;
  padding: clamp(1.25rem, 2.8vw, 2.25rem) 0 clamp(2rem, 4vw, 3.25rem);
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
}

:root[data-theme="light"] .page-maps-integration .maps-integration-fluid > #maps-seo-pains.section--webdesign-pains--lincoln {
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
}

.page-maps-integration .maps-integration-fluid > #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains__bg,
.page-maps-integration .maps-integration-fluid > #maps-seo-pains.section--webdesign-pains--lincoln .section--services__fade {
  display: none !important;
}

.page-maps-integration .maps-integration-fluid > #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains__inner::before {
  content: none;
}

.page-maps-integration .maps-integration-fluid > #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains__inner > * {
  position: relative;
  z-index: 1;
}

.page-maps-integration #maps-seo-problems-rotator {
  margin-top: clamp(1rem, 0.6rem + 1.2vw, 1.5rem);
}

.page-maps-integration #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .page-maps-integration #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains {
  background: rgba(10, 12, 18, 0.02);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 18px 55px rgba(10, 12, 18, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.page-maps-integration #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains__tabs {
  flex-wrap: wrap;
  gap: 0;
  padding: 0;
  overflow-x: visible;
  overflow-y: visible;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: none;
}

:root[data-theme="light"] .page-maps-integration #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains__tabs {
  border-bottom-color: rgba(10, 12, 18, 0.1);
  background: none;
}

.page-maps-integration #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains__tab {
  flex: 1;
  min-width: min(150px, 100%);
  padding: 14px 14px;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: normal;
}

.page-maps-integration #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains__tab:hover {
  border-color: transparent;
  border-bottom-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

:root[data-theme="light"] .page-maps-integration #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains__tab:hover {
  background: rgba(10, 12, 18, 0.03);
}

.page-maps-integration #maps-seo-problems-rotator .webdesign-pains__tab {
  position: relative;
}

.page-maps-integration #maps-seo-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(255, 248, 235, 0.98);
  border-bottom-color: rgba(255, 159, 48, 0.92);
  background: transparent;
  box-shadow: none;
}

.page-maps-integration #maps-seo-problems-rotator .webdesign-pains__tab.is-active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -1px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255, 106, 0, 0),
    rgba(255, 176, 0, 0.95),
    rgba(255, 90, 0, 0.95),
    rgba(255, 106, 0, 0)
  );
}

:root[data-theme="light"] .page-maps-integration #maps-seo-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(122, 42, 10, 0.96);
  background: rgba(255, 159, 48, 0.08);
  border-bottom-color: rgba(255, 122, 40, 0.52);
  box-shadow: none;
}

.page-maps-integration #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-wrap {
  padding: 26px 26px;
  border-top: 0;
}

:root[data-theme="light"] .page-maps-integration #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-wrap {
  border-top-color: transparent;
}

.page-maps-integration #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains__panel.is-active {
  animation: none;
}

.page-maps-integration #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-inner {
  gap: 16px;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
}

:root[data-theme="light"] .page-maps-integration #maps-seo-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-inner {
  background: none;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #seo-process.section--alt {
  background: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

.page-seo :is(#seo-process-title, #seo-services-title).process__title {
  position: relative;
  margin: 0 auto;
  max-width: 24ch;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.1;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.96);
}

.page-seo #seo-services-title.process__title {
  max-width: min(32ch, 100%);
}

:root[data-theme="light"] .page-seo :is(#seo-process-title, #seo-services-title).process__title {
  color: rgba(10, 12, 18, 0.92);
}

.page-seo :is(#seo-process-title, #seo-services-title) .process__glow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(100%, 420px);
  height: 140px;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(closest-side, rgba(255, 159, 28, 0.26), transparent 68%),
    radial-gradient(closest-side, rgba(255, 90, 0, 0.2), transparent 72%);
  filter: blur(20px);
  z-index: -1;
  pointer-events: none;
}

:root[data-theme="light"] .page-seo :is(#seo-process-title, #seo-services-title) .process__glow {
  display: none;
}

.page-seo :is(#seo-process-title, #seo-services-title) .process__accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

:root[data-theme="light"] .page-seo :is(#seo-process-title, #seo-services-title) .process__accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* SEO + Papillion: work examples — match website-design work band */
.page-seo .contact-page-band > #seo-work-examples.section.section--light.light-band.light-band--work-only,
.page-lincoln.page-papillion main > #papillion-work-examples.section.section--light.light-band.light-band--work-only {
  padding-bottom: 0;
  margin-top: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.page-seo .contact-page-band > #seo-work-examples.section--light.light-band.light-band--work-only::before,
.page-lincoln.page-papillion #papillion-work-examples.section.section--light.light-band.light-band--work-only::before,
.page-lincoln.page-papillion main > #papillion-work-examples.section.section--light.light-band.light-band--work-only::before {
  display: none !important;
  content: none !important;
  height: 0 !important;
  background: none !important;
}

.page-seo .contact-page-band > #seo-work-examples.light-band--work-only .section--light__shadow-fall,
.page-lincoln.page-papillion main > #papillion-work-examples.light-band--work-only .section--light__shadow-fall {
  display: none;
}

.page-seo .contact-page-band > #seo-work-examples.light-band--work-only #work.light-band__segment::before,
.page-lincoln.page-papillion #papillion-work-examples.light-band--work-only #work.light-band__segment::before,
.page-lincoln.page-papillion main > #papillion-work-examples.light-band--work-only #work.light-band__segment::before {
  display: none !important;
  content: none !important;
  height: 0 !important;
  background: none !important;
}

.page-seo .contact-page-band > #seo-work-examples.light-band--work-only #work.light-band__segment,
.page-lincoln.page-papillion main > #papillion-work-examples.light-band--work-only #work.light-band__segment {
  border-top: 0;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  padding-top: clamp(1.75rem, 3vw, 2.5rem);
  padding-bottom: clamp(2rem, 3.5vw, 3rem);
}

.page-seo .contact-page-band > #seo-work-examples #seo-work-intro-title,
.page-seo .contact-page-band > #seo-work-examples .work-band__h,
.page-seo .contact-page-band > #seo-work-examples #seo-work-portfolio-title,
.page-seo .contact-page-band > #seo-work-examples .work-section__hed {
  font-size: 48px;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1.15;
  color: rgba(255, 255, 255, 0.96);
}

.page-seo .contact-page-band > #seo-work-examples .agency-prose p:not(.light-band__eyebrow):not(.section__kicker) {
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.74);
}

.page-seo .contact-page-band > #seo-work-examples .work-section__sub {
  font-size: 18px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .page-seo .contact-page-band > #seo-work-examples #seo-work-intro-title,
:root[data-theme="light"] .page-seo .contact-page-band > #seo-work-examples .work-band__h,
:root[data-theme="light"] .page-seo .contact-page-band > #seo-work-examples #seo-work-portfolio-title,
:root[data-theme="light"] .page-seo .contact-page-band > #seo-work-examples .work-section__hed {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-seo .contact-page-band > #seo-work-examples .agency-prose p:not(.light-band__eyebrow):not(.section__kicker),
:root[data-theme="light"] .page-seo .contact-page-band > #seo-work-examples .work-section__sub {
  color: rgba(10, 12, 18, 0.72);
}

.page-seo .contact-page-band > #seo-work-examples #work.light-band__segment .light-band__eyebrow.work-band__eyebrow,
.page-seo .contact-page-band > #seo-work-examples #work.light-band__segment .section__kicker {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-seo .contact-page-band > #seo-work-examples #work.light-band__segment .light-band__eyebrow.work-band__eyebrow,
:root[data-theme="light"] .page-seo .contact-page-band > #seo-work-examples #work.light-band__segment .section__kicker {
  color: rgba(10, 12, 18, 0.62);
}

.page-seo .contact-page-band > #seo-work-examples #work.light-band__segment .light-band__title-accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  text-shadow: 0 18px 52px rgba(255, 106, 18, 0.2);
}

:root[data-theme="light"] .page-seo .contact-page-band > #seo-work-examples #work.light-band__segment .light-band__title-accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  text-shadow: none;
}

.page-lincoln.page-papillion main > #papillion-work-examples .work-grid--quad {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 1080px) {
  .page-lincoln.page-papillion main > #papillion-work-examples .work-grid--quad {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .page-lincoln.page-papillion main > #papillion-work-examples .work-grid--quad {
    grid-template-columns: minmax(0, 1fr);
  }
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #seo-process .section__sub--process {
  color: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band > #seo-process .section__sub--process {
  color: rgba(10, 12, 18, 0.68);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .steps .step__num {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 38px;
  padding: 6px 11px;
  border-radius: 12px;
  font-weight: 950;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(11, 10, 10, 0.58);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .steps .step__num::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.92;
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .steps .step:hover .step__num::before {
  opacity: 1;
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .steps .step__num {
  color: rgba(10, 12, 18, 0.9);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 24px rgba(10, 12, 18, 0.08);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .section__sub a {
  color: rgba(255, 196, 140, 0.96);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(255, 159, 48, 0.45);
}

:is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .section__sub a:hover {
  color: #ffffff;
  text-decoration-color: rgba(255, 196, 140, 0.68);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .section__sub a {
  color: #c2410c;
  text-decoration-color: rgba(255, 122, 40, 0.42);
}

:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion) .contact-page-band .section__sub a:hover {
  color: #9a3412;
}

/* Maps integration: fluid stack sits on parent `--surface-footer` (no second sun field) */
.page-maps-integration .maps-integration-fluid {
  position: relative;
  z-index: 1;
  background: transparent !important;
  background-image: none !important;
}

:root[data-theme="light"] .page-maps-integration .maps-integration-fluid {
  background: transparent !important;
  background-image: none !important;
}

@media (max-width: 900px), (prefers-reduced-motion: reduce) {
  .page-maps-integration .maps-integration-fluid {
    background-attachment: scroll;
  }
}

.page-maps-integration .maps-integration-fluid > .section {
  background: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.page-maps-integration .maps-integration-fluid > .section.section--services {
  padding-top: 0;
  padding-bottom: clamp(3rem, 6vw, 4.75rem);
}

.page-maps-integration .maps-integration-fluid > .section.section--services::before {
  display: none;
}

.page-maps-integration .maps-integration-fluid > .section.section--services .section--services__fade {
  display: none !important;
}

.page-maps-integration .maps-integration-fluid > .section.section--services .section--services__inner {
  padding-top: clamp(28px, 4vw, 48px);
}

.page-maps-integration .maps-integration-fluid #maps-what-we-sync .services__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(16px, 2.2vw, 22px);
  margin-bottom: clamp(36px, 4vw, 48px);
}

.page-maps-integration .maps-integration-fluid #maps-what-we-sync .services__head-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: min(56rem, 100%);
}

.page-maps-integration .maps-integration-fluid #maps-what-we-sync .services__eyebrow {
  margin: 0 auto 10px;
}

.page-maps-integration .maps-integration-fluid #maps-what-we-sync .services__head-col #maps-sync-title {
  text-align: center;
  margin-inline: auto;
}

.page-maps-integration .maps-integration-fluid #maps-what-we-sync .services__lead {
  align-self: center;
  width: 100%;
  max-width: min(52rem, 100%);
  margin: 0;
  padding: 0;
  border-left: 0;
  border-top: 0;
  text-align: center;
}

@media (max-width: 980px) {
  .page-maps-integration .maps-integration-fluid #maps-what-we-sync .services__lead {
    border-top: 0;
    padding: 0;
  }
}

/* Maps `#maps-what-we-sync`: service tiles match services.html `#core` (slate glass + sun icon chip) */
.page-maps-integration .maps-integration-fluid #maps-what-we-sync .services__grid > * {
  position: relative;
  z-index: 1;
}

.page-maps-integration .maps-integration-fluid #maps-what-we-sync .service-card {
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}

.page-maps-integration .maps-integration-fluid #maps-what-we-sync .service-card:hover {
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(58, 134, 255, 0.08) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
  transform: translateY(-1px);
}

:root[data-theme="light"] .page-maps-integration .maps-integration-fluid #maps-what-we-sync .service-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-maps-integration .maps-integration-fluid #maps-what-we-sync .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

.page-maps-integration .maps-integration-fluid #maps-what-we-sync .service-card__icon {
  background: rgba(12, 14, 20, 0.72);
  color: rgba(255, 255, 255, 0.92);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.page-maps-integration .maps-integration-fluid #maps-what-we-sync .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

:root[data-theme="light"] .page-maps-integration .maps-integration-fluid #maps-what-we-sync .service-card__icon {
  background: rgba(255, 255, 255, 0.94);
  color: rgba(10, 12, 18, 0.9);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.07);
}

:root[data-theme="light"] .page-maps-integration .maps-integration-fluid #maps-what-we-sync .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

.page-maps-integration .maps-integration-fluid #maps-what-we-sync .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: none;
}

:root[data-theme="light"] .page-maps-integration .maps-integration-fluid #maps-what-we-sync .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: none;
}

.page-maps-integration .contact-page-band .section__sub {
  font-size: 18px;
}

.page-maps-integration .maps-integration-fluid #maps-process #maps-process-title.process__title {
  font-size: 48px;
  line-height: 1.15;
}

.page-maps-integration .maps-integration-fluid #maps-process #maps-process-title.process__title {
  max-width: min(48rem, 100%);
  margin-inline: auto;
  white-space: normal;
  text-wrap: balance;
}

/* Maps integration `#maps-process` — match Contact / SEO card process chain */
.page-maps-integration .maps-integration-fluid > #maps-process.section--process-in-webdesign .work-band__process-inner {
  max-width: min(100%, 1180px);
  margin-inline: auto;
  padding-bottom: clamp(12px, 2vw, 28px);
}

.page-maps-integration .maps-integration-fluid > #maps-process .section__head--process {
  max-width: 52rem;
  margin-inline: auto;
  margin-bottom: clamp(36px, 5vw, 52px);
  text-align: center;
}

.page-maps-integration .maps-integration-fluid > #maps-process .eyebrow--process {
  display: block;
  justify-content: center;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-maps-integration .maps-integration-fluid > #maps-process .eyebrow--process {
  color: rgba(10, 12, 18, 0.62);
}

.page-maps-integration .maps-integration-fluid > #maps-process .eyebrow__dot--warm {
  display: none;
}

.page-maps-integration .maps-integration-fluid > #maps-process .process__title {
  max-width: none;
  margin-inline: auto;
}

.page-maps-integration .maps-integration-fluid > #maps-process .process__glow {
  opacity: 0.45;
}

.page-maps-integration .maps-integration-fluid > #maps-process .section__sub--process {
  max-width: min(48rem, 100%);
  margin-inline: auto;
  margin-top: 12px;
  text-align: center;
  font-size: 18px;
  line-height: 1.7;
}

.page-maps-integration .maps-integration-fluid > #maps-process .process-hchain__list {
  font-size: 18px;
}

.page-maps-integration .maps-integration-fluid > #maps-process.section--process-in-webdesign.section--alt {
  padding-top: clamp(2.25rem, 4vw, 3.25rem);
  padding-bottom: clamp(2.25rem, 4vw, 3.25rem);
  border: 0;
  background: transparent;
  overflow: visible;
}

.page-maps-integration .maps-integration-fluid > #maps-process .section-divider--process {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .page-maps-integration .maps-integration-fluid > #maps-process .process-hchain__item:hover .process-hchain__marker,
  .page-maps-integration .maps-integration-fluid > #maps-process .process-hchain__item:hover .process-hchain__title {
    transition: none;
  }
}

.page-maps-integration .maps-integration-fluid > .contact-faq-wrap {
  background: transparent;
}

.page-maps-integration .maps-integration-fluid > .contact-faq-wrap::before,
.page-maps-integration .maps-integration-fluid > .contact-faq-wrap::after {
  content: none;
}

/* Maps FAQ + sync headlines — match `.connect-cta__title` / `#maps-final-cta-title` */
.page-maps-integration :is(#maps-faq-title.contact-faq__title, #maps-sync-title) {
  display: block;
  margin: 0 auto 10px;
  max-width: 22ch;
  padding-bottom: 0;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: 48px;
  text-align: center;
  color: rgba(255, 255, 255, 0.96);
}

.page-maps-integration :is(#maps-faq-title, #maps-sync-title) .about-accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
}

:root[data-theme="light"] .page-maps-integration :is(#maps-faq-title.contact-faq__title, #maps-sync-title) {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-maps-integration :is(#maps-faq-title, #maps-sync-title) .about-accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

/* Maps hero: match Contact `#inquiry` — sun canvas + diamond lattice (not dot matrix) */
.page-maps-integration #maps-integration-hero.contact-wp-hero {
  min-height: min(88vh, 900px);
  padding-top: clamp(6.25rem, 5rem + 3vw, 7.75rem);
  padding-bottom: clamp(2.25rem, 1.75rem + 2vw, 3.25rem);
  background:
    radial-gradient(ellipse min(120%, 900px) 85% at 8% 12%, rgba(255, 149, 64, 0.12), transparent 55%),
    radial-gradient(ellipse min(90%, 640px) 70% at 92% 22%, rgba(255, 106, 18, 0.1), transparent 52%),
    linear-gradient(180deg, #05060d 0%, #070a12 52%, #070a12 100%);
}

.page-maps-integration .contact-page-band > #maps-integration-hero.contact-wp-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 118, 52, 0.128), transparent 62%);
  background-size: auto;
  opacity: 0.33;
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
  -webkit-mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

:root[data-theme="light"] .page-maps-integration #maps-integration-hero.contact-wp-hero {
  background:
    radial-gradient(ellipse min(120%, 900px) 90% at 6% 0%, rgba(255, 210, 170, 0.45), transparent 52%),
    radial-gradient(ellipse min(95%, 720px) 75% at 96% 18%, rgba(255, 173, 102, 0.22), transparent 55%),
    linear-gradient(180deg, #fffaf5 0%, #fff8f0 45%, #fff5eb 100%);
}

:root[data-theme="light"] .page-maps-integration .contact-page-band > #maps-integration-hero.contact-wp-hero::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.07) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.055) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 122, 40, 0.1), transparent 62%);
  background-size: auto;
  opacity: 0.26;
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
  -webkit-mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

.page-maps-integration #maps-integration-hero .contact-wp-hero__accent {
  background: radial-gradient(125% 165% at 12% 38%, #ffb000 0%, #ff7a18 38%, #ff5a00 62%, #ff1f1f 96%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 50px rgba(255, 122, 0, 0.28);
}

:root[data-theme="light"] .page-maps-integration #maps-integration-hero .contact-wp-hero__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #c2410c;
  color: #ea580c;
  text-shadow: none;
  animation: none;
  filter: none;
}

.page-maps-integration #maps-integration-hero .contact-wp-hero__kicker {
  display: inline-flex;
  align-items: center;
  margin: 0 auto 14px;
  padding: 6px 14px 5px;
  width: fit-content;
  max-width: 100%;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-radius: 999px;
  color: rgba(255, 232, 200, 0.96);
  background: rgba(255, 122, 40, 0.14);
  border: 1px solid rgba(255, 176, 0, 0.42);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 10px 28px rgba(255, 106, 18, 0.14);
}

:root[data-theme="light"] .page-maps-integration #maps-integration-hero .contact-wp-hero__kicker {
  color: #8a3d0a;
  background: radial-gradient(ellipse 130% 120% at 50% 0%, #ffffff 0%, #fff9f3 48%, #fff3e6 100%);
  border: 1px solid rgba(255, 149, 64, 0.34);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 1px 2px rgba(0, 0, 0, 0.04);
}

.maps-elite-hero__platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 0 auto clamp(14px, 2vw, 20px);
  max-width: 52rem;
}

.maps-elite-hero__pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px 7px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  color: rgba(255, 248, 242, 0.92);
}

.maps-elite-hero__pill-icon {
  display: flex;
  color: rgba(255, 206, 160, 0.95);
}

.maps-elite-hero__pill--google .maps-elite-hero__pill-icon {
  color: rgba(147, 197, 253, 0.95);
}

.maps-elite-hero__pill--apple .maps-elite-hero__pill-icon {
  color: rgba(209, 213, 219, 0.95);
}

:root[data-theme="light"] .maps-elite-hero__pill {
  color: rgba(88, 42, 14, 0.92);
  border-color: rgba(255, 149, 64, 0.35);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 10px 28px rgba(10, 12, 18, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

:root[data-theme="light"] .maps-elite-hero__pill--google .maps-elite-hero__pill-icon {
  color: rgba(37, 99, 235, 0.88);
}

:root[data-theme="light"] .maps-elite-hero__pill--apple .maps-elite-hero__pill-icon {
  color: rgba(10, 12, 18, 0.62);
}

.maps-elite-hero__checks {
  margin-top: clamp(1.15rem, 2vw, 1.65rem);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .maps-elite-hero__checks {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.page-maps-integration #maps-integration-hero .contact-wp-hero__lead strong {
  color: rgba(255, 252, 247, 0.96);
  font-weight: 700;
}

:root[data-theme="light"] .page-maps-integration #maps-integration-hero .contact-wp-hero__lead strong {
  color: rgba(10, 12, 18, 0.92);
}

.page-maps-integration #maps-process .process__accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

:root[data-theme="light"] .page-maps-integration #maps-process .process__accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.page-graphic-design .contact-page-band > .section.section--thin,
.page-graphic-design .contact-page-band > .section.section--thin.section--alt {
  background: transparent;
  border-top: 0;
  border-bottom: 0;
}

.page-graphic-design #gd-intro .section__head.section__head--tight {
  max-width: min(56rem, 100%);
  margin-inline: auto;
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.page-graphic-design #gd-intro .section__head.section__head--tight .eyebrow {
  justify-content: center;
}

/* Match `#gd-design-services` title scale; centered like `#gd-realworld` intro */
.page-graphic-design #gd-intro-title.h2,
.page-graphic-design #gd-intro-title {
  margin: 0;
  width: 100%;
  max-width: min(52rem, 100%);
  margin-inline: auto;
  text-align: center;
  text-wrap: balance;
  line-height: 1.2;
  font-size: 48px;
  font-weight: 800;
  letter-spacing: -0.035em;
  color: rgba(255, 255, 255, 0.96);
  text-shadow: none;
}

.page-graphic-design #gd-intro .section__sub {
  margin-inline: auto;
  text-align: center;
}

:root[data-theme="light"] .page-graphic-design #gd-intro-title {
  color: rgba(10, 12, 18, 0.92);
}

.page-graphic-design #gd-intro .section__sub,
.page-graphic-design #gd-realworld .gd-realworld__lead,
.page-graphic-design .contact-page-band > #gd-design-process .section__sub--process,
.page-graphic-design .contact-page-band > #gd-design-pains.section--webdesign-pains--lincoln .section__head--tight > .section__sub {
  max-width: none;
  width: 100%;
  font-size: 22px;
  line-height: 1.7;
}

.page-graphic-design #gd-design-services #gd-services-title.h2,
.page-graphic-design #gd-design-services #gd-services-title {
  margin: 0;
  text-align: left;
  line-height: 1.2;
  max-width: 26ch;
  font-size: 48px;
  font-weight: 800;
  letter-spacing: -0.035em;
  color: rgba(255, 255, 255, 0.96);
  text-shadow: none;
}

:root[data-theme="light"] .page-graphic-design #gd-design-services #gd-services-title {
  color: rgba(10, 12, 18, 0.92);
}

/* Graphic design: “Real business use” — card grid aligned with warm sun band UI */
.page-graphic-design #gd-realworld.section--gd-realworld {
  padding-top: clamp(44px, 6vw, 62px);
  padding-bottom: clamp(56px, 7vw, 78px);
}

.page-graphic-design #gd-realworld .gd-realworld__wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(28px, 4vw, 40px);
}

.page-graphic-design #gd-realworld .gd-realworld__intro {
  max-width: min(56rem, 100%);
  margin-inline: auto;
  text-align: center;
}

.page-graphic-design #gd-realworld .gd-realworld__intro .eyebrow {
  justify-content: center;
}

.page-graphic-design #gd-realworld-title.h2,
.page-graphic-design #gd-realworld-title {
  font-size: 48px;
}

.page-graphic-design #gd-realworld .gd-realworld__lead {
  margin: 14px 0 0;
  max-width: none;
  width: 100%;
  color: rgba(255, 255, 255, 0.72);
}

:root[data-theme="light"] .page-graphic-design #gd-realworld .gd-realworld__lead {
  color: rgba(10, 12, 18, 0.68);
}

.page-graphic-design #gd-realworld .gd-realworld__grid {
  position: relative;
  isolation: isolate;
}

.page-graphic-design #gd-realworld .gd-realworld__grid::before {
  display: none;
}

.page-graphic-design #gd-realworld .gd-realworld__grid > * {
  position: relative;
  z-index: 1;
}

/* Compact service cards — same look as #gd-design-services, smaller footprint */
.page-graphic-design #gd-realworld .service-card {
  padding: 14px 50px 14px 14px;
  min-height: 0;
}

.page-graphic-design #gd-realworld .service-card__icon {
  top: 12px;
  right: 12px;
  min-width: 40px;
  min-height: 34px;
  padding: 5px 9px;
}

.page-graphic-design #gd-realworld .service-card__tag {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: 0.1em;
}

.page-graphic-design #gd-realworld .service-card__title {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 800;
}

.page-graphic-design #gd-realworld .service-card__text {
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 980px) {
  .page-graphic-design #gd-realworld .gd-realworld__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .page-graphic-design #gd-realworld .gd-realworld__grid {
    grid-template-columns: 1fr;
  }

  .page-graphic-design #gd-realworld .service-card:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-graphic-design #gd-realworld .service-card {
    transition: none;
  }

  .page-graphic-design #gd-realworld .service-card:hover {
    transform: none;
  }
}

/* Graphic design contact-band steps use the same flat `.step` panel as `.wp-cta` */

/* Graphic design page: Services-style offerings grid (same pattern as services.html #core) */
.page-graphic-design .contact-page-band > #gd-design-services.section--services {
  position: relative;
  z-index: 1;
  margin-top: 0;
  padding: 0 0 clamp(3rem, 6vw, 4.75rem);
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

.page-graphic-design .contact-page-band > #gd-design-services.section--services::before {
  display: none;
}

.page-graphic-design .contact-page-band > #gd-design-services .section--services__fade {
  display: none !important;
}

.page-graphic-design .contact-page-band > #gd-design-services .section--services__inner {
  padding-top: clamp(28px, 4vw, 48px);
}

.page-graphic-design #gd-design-services .services__lead {
  border-left-color: rgba(255, 255, 255, 0.14);
}

:root[data-theme="light"] .page-graphic-design #gd-design-services .services__lead {
  border-left-color: rgba(10, 12, 18, 0.12);
}

.page-graphic-design #gd-design-services .services__title .process__accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

:root[data-theme="light"] .page-graphic-design #gd-design-services .services__title .process__accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.page-graphic-design #gd-design-services .services__grid {
  position: relative;
  isolation: isolate;
}

.page-graphic-design #gd-design-services .services__grid::before {
  display: none;
}

.page-graphic-design #gd-design-services .services__grid > * {
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .page-graphic-design .contact-page-band > #gd-design-services.section--services {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

:root[data-theme="light"] .page-graphic-design .contact-page-band > #gd-design-services .section--services__fade {
  display: none !important;
}

/* Match homepage `#services` `.service-card` — slate glass panels + hover */
.page-graphic-design :is(#gd-design-services, #gd-realworld) .service-card {
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
}

.page-graphic-design :is(#gd-design-services, #gd-realworld) .service-card:hover {
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(58, 134, 255, 0.08) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
  transform: translateY(-1px);
}

:root[data-theme="light"] .page-graphic-design :is(#gd-design-services, #gd-realworld) .service-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-graphic-design :is(#gd-design-services, #gd-realworld) .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

/* Icon chip + sun ring — same as `.page-home #services .service-card__icon` */
.page-graphic-design :is(#gd-design-services, #gd-realworld) .service-card__icon {
  background: rgba(12, 14, 20, 0.72);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.92);
}

.page-graphic-design :is(#gd-design-services, #gd-realworld) .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

:root[data-theme="light"] .page-graphic-design :is(#gd-design-services, #gd-realworld) .service-card__icon {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.07);
  color: rgba(10, 12, 18, 0.9);
}

:root[data-theme="light"] .page-graphic-design :is(#gd-design-services, #gd-realworld) .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

.page-graphic-design :is(#gd-design-services, #gd-realworld) .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: rgba(255, 176, 0, 1);
  color: rgba(255, 176, 0, 1);
}

:root[data-theme="light"] .page-graphic-design :is(#gd-design-services, #gd-realworld) .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: rgba(255, 176, 0, 1);
  color: rgba(255, 176, 0, 1);
}

.page-graphic-design #gd-design-process .process__accent,
.page-graphic-design #gd-design-process-title .process__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: rgba(255, 176, 0, 1);
  color: rgba(255, 176, 0, 1);
  text-shadow: 0 18px 50px rgba(255, 106, 0, 0.26);
}

:root[data-theme="light"] .page-graphic-design #gd-design-process .process__accent,
:root[data-theme="light"] .page-graphic-design #gd-design-process-title .process__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: rgba(255, 176, 0, 1);
  color: rgba(255, 176, 0, 1);
  text-shadow: 0 8px 28px rgba(255, 122, 40, 0.18);
}

/* Graphic design page: Work-style process band (mirrors homepage #work process layout) */
.page-graphic-design .contact-page-band > .section.section--gd-design-process {
  margin-top: 0;
  padding: clamp(1.25rem, 2.5vw, 2rem) 0 clamp(2.65rem, 5.25vw, 3.65rem);
  background: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

/* Graphic design process: headline + sub share one centered measure */
.page-graphic-design #gd-design-process .section__head--process {
  max-width: min(52rem, 100%);
  width: 100%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.page-graphic-design #gd-design-process .process__title,
.page-graphic-design #gd-design-process-title {
  width: 100%;
  max-width: min(52rem, 100%);
  margin-inline: auto;
  text-align: center;
  white-space: normal;
  text-wrap: balance;
  line-height: 1.12;
}

.page-graphic-design .contact-page-band > #gd-design-process .section__sub--process,
.contact-page-band > #gd-design-process .section__sub--process {
  width: 100%;
  max-width: min(52rem, 100%);
  margin-top: clamp(14px, 2vw, 20px);
  margin-inline: auto;
  text-align: center;
}

.contact-page-band > #gd-design-process .section__sub--process strong {
  font-weight: 700;
}

:root[data-theme="light"] .contact-page-band > #gd-design-process .section__sub--process strong {
  color: rgba(10, 12, 18, 0.88);
}

/* Card-style process chain — matches Services; use .process-hchain--cards on wrapper and/or .process-hchain__list--cards on <ol> */
.process-hchain--cards,
.process-hchain__list.process-hchain__list--cards {
  margin-top: clamp(1.35rem, 2.6vw, 2.25rem);
  width: 100%;
  max-width: min(100%, 92rem);
  margin-inline: auto;
  --process-hchain-chain-top: calc(clamp(1.35rem, 2vw, 1.65rem) + 10px + 0.8125rem + 26px);
}

.process-hchain--cards .process-hchain__list,
.process-hchain__list.process-hchain__list--cards {
  --process-hchain-gap: clamp(0.65rem, 1.2vw, 1rem);
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
  gap: var(--process-hchain-gap);
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Four-step process rows (e.g. drone services) */
.process-hchain--cards.process-hchain--steps-4 .process-hchain__list,
.process-hchain__list.process-hchain__list--cards.process-hchain__list--steps-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.process-hchain--cards .process-hchain__list::before,
.process-hchain__list.process-hchain__list--cards::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: var(--process-hchain-chain-top);
  transform: translateY(-50%);
  height: 2px;
  background: linear-gradient(90deg, #ff5a00 0%, #f26522 48%, #ffb000 100%);
  border-radius: 999px;
  pointer-events: none;
  z-index: 0;
}

.process-hchain--cards .process-hchain__item,
.process-hchain__list--cards > .process-hchain__item {
  position: relative;
  z-index: 1;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 0;
  padding: clamp(1.35rem, 2vw, 1.65rem) clamp(1rem, 1.4vw, 1.25rem);
  background: #101218;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 10px;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.process-hchain--cards .process-hchain__item:hover,
.process-hchain__list--cards > .process-hchain__item:hover {
  background: #14161e;
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
  transform: translateY(-1px);
}

.process-hchain--cards .process-hchain__item:not(:last-child)::after,
.process-hchain__list--cards > .process-hchain__item:not(:last-child)::after {
  display: none;
  content: none;
}

.process-hchain--cards .process-hchain__body,
.process-hchain__list--cards .process-hchain__body {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.process-hchain--cards .process-hchain__marker,
.process-hchain__list--cards .process-hchain__marker {
  width: auto;
  height: auto;
  margin: 0 0 10px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: rgba(255, 176, 0, 1);
}

.process-hchain--cards .process-hchain__icon,
.process-hchain__list--cards .process-hchain__icon {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0 0 14px;
  border-radius: 50%;
  background: linear-gradient(145deg, #ff5a00 0%, #f26522 48%, #ffb000 100%);
  color: #fff;
  box-shadow: 0 10px 28px rgba(242, 101, 34, 0.28);
}

.process-hchain--cards .process-hchain__icon svg,
.process-hchain__list--cards .process-hchain__icon svg {
  display: block;
  width: 22px;
  height: 22px;
}

.process-hchain--cards .process-hchain__title,
.process-hchain__list--cards .process-hchain__title {
  font-size: clamp(15px, 0.95rem + 0.2vw, 17px);
  font-weight: 800;
  margin-bottom: 10px;
}

.process-hchain--cards .process-hchain__tag,
.process-hchain__list--cards .process-hchain__tag {
  font-size: clamp(12px, 0.78rem + 0.15vw, 13px);
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255, 255, 255, 1);
}

.process-hchain--cards .process-hchain__item:hover .process-hchain__marker,
.process-hchain__list--cards .process-hchain__item:hover .process-hchain__marker {
  border-color: transparent;
  color: #ffffff;
}

:root[data-theme="light"] .process-hchain--cards .process-hchain__item,
:root[data-theme="light"] .process-hchain__list--cards > .process-hchain__item {
  background: #ffffff;
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .process-hchain--cards .process-hchain__item:hover,
:root[data-theme="light"] .process-hchain__list--cards > .process-hchain__item:hover {
  background: #fafbfc;
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .process-hchain--cards .process-hchain__marker,
:root[data-theme="light"] .process-hchain__list--cards .process-hchain__marker {
  color: rgba(10, 12, 18, 0.72);
}

:root[data-theme="light"] .process-hchain--cards .process-hchain__item:hover .process-hchain__marker,
:root[data-theme="light"] .process-hchain__list--cards .process-hchain__item:hover .process-hchain__marker {
  color: rgba(10, 12, 18, 0.88);
}

:root[data-theme="light"] .process-hchain--cards .process-hchain__tag,
:root[data-theme="light"] .process-hchain__list--cards .process-hchain__tag {
  color: rgba(75, 85, 99, 0.92);
}

/* Card process chain: scroll-reveal + hover lift (enabled via `data-process-animate` in main.js) */
.process-hchain__list--cards[data-process-animate]:not(.is-revealed)::before {
  opacity: 0;
  transform: translateY(-50%) scaleX(0);
  transform-origin: left center;
}

.process-hchain__list--cards[data-process-animate]::before {
  transition:
    opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);
}

.process-hchain__list--cards[data-process-animate].is-revealed::before {
  opacity: 1;
  transform: translateY(-50%) scaleX(1);
}

.process-hchain__list--cards[data-process-animate]:not(.is-revealed) > .process-hchain__item {
  opacity: 0;
  transform: translate3d(0, 22px, 0) scale(0.985);
}

.process-hchain__list--cards[data-process-animate] > .process-hchain__item {
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s ease,
    background 0.35s ease,
    box-shadow 0.35s ease;
}

.process-hchain__list--cards.is-revealed > .process-hchain__item {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.process-hchain__list--cards.is-revealed > .process-hchain__item:nth-child(1) {
  transition-delay: 0ms;
}

.process-hchain__list--cards.is-revealed > .process-hchain__item:nth-child(2) {
  transition-delay: 90ms;
}

.process-hchain__list--cards.is-revealed > .process-hchain__item:nth-child(3) {
  transition-delay: 180ms;
}

.process-hchain__list--cards.is-revealed > .process-hchain__item:nth-child(4) {
  transition-delay: 270ms;
}

.process-hchain__list--cards.is-revealed > .process-hchain__item:nth-child(5) {
  transition-delay: 360ms;
}

.process-hchain__list--cards.is-revealed > .process-hchain__item:nth-child(n + 6) {
  transition-delay: 450ms;
}

.process-hchain__list--cards.is-revealed > .process-hchain__item:hover {
  transform: translate3d(0, -5px, 0) scale(1);
  border-color: rgba(255, 176, 0, 0.22);
  box-shadow:
    0 4px 0 rgba(0, 0, 0, 0.2),
    0 22px 44px -18px rgba(255, 106, 0, 0.2),
    0 16px 36px -22px rgba(0, 0, 0, 0.28);
}

.process-hchain__list--cards.is-revealed > .process-hchain__item:focus-within {
  outline: 2px solid rgba(255, 149, 64, 0.45);
  outline-offset: 3px;
}

:root[data-theme="light"] .process-hchain__list--cards.is-revealed > .process-hchain__item:hover {
  border-color: rgba(242, 101, 34, 0.28);
  box-shadow:
    0 4px 0 rgba(10, 12, 18, 0.06),
    0 22px 44px -18px rgba(255, 122, 40, 0.14),
    0 16px 36px -22px rgba(10, 12, 18, 0.1);
}

@media (prefers-reduced-motion: reduce) {
  .process-hchain__list--cards[data-process-animate]:not(.is-revealed)::before {
    opacity: 1;
    transform: translateY(-50%) scaleX(1);
  }

  .process-hchain__list--cards[data-process-animate]:not(.is-revealed) > .process-hchain__item {
    opacity: 1;
    transform: none;
  }

  .process-hchain__list--cards[data-process-animate]::before,
  .process-hchain__list--cards[data-process-animate] > .process-hchain__item,
  .process-hchain__list--cards.is-revealed > .process-hchain__item:nth-child(n) {
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    transition-delay: 0ms !important;
  }

  .process-hchain__list--cards.is-revealed > .process-hchain__item:hover {
    transform: translateY(-1px);
  }
}

@media (max-width: 640px) and (prefers-reduced-motion: reduce) {
  .process-hchain__list--cards[data-process-animate]:not(.is-revealed)::before,
  .process-hchain__list--cards[data-process-animate].is-revealed::before {
    transform: scaleY(1);
  }
}

/* Tablet: 2-column stack (no horizontal scroll) */
@media (max-width: 1100px) {
  .process-hchain--cards .process-hchain__list,
  .process-hchain__list.process-hchain__list--cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 12px;
    overflow: visible;
    scroll-snap-type: none;
    padding-bottom: 0;
  }

  .process-hchain--cards.process-hchain--steps-4 .process-hchain__list,
  .process-hchain__list.process-hchain__list--cards.process-hchain__list--steps-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .process-hchain--cards .process-hchain__list::before,
  .process-hchain__list.process-hchain__list--cards::before {
    display: none;
  }

  .process-hchain--cards .process-hchain__item,
  .process-hchain__list--cards > .process-hchain__item {
    flex: unset;
    min-width: 0;
    width: auto;
    scroll-snap-align: unset;
    padding: clamp(1.15rem, 2vw, 1.45rem) clamp(0.95rem, 1.4vw, 1.15rem);
  }
}

/* Mobile: inset card chain like `.services__grid` (container gutter + card gap) */
@media (max-width: 760px) {
  .process-hchain--cards {
    width: 100%;
    max-width: 100%;
    padding-inline: 12px;
    box-sizing: border-box;
  }

  .process-hchain--cards .process-hchain__list,
  .process-hchain__list.process-hchain__list--cards {
    width: 100%;
    max-width: 100%;
    padding-inline: 0;
    box-sizing: border-box;
  }
}

/* Mobile: vertical timeline — full-width steps, left rail, no sideways scroll */
@media (max-width: 640px) {
  .process-hchain--cards,
  .process-hchain__list.process-hchain__list--cards {
    overflow-x: clip;
  }

  .process-hchain--cards .process-hchain__list,
  .process-hchain__list.process-hchain__list--cards {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 0;
  }

  .process-hchain--cards .process-hchain__list::before,
  .process-hchain__list.process-hchain__list--cards::before {
    display: block;
    left: 35px;
    right: auto;
    top: 22px;
    bottom: 22px;
    width: 2px;
    height: auto;
    transform: scaleY(0);
    transform-origin: top center;
  }

  .process-hchain__list--cards[data-process-animate]:not(.is-revealed)::before {
    transform: scaleY(0);
  }

  .process-hchain__list--cards[data-process-animate].is-revealed::before {
    transform: scaleY(1);
  }

  .process-hchain--cards .process-hchain__item,
  .process-hchain__list--cards > .process-hchain__item {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 0;
    align-items: start;
    text-align: left;
    padding: 14px 14px 14px 12px;
    min-width: 0;
  }

  .process-hchain--cards .process-hchain__marker,
  .process-hchain__list--cards .process-hchain__marker {
    grid-column: 2;
    grid-row: 1;
    margin: 0 0 5px;
    font-size: 11px;
    letter-spacing: 0.08em;
  }

  .process-hchain--cards .process-hchain__icon,
  .process-hchain__list--cards .process-hchain__icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 46px;
    height: 46px;
    margin: 0;
    align-self: start;
    justify-self: center;
    box-shadow: 0 8px 22px rgba(242, 101, 34, 0.24);
  }

  .process-hchain--cards .process-hchain__icon svg,
  .process-hchain__list--cards .process-hchain__icon svg {
    width: 20px;
    height: 20px;
  }

  .process-hchain--cards .process-hchain__body,
  .process-hchain__list--cards .process-hchain__body {
    grid-column: 2;
    grid-row: 2;
    align-items: flex-start;
    text-align: left;
  }

  .process-hchain--cards .process-hchain__title,
  .process-hchain__list--cards .process-hchain__title {
    margin-bottom: 6px;
    font-size: 16px;
  }

  .process-hchain--cards .process-hchain__tag,
  .process-hchain__list--cards .process-hchain__tag {
    font-size: 13px;
    line-height: 1.62;
  }

  .process-hchain__list--cards.is-revealed > .process-hchain__item:hover {
    transform: translate3d(0, -2px, 0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .process-hchain--cards .process-hchain__item:hover .process-hchain__marker,
  .process-hchain--cards .process-hchain__item:hover .process-hchain__title,
  .page-webdesign:not(.page-webdev) .webdesign-page-band > #process .process-hchain__item:hover .process-hchain__marker,
  .page-webdesign:not(.page-webdev) .webdesign-page-band > #process .process-hchain__item:hover .process-hchain__title,
  .page-work .work-page-mid-black > #process .process-hchain__item:hover .process-hchain__marker,
  .page-work .work-page-mid-black > #process .process-hchain__item:hover .process-hchain__title,
  .page-seo .contact-page-band > #seo-process .process-hchain__item:hover .process-hchain__marker,
  .page-seo .contact-page-band > #seo-process .process-hchain__item:hover .process-hchain__title,
  .contact-page-band > #process.section--contact-process .process-hchain__item:hover .process-hchain__marker,
  .contact-page-band > #process.section--contact-process .process-hchain__item:hover .process-hchain__title,
  .page-event-websites .event-page-band > #process.section--process-in-webdesign .process-hchain__item:hover .process-hchain__marker,
  .page-event-websites .event-page-band > #process.section--process-in-webdesign .process-hchain__item:hover .process-hchain__title,
  body:has(#core.section--services) #core #services-process .process-hchain__item:hover .process-hchain__marker,
  body:has(#core.section--services) #core #services-process .process-hchain__item:hover .process-hchain__title,
  .page-ecommerce .contact-page-band > #ecommerce-store-process .process-hchain__item:hover .process-hchain__marker,
  .page-ecommerce .contact-page-band > #ecommerce-store-process .process-hchain__item:hover .process-hchain__title,
  .about-why-grow #about-process .process-hchain__item:hover .process-hchain__marker,
  .about-why-grow #about-process .process-hchain__item:hover .process-hchain__title {
    transition: none;
  }
}

/* Graphic design: problems rotator — match Work page `.section--webdesign-pains--lincoln` layout */
.page-graphic-design .contact-page-band > #gd-design-pains.section--webdesign-pains--lincoln {
  position: relative;
  z-index: 1;
  padding: clamp(1.25rem, 2.8vw, 2.25rem) 0 clamp(2rem, 4vw, 3.25rem);
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
}

:root[data-theme="light"] .page-graphic-design .contact-page-band > #gd-design-pains.section--webdesign-pains--lincoln {
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
}

.page-graphic-design .contact-page-band > #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains__bg,
.page-graphic-design .contact-page-band > #gd-design-pains.section--webdesign-pains--lincoln .section--services__fade {
  display: none !important;
}

.page-graphic-design .contact-page-band > #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains__inner::before {
  content: none;
}

.page-graphic-design .contact-page-band > #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains__inner > * {
  position: relative;
  z-index: 1;
}

.page-graphic-design #gd-graphic-problems-rotator {
  margin-top: clamp(1rem, 0.6rem + 1.2vw, 1.5rem);
}

.page-graphic-design #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .page-graphic-design #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains {
  background: rgba(10, 12, 18, 0.02);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 18px 55px rgba(10, 12, 18, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.page-graphic-design #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains__tabs {
  flex-wrap: wrap;
  gap: 0;
  padding: 0;
  overflow-x: visible;
  overflow-y: visible;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: none;
}

:root[data-theme="light"] .page-graphic-design #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains__tabs {
  border-bottom-color: rgba(10, 12, 18, 0.1);
  background: none;
}

.page-graphic-design #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains__tab {
  flex: 1;
  min-width: min(150px, 100%);
  padding: 14px 14px;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: normal;
}

.page-graphic-design #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains__tab:hover {
  border-color: transparent;
  border-bottom-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

:root[data-theme="light"] .page-graphic-design #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains__tab:hover {
  background: rgba(10, 12, 18, 0.03);
}

.page-graphic-design #gd-graphic-problems-rotator .webdesign-pains__tab {
  position: relative;
}

.page-graphic-design #gd-graphic-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(255, 248, 235, 0.98);
  border-bottom-color: rgba(255, 159, 48, 0.92);
  background: transparent;
  box-shadow: none;
}

.page-graphic-design #gd-graphic-problems-rotator .webdesign-pains__tab.is-active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -1px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255, 106, 0, 0),
    rgba(255, 176, 0, 0.95),
    rgba(255, 90, 0, 0.95),
    rgba(255, 106, 0, 0)
  );
}

:root[data-theme="light"] .page-graphic-design #gd-graphic-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(122, 42, 10, 0.96);
  background: rgba(255, 159, 48, 0.08);
  border-bottom-color: rgba(255, 122, 40, 0.52);
  box-shadow: none;
}

.page-graphic-design #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-wrap {
  padding: 26px 26px;
  border-top: 0;
}

:root[data-theme="light"] .page-graphic-design #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-wrap {
  border-top-color: transparent;
}

.page-graphic-design #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains__panel.is-active {
  animation: none;
}

.page-graphic-design #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-inner {
  gap: 16px;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
}

:root[data-theme="light"] .page-graphic-design #gd-design-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-inner {
  background: none;
}

.page-graphic-design .contact-page-band > #gd-design-pains.section--webdesign-pains--lincoln .section__sub a {
  color: rgba(255, 196, 140, 0.96);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(255, 159, 48, 0.45);
}

.page-graphic-design .contact-page-band > #gd-design-pains.section--webdesign-pains--lincoln .section__sub a:hover {
  color: #ffffff;
  text-decoration-color: rgba(255, 196, 140, 0.68);
}

:root[data-theme="light"] .page-graphic-design .contact-page-band > #gd-design-pains.section--webdesign-pains--lincoln .section__sub a {
  color: #c2410c;
  text-decoration-color: rgba(255, 122, 40, 0.42);
}

/* Website design: problems rotator — match homepage / Work `.section--webdesign-pains--lincoln` layout */
.page-webdesign:not(.page-webdev) .webdesign-page-band > #webdesign-pains.section--webdesign-pains--lincoln {
  position: relative;
  z-index: 1;
  padding: clamp(1.25rem, 2.8vw, 2.25rem) 0 clamp(2rem, 4vw, 3.25rem);
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
  margin-bottom: 0;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-page-band > #webdesign-pains.section--webdesign-pains--lincoln {
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
  margin-bottom: 0;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #webdesign-pains.section--webdesign-pains--lincoln .webdesign-pains__inner::before {
  content: none;
}

.page-webdesign:not(.page-webdev) #webdesign-problems-rotator {
  margin-top: clamp(1rem, 0.6rem + 1.2vw, 1.5rem);
}

.page-webdesign:not(.page-webdev) #webdesign-pains.section--webdesign-pains--lincoln .webdesign-pains__tabs {
  flex-wrap: wrap;
  gap: 0;
  padding: 0;
  overflow-x: visible;
  overflow-y: visible;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: none;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-pains.section--webdesign-pains--lincoln .webdesign-pains__tabs {
  border-bottom-color: rgba(10, 12, 18, 0.1);
  background: none;
}

.page-webdesign:not(.page-webdev) #webdesign-pains.section--webdesign-pains--lincoln .webdesign-pains__tab {
  flex: 1;
  min-width: min(150px, 100%);
  padding: 14px 14px;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: normal;
}

.page-webdesign:not(.page-webdev) #webdesign-pains.section--webdesign-pains--lincoln .webdesign-pains__tab:hover {
  border-color: transparent;
  border-bottom-color: transparent;
  background: rgba(255, 255, 255, 0.03);
  box-shadow: none;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-pains.section--webdesign-pains--lincoln .webdesign-pains__tab:hover {
  background: rgba(10, 12, 18, 0.03);
  border-color: transparent;
}

.page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__tab {
  position: relative;
}

.page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(255, 248, 235, 0.98);
  border-bottom-color: rgba(255, 159, 48, 0.92);
  background: transparent;
  box-shadow: none;
}

.page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__tab.is-active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -1px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255, 106, 0, 0),
    rgba(255, 176, 0, 0.95),
    rgba(255, 90, 0, 0.95),
    rgba(255, 106, 0, 0)
  );
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(122, 42, 10, 0.96);
  background: rgba(255, 159, 48, 0.08);
  border-bottom-color: rgba(255, 122, 40, 0.52);
  box-shadow: none;
}

.page-webdesign:not(.page-webdev) #webdesign-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-wrap {
  padding: 26px 26px;
  border-top: 0;
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) #webdesign-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-wrap {
  border-top-color: transparent;
}

.page-webdesign:not(.page-webdev) #webdesign-pains.section--webdesign-pains--lincoln .webdesign-pains__panel.is-active {
  animation: none;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #webdesign-pains.section--webdesign-pains--lincoln .section__sub a {
  color: rgba(255, 196, 140, 0.96);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(255, 159, 48, 0.45);
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > #webdesign-pains.section--webdesign-pains--lincoln .section__sub a:hover {
  color: #ffffff;
  text-decoration-color: rgba(255, 196, 140, 0.68);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-page-band > #webdesign-pains.section--webdesign-pains--lincoln .section__sub a {
  color: #c2410c;
  text-decoration-color: rgba(255, 122, 40, 0.42);
}

:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-page-band > #webdesign-pains.section--webdesign-pains--lincoln .section__sub a:hover {
  color: #9a3412;
  text-decoration-color: rgba(234, 88, 12, 0.55);
}

/* Web development: problems rotator — match Graphic design `#gd-design-pains` / Work Lincoln layout */
.page-webdesign.page-webdev .webdesign-page-band > #webdev-design-pains.section--webdesign-pains--lincoln {
  position: relative;
  z-index: 1;
  padding: clamp(1.25rem, 2.8vw, 2.25rem) 0 clamp(2rem, 4vw, 3.25rem);
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
}

:root[data-theme="light"] .page-webdesign.page-webdev .webdesign-page-band > #webdev-design-pains.section--webdesign-pains--lincoln {
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
}

.page-webdesign.page-webdev .webdesign-page-band > #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains__bg,
.page-webdesign.page-webdev .webdesign-page-band > #webdev-design-pains.section--webdesign-pains--lincoln .section--services__fade {
  display: none !important;
}

.page-webdesign.page-webdev .webdesign-page-band > #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains__inner::before {
  content: none;
}

.page-webdesign.page-webdev .webdesign-page-band > #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains__inner > * {
  position: relative;
  z-index: 1;
}

.page-webdesign.page-webdev #webdev-problems-rotator {
  margin-top: clamp(1rem, 0.6rem + 1.2vw, 1.5rem);
}

.page-webdesign.page-webdev #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .page-webdesign.page-webdev #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains {
  background: rgba(10, 12, 18, 0.02);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 18px 55px rgba(10, 12, 18, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.page-webdesign.page-webdev #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains__tabs {
  flex-wrap: wrap;
  gap: 0;
  padding: 0;
  overflow-x: visible;
  overflow-y: visible;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: none;
}

:root[data-theme="light"] .page-webdesign.page-webdev #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains__tabs {
  border-bottom-color: rgba(10, 12, 18, 0.1);
  background: none;
}

.page-webdesign.page-webdev #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains__tab {
  flex: 1;
  min-width: min(150px, 100%);
  padding: 14px 14px;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: normal;
}

.page-webdesign.page-webdev #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains__tab:hover {
  border-color: transparent;
  border-bottom-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

:root[data-theme="light"] .page-webdesign.page-webdev #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains__tab:hover {
  background: rgba(10, 12, 18, 0.03);
}

.page-webdesign.page-webdev #webdev-problems-rotator .webdesign-pains__tab {
  position: relative;
}

.page-webdesign.page-webdev #webdev-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(255, 248, 235, 0.98);
  border-bottom-color: rgba(255, 159, 48, 0.92);
  background: transparent;
  box-shadow: none;
}

.page-webdesign.page-webdev #webdev-problems-rotator .webdesign-pains__tab.is-active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -1px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255, 106, 0, 0),
    rgba(255, 176, 0, 0.95),
    rgba(255, 90, 0, 0.95),
    rgba(255, 106, 0, 0)
  );
}

:root[data-theme="light"] .page-webdesign.page-webdev #webdev-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(122, 42, 10, 0.96);
  background: rgba(255, 159, 48, 0.08);
  border-bottom-color: rgba(255, 122, 40, 0.52);
  box-shadow: none;
}

.page-webdesign.page-webdev #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-wrap {
  padding: 26px 26px;
  border-top: 0;
}

:root[data-theme="light"] .page-webdesign.page-webdev #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-wrap {
  border-top-color: transparent;
}

.page-webdesign.page-webdev #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains__panel.is-active {
  animation: none;
}

.page-webdesign.page-webdev #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-inner {
  gap: 16px;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
}

:root[data-theme="light"] .page-webdesign.page-webdev #webdev-design-pains.section--webdesign-pains--lincoln .webdesign-pains__panel-inner {
  background: none;
}

.page-webdesign.page-webdev #webdev-design-pains .webdesign-pains__icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(255, 159, 28, 0.11);
  border: 1px solid rgba(255, 159, 28, 0.24);
  box-shadow: 0 18px 60px rgba(255, 159, 28, 0.12);
}

.page-webdesign.page-webdev #webdev-design-pains .webdesign-pains__title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

.page-webdesign.page-webdev #webdev-design-pains .webdesign-pains__text {
  color: var(--muted);
  line-height: 1.65;
}

.page-webdesign.page-webdev .webdesign-page-band > #webdev-design-pains.section--webdesign-pains--lincoln .section__sub a {
  color: rgba(255, 196, 140, 0.96);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(255, 159, 48, 0.45);
}

.page-webdesign.page-webdev .webdesign-page-band > #webdev-design-pains.section--webdesign-pains--lincoln .section__sub a:hover {
  color: #ffffff;
  text-decoration-color: rgba(255, 196, 140, 0.68);
}

:root[data-theme="light"] .page-webdesign.page-webdev .webdesign-page-band > #webdev-design-pains.section--webdesign-pains--lincoln .section__sub a {
  color: #c2410c;
  text-decoration-color: rgba(255, 122, 40, 0.42);
}

:root[data-theme="light"] .page-webdesign.page-webdev .webdesign-page-band > #webdev-design-pains.section--webdesign-pains--lincoln .section__sub a:hover {
  color: #9a3412;
}

.contact-page-band > .contact-wp-hero,
.contact-page-band > .hero.hero--page.hero--google-ads,
.contact-page-band > .section--contact-split,
.contact-page-band > .section--contact-map,
.contact-page-band > #process,
.contact-page-band > #gd-design-process,
.contact-page-band > #ads-process.section--contact-process,
.contact-page-band > #drone-built-for-web,
.page-event-websites .event-page-band > #process.section--process-in-webdesign,
.contact-page-band > .contact-faq-wrap,
.contact-page-band > #contact.cta,
.contact-page-band > .section.section--wp-cta,
.contact-page-band > .connect-cta-band,
.page-work .work-page-mid-black > .connect-cta-band,
.page-testimonials .work-page-mid-black > .connect-cta-band {
  position: relative;
  z-index: 1;
  background: transparent;
}

/* Keep FAQ + final CTA inside the same contact canvas (no separate band paints) */
.contact-page-band > .contact-faq-wrap {
  background: transparent;
}

.contact-page-band > .contact-faq-wrap::before,
.contact-page-band > .contact-faq-wrap::after {
  content: none;
}

.contact-page-band > .connect-cta-band,
.page-work .work-page-mid-black > .connect-cta-band,
.page-testimonials .work-page-mid-black > .connect-cta-band,
.contact-page-band > .section.section--wp-cta {
  background: transparent;
}

/* In-flow sections sit above `.contact-page-band::before` (z-index:0); without this, body copy can fall under the wash */
.contact-page-band > .section {
  position: relative;
  z-index: 1;
}

.contact-page-band > .connect-cta-band::before,
.page-work .work-page-mid-black > .connect-cta-band::before,
.page-testimonials .work-page-mid-black > .connect-cta-band::before,
.page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band::before {
  display: none;
}

/* Contact band: #process shares band canvas; horizontal chain uses shared `.process-hchain` rules */
.contact-page-band > #process.section--contact-process,
.contact-page-band > #gd-design-process.section--gd-design-process,
.contact-page-band > #ads-process.section--contact-process,
.contact-page-band > #drone-built-for-web.section--drone-process,
.page-event-websites .event-page-band > #process.section--process-in-webdesign {
  border: 0;
  padding: clamp(8px, 1.5vw, 20px) 0 clamp(28px, 4vw, 52px);
  margin: 0;
}

/* Contact: flat transition into process — no zig-zag cap (map + process share one band) */
.page-contact .contact-page-band > #process .section-divider--process {
  display: none;
}

:root[data-theme="light"] .contact-page-band > #process.section--contact-process,
:root[data-theme="light"] .contact-page-band > #gd-design-process.section--gd-design-process,
:root[data-theme="light"] .contact-page-band > #ads-process.section--contact-process,
:root[data-theme="light"] .contact-page-band > #drone-built-for-web.section--drone-process {
  background: transparent;
}


/* Stack ticker strip (same component as homepage hero) between contact hero and inquiry */
.contact-page-band > .hero__ticker-outer {
  position: relative;
  z-index: 1;
}

/* Contact band marquee: match homepage `section.hero .hero__ticker-outer` */
.contact-page-band > .hero__ticker-outer--contact {
  gap: 8px;
  padding: 12px 0 calc(14px + env(safe-area-inset-bottom, 0));
  /* Tinted to `--bg` so the strip reads on the same charcoal field as `.site-footer`, not ink-black */
  background: linear-gradient(
    0deg,
    rgba(7, 10, 18, 0.92) 0%,
    rgba(7, 10, 18, 0.72) 50%,
    rgba(7, 10, 18, 0.22) 100%
  );
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.contact-page-band > .hero__ticker-outer--contact .hero__ticker-title {
  color: rgba(255, 255, 255, 0.4);
}

.contact-page-band > .hero__ticker-outer--contact .hero__ticker-track {
  animation-duration: 48s;
}

.contact-page-band > .hero__ticker-outer--contact .hero__ticker-list {
  gap: 36px;
}

.contact-page-band > .hero__ticker-outer--contact .hero__ticker-item {
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.52);
}

.contact-page-band > .hero__ticker-outer--graphicdesign,
.contact-page-band > .hero__ticker-outer--maps-integration,
:is(.page-seo, .page-lincoln.page-papillion, .page-branding) .contact-page-band > .hero__ticker-outer--contact,
.page-branding #branding-hero > .hero__ticker-outer--branding,
.page-branding #branding-hero > .hero__ticker-outer--contact {
  gap: 9px;
  padding-top: 14px;
  padding-bottom: calc(15px + env(safe-area-inset-bottom, 0));
  background: var(--bg);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-title,
.contact-page-band > .hero__ticker-outer--maps-integration .hero__ticker-title,
:is(.page-seo, .page-lincoln.page-papillion, .page-branding) .contact-page-band > .hero__ticker-outer--contact .hero__ticker-title,
.page-branding #branding-hero > .hero__ticker-outer--branding .hero__ticker-title,
.page-branding #branding-hero > .hero__ticker-outer--contact .hero__ticker-title {
  font-weight: 600;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.42);
}

.contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-track,
.contact-page-band > .hero__ticker-outer--maps-integration .hero__ticker-track,
:is(.page-seo, .page-lincoln.page-papillion, .page-branding) .contact-page-band > .hero__ticker-outer--contact .hero__ticker-track,
.page-branding #branding-hero > .hero__ticker-outer--branding .hero__ticker-track,
.page-branding #branding-hero > .hero__ticker-outer--contact .hero__ticker-track {
  animation-duration: 54s;
}

.contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-list,
.contact-page-band > .hero__ticker-outer--maps-integration .hero__ticker-list,
:is(.page-seo, .page-lincoln.page-papillion, .page-branding) .contact-page-band > .hero__ticker-outer--contact .hero__ticker-list,
.page-branding #branding-hero > .hero__ticker-outer--branding .hero__ticker-list,
.page-branding #branding-hero > .hero__ticker-outer--contact .hero__ticker-list {
  gap: clamp(32px, 4.5vw, 48px);
}

.contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-item,
.contact-page-band > .hero__ticker-outer--maps-integration .hero__ticker-item,
:is(.page-seo, .page-lincoln.page-papillion, .page-branding) .contact-page-band > .hero__ticker-outer--contact .hero__ticker-item,
.page-branding #branding-hero > .hero__ticker-outer--branding .hero__ticker-item,
.page-branding #branding-hero > .hero__ticker-outer--contact .hero__ticker-item {
  gap: 0;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(236, 245, 243, 0.82);
  border-left: 0;
  padding-left: 0;
  margin: 0;
}

:root[data-theme="light"] .contact-page-band > .hero__ticker-outer--graphicdesign,
:root[data-theme="light"] .contact-page-band > .hero__ticker-outer--maps-integration,
:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion, .page-branding) .contact-page-band > .hero__ticker-outer--contact,
:root[data-theme="light"] .page-branding #branding-hero > .hero__ticker-outer--branding,
:root[data-theme="light"] .page-branding #branding-hero > .hero__ticker-outer--contact {
  background: var(--light-canvas);
  border-top-color: rgba(10, 12, 18, 0.1);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-title,
:root[data-theme="light"] .contact-page-band > .hero__ticker-outer--maps-integration .hero__ticker-title,
:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion, .page-branding) .contact-page-band > .hero__ticker-outer--contact .hero__ticker-title,
:root[data-theme="light"] .page-branding #branding-hero > .hero__ticker-outer--branding .hero__ticker-title,
:root[data-theme="light"] .page-branding #branding-hero > .hero__ticker-outer--contact .hero__ticker-title {
  color: rgba(10, 12, 18, 0.45);
}

:root[data-theme="light"] .contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-item,
:root[data-theme="light"] .contact-page-band > .hero__ticker-outer--maps-integration .hero__ticker-item,
:root[data-theme="light"] :is(.page-seo, .page-lincoln.page-papillion, .page-branding) .contact-page-band > .hero__ticker-outer--contact .hero__ticker-item,
:root[data-theme="light"] .page-branding #branding-hero > .hero__ticker-outer--branding .hero__ticker-item,
:root[data-theme="light"] .page-branding #branding-hero > .hero__ticker-outer--contact .hero__ticker-item {
  color: rgba(26, 36, 52, 0.68);
}

/* Branding: ticker pinned to hero foot (legacy in-hero markup) — full bleed like SEO sibling strip */
.page-branding #branding-hero.contact-wp-hero:has(> .hero__ticker-outer) {
  align-items: stretch;
  padding-bottom: 0;
}

.page-branding #branding-hero.contact-wp-hero:has(> .hero__ticker-outer) .contact-wp-hero__center {
  flex: 1 1 auto;
  padding-bottom: clamp(2rem, 1.5rem + 2vw, 3rem);
}

.page-branding #branding-hero > .hero__ticker-outer--branding,
.page-branding #branding-hero > .hero__ticker-outer--contact {
  align-self: stretch;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.page-graphic-design .contact-page-band > .hero__ticker-outer--graphicdesign,
.page-maps-integration .contact-page-band > .hero__ticker-outer--maps-integration {
  border-top-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

.page-graphic-design .contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-title,
.page-maps-integration .contact-page-band > .hero__ticker-outer--maps-integration .hero__ticker-title {
  color: rgba(255, 255, 255, 0.42);
}

.page-graphic-design .contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-item,
.page-maps-integration .contact-page-band > .hero__ticker-outer--maps-integration .hero__ticker-item {
  color: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .page-graphic-design .contact-page-band > .hero__ticker-outer--graphicdesign,
:root[data-theme="light"] .page-maps-integration .contact-page-band > .hero__ticker-outer--maps-integration {
  border-top-color: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .page-graphic-design .contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-title,
:root[data-theme="light"] .page-maps-integration .contact-page-band > .hero__ticker-outer--maps-integration .hero__ticker-title {
  color: rgba(10, 12, 18, 0.45);
}

:root[data-theme="light"] .page-graphic-design .contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-item,
:root[data-theme="light"] .page-maps-integration .contact-page-band > .hero__ticker-outer--maps-integration .hero__ticker-item {
  color: rgba(26, 36, 52, 0.68);
}

.page-maps-integration .contact-page-band > .hero__ticker-outer--maps-integration {
  background: transparent !important;
}

:root[data-theme="light"] .page-maps-integration .contact-page-band > .hero__ticker-outer--maps-integration {
  background: transparent !important;
}

/* Drone services: ticker under hero — flat canvas like `.drone-hero__stat` row (no gradients / blur) */
.page-drone-services .contact-page-band > .hero__ticker-outer--graphicdesign {
  gap: 8px;
  min-height: 80px;
  padding: 12px 0 calc(14px + env(safe-area-inset-bottom, 0));
  background: var(--bg);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  contain: inline-size;
}

.page-drone-services .contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.4);
}

.page-drone-services .contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-track {
  animation-duration: 48s;
}

.page-drone-services .contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-list {
  gap: 36px;
}

.page-drone-services .contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-item {
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.52);
}

:root[data-theme="light"] .page-drone-services .contact-page-band > .hero__ticker-outer--graphicdesign {
  background: var(--light-canvas);
  border-top-color: rgba(10, 12, 18, 0.1);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .page-drone-services .contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-title {
  color: rgba(10, 12, 18, 0.45);
}

:root[data-theme="light"] .page-drone-services .contact-page-band > .hero__ticker-outer--graphicdesign .hero__ticker-item {
  color: rgba(10, 12, 18, 0.55);
}

:root[data-theme="light"] .contact-page-band > .hero__ticker-outer--contact {
  background: rgba(255, 255, 255, 0.92);
  border-top-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 -12px 40px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .contact-page-band > .hero__ticker-outer--contact .hero__ticker-title {
  color: rgba(10, 12, 18, 0.45);
}

:root[data-theme="light"] .contact-page-band > .hero__ticker-outer--contact .hero__ticker-item {
  color: rgba(10, 12, 18, 0.55);
}

/* Contact hero (paint lives on .contact-page-band) */
.contact-wp-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: min(82vh, 860px);
  padding: clamp(6.5rem, 4.5rem + 4vw, 8.25rem) 0 clamp(2.75rem, 2rem + 2vw, 3.75rem);
  overflow: hidden;
  color: var(--text);
}

.contact-page-band > .contact-wp-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px);
  opacity: 0.34;
  mask-image: radial-gradient(58% 56% at 50% 42%, black 52%, transparent 100%);
}

:root[data-theme="light"] .contact-page-band > .contact-wp-hero::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.06) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.05) 0 1px, transparent 1px 72px);
  opacity: 0.085;
  mask-image: none;
}

.contact-wp-hero__center {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 52rem;
  margin-inline: auto;
}

.contact-wp-hero__center::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -6px;
  transform: translateX(-50%);
  width: min(480px, 92%);
  height: clamp(112px, 17vw, 168px);
  background: radial-gradient(ellipse 68% 58% at 50% 42%, rgba(45, 212, 191, 0.12), transparent 74%);
  pointer-events: none;
  z-index: 0;
}

.contact-wp-hero__center > * {
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .contact-wp-hero__center::before {
  background: radial-gradient(ellipse 66% 56% at 50% 44%, rgba(45, 212, 191, 0.07), transparent 76%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__copy::before, .page-testimonials #testimonials-main-content .gd-hero__copy::before {

  content: none;
  display: none;
}

.page-graphic-design #graphicdesign-hero .contact-wp-hero__accent,
.page-testimonials #testimonials-main-content .contact-wp-hero__accent {
  display: inline;
  background: radial-gradient(125% 165% at 12% 38%, #ffb000 0%, #ff7a18 38%, #ff5a00 62%, #ff1f1f 96%);
  background-size: 100% 100%;
  animation: none !important;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-shadow: 0 18px 50px rgba(255, 122, 0, 0.28);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .contact-wp-hero__accent {
  background: radial-gradient(130% 170% at 10% 36%, #ea580c 0%, #f97316 40%, #fb923c 72%, #dc2626 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-shadow: none;
  filter: none;
  animation: none !important;
}

@supports not (background-clip: text) {
  .page-graphic-design #graphicdesign-hero .contact-wp-hero__accent {
    background: none;
    -webkit-text-fill-color: #ea580c;
    color: #ea580c;
  }
}

/* Testimonials (light): solid accent — clipped gradient + warm canvas = low contrast / unreadable */
:root[data-theme="light"] .page-testimonials #testimonials-main-content .contact-wp-hero__accent {
  background: none;
  background-size: auto;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  text-shadow: none;
  filter: none;
  animation: none;
}

/* Testimonials #reviews H2 “say” — match hero `.contact-wp-hero__accent` (sun / light solids) */
.page-testimonials #reviews .client-proof__title-accent.light-band__title-accent {
  background: radial-gradient(125% 165% at 12% 38%, #ffb000 0%, #ff7a18 38%, #ff5a00 62%, #ff1f1f 96%);
  background-size: 100% 100%;
  animation: none;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 50px rgba(255, 122, 0, 0.28);
}

:root[data-theme="light"] .page-testimonials #reviews .client-proof__title-accent.light-band__title-accent {
  background: none;
  background-size: auto;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  text-shadow: none;
  filter: none;
}

.page-graphic-design #graphicdesign-hero .contact-wp-hero__kicker, .page-testimonials #testimonials-main-content .contact-wp-hero__kicker {

  display: inline-flex;
  align-items: center;
  margin: 0 0 14px;
  padding: 6px 14px 5px;
  width: fit-content;
  max-width: 100%;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-radius: 999px;
  color: rgba(255, 232, 200, 0.96);
  background: rgba(255, 122, 40, 0.14);
  border: 1px solid rgba(255, 176, 0, 0.42);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 10px 28px rgba(255, 106, 18, 0.14);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .contact-wp-hero__kicker,
:root[data-theme="light"] .page-testimonials #testimonials-main-content .contact-wp-hero__kicker {

  color: #8a3d0a;
  background: radial-gradient(ellipse 130% 120% at 50% 0%, #ffffff 0%, #fff9f3 48%, #fff3e6 100%);
  border: 1px solid rgba(255, 149, 64, 0.34);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* Graphic design: split hero — radial-only wash + vector workspace */
.page-graphic-design #graphicdesign-hero.contact-wp-hero,
.page-testimonials #testimonials-main-content.contact-wp-hero {
  align-items: stretch;
  justify-content: center;
  min-height: min(84vh, 900px);
  padding-top: clamp(5.25rem, 4.25rem + 2.2vw, 6.5rem);
  padding-bottom: clamp(2rem, 1.65rem + 1.5vw, 3.1rem);
  overflow: visible;
  background:
    radial-gradient(ellipse 140% 95% at 50% -18%, rgba(255, 149, 64, 0.28), transparent 56%),
    radial-gradient(ellipse min(110%, 760px) min(95%, 620px) at 92% 18%, rgba(255, 122, 40, 0.32), transparent 58%),
    radial-gradient(ellipse min(95%, 620px) min(85%, 520px) at 6% 88%, rgba(255, 176, 0, 0.14), transparent 54%),
    radial-gradient(ellipse 120% 85% at 48% 108%, rgba(15, 23, 42, 0.88), transparent 62%),
    #05060d;
}

/* Testimonials: hero height follows content (no forced 74vh band) */
.page-testimonials #testimonials-main-content.contact-wp-hero {
  min-height: 0;
  padding-top: clamp(4.5rem, 3.75rem + 1.8vw, 5.75rem);
  padding-bottom: clamp(1.75rem, 1.4rem + 1.4vw, 2.75rem);
}

/* Testimonials hero: looser copy stack + compact review visual (no dead space under dash) */
.page-testimonials #testimonials-main-content .gd-hero__layout {
  align-items: start;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.35fr);
  grid-template-rows: auto auto;
  gap: clamp(28px, 4.2vw, 52px);
}

.page-testimonials #testimonials-main-content .gd-hero__copy {
  grid-column: 1;
  grid-row: 1;
}

.page-testimonials #testimonials-main-content .gd-hero__visual {
  grid-column: 2;
  grid-row: 1;
}

.page-testimonials #testimonials-main-content .gd-hero__copy {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 2.4vw, 30px);
  padding-block: clamp(6px, 1vw, 14px);
}

.page-testimonials #testimonials-main-content .gd-hero__copy > .contact-wp-hero__kicker,
.page-testimonials #testimonials-main-content .gd-hero__copy > .contact-wp-hero__title,
.page-testimonials #testimonials-main-content .gd-hero__copy > .contact-wp-hero__lead,
.page-testimonials #testimonials-main-content .gd-hero__copy > .gd-hero__actions {
  margin: 0;
}

.page-testimonials #testimonials-main-content .contact-wp-hero__title {
  max-width: min(100%, 16em);
  font-size: 48px;
  line-height: 1.14;
  text-wrap: pretty;
}

.page-testimonials #testimonials-main-content .contact-wp-hero__lead {
  max-width: min(52ch, 100%);
  font-size: 18px;
  line-height: 1.68;
}

.page-testimonials #testimonials-main-content .gd-hero__visual {
  min-height: 0;
  height: auto;
  align-self: start;
}


.page-graphic-design #graphicdesign-hero.contact-wp-hero::before,
.page-testimonials #testimonials-main-content.contact-wp-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size: 22px 22px;
  opacity: 0.42;
  mask-image: radial-gradient(ellipse 125% 92% at 38% 36%, black 0%, rgba(0, 0, 0, 0.65) 42%, transparent 82%);
  -webkit-mask-image: radial-gradient(ellipse 125% 92% at 38% 36%, black 0%, rgba(0, 0, 0, 0.65) 42%, transparent 82%);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero.contact-wp-hero,
:root[data-theme="light"] .page-testimonials #testimonials-main-content.contact-wp-hero {
  background:
    radial-gradient(ellipse 130% 100% at 50% -22%, rgba(255, 210, 170, 0.55), transparent 52%),
    radial-gradient(ellipse min(100%, 680px) min(88%, 560px) at 94% 12%, rgba(255, 173, 102, 0.28), transparent 58%),
    radial-gradient(ellipse min(90%, 520px) min(75%, 440px) at 4% 92%, rgba(255, 247, 237, 0.95), transparent 55%),
    radial-gradient(ellipse 110% 70% at 50% 118%, rgba(241, 245, 249, 0.9), transparent 65%),
    #fff8f0;
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero.contact-wp-hero::before,
:root[data-theme="light"] .page-testimonials #testimonials-main-content.contact-wp-hero::before {
  background-image: radial-gradient(circle, rgba(255, 140, 72, 0.072) 1px, transparent 1px);
  opacity: 0.38;
  mask-image: radial-gradient(ellipse 118% 95% at 32% 30%, black 0%, rgba(0, 0, 0, 0.55) 38%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 118% 95% at 32% 30%, black 0%, rgba(0, 0, 0, 0.55) 38%, transparent 80%);
}

.contact-page-band > #graphicdesign-hero.contact-wp-hero::before,
.testimonials-page-band > #testimonials-main-content.contact-wp-hero::before {
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
}

:root[data-theme="light"] .contact-page-band > #graphicdesign-hero.contact-wp-hero::before,
:root[data-theme="light"] .testimonials-page-band > #testimonials-main-content.contact-wp-hero::before {
  background-image: radial-gradient(circle, rgba(255, 140, 72, 0.072) 1px, transparent 1px);
}

.page-graphic-design #graphicdesign-hero .gd-hero__layout,
.page-testimonials #testimonials-main-content .gd-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
}

/* Graphic design: visual column sized for Mac hero photo */
.page-graphic-design #graphicdesign-hero .gd-hero__layout {
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, 1.75fr);
  gap: clamp(18px, 3.2vw, 40px);
  align-items: center;
}

.page-graphic-design #graphicdesign-hero .gd-hero__copy, .page-testimonials #testimonials-main-content .gd-hero__copy {

  position: relative;
  text-align: left;
  max-width: none;
  margin-inline: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__copy > *, .page-testimonials #testimonials-main-content .gd-hero__copy > * {

  position: relative;
  z-index: 1;
}

.page-graphic-design #graphicdesign-hero .contact-wp-hero__title {
  font-size: clamp(2rem, 1.15rem + 2.1vw, 3.15rem);
}

.page-graphic-design #graphicdesign-hero .contact-wp-hero__title {
  max-width: min(22ch, 100%);
}

.page-graphic-design #graphicdesign-hero .contact-wp-hero__lead, .page-testimonials #testimonials-main-content .contact-wp-hero__lead {

  margin: 0;
  max-width: 42ch;
  color: rgba(226, 232, 240, 0.78);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .contact-wp-hero__lead, :root[data-theme="light"] .page-testimonials #testimonials-main-content .contact-wp-hero__lead {

  color: rgba(10, 12, 18, 0.66);
}

.page-graphic-design #graphicdesign-hero .gd-hero__actions, .page-testimonials #testimonials-main-content .gd-hero__actions {

  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px 14px;
  margin-top: 16px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__btn-primary, .page-testimonials #testimonials-main-content .gd-hero__btn-primary {

  background: radial-gradient(ellipse 120% 165% at 50% 0%, #ffb000 0%, #ff770f 46%, #ff5a00 68%, #e03100 100%);
  border: 1px solid rgba(255, 214, 170, 0.38);
  box-shadow: 0 14px 40px rgba(255, 106, 18, 0.38), 0 2px 0 rgba(255, 255, 255, 0.18) inset;
}

.page-graphic-design #graphicdesign-hero .gd-hero__btn-primary:hover, .page-testimonials #testimonials-main-content .gd-hero__btn-primary:hover {

  filter: brightness(1.06);
}

.page-graphic-design #graphicdesign-hero .gd-hero__btn-secondary, .page-testimonials #testimonials-main-content .gd-hero__btn-secondary {

  color: rgba(255, 255, 255, 0.92);
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(7, 10, 18, 0.25);
  backdrop-filter: blur(8px);
}

.page-graphic-design #graphicdesign-hero .gd-hero__btn-secondary:hover, .page-testimonials #testimonials-main-content .gd-hero__btn-secondary:hover {

  border-color: rgba(255, 255, 255, 0.45);
  background: rgba(7, 10, 18, 0.42);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__btn-secondary, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__btn-secondary {

  color: rgba(10, 12, 18, 0.88);
  border-color: rgba(10, 12, 18, 0.14);
  background: rgba(255, 255, 255, 0.85);
}

.page-graphic-design #graphicdesign-hero .gd-hero__btn-arrow, .page-testimonials #testimonials-main-content .gd-hero__btn-arrow {

  margin-left: 6px;
  font-weight: 800;
}

.page-graphic-design #graphicdesign-hero .gd-hero__btn-icon, .page-testimonials #testimonials-main-content .gd-hero__btn-icon {

  display: inline-flex;
  margin-left: 8px;
  vertical-align: middle;
  opacity: 0.92;
}

.page-graphic-design #graphicdesign-hero .gd-hero__features {

  list-style: none;
  margin: clamp(18px, 3vw, 26px) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 16px);
}

.page-testimonials #testimonials-main-content .gd-hero__features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: clamp(12px, 2vw, 16px);
}

.page-graphic-design #graphicdesign-hero .gd-hero__feature, .page-testimonials #testimonials-main-content .gd-hero__feature {

  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto minmax(0, auto);
  column-gap: 12px;
  row-gap: 6px;
  align-items: start;
  min-width: 0;
  padding: 12px 14px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(7, 10, 18, 0.35);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

.page-graphic-design #graphicdesign-hero .gd-hero__feature-icon, .page-testimonials #testimonials-main-content .gd-hero__feature-icon {

  grid-row: 1 / span 2;
  grid-column: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  align-self: start;
  margin-top: 1px;
  border-radius: 12px;
  color: #ffb000;
  background: rgba(255, 122, 40, 0.18);
  border: 1px solid rgba(255, 176, 0, 0.38);
}

.page-graphic-design #graphicdesign-hero .gd-hero__feature-icon svg, .page-testimonials #testimonials-main-content .gd-hero__feature-icon svg {

  flex-shrink: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__feature-title, .page-testimonials #testimonials-main-content .gd-hero__feature-title {

  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  font-weight: 850;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.95);
}

.page-graphic-design #graphicdesign-hero .gd-hero__feature-text, .page-testimonials #testimonials-main-content .gd-hero__feature-text {

  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(226, 232, 240, 0.62);
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

/* Testimonials hero: stat row below copy + visual (matches Work `#work-main-content` trust grid) */
.page-testimonials #testimonials-main-content .hero__ads-trust--testimonials {
  grid-column: 1 / -1;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-top: clamp(4px, 1vw, 12px);
  width: 100%;
}

.page-testimonials #testimonials-main-content .hero__ads-stat-grid--testimonials {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.page-testimonials #testimonials-main-content .hero__ads-stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 16px 12px 18px;
  border-radius: 12px;
  border: 1px solid rgba(255, 149, 64, 0.22);
  background:
    radial-gradient(ellipse 120% 80% at 50% 0%, rgba(255, 120, 48, 0.1), transparent 55%),
    rgba(8, 12, 22, 0.78);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

.page-testimonials #testimonials-main-content .hero__ads-stat-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
}

.page-testimonials #testimonials-main-content .hero__ads-stat-ico svg {
  width: 22px;
  height: 22px;
}

.page-testimonials #testimonials-main-content .hero__ads-stat-val {
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: clamp(1.35rem, 1.1rem + 1vw, 1.85rem);
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.96);
}

.page-testimonials #testimonials-main-content .hero__ads-stat-lbl {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.52);
  max-width: 22ch;
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .hero__ads-stat-card {
  border-color: rgba(10, 12, 18, 0.1);
  background: linear-gradient(180deg, #ffffff 0%, rgba(248, 250, 252, 0.98) 100%);
  box-shadow: 0 6px 22px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .hero__ads-stat-val {
  color: rgba(10, 12, 18, 0.94);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .hero__ads-stat-lbl {
  color: rgba(10, 12, 18, 0.55);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .hero__ads-stat-ico {
  background: rgba(255, 120, 48, 0.08);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__feature, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__feature {

  background: #ffffff;
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.06);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__feature-icon, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__feature-icon {

  color: #d97706;
  background: rgba(255, 159, 28, 0.12);
  border-color: rgba(255, 149, 64, 0.28);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__feature-title, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__feature-title {

  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__feature-text, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__feature-text {

  color: rgba(10, 12, 18, 0.58);
}

.page-graphic-design #graphicdesign-hero .gd-hero__visual,
.page-testimonials #testimonials-main-content .gd-hero__visual {
  position: relative;
  isolation: isolate;
}

.page-graphic-design #graphicdesign-hero .gd-hero__visual {
  min-height: clamp(520px, 58vw, 720px);
}

.page-graphic-design #graphicdesign-hero .gd-hero__visual-glow, .page-testimonials #testimonials-main-content .gd-hero__visual-glow {

  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(42px);
  opacity: 0.55;
  z-index: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__visual-glow--a, .page-testimonials #testimonials-main-content .gd-hero__visual-glow--a {

  width: min(120%, 420px);
  height: min(70%, 320px);
  right: -8%;
  top: 4%;
  background: radial-gradient(circle, rgba(255, 149, 64, 0.52), transparent 70%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__visual-glow--b, .page-testimonials #testimonials-main-content .gd-hero__visual-glow--b {

  width: min(90%, 280px);
  height: min(50%, 220px);
  left: -6%;
  bottom: 18%;
  background: radial-gradient(circle, rgba(255, 106, 18, 0.42), transparent 72%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__visual.gd-hero__visual--workspace, .page-testimonials #testimonials-main-content .gd-hero__visual.gd-hero__visual--workspace {

  perspective: 1200px;
  perspective-origin: 46% 42%;
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace,
.page-testimonials #testimonials-main-content .gd-hero__workspace {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace {
  height: 100%;
  min-height: inherit;
  align-items: center;
  padding: 2px 0 10px;
}

.page-testimonials #testimonials-main-content .gd-hero__workspace {
  height: auto;
  min-height: 0;
  align-items: flex-start;
  padding: 0 0 4px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace-stage, .page-testimonials #testimonials-main-content .gd-hero__workspace-stage {

  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(4px, 0.9vw, 10px);
  width: min(100%, 1152px);
  margin-inline: auto;
  min-height: 0;
  overflow: visible;
}

.page-testimonials #testimonials-main-content .gd-hero__workspace-stage {
  align-items: flex-start;
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace-main, .page-testimonials #testimonials-main-content .gd-hero__workspace-main {

  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: clamp(10px, 1.5vw, 16px);
}

.page-testimonials #testimonials-main-content .gd-hero__workspace-main {
  align-items: stretch;
  justify-content: flex-start;
  padding-top: 0;
}

/* Testimonials hero visual: Google-style review dashboard (scoped; GD page keeps Mac mockup) */
.page-testimonials #testimonials-main-content .gd-hero__reviews-dash {
  width: 100%;
  max-width: min(100%, 720px);
  margin-inline: auto;
  margin-top: clamp(72px, 11vh, 120px);
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.92);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__chrome {
  position: relative;
  border-radius: 14px;
  padding: 1px;
  /* Sun ring — same family as `.contact-wp-hero__accent` on this hero */
  background: linear-gradient(
    135deg,
    rgba(255, 176, 0, 0.55) 0%,
    rgba(255, 122, 24, 0.42) 38%,
    rgba(255, 90, 36, 0.35) 62%,
    rgba(255, 47, 26, 0.32) 100%
  );
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.9),
    0 20px 50px rgba(0, 0, 0, 0.45),
    0 0 42px rgba(255, 122, 24, 0.2);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__chrome::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 13px;
  background: linear-gradient(180deg, #0f1118 0%, #080a10 100%);
  z-index: 0;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.38fr) minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(10px, 1.4vw, 14px);
  padding: clamp(10px, 1.3vw, 14px);
  min-height: 0;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__summary {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__panel {
  position: relative;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(22, 26, 38, 0.95) 0%, rgba(12, 14, 22, 0.98) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__panel--google {
  padding: 14px 14px 12px;
  flex: 0 0 auto;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__gbp-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__g {
  flex-shrink: 0;
  display: block;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__gbp-title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.88);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__score {
  margin: 0 0 6px;
  font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.35rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  color: rgba(255, 255, 255, 0.98);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__score-denom {
  font-weight: 700;
  font-size: 0.55em;
  color: rgba(255, 255, 255, 0.55);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__stars {
  display: flex;
  gap: 1px;
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1;
  color: #fbbf24;
  letter-spacing: -0.06em;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__rating-sub {
  margin: 0;
  font-size: 11.5px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.52);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__panel--clients {
  padding: 12px 14px 14px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__gauge {
  position: relative;
  width: 100%;
  max-width: 200px;
  margin-top: 2px;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__gauge-svg {
  display: block;
  width: 100%;
  height: auto;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__gauge-arc {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: gd-hero-ts-gauge-fill 1.45s cubic-bezier(0.22, 1, 0.36, 1) 0.35s forwards;
  will-change: stroke-dashoffset;
}

@media (prefers-reduced-motion: reduce) {
  .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__gauge-arc {
    animation: none;
    stroke-dashoffset: 3;
  }
}

@keyframes gd-hero-ts-gauge-fill {
  from {
    stroke-dashoffset: 100;
  }

  to {
    stroke-dashoffset: 0;
  }
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__gauge-copy {
  position: absolute;
  left: 50%;
  bottom: 4px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  width: 100%;
  pointer-events: none;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__gauge-num {
  font-size: clamp(1.35rem, 1rem + 1.1vw, 1.75rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: rgba(255, 255, 255, 0.96);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__gauge-label {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.72);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__client-blurb {
  margin: 0;
  padding: 8px 12px;
  max-width: 17.5rem;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.45;
  letter-spacing: 0.01em;
  text-align: center;
  text-wrap: balance;
  color: rgba(255, 255, 255, 0.66);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 4px;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  color: rgba(255, 248, 240, 0.9);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 149, 64, 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__social-link:hover {
  color: #fff;
  background: rgba(255, 122, 36, 0.14);
  border-color: rgba(255, 200, 120, 0.45);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 6px 18px rgba(255, 106, 24, 0.18);
  transform: translateY(-1px);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__social-link:focus-visible {
  outline: 2px solid rgba(255, 176, 80, 0.85);
  outline-offset: 2px;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__social-icon {
  display: block;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__reviews {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  flex: 1 1 auto;
  min-height: 0;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__card {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 11px;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(8, 10, 16, 0.65);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__card-av {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.88);
  background: linear-gradient(145deg, #4b5563, #1f2937);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__card-body {
  min-width: 0;
  flex: 1 1 auto;
  font-size: 16px;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__card-stars {
  display: flex;
  gap: 0;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1;
  color: #fbbf24;
  letter-spacing: -0.08em;
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__card-quote {
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

.page-testimonials #testimonials-main-content .gd-hero__reviews-dash__card-co {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.48);
}

@media (max-width: 900px) {
  .page-testimonials #testimonials-main-content .gd-hero__reviews-dash {
    margin-top: clamp(40px, 7vh, 72px);
  }

  .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__summary {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__panel--google,
  .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__panel--clients {
    flex: 1 1 160px;
  }
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__chrome::before {
  background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__chrome {
  background: linear-gradient(
    135deg,
    rgba(251, 191, 36, 0.5) 0%,
    rgba(251, 146, 60, 0.45) 40%,
    rgba(249, 115, 22, 0.38) 72%,
    rgba(234, 88, 12, 0.34) 100%
  );
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.92),
    0 18px 44px rgba(10, 12, 18, 0.08),
    0 0 40px rgba(251, 146, 60, 0.2);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__social-link {
  color: rgba(55, 65, 81, 0.92);
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(234, 88, 12, 0.22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__social-link:hover {
  color: rgba(17, 24, 39, 0.95);
  background: #fff;
  border-color: rgba(251, 146, 60, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 6px 16px rgba(251, 146, 60, 0.15);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash {
  color: rgba(15, 23, 42, 0.92);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__panel {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.92) 100%);
  border-color: rgba(15, 23, 42, 0.1);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__gbp-title,
:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__score,
:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__gauge-num {
  color: rgba(15, 23, 42, 0.94);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__score-denom,
:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__rating-sub,
:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__gauge-label {
  color: rgba(15, 23, 42, 0.55);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__client-blurb {
  color: rgba(15, 23, 42, 0.62);
  border-color: rgba(234, 88, 12, 0.2);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__card {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(15, 23, 42, 0.08);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__card-quote {
  color: rgba(15, 23, 42, 0.88);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__card-co {
  color: rgba(15, 23, 42, 0.5);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__card-av {
  color: rgba(15, 23, 42, 0.85);
  background: linear-gradient(145deg, #e2e8f0, #cbd5e1);
  border-color: rgba(15, 23, 42, 0.12);
}

:root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__reviews-dash__gauge-svg path:first-of-type {
  stroke: rgba(15, 23, 42, 0.12);
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace-photo, .page-testimonials #testimonials-main-content .gd-hero__workspace-photo {

  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  /* Keep the Mac asset inside the hero column (was width:150% + huge max-height, which blew the layout) */
  max-height: min(52vh, 480px);
  object-fit: contain;
  object-position: left center;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__workspace-photo, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__workspace-photo {

  border: 0;
  box-shadow: none;
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace-panels, .page-testimonials #testimonials-main-content .gd-hero__workspace-panels {

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: clamp(8px, 1.4vw, 14px);
  width: 100%;
}

/* Layers + Align always share one row (wrap as a pair under Color when narrow) */
.page-graphic-design #graphicdesign-hero .gd-hero__workspace-panels-row, .page-testimonials #testimonials-main-content .gd-hero__workspace-panels-row {

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: clamp(8px, 1.4vw, 14px);
  flex: 0 1 auto;
  min-width: min-content;
}

/* Illustrator-style Color panel (decorative, under hero Mac photo) */
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel {

  --gd-aic-bg: #333333;
  --gd-aic-input: #424242;
  --gd-aic-border: rgba(0, 0, 0, 0.55);
  --gd-aic-text: #f0f0f0;
  --gd-aic-muted: #b8b8b8;
  flex: 0 0 auto;
  width: min(100%, 200px);
  margin-inline: 0;
  border-radius: 2px;
  border: 1px solid var(--gd-aic-border);
  background: var(--gd-aic-bg);
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: var(--gd-aic-text);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 10px;
  line-height: 1.25;
  text-align: left;
  overflow: hidden;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__head, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__head {

  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px 4px 4px;
  background: linear-gradient(180deg, #2a2a2a 0%, #242424 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.65);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__head-icons,
.page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__head-icons,
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__head-actions,
.page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__head-actions {

  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  color: #c8c8c8;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__icon-btn, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__icon-btn {

  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  opacity: 0.88;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__icon-btn--diamond svg, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__icon-btn--diamond svg {

  opacity: 0.95;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__tabs, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__tabs {

  display: flex;
  flex: 1;
  min-width: 0;
  align-items: stretch;
  gap: 0;
  border-radius: 2px 2px 0 0;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.45);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__tab, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__tab {

  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--gd-aic-muted);
  background: #2c2c2c;
  border: 0;
  cursor: default;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__tab--active, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__tab--active {

  color: #ffffff;
  background: #3a3a3a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__body, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__body {

  padding: 8px 8px 6px;
  background: var(--gd-aic-bg);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__recent-label, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__recent-label {

  margin: 0 0 5px;
  font-size: 10px;
  font-weight: 500;
  color: #eaeaea;
  letter-spacing: 0.02em;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__recent-row, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__recent-row {

  display: flex;
  flex-wrap: nowrap;
  gap: 3px;
  margin-bottom: 10px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch {

  flex: 1;
  min-width: 0;
  height: 11px;
  border-radius: 1px;
  border: 1px solid rgba(0, 0, 0, 0.45);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch--r, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch--r {

  background: #e53935;
}
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch--lg, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch--lg {

  background: #d0d0d0;
}
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch--mg, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch--mg {

  background: #9e9e9e;
}
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch--k, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch--k {

  background: #1a1a1a;
}
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch--dg, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch--dg {

  background: #4a4a4a;
}
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch--dg2, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch--dg2 {

  background: #3d3d3d;
}
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch--vdg, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch--vdg {

  background: #2a2a2a;
}
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch--w, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch--w {

  background: #ffffff;
}
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch--dg3, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch--dg3 {

  background: #555;
}
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch--gold, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch--gold {

  background: #c9a227;
}
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch--lg2, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch--lg2 {

  background: #c4c4c4;
}
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch--mg2, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch--mg2 {

  background: #8a8a8a;
}
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__swatch--dg4, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__swatch--dg4 {

  background: #404040;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__main-grid, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__main-grid {

  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 8px 10px;
  align-items: start;
  margin-bottom: 8px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__fs-col, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__fs-col {

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__fs-swap, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__fs-swap {

  color: #d0d0d0;
  margin-bottom: 1px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__fs-large, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__fs-large {

  position: relative;
  width: 34px;
  height: 34px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__fs-stroke, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__fs-stroke {

  position: absolute;
  right: 0;
  bottom: 0;
  width: 22px;
  height: 22px;
  background: #ffffff;
  border: 2px solid #121212;
  border-radius: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__fs-fill, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__fs-fill {

  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__fs-mini-row, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__fs-mini-row {

  display: flex;
  gap: 3px;
  justify-content: center;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__fs-mini, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__fs-mini {

  width: 11px;
  height: 11px;
  border-radius: 1px;
  border: 1px solid rgba(0, 0, 0, 0.45);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__fs-mini--none, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__fs-mini--none {

  background: #f5f5f5;
  background-image: linear-gradient(
    to bottom left,
    transparent calc(50% - 0.5px),
    #e53935 calc(50% - 0.5px),
    #e53935 calc(50% + 0.5px),
    transparent calc(50% + 0.5px)
  );
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__fs-mini--k, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__fs-mini--k {

  background: #111;
}
.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__fs-mini--w, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__fs-mini--w {

  background: #fff;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__sliders, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__sliders {

  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__slider-row, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__slider-row {

  display: grid;
  grid-template-columns: 11px 1fr 34px;
  align-items: center;
  gap: 5px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__slider-letter, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__slider-letter {

  font-size: 9px;
  font-weight: 700;
  color: #ddd;
  text-align: center;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__slider-track, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__slider-track {

  position: relative;
  height: 9px;
  border-radius: 1px;
  border: 1px solid rgba(0, 0, 0, 0.55);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__slider-track--c, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__slider-track--c {

  background: linear-gradient(90deg, #ffffff 0%, #00b4d8 55%, #0096c7 100%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__slider-track--m, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__slider-track--m {

  background: linear-gradient(90deg, #ffffff 0%, #e91e8c 55%, #c2185b 100%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__slider-track--y, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__slider-track--y {

  background: linear-gradient(90deg, #ffffff 0%, #ffea00 45%, #f0c400 100%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__slider-track--k, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__slider-track--k {

  background: linear-gradient(90deg, #ffffff 0%, #9e9e9e 40%, #212121 100%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__slider-thumb, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__slider-thumb {

  position: absolute;
  left: 0;
  top: -4px;
  width: 0;
  height: 0;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
  border-top: 5px solid #c4c4c4;
  border-bottom: 0;
  filter: drop-shadow(0 0.5px 0 rgba(0, 0, 0, 0.65));
  transform: translateX(-1px);
  pointer-events: none;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__slider-value, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__slider-value {

  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 2px 4px;
  min-height: 16px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #e8e8e8;
  background: var(--gd-aic-input);
  border: 1px solid rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__hex-row, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__hex-row {

  margin-bottom: 6px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__hex-field, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__hex-field {

  display: flex;
  align-items: center;
  width: 100%;
  padding: 4px 8px;
  background: var(--gd-aic-input);
  border: 1px solid rgba(0, 0, 0, 0.45);
  border-radius: 3px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__hex-hash, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__hex-hash {

  margin-right: 2px;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__hex-digits, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__hex-digits {

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #f5f5f5;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__spectrum, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__spectrum {

  height: 13px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.55);
  margin-bottom: 5px;
  background: linear-gradient(
    90deg,
    #ff0000 0%,
    #ff8000 12%,
    #ffff00 24%,
    #00ff00 38%,
    #00ffff 52%,
    #0080ff 66%,
    #6020c0 80%,
    #ff00c8 92%,
    #ff0000 100%
  );
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__resize-grip, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__resize-grip {

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  height: 10px;
  margin: 0 -2px;
  opacity: 0.55;
}

.page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel__resize-grip span, .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel__resize-grip span {

  width: 1px;
  height: 7px;
  background: #888;
  border-radius: 0.5px;
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__illustrator-color-panel, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__illustrator-color-panel {

  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Layers panel — match Illustrator color panel chrome / body */
.page-graphic-design #graphicdesign-hero .gd-hero__layers-panel, .page-testimonials #testimonials-main-content .gd-hero__layers-panel {

  flex: 0 0 auto;
  width: min(100%, 200px);
  min-width: 0;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.55);
  background: #333333;
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: #f0f0f0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 10px;
  line-height: 1.25;
  text-align: left;
  overflow: hidden;
}

.page-graphic-design #graphicdesign-hero .gd-hero__layers-panel__head, .page-testimonials #testimonials-main-content .gd-hero__layers-panel__head {

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 4px 6px 4px 6px;
  background: linear-gradient(180deg, #2a2a2a 0%, #242424 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.65);
}

.page-graphic-design #graphicdesign-hero .gd-hero__layers-panel__title, .page-testimonials #testimonials-main-content .gd-hero__layers-panel__title {

  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #ffffff;
}

.page-graphic-design #graphicdesign-hero .gd-hero__layers-panel__close, .page-testimonials #testimonials-main-content .gd-hero__layers-panel__close {

  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0;
  border-radius: 2px;
  color: #c8c8c8;
  opacity: 0.88;
}

.page-graphic-design #graphicdesign-hero .gd-hero__layers-panel__list, .page-testimonials #testimonials-main-content .gd-hero__layers-panel__list {

  list-style: none;
  margin: 0;
  padding: 8px 8px 6px;
  background: #333333;
}

.page-graphic-design #graphicdesign-hero .gd-hero__layers-panel__row, .page-testimonials #testimonials-main-content .gd-hero__layers-panel__row {

  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 5px 8px;
  padding: 5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.45);
}

.page-graphic-design #graphicdesign-hero .gd-hero__layers-panel__row:last-child, .page-testimonials #testimonials-main-content .gd-hero__layers-panel__row:last-child {

  border-bottom: 0;
  padding-bottom: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__layers-panel__icon, .page-testimonials #testimonials-main-content .gd-hero__layers-panel__icon {

  display: flex;
  align-items: center;
  justify-content: center;
  color: #c8c8c8;
}

.page-graphic-design #graphicdesign-hero .gd-hero__layers-panel__icon--logo, .page-testimonials #testimonials-main-content .gd-hero__layers-panel__icon--logo {

  color: #d0d0d0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__layers-panel__name, .page-testimonials #testimonials-main-content .gd-hero__layers-panel__name {

  min-width: 0;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #eaeaea;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-graphic-design #graphicdesign-hero .gd-hero__layers-panel__eye, .page-testimonials #testimonials-main-content .gd-hero__layers-panel__eye {

  display: flex;
  align-items: center;
  justify-content: center;
  color: #c8c8c8;
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__layers-panel, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__layers-panel {

  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Align panel (Adobe-style, decorative) — to the right of Layers */
.page-graphic-design #graphicdesign-hero .gd-hero__align-panel, .page-testimonials #testimonials-main-content .gd-hero__align-panel {

  flex: 0 0 auto;
  width: min(100%, 200px);
  min-width: 0;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.55);
  background: #464646;
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: #d1d1d1;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 10px;
  line-height: 1.2;
  text-align: left;
  overflow: hidden;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__head, .page-testimonials #testimonials-main-content .gd-hero__align-panel__head {

  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  align-items: center;
  gap: 2px 4px;
  padding: 3px 4px 3px 3px;
  background: linear-gradient(180deg, #2a2a2a 0%, #242424 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.65);
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__close, .page-testimonials #testimonials-main-content .gd-hero__align-panel__close {

  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: #a8a8a8;
  opacity: 0.9;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__tabs, .page-testimonials #testimonials-main-content .gd-hero__align-panel__tabs {

  display: flex;
  min-width: 0;
  align-items: stretch;
  border-radius: 2px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.45);
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__tab, .page-testimonials #testimonials-main-content .gd-hero__align-panel__tab {

  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  padding: 3px 2px;
  font-size: 7.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #b0b0b0;
  background: #2c2c2c;
  white-space: nowrap;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__tab-mark, .page-testimonials #testimonials-main-content .gd-hero__align-panel__tab-mark {

  flex-shrink: 0;
  opacity: 0.85;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__tab--active, .page-testimonials #testimonials-main-content .gd-hero__align-panel__tab--active {

  color: #f2f2f2;
  background: #4a4a4a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__head-actions, .page-testimonials #testimonials-main-content .gd-hero__align-panel__head-actions {

  display: flex;
  align-items: center;
  gap: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__head-btn, .page-testimonials #testimonials-main-content .gd-hero__align-panel__head-btn {

  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: #c8c8c8;
  opacity: 0.88;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__body, .page-testimonials #testimonials-main-content .gd-hero__align-panel__body {

  padding: 4px 5px 5px;
  background: #464646;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__label, .page-testimonials #testimonials-main-content .gd-hero__align-panel__label {

  margin: 0 0 2px;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #c8c8c8;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__icon-grid, .page-testimonials #testimonials-main-content .gd-hero__align-panel__icon-grid {

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__icon-grid:last-of-type, .page-testimonials #testimonials-main-content .gd-hero__align-panel__icon-grid:last-of-type {

  margin-bottom: 0;
  padding-bottom: 3px;
  border-bottom: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__icon-btn, .page-testimonials #testimonials-main-content .gd-hero__align-panel__icon-btn {

  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  border-radius: 1px;
  color: #e8e8e8;
  cursor: default;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__icon-btn:hover, .page-testimonials #testimonials-main-content .gd-hero__align-panel__icon-btn:hover {

  background: rgba(255, 255, 255, 0.06);
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__icon-btn--active, .page-testimonials #testimonials-main-content .gd-hero__align-panel__icon-btn--active {

  background: #1a1a1a;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__icon-btn--active:hover, .page-testimonials #testimonials-main-content .gd-hero__align-panel__icon-btn--active:hover {

  background: #222222;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__icon-btn svg, .page-testimonials #testimonials-main-content .gd-hero__align-panel__icon-btn svg {

  width: 11px;
  height: 11px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__split, .page-testimonials #testimonials-main-content .gd-hero__align-panel__split {

  display: grid;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  gap: 4px 3px;
  align-items: start;
  margin-top: 2px;
  padding-top: 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.42);
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__split-v, .page-testimonials #testimonials-main-content .gd-hero__align-panel__split-v {

  width: 1px;
  min-height: 100%;
  margin: 0;
  background: rgba(0, 0, 0, 0.45);
  align-self: stretch;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__split-col, .page-testimonials #testimonials-main-content .gd-hero__align-panel__split-col {

  min-width: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__split-row, .page-testimonials #testimonials-main-content .gd-hero__align-panel__split-row {

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__split-row .gd-hero__align-panel__icon-btn, .page-testimonials #testimonials-main-content .gd-hero__align-panel__split-row .gd-hero__align-panel__icon-btn {

  min-height: 18px;
  min-width: 18px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__split-row--3, .page-testimonials #testimonials-main-content .gd-hero__align-panel__split-row--3 {

  justify-content: flex-start;
  gap: 1px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__value, .page-testimonials #testimonials-main-content .gd-hero__align-panel__value {

  display: inline-flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 1px;
  padding: 2px 4px 2px 2px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  background: #2c2c2c;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__value-arrows, .page-testimonials #testimonials-main-content .gd-hero__align-panel__value-arrows {

  flex-shrink: 0;
  margin-right: 3px;
  font-size: 5px;
  line-height: 1.05;
  text-align: center;
  color: #8a8a8a;
}

.page-graphic-design #graphicdesign-hero .gd-hero__align-panel__value-text, .page-testimonials #testimonials-main-content .gd-hero__align-panel__value-text {

  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: rgba(240, 240, 240, 0.42);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__align-panel, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__align-panel {

  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini, .page-testimonials #testimonials-main-content .gd-hero__workspace-mini {

  position: absolute;
  left: auto;
  right: clamp(6px, 3vw, 20px);
  bottom: clamp(8px, 2.5vw, 22px);
  width: 114px;
  z-index: 4;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(ellipse 95% 55% at 50% 0%, rgba(48, 54, 66, 0.98), transparent 62%),
    #252a33;
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.5),
    0 0 32px rgba(255, 122, 40, 0.08);
  transform: rotate(7deg);
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini-chrome, .page-testimonials #testimonials-main-content .gd-hero__workspace-mini-chrome {

  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.38);
  background: rgba(0, 0, 0, 0.32);
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini-dots, .page-testimonials #testimonials-main-content .gd-hero__workspace-mini-dots {

  flex-shrink: 0;
  width: 22px;
  height: 8px;
  background-image:
    radial-gradient(circle at 4px 50%, #ff5f57 2px, transparent 3px),
    radial-gradient(circle at 11px 50%, #febc2e 2px, transparent 3px),
    radial-gradient(circle at 18px 50%, #28c840 2px, transparent 3px);
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini-name, .page-testimonials #testimonials-main-content .gd-hero__workspace-mini-name {

  font-size: 7px;
  font-weight: 750;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.72);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini-board, .page-testimonials #testimonials-main-content .gd-hero__workspace-mini-board {

  position: relative;
  min-height: 132px;
  padding: 12px 9px 14px;
  background:
    radial-gradient(ellipse 120% 80% at 50% 12%, rgba(255, 149, 64, 0.42), transparent 58%),
    radial-gradient(ellipse 90% 65% at 80% 88%, rgba(255, 90, 0, 0.22), transparent 55%),
    #1a2230;
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini-badge, .page-testimonials #testimonials-main-content .gd-hero__workspace-mini-badge {

  display: inline-block;
  padding: 3px 7px;
  margin-bottom: 10px;
  border-radius: 999px;
  font-size: 7px;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 250, 240, 0.92);
  background: rgba(255, 122, 40, 0.42);
  border: 1px solid rgba(255, 176, 0, 0.35);
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini-line, .page-testimonials #testimonials-main-content .gd-hero__workspace-mini-line {

  display: block;
  height: 5px;
  margin-bottom: 6px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.22);
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini-line--short, .page-testimonials #testimonials-main-content .gd-hero__workspace-mini-line--short {

  width: 68%;
}

.page-graphic-design #graphicdesign-hero .gd-hero__workspace-inner, .page-testimonials #testimonials-main-content .gd-hero__workspace-inner {

  position: relative;
  z-index: 2;
  flex: 1;
  min-width: 0;
  margin-inline: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(102px, 31%);
  width: min(100%, 440px);
  min-height: clamp(300px, 36vw, 392px);
  max-height: clamp(318px, 42vw, 428px);
  border-radius: 11px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(ellipse 100% 88% at 14% 10%, rgba(56, 62, 74, 0.98), transparent 58%),
    radial-gradient(ellipse 95% 82% at 90% 6%, rgba(42, 48, 58, 0.94), transparent 54%),
    radial-gradient(ellipse 115% 95% at 48% 100%, rgba(18, 22, 28, 0.99), transparent 62%),
    #292e37;
  box-shadow:
    0 32px 80px rgba(0, 0, 0, 0.58),
    0 0 52px rgba(255, 122, 40, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transform: rotateY(-12deg) rotateX(6deg);
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
}

@media (prefers-reduced-motion: reduce) {
  .page-graphic-design #graphicdesign-hero .gd-hero__workspace-inner, .page-testimonials #testimonials-main-content .gd-hero__workspace-inner {

    transform: none;
  }
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail, .page-testimonials #testimonials-main-content .gd-hero__rail {

  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: center;
  flex-shrink: 0;
  width: 31px;
  max-height: clamp(318px, 42vw, 428px);
  padding: 0;
  border-radius: 3px;
  background-color: #3c3c3c;
  border: 1px solid rgba(0, 0, 0, 0.45);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: #ececec;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail::-webkit-scrollbar, .page-testimonials #testimonials-main-content .gd-hero__rail::-webkit-scrollbar {

  width: 0;
  height: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-header, .page-testimonials #testimonials-main-content .gd-hero__rail-header {

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
  padding: 5px 0 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-expand, .page-testimonials #testimonials-main-content .gd-hero__rail-expand {

  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.82;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-expand svg, .page-testimonials #testimonials-main-content .gd-hero__rail-expand svg {

  width: 10px;
  height: 10px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-grip, .page-testimonials #testimonials-main-content .gd-hero__rail-grip {

  width: 16px;
  height: 8px;
  opacity: 0.42;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.85) 1px, transparent 1.5px);
  background-size: 4px 4px;
  background-position: 0 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-tools, .page-testimonials #testimonials-main-content .gd-hero__rail-tools {

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 2px 0 4px;
  flex-shrink: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-footer, .page-testimonials #testimonials-main-content .gd-hero__rail-footer {

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
  padding: 6px 0 7px;
  border-top: 1px solid rgba(0, 0, 0, 0.35);
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-static, .page-testimonials #testimonials-main-content .gd-hero__rail-static {

  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 22px;
  color: #ececec;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-static--swap, .page-testimonials #testimonials-main-content .gd-hero__rail-static--swap {

  min-height: 24px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-static--swatches, .page-testimonials #testimonials-main-content .gd-hero__rail-static--swatches {

  min-height: 26px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail--photoshop .gd-hero__rail-tool, .page-testimonials #testimonials-main-content .gd-hero__rail--photoshop .gd-hero__rail-tool {

  height: 15px;
  min-height: 15px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-static--fg-bg, .page-testimonials #testimonials-main-content .gd-hero__rail-static--fg-bg {

  min-height: 32px;
  padding: 2px 0 5px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-static--fg-bg svg, .page-testimonials #testimonials-main-content .gd-hero__rail-static--fg-bg svg {

  width: 20px;
  height: auto;
  max-height: 30px;
  display: block;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-tool, .page-testimonials #testimonials-main-content .gd-hero__rail-tool {

  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 14px;
  min-height: 14px;
  padding: 0;
  border-radius: 1px;
  color: #ececec;
  border: 0;
  box-sizing: border-box;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-tool svg,
.page-testimonials #testimonials-main-content .gd-hero__rail-tool svg,
.page-graphic-design #graphicdesign-hero .gd-hero__rail-tool-icon,
.page-testimonials #testimonials-main-content .gd-hero__rail-tool-icon {

  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-static svg, .page-testimonials #testimonials-main-content .gd-hero__rail-static svg {

  width: 12px;
  height: 12px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-static--swatches svg, .page-testimonials #testimonials-main-content .gd-hero__rail-static--swatches svg {

  width: 14px;
  height: 14px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-tool--flyout::after, .page-testimonials #testimonials-main-content .gd-hero__rail-tool--flyout::after {

  content: "";
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 0;
  height: 0;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-top: 2.5px solid rgba(255, 255, 255, 0.92);
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  pointer-events: none;
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-tool--active, .page-testimonials #testimonials-main-content .gd-hero__rail-tool--active {

  color: #ffffff;
  background-color: #535353;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
}

.page-graphic-design #graphicdesign-hero .gd-hero__rail-tool--active.gd-hero__rail-tool--flyout::after, .page-testimonials #testimonials-main-content .gd-hero__rail-tool--active.gd-hero__rail-tool--flyout::after {

  border-top-color: rgba(255, 255, 255, 0.98);
}

.page-graphic-design #graphicdesign-hero .gd-hero__doc, .page-testimonials #testimonials-main-content .gd-hero__doc {

  display: flex;
  flex-direction: column;
  min-width: 0;
  background: #363b46;
}

.page-graphic-design #graphicdesign-hero .gd-hero__doc-bar, .page-testimonials #testimonials-main-content .gd-hero__doc-bar {

  padding: 0;
  background:
    linear-gradient(180deg, rgba(58, 58, 58, 0.98) 0%, rgba(49, 49, 49, 1) 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.55);
}

.page-graphic-design #graphicdesign-hero .gd-hero__doc-tab-strip, .page-testimonials #testimonials-main-content .gd-hero__doc-tab-strip {

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 10px 4px;
  background: rgba(0, 0, 0, 0.22);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.page-graphic-design #graphicdesign-hero .gd-hero__doc-tabs, .page-testimonials #testimonials-main-content .gd-hero__doc-tabs {

  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
}

.page-graphic-design #graphicdesign-hero .gd-hero__doc-tab, .page-testimonials #testimonials-main-content .gd-hero__doc-tab {

  flex-shrink: 1;
  min-width: 0;
  padding: 5px 12px 7px;
  border-radius: 6px 6px 0 0;
  font-size: 8px;
  font-weight: 780;
  letter-spacing: -0.015em;
  color: rgba(255, 255, 255, 0.42);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__doc-tab--active, .page-testimonials #testimonials-main-content .gd-hero__doc-tab--active {

  color: rgba(255, 255, 255, 0.94);
  font-weight: 820;
  background: #454545;
  border-color: rgba(0, 0, 0, 0.45);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.page-graphic-design #graphicdesign-hero .gd-hero__doc-zoom-pill, .page-testimonials #testimonials-main-content .gd-hero__doc-zoom-pill {

  flex-shrink: 0;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.05em;
  font-variant-numeric: tabular-nums;
  color: rgba(255, 253, 248, 0.88);
  padding: 3px 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.page-graphic-design #graphicdesign-hero .gd-hero__doc-options-bar, .page-testimonials #testimonials-main-content .gd-hero__doc-options-bar {

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  padding: 5px 10px 6px;
  background: #3a3a3a;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-ref, .page-testimonials #testimonials-main-content .gd-hero__ai-opt-ref {

  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background-color: rgba(0, 0, 0, 0.22);
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.55) 1px, transparent 1.6px);
  background-size: 5px 5px;
  background-position: 2px 2px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-num, .page-testimonials #testimonials-main-content .gd-hero__ai-opt-num {

  font-size: 7px;
  font-weight: 750;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
  color: rgba(245, 245, 245, 0.82);
  padding: 2px 6px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-num abbr, .page-testimonials #testimonials-main-content .gd-hero__ai-opt-num abbr {

  text-decoration: none;
  font-weight: 850;
  opacity: 0.58;
  margin-right: 3px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-div, .page-testimonials #testimonials-main-content .gd-hero__ai-opt-div {

  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.12);
  flex-shrink: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-div--grow, .page-testimonials #testimonials-main-content .gd-hero__ai-opt-div--grow {

  flex: 1;
  height: 1px;
  width: auto;
  min-width: 8px;
  margin-inline: 2px;
  background: rgba(255, 255, 255, 0.08);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-fs, .page-testimonials #testimonials-main-content .gd-hero__ai-opt-fs {

  position: relative;
  flex-shrink: 0;
  width: 28px;
  height: 22px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-fill, .page-testimonials #testimonials-main-content .gd-hero__ai-opt-fill {

  position: absolute;
  left: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: #101828;
  border: 1px solid rgba(255, 255, 255, 0.38);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-stroke, .page-testimonials #testimonials-main-content .gd-hero__ai-opt-stroke {

  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: transparent;
  border: 2.5px solid #ff6b2c;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-char, .page-testimonials #testimonials-main-content .gd-hero__ai-opt-char {

  font-size: 7px;
  font-weight: 720;
  letter-spacing: 0.02em;
  color: rgba(235, 235, 235, 0.78);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: min(180px, 36vw);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-view, .page-testimonials #testimonials-main-content .gd-hero__ai-opt-view {

  flex-shrink: 0;
  font-size: 7px;
  font-weight: 720;
  letter-spacing: 0.05em;
  color: rgba(200, 220, 255, 0.62);
}

.page-graphic-design #graphicdesign-hero .gd-hero__canvas, .page-testimonials #testimonials-main-content .gd-hero__canvas {

  flex: 1;
  margin: 7px 9px 9px;
  min-height: clamp(168px, 38vw, 236px);
  border-radius: 2px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.45);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__canvas-grid, .page-testimonials #testimonials-main-content .gd-hero__canvas-grid {

  flex: 1;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  grid-template-rows: 15px minmax(0, 1fr);
  min-height: 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__ruler-corner, .page-testimonials #testimonials-main-content .gd-hero__ruler-corner {

  grid-column: 1;
  grid-row: 1;
  background: linear-gradient(145deg, #d6d6d6 0%, #c8c8c8 100%);
  border-right: 1px solid #909090;
  border-bottom: 1px solid #909090;
}

.page-graphic-design #graphicdesign-hero .gd-hero__ruler--h, .page-testimonials #testimonials-main-content .gd-hero__ruler--h {

  grid-column: 2;
  grid-row: 1;
  border-bottom: 1px solid #909090;
  background-color: #e4e4e4;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(40, 40, 40, 0.55) 0 1px,
      transparent 1px 5px
    ),
    linear-gradient(180deg, #ececec 0%, #dedede 100%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ruler--v, .page-testimonials #testimonials-main-content .gd-hero__ruler--v {

  grid-column: 1;
  grid-row: 2;
  border-right: 1px solid #909090;
  background-color: #e4e4e4;
  background-image:
    repeating-linear-gradient(
      180deg,
      rgba(40, 40, 40, 0.55) 0 1px,
      transparent 1px 5px
    ),
    linear-gradient(90deg, #ececec 0%, #dedede 100%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__pasteboard, .page-testimonials #testimonials-main-content .gd-hero__pasteboard {

  grid-column: 2;
  grid-row: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 11px 10px;
  min-height: 0;
  background-color: #959595;
  background-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.045) 0.55px, transparent 0.65px);
  background-size: 10px 10px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__artboard-sheet, .page-testimonials #testimonials-main-content .gd-hero__artboard-sheet {

  position: relative;
  flex: 1;
  margin-inline: auto;
  width: 100%;
  max-width: min(100%, 380px);
  min-height: clamp(116px, 28vw, 162px);
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.55);
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.22),
    0 0 0 1px rgba(255, 255, 255, 0.04);
}

.page-graphic-design #graphicdesign-hero .gd-hero__artboard-name, .page-testimonials #testimonials-main-content .gd-hero__artboard-name {

  position: absolute;
  left: 7px;
  bottom: 6px;
  margin: 0;
  font-size: 6.5px;
  font-weight: 780;
  letter-spacing: 0.05em;
  color: rgba(45, 45, 45, 0.42);
  pointer-events: none;
  z-index: 2;
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-scene, .page-testimonials #testimonials-main-content .gd-hero__ai-scene {

  position: absolute;
  inset: 0;
  overflow: hidden;
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-path, .page-testimonials #testimonials-main-content .gd-hero__ai-path {

  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 9%;
  height: 44%;
  max-height: 86px;
  width: auto;
  opacity: 0.95;
  pointer-events: none;
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-guide--v, .page-testimonials #testimonials-main-content .gd-hero__ai-guide--v {

  position: absolute;
  left: 36%;
  top: 11%;
  bottom: 18%;
  border-left: 1px dashed rgba(0, 190, 255, 0.65);
  pointer-events: none;
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-select-wrap, .page-testimonials #testimonials-main-content .gd-hero__ai-select-wrap {

  position: absolute;
  left: 9%;
  top: 11%;
  z-index: 2;
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-select-inner, .page-testimonials #testimonials-main-content .gd-hero__ai-select-inner {

  position: relative;
  display: inline-block;
}

.page-graphic-design #graphicdesign-hero .gd-hero__headline-preview, .page-testimonials #testimonials-main-content .gd-hero__headline-preview {

  margin: 0;
  position: relative;
  z-index: 1;
  font-size: clamp(12px, 2.15vw, 16px);
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.05;
  color: #101828;
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-bbox, .page-testimonials #testimonials-main-content .gd-hero__ai-bbox {

  position: absolute;
  left: -8px;
  right: -12px;
  top: -8px;
  bottom: -10px;
  border: 1px solid #0099ff;
  pointer-events: none;
  z-index: 2;
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-handle, .page-testimonials #testimonials-main-content .gd-hero__ai-handle {

  position: absolute;
  width: 5px;
  height: 5px;
  margin: 0;
  background: #ffffff;
  border: 1px solid #0099ff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-handle:nth-child(1), .page-testimonials #testimonials-main-content .gd-hero__ai-handle:nth-child(1) {

  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-handle:nth-child(2), .page-testimonials #testimonials-main-content .gd-hero__ai-handle:nth-child(2) {

  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-handle:nth-child(3), .page-testimonials #testimonials-main-content .gd-hero__ai-handle:nth-child(3) {

  left: 100%;
  top: 0;
  transform: translate(-50%, -50%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-handle:nth-child(4), .page-testimonials #testimonials-main-content .gd-hero__ai-handle:nth-child(4) {

  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-handle:nth-child(5), .page-testimonials #testimonials-main-content .gd-hero__ai-handle:nth-child(5) {

  left: 100%;
  top: 100%;
  transform: translate(-50%, -50%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-handle:nth-child(6), .page-testimonials #testimonials-main-content .gd-hero__ai-handle:nth-child(6) {

  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-handle:nth-child(7), .page-testimonials #testimonials-main-content .gd-hero__ai-handle:nth-child(7) {

  left: 0;
  top: 100%;
  transform: translate(-50%, -50%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__ai-handle:nth-child(8), .page-testimonials #testimonials-main-content .gd-hero__ai-handle:nth-child(8) {

  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__pasteboard-status, .page-testimonials #testimonials-main-content .gd-hero__pasteboard-status {

  margin: 0;
  flex-shrink: 0;
  font-size: 6px;
  font-weight: 680;
  letter-spacing: 0.05em;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.38);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.page-graphic-design #graphicdesign-hero .gd-hero__panels, .page-testimonials #testimonials-main-content .gd-hero__panels {

  display: flex;
  flex-direction: column;
  min-width: 0;
  background:
    radial-gradient(ellipse 115% 85% at 100% 18%, rgba(52, 56, 66, 0.94), transparent 56%),
    radial-gradient(ellipse 135% 105% at 0% 88%, rgba(26, 30, 38, 0.98), transparent 54%),
    #2a2f37;
  border-left: 1px solid rgba(0, 0, 0, 0.35);
}

.page-graphic-design #graphicdesign-hero .gd-hero__panel, .page-testimonials #testimonials-main-content .gd-hero__panel {

  padding: 9px 9px 10px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__panel--layers, .page-testimonials #testimonials-main-content .gd-hero__panel--layers {

  flex: 1;
  min-height: 0;
  overflow-y: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.32);
}

.page-graphic-design #graphicdesign-hero .gd-hero__panel--swatches, .page-testimonials #testimonials-main-content .gd-hero__panel--swatches {

  flex-shrink: 0;
  padding-bottom: 11px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__panel-title, .page-testimonials #testimonials-main-content .gd-hero__panel-title {

  margin: 0 0 7px;
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(226, 232, 240, 0.42);
}

.page-graphic-design #graphicdesign-hero .gd-hero__panel-hint, .page-testimonials #testimonials-main-content .gd-hero__panel-hint {

  margin: -5px 0 8px;
  font-size: 7.5px;
  font-weight: 650;
  letter-spacing: 0.02em;
  color: rgba(226, 232, 240, 0.34);
}

.page-graphic-design #graphicdesign-hero .gd-hero__layer-list, .page-testimonials #testimonials-main-content .gd-hero__layer-list {

  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.84);
}

.page-graphic-design #graphicdesign-hero .gd-hero__layer-list li, .page-testimonials #testimonials-main-content .gd-hero__layer-list li {

  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 0;
}

.page-graphic-design #graphicdesign-hero .gd-hero__layer-eye, .page-testimonials #testimonials-main-content .gd-hero__layer-eye {

  flex-shrink: 0;
  width: 12px;
  height: 8px;
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
}

.page-graphic-design #graphicdesign-hero .gd-hero__layer-eye--off, .page-testimonials #testimonials-main-content .gd-hero__layer-eye--off {

  opacity: 0.35;
}

.page-graphic-design #graphicdesign-hero .gd-hero__layer-list li.is-muted, .page-testimonials #testimonials-main-content .gd-hero__layer-list li.is-muted {

  color: rgba(226, 232, 240, 0.36);
}

.page-graphic-design #graphicdesign-hero .gd-hero__color-chips, .page-testimonials #testimonials-main-content .gd-hero__color-chips {

  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__chip, .page-testimonials #testimonials-main-content .gd-hero__chip {

  width: 22px;
  height: 22px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.page-graphic-design #graphicdesign-hero .gd-hero__chip--stroke, .page-testimonials #testimonials-main-content .gd-hero__chip--stroke {

  background: radial-gradient(circle at 34% 28%, #ffb000 0%, #ff770f 52%, #ff5a00 100%);
}

.page-graphic-design #graphicdesign-hero .gd-hero__chip--fill, .page-testimonials #testimonials-main-content .gd-hero__chip--fill {

  background: #0f172a;
}

.page-graphic-design #graphicdesign-hero .gd-hero__swatch-row, .page-testimonials #testimonials-main-content .gd-hero__swatch-row {

  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__swatch, .page-testimonials #testimonials-main-content .gd-hero__swatch {

  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: var(--sw);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.page-graphic-design #graphicdesign-hero .gd-hero__satellites, .page-testimonials #testimonials-main-content .gd-hero__satellites {

  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.page-graphic-design #graphicdesign-hero .gd-hero__floater-card, .page-testimonials #testimonials-main-content .gd-hero__floater-card {

  position: absolute;
  max-width: min(168px, 38vw);
  padding: 9px 11px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  background: rgba(10, 12, 20, 0.86);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.page-graphic-design #graphicdesign-hero .gd-hero__floater-label, .page-testimonials #testimonials-main-content .gd-hero__floater-label {

  margin: 0 0 6px;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(226, 232, 240, 0.42);
}

.page-graphic-design #graphicdesign-hero .gd-hero__floater-strong, .page-testimonials #testimonials-main-content .gd-hero__floater-strong {

  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.94);
}

.page-graphic-design #graphicdesign-hero .gd-hero__floater-meta, .page-testimonials #testimonials-main-content .gd-hero__floater-meta {

  margin: 0;
  font-size: 9px;
  line-height: 1.35;
  color: rgba(226, 232, 240, 0.55);
}

.page-graphic-design #graphicdesign-hero .gd-hero__export-list, .page-testimonials #testimonials-main-content .gd-hero__export-list {

  margin: 0;
  padding: 0 0 0 14px;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.45;
  color: rgba(226, 232, 240, 0.76);
}

.page-graphic-design #graphicdesign-hero .gd-hero__size-chips, .page-testimonials #testimonials-main-content .gd-hero__size-chips {

  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.page-graphic-design #graphicdesign-hero .gd-hero__size-chips span, .page-testimonials #testimonials-main-content .gd-hero__size-chips span {

  padding: 4px 8px;
  border-radius: 6px;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
}

.page-graphic-design #graphicdesign-hero .gd-hero__floater-card--type, .page-testimonials #testimonials-main-content .gd-hero__floater-card--type {

  top: 5%;
  right: max(-4%, -12px);
  transform: rotate(2deg);
}

.page-graphic-design #graphicdesign-hero .gd-hero__floater-card--export, .page-testimonials #testimonials-main-content .gd-hero__floater-card--export {

  bottom: 10%;
  left: max(-5%, -14px);
  transform: rotate(-3deg);
}

.page-graphic-design #graphicdesign-hero .gd-hero__floater-card--sizes, .page-testimonials #testimonials-main-content .gd-hero__floater-card--sizes {

  top: 38%;
  right: max(-11%, -22px);
  transform: rotate(-2deg);
}

@media (prefers-reduced-motion: reduce) {
  .page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini, .page-testimonials #testimonials-main-content .gd-hero__workspace-mini {

    transform: none;
  }

  .page-graphic-design #graphicdesign-hero .gd-hero__floater-card--type,
  .page-testimonials #testimonials-main-content .gd-hero__floater-card--type,
  .page-graphic-design #graphicdesign-hero .gd-hero__floater-card--export,
  .page-testimonials #testimonials-main-content .gd-hero__floater-card--export,
  .page-graphic-design #graphicdesign-hero .gd-hero__floater-card--sizes,
  .page-testimonials #testimonials-main-content .gd-hero__floater-card--sizes {

    transform: none;
  }
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__workspace-inner, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__workspace-inner {

  border-color: rgba(10, 12, 18, 0.12);
  background:
    radial-gradient(ellipse 110% 92% at 16% 8%, rgba(255, 255, 255, 0.98), transparent 54%),
    radial-gradient(ellipse 95% 88% at 92% 10%, rgba(248, 250, 252, 0.96), transparent 52%),
    radial-gradient(ellipse 125% 100% at 50% 100%, rgba(232, 237, 244, 0.98), transparent 58%),
    #eef2f7;
  box-shadow:
    0 28px 70px rgba(10, 12, 18, 0.12),
    0 0 40px rgba(255, 149, 64, 0.08),
    inset 0 1px 0 #ffffff;
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__rail, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__rail {

  background-color: #3c3c3c;
  border-color: rgba(0, 0, 0, 0.48);
  color: #ececec;
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__rail-tool, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__rail-tool {

  color: #ececec;
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__rail-tool--active, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__rail-tool--active {

  color: #ffffff;
  background-color: #535353;
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__rail-static, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__rail-static {

  color: #ececec;
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__doc, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__doc {

  background: #f1f5f9;
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__doc-bar, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__doc-bar {

  background: linear-gradient(180deg, #eef2f7 0%, #e2e8f0 100%);
  border-bottom-color: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__doc-tab-strip, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__doc-tab-strip {

  background: rgba(255, 255, 255, 0.72);
  border-bottom-color: rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__doc-tab:not(.gd-hero__doc-tab--active), :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__doc-tab:not(.gd-hero__doc-tab--active) {

  color: rgba(10, 12, 18, 0.38);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__doc-tab, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__doc-tab {

  background: rgba(248, 250, 252, 0.92);
  border-color: rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__doc-tab--active, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__doc-tab--active {

  color: rgba(10, 12, 18, 0.92);
  background: #ffffff;
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__doc-zoom-pill, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__doc-zoom-pill {

  color: rgba(10, 12, 18, 0.82);
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__doc-options-bar, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__doc-options-bar {

  background: #f1f5f9;
  border-top-color: rgba(10, 12, 18, 0.06);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-ref, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__ai-opt-ref {

  border-color: rgba(10, 12, 18, 0.14);
  background-color: rgba(248, 250, 252, 0.92);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-num, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__ai-opt-num {

  color: rgba(10, 12, 18, 0.82);
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-div, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__ai-opt-div {

  background: rgba(10, 12, 18, 0.12);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-div--grow, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__ai-opt-div--grow {

  background: rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-char, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__ai-opt-char {

  color: rgba(10, 12, 18, 0.72);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__ai-opt-view, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__ai-opt-view {

  color: rgba(3, 105, 161, 0.72);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__pasteboard, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__pasteboard {

  background-color: #bdbdbd;
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__pasteboard-status, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__pasteboard-status {

  color: rgba(255, 255, 255, 0.55);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__canvas, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__canvas {

  border-color: rgba(10, 12, 18, 0.22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__panels, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__panels {

  background:
    radial-gradient(ellipse 105% 90% at 100% 12%, #f4f7fb 0%, transparent 54%),
    radial-gradient(ellipse 118% 100% at 0% 88%, #dfe7f0 0%, transparent 52%),
    #eceff4;
  border-left-color: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__panel--layers, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__panel--layers {

  border-bottom-color: rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__panel-title, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__panel-title {

  color: rgba(10, 12, 18, 0.42);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__panel-hint, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__panel-hint {

  color: rgba(10, 12, 18, 0.42);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__layer-list, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__layer-list {

  color: rgba(10, 12, 18, 0.82);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__layer-list li.is-muted, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__layer-list li.is-muted {

  color: rgba(10, 12, 18, 0.4);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__layer-eye, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__layer-eye {

  border-color: rgba(10, 12, 18, 0.15);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__workspace-mini {

  border-color: rgba(10, 12, 18, 0.12);
  background:
    radial-gradient(ellipse 95% 55% at 50% 0%, rgba(248, 250, 252, 0.98), transparent 62%),
    #eef2f7;
  box-shadow:
    0 18px 44px rgba(10, 12, 18, 0.12),
    0 0 28px rgba(255, 149, 64, 0.06);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini-chrome, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__workspace-mini-chrome {

  background: rgba(255, 255, 255, 0.92);
  border-bottom-color: rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini-name, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__workspace-mini-name {

  color: rgba(10, 12, 18, 0.72);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini-board, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__workspace-mini-board {

  background:
    radial-gradient(ellipse 120% 80% at 50% 12%, rgba(255, 173, 102, 0.38), transparent 58%),
    radial-gradient(ellipse 90% 65% at 82% 88%, rgba(255, 122, 40, 0.18), transparent 55%),
    #e8edf5;
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__floater-card, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__floater-card {

  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(10, 12, 18, 0.11);
  box-shadow:
    0 14px 36px rgba(10, 12, 18, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__floater-label, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__floater-label {

  color: rgba(10, 12, 18, 0.42);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__floater-strong, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__floater-strong {

  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__floater-meta, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__floater-meta {

  color: rgba(10, 12, 18, 0.52);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__export-list, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__export-list {

  color: rgba(10, 12, 18, 0.72);
}

:root[data-theme="light"] .page-graphic-design #graphicdesign-hero .gd-hero__size-chips span, :root[data-theme="light"] .page-testimonials #testimonials-main-content .gd-hero__size-chips span {

  color: rgba(10, 12, 18, 0.82);
  border-color: rgba(10, 12, 18, 0.12);
  background: rgba(248, 250, 252, 0.95);
}

@media (max-width: 1100px) {
  .page-testimonials #testimonials-main-content .hero__ads-stat-grid--testimonials {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1040px) {
  .page-graphic-design #graphicdesign-hero .gd-hero__layout, .page-testimonials #testimonials-main-content .gd-hero__layout {

    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: clamp(22px, 4.5vw, 34px);
  }

  .page-testimonials #testimonials-main-content .gd-hero__copy {
    grid-column: 1;
    grid-row: 1;
  }

  .page-testimonials #testimonials-main-content .gd-hero__visual {
    grid-column: 1;
    grid-row: 2;
  }

  .page-testimonials #testimonials-main-content .hero__ads-trust--testimonials {
    grid-column: 1;
    grid-row: 3;
    margin-top: clamp(12px, 2vw, 18px);
  }

  .page-graphic-design #graphicdesign-hero .gd-hero__visual {
    min-height: clamp(360px, 86vw, 520px);
    max-width: min(680px, 100%);
    margin-inline: auto;
    width: 100%;
  }

  .page-testimonials #testimonials-main-content .gd-hero__visual {
    min-height: 0;
    max-width: min(680px, 100%);
    margin-inline: auto;
    width: 100%;
  }

  .page-graphic-design #graphicdesign-hero .gd-hero__copy, .page-testimonials #testimonials-main-content .gd-hero__copy {

    text-align: center;
  }

  .page-graphic-design #graphicdesign-hero .contact-wp-hero__title, .page-testimonials #testimonials-main-content .contact-wp-hero__title {

    margin-inline: auto;
  }

  .page-graphic-design #graphicdesign-hero .contact-wp-hero__lead, .page-testimonials #testimonials-main-content .contact-wp-hero__lead {

    margin-inline: auto;
  }

  .page-graphic-design #graphicdesign-hero .gd-hero__actions, .page-testimonials #testimonials-main-content .gd-hero__actions {

    justify-content: center;
  }

  .page-graphic-design #graphicdesign-hero .gd-hero__features {

    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .page-graphic-design #graphicdesign-hero .gd-hero__satellites, .page-testimonials #testimonials-main-content .gd-hero__satellites {

    display: none;
  }

  .page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini, .page-testimonials #testimonials-main-content .gd-hero__workspace-mini {

    transform: rotate(5deg) scale(0.94);
    right: clamp(4px, 2vw, 12px);
    bottom: clamp(6px, 2vw, 16px);
    left: auto;
  }

  @media (prefers-reduced-motion: reduce) {
    .page-graphic-design #graphicdesign-hero .gd-hero__workspace-mini, .page-testimonials #testimonials-main-content .gd-hero__workspace-mini {

      transform: none;
    }
  }
}

@media (max-width: 520px) {
  .page-graphic-design #graphicdesign-hero .gd-hero__features,
  .page-testimonials #testimonials-main-content .hero__ads-stat-grid--testimonials {

    grid-template-columns: 1fr;
  }

  .page-graphic-design #graphicdesign-hero .gd-hero__workspace-inner, .page-testimonials #testimonials-main-content .gd-hero__workspace-inner {

    grid-template-columns: minmax(0, 1fr) minmax(88px, 34%);
    width: 100%;
    max-height: none;
    transform: rotateY(-8deg) rotateX(4deg);
  }

  .page-graphic-design #graphicdesign-hero .gd-hero__workspace-stage, .page-testimonials #testimonials-main-content .gd-hero__workspace-stage {

    gap: 8px;
  }

  .page-graphic-design #graphicdesign-hero .gd-hero__rail, .page-testimonials #testimonials-main-content .gd-hero__rail {

    width: 30px;
  }

  @media (prefers-reduced-motion: reduce) {
    .page-graphic-design #graphicdesign-hero .gd-hero__workspace-inner, .page-testimonials #testimonials-main-content .gd-hero__workspace-inner {

      transform: none;
    }
  }
}

.contact-wp-hero__kicker {
  display: inline-flex;
  margin: 0 0 14px;
  padding: 7px 12px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--warm-2);
  background: rgba(255, 159, 64, 0.12);
  border: 1px solid rgba(255, 159, 64, 0.22);
}

.contact-wp-hero__title {
  margin: 0 0 0.85rem;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.1;
  font-size: clamp(1.9rem, 1.1rem + 1.5vw, 2.85rem);
  color: rgba(255, 255, 255, 0.96);
  text-wrap: balance;
}

:root[data-theme="light"] .contact-wp-hero__title {
  color: rgba(10, 12, 18, 0.92);
}

.contact-wp-hero__accent {
  background: linear-gradient(
    135deg,
    rgba(58, 134, 255, 1) 0%,
    rgba(58, 134, 255, 1) 64%,
    rgba(183, 108, 255, 1) 82%,
    rgba(58, 134, 255, 1) 100%
  );
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 60px rgba(58, 134, 255, 0.2);
  animation: aboutAccentShift 7.6s ease-in-out infinite;
}

:root[data-theme="light"] .contact-wp-hero__accent {
  text-shadow: 0 12px 40px rgba(11, 99, 246, 0.22);
}

/* Drone Services: “Businesses” accent — same sun treatment as `hero--services` title accent */
.page-drone-services #drone-hero .contact-wp-hero__accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 14px 36px rgba(255, 94, 36, 0.34));
  animation: none !important;
}

:root[data-theme="light"] .page-drone-services #drone-hero .contact-wp-hero__accent {
  background: none;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

/* Drone Services hero: prevent unintended motion on copy / media */
.page-drone-services #drone-hero * {
  animation: none !important;
}

.contact-wp-hero__lead {
  margin: 0 auto;
  max-width: 44rem;
  font-size: 1.02rem;
  line-height: 1.7;
  font-weight: 550;
  color: var(--muted-2);
}

.contact-wp-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem 0.9rem;
  margin-top: 1.5rem;
}

.contact-wp-hero .btn--secondary {
  backdrop-filter: none;
}

.contact-wp-hero__call {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.contact-wp-hero__phone-icon {
  display: inline-flex;
  line-height: 0;
}

.contact-wp-hero__checklist {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  align-items: center;
}

.contact-wp-hero__check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(45, 212, 191, 0.32);
  background: rgba(0, 0, 0, 0.12);
  color: rgba(255, 255, 255, 0.9);
  font-weight: 750;
  font-size: 13px;
  line-height: 1.2;
}

.contact-wp-hero__check-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  color: #2dd4bf;
  background: rgba(45, 212, 191, 0.12);
  border: 1px solid rgba(45, 212, 191, 0.22);
  font-size: 12px;
  line-height: 1;
}

:root[data-theme="light"] .contact-wp-hero__check {
  border-color: rgba(45, 212, 191, 0.28);
  background: rgba(255, 255, 255, 0.65);
  color: rgba(10, 12, 18, 0.88);
}

.page-drone-services .contact-page-band > .contact-wp-hero::before {
  background-image: none;
}

/* Drone Services: remove the blue/turquoise canvas glow behind the hero split */
.page-drone-services .contact-page-band::before,
.page-drone-services .contact-page-band::after,
.page-drone-services #drone-hero .contact-wp-hero__center::before {
  background: none !important;
  content: none;
  display: none;
}

.drone-hero__split {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(32rem, 1fr);
  gap: clamp(2rem, 3vw, 3.5rem);
  align-items: stretch;
  padding-bottom: 0;
}

.drone-hero__copy {
  max-width: 40rem;
}

.drone-hero__visual {
  position: relative;
  min-height: clamp(440px, 52vh, 560px);
  width: 100%;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  background: transparent;
}

.drone-hero__media {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.92) 0%,
      rgba(0, 0, 0, 0.78) 18%,
      rgba(0, 0, 0, 0.48) 34%,
      rgba(0, 0, 0, 0.16) 52%,
      transparent 100%
    ),
    url("/images/drone-footage-services-omaha.jpg");
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: 0 0, 100% center;
  transform: scale(1);
  /* Fade the visual into the hero section (no "boxed image" edge). */
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.15) 6%, rgba(0, 0, 0, 0.4) 12%, rgba(0, 0, 0, 0.7) 18%, rgba(0, 0, 0, 1) 28%, rgba(0, 0, 0, 1) 100%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.15) 6%, rgba(0, 0, 0, 0.4) 12%, rgba(0, 0, 0, 0.7) 18%, rgba(0, 0, 0, 1) 28%, rgba(0, 0, 0, 1) 100%);
}

@media (min-width: 1100px) {
  .drone-hero__media {
    /* Show more of the drone on wide screens (less crop). */
    background-size: cover, cover;
    background-position: 0 0, 100% center;
  }
}

.drone-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 20%, rgba(84, 144, 255, 0.16), transparent 24%),
    radial-gradient(circle at 84% 24%, rgba(45, 212, 191, 0.18), transparent 18%);
}

.drone-hero__badge {
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.9rem 1.1rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(45, 212, 191, 0.24);
  color: #ffffff;
  font-weight: 700;
}

.drone-hero__badge-icon {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(45, 212, 191, 0.15);
  color: #2dd4bf;
  font-size: 1rem;
}

.drone-hero__stats {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 0;
  border-top: 0;
}

/* Full-bleed divider above the stats row (not constrained by .container). */
.drone-hero__stats::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 1px;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.08);
}

.page-drone-services .drone-hero__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 16px 18px;
  text-align: center;
  border-radius: 0;
  background: transparent;
  border: 0;
  color: rgba(255, 255, 255, 0.95);
}

.page-drone-services .drone-hero__stat + .drone-hero__stat {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.page-drone-services .drone-hero__stat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0 auto 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  /* Deeper orange from same family as `#drone-hero .contact-wp-hero__accent` (between #ff5824 and #ff2d1a) */
  color: #c73f18;
  background: transparent;
  font-size: 1.6rem;
  animation: none;
  filter: none;
}

.drone-hero__stat strong {
  display: block;
  font-size: 1.22rem;
  margin-bottom: 0.25rem;
}

.drone-hero__stat p {
  margin: 0;
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.6;
}

.page-drone-services .drone-hero__stat-icon svg {
  width: 30px;
  height: 30px;
}

.drone-hero__stat-icon {
  width: auto;
  height: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background: transparent;
  color: #c73f18;
  font-size: 1.1rem;
}

.page-drone-services .contact-wp-hero {
  background: linear-gradient(180deg, #05060d 0%, #05060d 55%, #04050c 100%);
  /* Allow the right visual to extend behind the fixed header. */
  min-height: unset;
  padding-top: 0;
  /* Let the stats row sit tight to the ticker below (no extra "divider" gap). */
  padding-bottom: 0;
}

/* Drone Services — Light theme: clean, professional (match homepage light mode). */
:root[data-theme="light"] .page-drone-services .contact-page-band {
  background: var(--light-canvas);
}

:root[data-theme="light"] .page-drone-services .contact-page-band::before,
:root[data-theme="light"] .page-drone-services .contact-page-band::after,
:root[data-theme="light"] .page-drone-services #drone-hero .contact-wp-hero__center::before {
  display: none !important;
}

:root[data-theme="light"] .page-drone-services #drone-hero {
  position: relative;
  overflow: hidden;
  background: transparent;
}

/* Light: use hero__bg video/image (same as dark) — do not paint a static photo on ::before */
:root[data-theme="light"] .page-drone-services #drone-hero.contact-wp-hero.drone-hero.hero--drone::before,
:root[data-theme="light"] .page-drone-services #drone-hero.hero.hero--drone::before,
:root[data-theme="light"] .page-drone-services #drone-hero.hero.hero--drone::after {
  display: none !important;
  content: none !important;
}

:root[data-theme="light"] .page-drone-services #drone-hero.hero.hero--drone .hero__bg {
  z-index: 0;
}

:root[data-theme="light"] .page-drone-services #drone-hero.contact-wp-hero.drone-hero > .container {
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .page-drone-services .contact-wp-hero {
  background: transparent;
  box-shadow: none;
  min-height: unset;
  padding-bottom: 0;
}

:root[data-theme="light"] .page-drone-services .contact-wp-hero__kicker {
  color: rgba(10, 12, 18, 0.62);
  background: linear-gradient(180deg, #ffffff 0%, #f1f3f7 100%);
  border-color: rgba(10, 12, 18, 0.10);
}

:root[data-theme="light"] .page-drone-services .contact-wp-hero__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-drone-services .contact-wp-hero__lead {
  color: rgba(10, 12, 18, 0.70);
}

:root[data-theme="light"] .page-drone-services .drone-hero__stats::before {
  background: rgba(10, 12, 18, 0.10);
}

:root[data-theme="light"] .page-drone-services .drone-hero__stat + .drone-hero__stat {
  border-left-color: rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-drone-services .drone-hero__stat {
  color: rgba(10, 12, 18, 0.88);
}

:root[data-theme="light"] .page-drone-services .drone-hero__stat p {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .page-drone-services .drone-hero__stat-icon {
  color: #9a3412;
  background: transparent;
  border: 0;
  filter: none;
  text-shadow: none;
}

:root[data-theme="light"] .page-drone-services .drone-hero__media {
  display: none;
}

/* Keep the copy comfortably below the fixed header. */
.page-drone-services .drone-hero__copy {
  padding-top: 132px;
  padding-bottom: clamp(1.5rem, 1rem + 1.6vw, 2.25rem);
}

/* Dark theme: preserve the existing positioning */
:root:not([data-theme="light"]) .page-drone-services .drone-hero__copy {
  padding-top: 132px;
}

:root[data-theme="light"] .page-drone-services .drone-hero__copy {
  padding-top: 132px;
  padding-bottom: clamp(1.5rem, 1rem + 1.6vw, 2.25rem);
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}

@media (min-width: 981px) {
  /* Pull the visual up behind the fixed header/nav bar. */
  .page-drone-services .drone-hero__visual {
    margin-top: -92px;
    min-height: clamp(520px, 60vh, 680px);
  }

  /* Keep the insured badge clear of the fixed header. */
  .page-drone-services .drone-hero__badge {
    top: calc(1.5rem + 92px);
  }
}

.page-drone-services .contact-wp-hero__center {
  text-align: left;
  max-width: 80rem;
}

@media (min-width: 981px) {
  /* Let the hero visual run to the viewport edge on the right. */
  .page-drone-services .drone-hero__visual {
    justify-self: end;
    width: calc(100% + (50vw - 50%));
    margin-right: calc(50% - 50vw);
  }
}

@media (max-width: 980px) {
  .drone-hero__split {
    grid-template-columns: 1fr;
  }

  .drone-hero__visual {
    min-height: 420px;
  }

  .drone-hero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .drone-hero__feature-grid {
    grid-template-columns: 1fr;
  }

  .drone-hero__badge {
    left: 1rem;
    top: 1rem;
    right: auto;
  }

  .drone-hero__visual {
    min-height: 320px;
  }

  .drone-hero__stats {
    grid-template-columns: 1fr;
  }
}

.page-drone-services .contact-wp-hero__actions {
  justify-content: flex-start;
}

/* Drone Services: push buttons down slightly */
.page-drone-services .drone-hero__copy .contact-wp-hero__actions {
  margin-top: 2.25rem;
}

/* Drone Services: `.drone-intro__title-accent` — same sun treatment as `#drone-hero .contact-wp-hero__accent` */
.page-drone-services .drone-intro__title-accent {
  padding-bottom: 0.08em;
  margin-bottom: -0.08em;
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 12px 30px rgba(255, 94, 36, 0.32));
}

:root[data-theme="light"] .page-drone-services .drone-intro__title-accent {
  background: none;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

/* Drone Services: intro eyebrow — neutral on work-style canvas */
.page-drone-services #drone-intro .eyebrow {
  color: rgba(255, 255, 255, 0.82);
  text-shadow: none;
}

:root[data-theme="light"] .page-drone-services #drone-intro .eyebrow {
  color: rgba(30, 36, 48, 0.72);
  text-shadow: none;
}

/* Drone Services: "Common problems" — same inner chrome as Web dev `#webdev-design-pains` (no title-stack glow) */
.page-drone-services section[aria-labelledby="drone-pains-title"] .webdesign-pains__inner::before {
  content: none;
}

:root[data-theme="light"] .page-drone-services section[aria-labelledby="drone-pains-title"] .webdesign-pains__inner::before {
  content: none;
}

.page-drone-services section[aria-labelledby="drone-pains-title"] .webdesign-pains__inner > * {
  position: relative;
  z-index: 1;
}

.page-drone-services #drone-pains-title .drone-pains__accent,
.page-work #work-pains-title .work-pains-title__accent,
.page-home #home-pains-title .home-pains-title__accent,
.page-ecommerce #ecommerce-store-pains-title .home-pains-title__accent,
.page-lincoln #lincoln-pains-title .lincoln-pains-title__accent,
.page-graphic-design #gd-design-pains-title .gd-design-pains-title__accent,
.page-seo #seo-pains-title .seo-pains-title__accent,
.page-maps-integration #maps-seo-pains-title .seo-pains-title__accent,
.page-webdesign.page-webdev #webdesign-pains-title .webdev-pains-title__accent {
  color: #ff1f1f;
  text-shadow: 0 18px 50px rgba(255, 31, 31, 0.22);
}

:root[data-theme="light"] .page-drone-services #drone-pains-title .drone-pains__accent,
:root[data-theme="light"] .page-work #work-pains-title .work-pains-title__accent,
:root[data-theme="light"] .page-home #home-pains-title .home-pains-title__accent,
:root[data-theme="light"] .page-ecommerce #ecommerce-store-pains-title .home-pains-title__accent,
:root[data-theme="light"] .page-lincoln #lincoln-pains-title .lincoln-pains-title__accent,
:root[data-theme="light"] .page-graphic-design #gd-design-pains-title .gd-design-pains-title__accent,
:root[data-theme="light"] .page-seo #seo-pains-title .seo-pains-title__accent,
:root[data-theme="light"] .page-maps-integration #maps-seo-pains-title .seo-pains-title__accent,
:root[data-theme="light"] .page-webdesign.page-webdev #webdesign-pains-title .webdev-pains-title__accent {
  color: #dc2626;
  text-shadow: 0 8px 28px rgba(220, 38, 38, 0.16);
}

/* Drone Services: match Common problems header sizing to About "How we work" */
.page-drone-services #drone-pains-title.h2,
.page-drone-services #drone-pains-title,
.page-graphic-design #gd-design-pains-title.h2,
.page-graphic-design #gd-design-pains-title,
.page-seo #seo-pains-title.h2,
.page-seo #seo-pains-title,
.page-maps-integration #maps-seo-pains-title.h2,
.page-maps-integration #maps-seo-pains-title,
.page-webdesign.page-webdev #webdev-design-pains #webdesign-pains-title.h2,
.page-webdesign.page-webdev #webdev-design-pains #webdesign-pains-title {
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.05;
  font-size: clamp(2.1rem, 1.8rem + 1.6vw, 3.1rem);
}

.page-work #work-pains-title.h2,
.page-work #work-pains-title {
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.05;
  font-size: 48px;
}

/* Homepage + Lincoln-area city pages: “Common problems” header — shared headline + sub sizes */
.page-home #home-pains-title.h2,
.page-home #home-pains-title,
.page-ecommerce #ecommerce-store-pains-title.h2,
.page-ecommerce #ecommerce-store-pains-title,
.page-lincoln .section--webdesign-pains--lincoln #lincoln-pains-title.h2,
.page-lincoln .section--webdesign-pains--lincoln #lincoln-pains-title,
.page-home #work.light-band__segment .work-section__hed,
.page-home #work-local-heading,
.page-home #build-process-copy .agency-prose #work-intro-title,
.page-home #contact.cta .contact-form-head__title {
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 1.05;
  font-size: 48px;
}

.page-home .section--webdesign-pains--lincoln .section__head--tight > .section__sub,
.page-lincoln .section--webdesign-pains--lincoln .section__head--tight > .section__sub,
.page-home #work.light-band__segment .work-section__sub,
.page-home #build-process-copy .agency-prose p,
.page-home #build-process-copy .agency-prose p:last-of-type {
  font-size: 22px;
  line-height: 1.7;
  font-weight: 400;
}

.page-drone-services #drone-footage-problems-rotator {
  margin-top: clamp(1rem, 0.6rem + 1.2vw, 1.5rem);
}

.page-drone-services .section--webdesign-pains--lincoln .section__head--tight .section__sub {
  margin-top: 16px;
  max-width: 72ch;
  font-size: 16px;
}

.page-drone-services #drone-intro-title.h2,
.page-drone-services #drone-intro-title {
  font-size: 48px;
}

.page-drone-services #drone-intro .section__head--tight > .section__sub {
  font-size: 18px;
}

.page-drone-services #drone-intro .drone-hero__stats {
  margin-top: clamp(1.5rem, 3vw, 2.25rem);
}

.page-drone-services #drone-intro .drone-hero__stats::before {
  display: none;
  content: none;
}

.page-drone-services #drone-intro .drone-hero__stat + .drone-hero__stat {
  border-left: 0;
}

.page-drone-services #drone-capture .section__head--tight {
  text-align: center;
  max-width: 980px;
  margin-inline: auto;
}

.page-drone-services #drone-capture .section__head--tight > .eyebrow {
  justify-content: center;
}

.page-drone-services #drone-capture .section__head--tight > .section__sub {
  font-size: 18px;
  margin-inline: auto;
  max-width: 72ch;
}

/* Drone Services: problems rotator — match Web dev `#webdev-design-pains` / `#webdev-problems-rotator` */
.page-drone-services .contact-page-band > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln {
  position: relative;
  z-index: 1;
  padding: clamp(1.25rem, 2.8vw, 2.25rem) 0 clamp(2rem, 4vw, 3.25rem);
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
}

:root[data-theme="light"]
  .page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln {
  background-color: transparent !important;
  background-image: none !important;
  margin-top: 0;
}

.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__bg,
.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .section--services__fade {
  display: none !important;
}

.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"]
  .page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains {
  background: rgba(10, 12, 18, 0.02);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 18px 55px rgba(10, 12, 18, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__tabs {
  flex-wrap: wrap;
  gap: 0;
  padding: 0;
  overflow-x: visible;
  overflow-y: visible;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: none;
}

:root[data-theme="light"]
  .page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__tabs {
  border-bottom-color: rgba(10, 12, 18, 0.1);
  background: none;
}

.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__tab {
  flex: 1;
  min-width: min(150px, 100%);
  padding: 14px 14px;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: normal;
}

.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__tab:hover {
  border-color: transparent;
  border-bottom-color: transparent;
  background: rgba(255, 255, 255, 0.03);
}

:root[data-theme="light"]
  .page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__tab:hover {
  background: rgba(10, 12, 18, 0.03);
}

.page-drone-services #drone-footage-problems-rotator .webdesign-pains__tab {
  position: relative;
}

.page-drone-services #drone-footage-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(255, 248, 235, 0.98);
  border-bottom-color: rgba(255, 159, 48, 0.92);
  background: transparent;
  box-shadow: none;
}

.page-drone-services #drone-footage-problems-rotator .webdesign-pains__tab.is-active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -1px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255, 106, 0, 0),
    rgba(255, 176, 0, 0.95),
    rgba(255, 90, 0, 0.95),
    rgba(255, 106, 0, 0)
  );
}

:root[data-theme="light"] .page-drone-services #drone-footage-problems-rotator .webdesign-pains__tab.is-active {
  color: rgba(122, 42, 10, 0.96);
  background: rgba(255, 159, 48, 0.08);
  border-bottom-color: rgba(255, 122, 40, 0.52);
  box-shadow: none;
}

.page-drone-services #drone-footage-problems-rotator .webdesign-pains__tab:focus-visible {
  outline: 2px solid rgba(255, 159, 48, 0.55);
  outline-offset: 2px;
}

:root[data-theme="light"] .page-drone-services #drone-footage-problems-rotator .webdesign-pains__tab:focus-visible {
  outline-color: rgba(255, 122, 40, 0.45);
}

.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__panel-wrap {
  padding: 26px 26px;
  border-top: 0;
}

:root[data-theme="light"]
  .page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__panel-wrap {
  border-top-color: transparent;
}

.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__panel.is-active {
  animation: none;
}

.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__panel-inner {
  gap: 16px;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
}

:root[data-theme="light"]
  .page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__panel-inner {
  background: none;
}

.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(255, 159, 28, 0.11);
  border: 1px solid rgba(255, 159, 28, 0.24);
  box-shadow: 0 18px 60px rgba(255, 159, 28, 0.12);
}

.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .webdesign-pains__text {
  color: var(--muted);
  line-height: 1.65;
}

.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .section__sub
  a {
  color: rgba(255, 196, 140, 0.96);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(255, 159, 48, 0.45);
}

.page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .section__sub
  a:hover {
  color: #ffffff;
  text-decoration-color: rgba(255, 196, 140, 0.68);
}

:root[data-theme="light"]
  .page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .section__sub
  a {
  color: #c2410c;
  text-decoration-color: rgba(255, 122, 40, 0.42);
}

:root[data-theme="light"]
  .page-drone-services
  .contact-page-band
  > section[aria-labelledby="drone-pains-title"].section--webdesign-pains--lincoln
  .section__sub
  a:hover {
  color: #9a3412;
}

.drone-hero__feature {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: flex-start;
  padding: 1.35rem 1.2rem;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.10);
  color: rgba(255, 255, 255, 0.95);
}

.page-drone-services :is(.drone-hero__feature strong) {
  display: block;
  font-size: 1rem;
  margin-bottom: 0.3rem;
}

.drone-hero__feature-icon {
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(45, 212, 191, 0.25), rgba(35, 96, 255, 0.18));
  color: #ffffff;
  font-size: 1.15rem;
}

.drone-hero__feature p {
  margin: 0;
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.6;
}

@media (max-width: 980px) {
  .drone-hero__split {
    grid-template-columns: 1fr;
  }

  .drone-hero__visual {
    min-height: 420px;
  }
}

@media (max-width: 640px) {
  .drone-hero__feature-grid {
    grid-template-columns: 1fr;
  }

  .drone-hero__badge {
    left: 1rem;
    top: 1rem;
    right: auto;
  }

  .drone-hero__visual {
    min-height: 320px;
  }
}

@media (max-width: 640px) {
  .contact-wp-hero {
    min-height: unset;
    padding: 6.1rem 0 2.25rem;
  }

  .contact-wp-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .contact-wp-hero__actions .btn {
    width: 100%;
    justify-content: center;
  }
}

.section--contact-split {
  position: relative;
  padding: clamp(48px, 7vw, 80px) 0;
  /* Solid bg when used alone; transparent inside .contact-page-band (see above) */
  background: var(--bg);
  border-top: 0;
}

.section--contact-map {
  position: relative;
  padding: clamp(48px, 7vw, 80px) 0;
  border-top: 0;
  background: transparent;
}

:root[data-theme="light"] .section--contact-split {
  background: var(--light-canvas);
}

:root[data-theme="light"] .section--contact-map {
  background: transparent;
}

:root[data-theme="light"] .contact-page-band > .section--contact-split,
:root[data-theme="light"] .contact-page-band > .section--contact-map {
  background: transparent;
}

.contact-split {
  display: grid;
  grid-template-columns: 1fr min(48%, 520px);
  gap: clamp(28px, 5vw, 56px);
  align-items: start;
}
.contact-split__left {
  padding-top: 0.3rem;
}

.contact-split__right .contact-form-wrap {
  margin-top: 0;
}

.contact-split__right .contact-form-head {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
  text-align: left;
}

.contact-split__right .contact-form {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  position: relative;
}
.contact-split__title {
  font-size: clamp(1.4rem, 1.1rem + 0.6vw, 1.7rem);
  line-height: 1.2;
  margin: 0 0 0.6rem;
}
.contact-split__lead {
  color: var(--faint);
  line-height: 1.6;
  margin: 0 0 1.4rem;
  max-width: 32rem;
  font-size: 1.02rem;
}
:root[data-theme="light"] .contact-split__lead {
  color: rgba(10, 12, 18, 0.72);
}

.contact-split__gbp {
  margin-top: 1.35rem;
  min-width: 0;
}

.contact-split__gbp-kicker {
  margin: 0 0 0.55rem;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
}

:root[data-theme="light"] .contact-split__gbp-kicker {
  color: rgba(10, 12, 18, 0.48);
}

.contact-split__gbp-frame iframe {
  height: min(336px, 58vw);
}

.contact-split__gbp-note {
  margin: 10px 0 0;
  font-size: 12.5px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.58);
}

:root[data-theme="light"] .contact-split__gbp-note {
  color: rgba(10, 12, 18, 0.52);
}

.contact-cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.contact-card {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 0;
  border: none;
  background: transparent;
  border-radius: 0;
}
:root[data-theme="light"] .contact-card {
  border: none;
  background: transparent;
  box-shadow: none;
}
.contact-card__icon {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  margin-top: 0.06rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(56, 189, 248, 0.75);
}
.contact-card__icon svg {
  width: 1.35rem;
  height: 1.35rem;
}
:root[data-theme="light"] .contact-card__icon {
  color: rgba(11, 99, 246, 0.78);
}
.contact-card__body {
  min-width: 0;
  flex: 1;
}
.contact-card__label {
  margin: 0 0 0.15rem;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--faint, rgba(255, 255, 255, 0.55));
}
.contact-card__value {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.05rem;
  word-break: break-word;
}
.contact-card__value--text {
  color: #fff;
  font-weight: 500;
  margin: 0;
  line-height: 1.45;
}
.contact-card__value:hover {
  text-decoration: underline;
}
:root[data-theme="light"] .contact-card__value,
:root[data-theme="light"] .contact-card__value--text {
  color: #0b0f1a;
}
.form-status--query {
  margin-bottom: 0.8rem;
}
.form-status--query[hidden] {
  display: none;
}
.form-status--query:not([hidden]) {
  display: block;
}

:root[data-theme="light"] .page-contact .form-status.is-success {
  color: rgba(10, 12, 18, 0.92);
  border-color: rgba(11, 99, 246, 0.35);
  background: rgba(11, 99, 246, 0.1);
}

:root[data-theme="light"] .page-contact .form-status.is-error {
  color: rgba(10, 12, 18, 0.92);
  border-color: rgba(200, 60, 140, 0.35);
  background: rgba(255, 79, 216, 0.08);
}

.field__opt {
  font-weight: 400;
  color: var(--faint, rgba(255, 255, 255, 0.5));
  font-size: 0.92em;
}
:root[data-theme="light"] .field__opt {
  color: rgba(10, 12, 18, 0.5);
}
.contact-next__head {
  font-size: clamp(1.35rem, 1.1rem + 0.55vw, 1.65rem);
  margin: 0 0 1.1rem;
  text-align: center;
}
.contact-next__grid {
  position: relative;
  isolation: isolate;
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 16px;
}

/* Warm wash behind the steps (matches `.service-card` sun palette) */
.contact-next__grid::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -18px -14px -28px;
  pointer-events: none;
  border-radius: clamp(22px, 3.2vw, 34px);
  background: radial-gradient(
      ellipse min(531px, 148vw) clamp(96px, 13vh, 148px) at 50% 50%,
      rgba(255, 149, 64, 0.14),
      transparent 68%
    ),
    radial-gradient(
      ellipse min(375px, 92vw) clamp(62px, 8.5vh, 96px) at 50% 48%,
      rgba(255, 122, 40, 0.055),
      transparent 74%
    );
}

:root[data-theme="light"] .contact-next__grid::before {
  background: radial-gradient(
      ellipse min(500px, 144vw) clamp(88px, 12vh, 138px) at 50% 50%,
      rgba(255, 149, 64, 0.09),
      transparent 70%
    ),
    radial-gradient(
      ellipse min(344px, 88vw) clamp(56px, 7.8vh, 88px) at 50% 48%,
      rgba(255, 140, 72, 0.035),
      transparent 74%
    );
}

/* Match homepage `.service-card` — charcoal glass + sun wash + top-right icon chip */
.contact-next__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 24px 22px 22px;
  background:
    radial-gradient(ellipse 120% 85% at 14% 0%, rgba(255, 149, 64, 0.055) 0%, transparent 52%),
    radial-gradient(ellipse 95% 75% at 100% 100%, rgba(255, 106, 18, 0.04) 0%, transparent 48%),
    rgba(11, 10, 10, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.contact-next__card:has(.contact-next__card-icon) {
  padding: 24px 48px 22px 22px;
}

.contact-next__card:hover {
  border-color: rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(ellipse 115% 80% at 12% 0%, rgba(255, 159, 64, 0.075) 0%, transparent 50%),
    radial-gradient(ellipse 90% 72% at 100% 100%, rgba(255, 94, 36, 0.055) 0%, transparent 46%),
    rgba(14, 11, 10, 0.82);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
  transform: translateY(-1px);
}

:root[data-theme="light"] .contact-next__card {
  background:
    linear-gradient(180deg, rgba(255, 140, 72, 0.045) 0%, transparent 42%),
    rgba(255, 255, 255, 0.78);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 6px 22px rgba(10, 12, 18, 0.06);
}

:root[data-theme="light"] .contact-next__card:hover {
  background:
    linear-gradient(180deg, rgba(255, 130, 58, 0.065) 0%, transparent 45%),
    rgba(255, 255, 255, 0.92);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.1);
}

.contact-next__card-icon {
  position: absolute;
  top: 18px;
  right: 18px;
  min-width: 44px;
  min-height: 38px;
  padding: 6px 11px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(11, 10, 10, 0.58);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
}

.contact-next__card-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.92;
}

.contact-next__card:hover .contact-next__card-icon::before {
  opacity: 1;
}

.contact-next__card-icon svg {
  position: relative;
  z-index: 1;
  opacity: 0.95;
}

:root[data-theme="light"] .contact-next__card-icon {
  color: rgba(10, 12, 18, 0.9);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 24px rgba(10, 12, 18, 0.08);
}

.contact-next__kicker {
  margin: 0 0 8px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
}

:root[data-theme="light"] .contact-next__kicker {
  color: rgba(10, 12, 18, 0.52);
}

.contact-next__title {
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] .contact-next__title {
  color: rgba(10, 12, 18, 0.92);
}

.contact-next__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.64);
  flex: 1 1 auto;
}

:root[data-theme="light"] .contact-next__text {
  color: rgba(10, 12, 18, 0.7);
}

.contact-next__note {
  margin: 14px 0 0;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.4);
  font-style: normal;
}

:root[data-theme="light"] .contact-next__note {
  border-top-color: rgba(10, 12, 18, 0.1);
  color: rgba(10, 12, 18, 0.52);
}
.contact-faq-wrap {
  position: relative;
  text-align: center;
  overflow: hidden;
  /* Blend out of the teal contact canvas so the transition feels continuous */
  background: linear-gradient(180deg, rgba(45, 212, 191, 0.06), transparent 62%),
    /* Hint at the CTA palette below so the handoff is smoother */
    radial-gradient(900px 360px at 50% 110%, rgba(11, 99, 246, 0.10), transparent 62%),
    radial-gradient(820px 360px at 78% 118%, rgba(255, 79, 216, 0.07), transparent 65%);
}

.contact-faq-wrap::before {
  content: "";
  position: absolute;
  inset: -40px 0 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(
    ellipse min(720px, 96vw) 160px at 50% 0%,
    rgba(45, 212, 191, 0.12),
    transparent 70%
  );
  opacity: 0.9;
}

.contact-faq-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 96px;
  pointer-events: none;
  z-index: 0;
  /* Fade the FAQ section into the base canvas so the next band feels attached */
  background: linear-gradient(180deg, transparent 0%, var(--bg) 100%);
}

/* When FAQ lives inside .contact-page-band, don't paint its own band */
.contact-page-band > .contact-faq-wrap {
  background: transparent;
}

.contact-page-band > .contact-faq-wrap::before,
.contact-page-band > .contact-faq-wrap::after {
  content: none;
}

.contact-faq-wrap > .container.contact-faq {
  position: relative;
  z-index: 1;
  max-width: 920px;
}

.contact-faq__head.section__head {
  max-width: 42rem;
  margin-bottom: clamp(1.25rem, 3vw, 2rem);
}

/* FAQ eyebrow — match Work page `#process` eyebrow (`.page-work .work-page-mid-black > #process .eyebrow--process`) */
:is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__head .eyebrow.eyebrow--process {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  width: auto;
  max-width: none;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
}

:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__head .eyebrow.eyebrow--process {
  color: rgba(10, 12, 18, 0.62);
}

:is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__head .eyebrow__dot--warm {
  display: none;
}

.contact-faq__lead {
  margin-top: 0.75rem;
  max-width: 48ch;
  margin-left: auto;
  margin-right: auto;
}

:is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__lead {
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  line-height: 1.7;
}

:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__lead {
  color: rgba(10, 12, 18, 0.68);
}

.contact-faq__title,
.contact-faq__h2 {
  text-align: center;
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: inline-block;
  padding-bottom: 0.35rem;
}

#contact-faq-title,
#seo-faq-title,
#restaurant-faq-title,
#maps-faq-title,
#drone-faq-title,
#analytics-faq-title,
#ads-faq-title,
#analytics-why-title,
#analytics-faq-title .process__accent,
#analytics-why-title .process__accent {
  font-size: 48px;
}

:is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__title,
:is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__h2 {
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__title,
:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__h2 {
  color: rgba(10, 12, 18, 0.92);
}

.contact-faq__title::before,
.contact-faq__h2::before {
  content: none;
  display: none;
}

.contact-faq__title::after,
.contact-faq__h2::after {
  content: none;
  display: none;
}

/* FAQ accordion shell — matches contact / WP-style glass panels */
.contact-faq__shell {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  padding: clamp(14px, 2.5vw, 22px);
  background:
    linear-gradient(165deg, rgba(255, 118, 52, 0.08) 0%, transparent 52%),
    rgba(6, 11, 22, 0.62);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.contact-faq__shell::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  /* Sun hairline — same family as `.site-footer::before` */
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
  opacity: 0.92;
  pointer-events: none;
}

:root[data-theme="light"] .contact-faq__shell::before {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.42) 30%,
    rgba(255, 149, 48, 0.78) 50%,
    rgba(255, 31, 31, 0.42) 70%,
    transparent 100%
  );
}

:is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell .faq,
.lincoln-faq-cta .contact-faq__shell .faq {
  max-width: none;
  margin: 0;
}

:is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell .faq__grid,
.lincoln-faq-cta .contact-faq__shell .faq__grid {
  margin-top: 0;
  gap: 12px 14px;
}

:is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell .faq details,
.lincoln-faq-cta .contact-faq__shell .faq details {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 12px 36px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

:is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell .faq details:hover,
.lincoln-faq-cta .contact-faq__shell .faq details:hover {
  border-color: rgba(255, 149, 64, 0.35);
  background: rgba(255, 255, 255, 0.048);
}

:is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell .faq details:focus-within,
.lincoln-faq-cta .contact-faq__shell .faq details:focus-within {
  border-color: rgba(255, 176, 0, 0.42);
  box-shadow:
    0 14px 42px rgba(0, 0, 0, 0.28),
    0 0 0 3px rgba(255, 122, 40, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

:is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell .faq details[open] summary,
.lincoln-faq-cta .contact-faq__shell .faq details[open] summary {
  border-bottom-color: rgba(255, 149, 64, 0.28);
  background: rgba(255, 122, 40, 0.09);
}

@media (max-width: 780px) {
  :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__grid,
  .lincoln-faq-cta .contact-faq__grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .contact-faq__shell {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

.connect-cta__lead--tight {
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}
.connect-cta__inner .connect-cta__title {
  text-wrap: balance;
}
:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell,
:root[data-theme="light"] .lincoln-faq-cta .contact-faq__shell {
  background:
    linear-gradient(165deg, rgba(255, 252, 247, 0.98) 0%, rgba(255, 255, 255, 0.94) 46%);
  border-color: rgba(255, 122, 40, 0.18);
  box-shadow:
    0 22px 56px rgba(10, 12, 18, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell .faq details,
:root[data-theme="light"] .lincoln-faq-cta .contact-faq__shell .faq details {
  background: #ffffff;
  border-color: rgba(10, 12, 18, 0.09);
  box-shadow:
    0 10px 32px rgba(10, 12, 18, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell .faq details:hover,
:root[data-theme="light"] .lincoln-faq-cta .contact-faq__shell .faq details:hover {
  border-color: rgba(255, 122, 40, 0.28);
  background: #ffffff;
}

:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell .faq summary,
:root[data-theme="light"] .lincoln-faq-cta .contact-faq__shell .faq summary {
  color: #0b0f1a;
}

:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell .faq summary::after,
:root[data-theme="light"] .lincoln-faq-cta .contact-faq__shell .faq summary::after {
  border-right-color: rgba(10, 12, 18, 0.52);
  border-bottom-color: rgba(10, 12, 18, 0.52);
}

:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell .faq details:focus-within,
:root[data-theme="light"] .lincoln-faq-cta .contact-faq__shell .faq details:focus-within {
  border-color: rgba(255, 149, 48, 0.38);
  box-shadow:
    0 14px 40px rgba(10, 12, 18, 0.07),
    0 0 0 3px rgba(255, 122, 40, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell .faq details[open] summary,
:root[data-theme="light"] .lincoln-faq-cta .contact-faq__shell .faq details[open] summary {
  border-bottom-color: rgba(255, 149, 64, 0.22);
  background: rgba(255, 159, 64, 0.08);
}

:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq-wrap {
  background: linear-gradient(180deg, rgba(255, 159, 64, 0.08), transparent 62%),
    radial-gradient(900px 360px at 50% 110%, rgba(255, 122, 40, 0.06), transparent 62%),
    radial-gradient(820px 360px at 78% 118%, rgba(255, 176, 72, 0.05), transparent 65%);
}

:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq-wrap::after {
  background: linear-gradient(180deg, transparent 0%, var(--light-canvas) 100%);
}

/* Contact band: FAQ uses same canvas as `.site-footer` (transparent — shows `--surface-footer` + band washes) */
:root[data-theme="light"] .contact-page-band > .contact-faq-wrap {
  background: transparent;
}

:root[data-theme="light"] .contact-page-band > .contact-faq-wrap::after {
  content: none;
}

:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .contact-faq__shell .faq__answer,
:root[data-theme="light"] .lincoln-faq-cta .contact-faq__shell .faq__answer {
  color: rgba(10, 12, 18, 0.74);
}

:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .faq__answer a,
:root[data-theme="light"] .lincoln-faq-cta .contact-faq__shell .faq__answer a {
  color: #0b63f6;
  border-bottom-color: rgba(11, 99, 246, 0.35);
}
:root[data-theme="light"] :is(.page-contact, .page-drone-services, .page-google-ads, .page-seo, .page-restaurant-webdesign, .page-maps-integration) .faq__answer a:hover,
:root[data-theme="light"] .lincoln-faq-cta .contact-faq__shell .faq__answer a:hover {
  color: #0946c4;
  border-bottom-color: rgba(9, 70, 196, 0.5);
}
@media (max-width: 960px) {
  .contact-split {
    grid-template-columns: 1fr;
  }

  .contact-split__gbp-frame iframe {
    height: min(384px, 70vw);
  }

  .contact-next__grid {
    grid-template-columns: 1fr;
  }

  .cards--two,
  .cards--three {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Restaurant Web Design (Omaha) landing page
   Scoped to `.page-restaurant-webdesign` / `.restaurant-page-band`
   ========================================================= */

.restaurant-page-band {
  position: relative;
  overflow: visible;
  background: transparent;
  isolation: isolate;
}

.restaurant-page-band::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

:root[data-theme="light"] .restaurant-page-band {
  background: transparent;
}

:root[data-theme="light"] .restaurant-page-band::before {
  background: var(--surface-footer);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Restaurant: strip per-section band paints — one `--surface-footer` field (matches `.site-footer`) */
.page-restaurant-webdesign .restaurant-page-band > .section.section--thin,
.page-restaurant-webdesign .restaurant-page-band > .section.section--thin.section--alt {
  position: relative;
  z-index: 1;
  background: transparent;
  border-top: 0;
  border-bottom: 0;
}

.page-restaurant-webdesign .restaurant-page-band > .section.section--alt:not(.section--thin),
.page-restaurant-webdesign .restaurant-page-band > .section:not(#restaurant-hero):not(.section--alt):not(.section--thin) {
  position: relative;
  z-index: 1;
  background: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

:root[data-theme="light"] .page-restaurant-webdesign .restaurant-page-band > .section.section--alt:not(.section--thin),
:root[data-theme="light"] .page-restaurant-webdesign .restaurant-page-band > .section:not(#restaurant-hero):not(.section--alt):not(.section--thin) {
  background: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* restaurant-web-design-company-omaha.html: `#contact.contact-section` inside `.restaurant-page-band` */
.page-restaurant-webdesign .restaurant-page-band > #contact.contact-section {
  position: relative;
  z-index: 1;
  padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(2rem, 4vw, 3rem);
  background: transparent !important;
  background-image: none !important;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
}

.page-restaurant-webdesign .restaurant-page-band > #contact.contact-section .contact-section__bg {
  display: none;
}

.page-restaurant-webdesign .restaurant-page-band > #contact.contact-section .contact-section__head {
  margin-bottom: clamp(28px, 4vw, 44px);
}

.page-restaurant-webdesign .restaurant-page-band > #contact.contact-section .contact-section__head .eyebrow {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-restaurant-webdesign .restaurant-page-band > #contact.contact-section .contact-section__head .eyebrow {
  color: rgba(10, 12, 18, 0.62);
}

.page-restaurant-webdesign #restaurant-contact-heading {
  margin: 0 auto 10px;
  max-width: 22ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.96);
  text-wrap: balance;
}

.page-restaurant-webdesign #restaurant-contact-heading .about-accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-contact-heading {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-contact-heading .about-accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.page-restaurant-webdesign .restaurant-page-band > #contact.contact-section .contact-section__sub {
  font-size: 18px;
  line-height: 1.7;
}

.page-restaurant-webdesign .restaurant-page-band > #contact.contact-section .contact-form-wrap .contact-form {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 22px clamp(16px, 2.5vw, 26px);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:root[data-theme="light"] .page-restaurant-webdesign .restaurant-page-band > #contact.contact-section .contact-form-wrap .contact-form {
  background: #ffffff;
  border-color: var(--light-line);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.page-restaurant-webdesign .contact-faq__head #restaurant-faq-title.wp-cta__title {
  display: block;
  width: 100%;
  max-width: 22ch;
  margin: 0 auto 10px;
  padding-bottom: 0;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: 48px;
  text-wrap: balance;
}

.page-restaurant-webdesign .restaurant-page-band > .contact-faq-wrap {
  position: relative;
  z-index: 1;
  background: transparent;
}

.page-restaurant-webdesign .restaurant-page-band > .contact-faq-wrap::before,
.page-restaurant-webdesign .restaurant-page-band > .contact-faq-wrap::after {
  content: none;
}

:root[data-theme="light"] .page-restaurant-webdesign .restaurant-page-band > .contact-faq-wrap {
  background: transparent;
}

:root[data-theme="light"] .page-restaurant-webdesign .restaurant-page-band > .contact-faq-wrap::after {
  content: none;
}

/* Restaurant: final CTA matches homepage `.section--wp-cta` glass panel (fluid band canvas) */
.page-restaurant-webdesign .restaurant-page-band > .section.section--wp-cta {
  position: relative;
  z-index: 1;
  background: transparent;
  border-top: 0;
  box-shadow: none;
}

.page-restaurant-webdesign .restaurant-page-band > .section.section--wp-cta::after {
  display: none;
}

.page-restaurant-webdesign .restaurant-page-band > .section.section--wp-cta .wp-cta {
  border-radius: 10px;
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}

:root[data-theme="light"] .page-restaurant-webdesign .restaurant-page-band > .section.section--wp-cta {
  background: transparent;
}

:root[data-theme="light"] .page-restaurant-webdesign .restaurant-page-band > .section.section--wp-cta .wp-cta {
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

.page-restaurant-webdesign .restaurant-page-band > .site-footer {
  position: relative;
  z-index: 1;
  background: var(--surface-footer);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

:root[data-theme="light"] .page-restaurant-webdesign .restaurant-page-band > .site-footer {
  background: var(--surface-footer);
  border-top-color: rgba(10, 12, 18, 0.06);
}

/* Restaurant: sun hairline between hero and “What’s included” (matches homepage `#services` / contact band) */
.page-restaurant-webdesign .restaurant-page-band > .about-pink-divider {
  position: relative;
  z-index: 2;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
}

:root[data-theme="light"] .page-restaurant-webdesign .restaurant-page-band > .about-pink-divider {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 90, 0, 0.55) 32%,
    rgba(255, 176, 0, 0.9) 50%,
    rgba(255, 31, 31, 0.55) 68%,
    transparent 100%
  );
}

.restaurant-page-band > #restaurant-hero.contact-wp-hero.drone-hero {
  position: relative;
  z-index: 1;
  background: transparent;
}

.restaurant-page-band > #restaurant-hero.contact-wp-hero.drone-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 72% 62% at 50% 38%, rgba(255, 132, 72, 0.16), transparent 72%),
    radial-gradient(900px 420px at 50% 0%, rgba(255, 255, 255, 0.06), transparent 62%);
}

:root[data-theme="light"] .restaurant-page-band > #restaurant-hero.contact-wp-hero.drone-hero::before {
  background: radial-gradient(ellipse 70% 60% at 50% 40%, rgba(255, 165, 118, 0.14), transparent 74%);
}

.page-restaurant-webdesign #restaurant-hero.contact-wp-hero.drone-hero * {
  animation: none !important;
}

.page-restaurant-webdesign #restaurant-hero .contact-wp-hero__accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 14px 36px rgba(255, 94, 36, 0.34));
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .contact-wp-hero__accent {
  background: none;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

.page-restaurant-webdesign #restaurant-hero .contact-wp-hero__center::before {
  background: none !important;
  content: none;
  display: none;
}

.page-restaurant-webdesign #restaurant-hero.contact-wp-hero.drone-hero {
  align-items: stretch;
  justify-content: center;
  min-height: unset;
  padding: 0;
  overflow: hidden;
}

.page-restaurant-webdesign #restaurant-hero.contact-wp-hero.drone-hero .contact-wp-hero__center {
  text-align: left;
  max-width: 80rem;
  width: min(100% - clamp(24px, 5vw, 40px), 1240px);
}

.page-restaurant-webdesign #restaurant-hero.contact-wp-hero.drone-hero .contact-wp-hero__actions {
  justify-content: flex-start;
}

.page-restaurant-webdesign #restaurant-hero .contact-wp-hero__lead {
  margin: 0;
  max-width: min(44rem, 100%);
}

.page-restaurant-webdesign #restaurant-hero .contact-wp-hero__lead a {
  color: rgba(255, 196, 140, 0.96);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(255, 159, 48, 0.45);
}

.page-restaurant-webdesign #restaurant-hero .contact-wp-hero__lead a:hover {
  color: #ffffff;
  text-decoration-color: rgba(255, 196, 140, 0.68);
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .contact-wp-hero__lead a {
  color: #c2410c;
  text-decoration-color: rgba(255, 122, 40, 0.42);
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .contact-wp-hero__lead a:hover {
  color: #9a3412;
}

.page-restaurant-webdesign #restaurant-hero .drone-hero__copy .contact-wp-hero__actions {
  margin-top: 2.25rem;
}

.page-restaurant-webdesign #restaurant-hero .drone-hero__copy {
  padding-top: 132px;
  padding-bottom: clamp(1.5rem, 1rem + 1.6vw, 2.25rem);
}

.page-restaurant-webdesign #restaurant-hero.contact-wp-hero.drone-hero.contact-wp-hero {
  background: transparent;
  box-shadow: none;
  padding-bottom: 0;
}

.page-restaurant-webdesign #restaurant-hero.contact-wp-hero.drone-hero > .container {
  position: relative;
  z-index: 1;
}

.page-restaurant-webdesign #restaurant-hero .drone-hero__split {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(1.25rem, 2.8vw, 2.5rem);
  align-items: center;
}

.page-restaurant-webdesign #restaurant-hero .drone-hero__visual.restaurant-hero__visual {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  min-height: clamp(360px, 40vw, 500px);
  overflow: visible;
  background: transparent;
  box-shadow: none;
}

.page-restaurant-webdesign #restaurant-hero .restaurant-hero__visual-glow {
  position: absolute;
  left: 50%;
  top: 58%;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: min(88%, 480px);
  height: clamp(72px, 11vw, 110px);
  border-radius: 50%;
  background: radial-gradient(
    ellipse 100% 100% at 50% 50%,
    rgba(255, 122, 40, 0.32) 0%,
    rgba(255, 90, 0, 0.14) 48%,
    transparent 74%
  );
  filter: blur(22px);
  pointer-events: none;
  z-index: 0;
}

.page-restaurant-webdesign #restaurant-hero .restaurant-hero__figure {
  position: relative;
  z-index: 1;
  margin: 0;
  width: min(100%, 560px);
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.page-restaurant-webdesign #restaurant-hero .restaurant-hero__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: min(54vh, 480px);
  object-fit: contain;
  object-position: center bottom;
  filter:
    drop-shadow(0 28px 44px rgba(0, 0, 0, 0.4))
    drop-shadow(0 12px 24px rgba(0, 0, 0, 0.28))
    drop-shadow(0 4px 10px rgba(0, 0, 0, 0.16));
}

.page-restaurant-webdesign #restaurant-hero .restaurant-hero__chips {
  position: relative;
  z-index: 2;
  list-style: none;
  margin: clamp(10px, 1.6vw, 16px) 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: min(100%, 640px);
}

.page-restaurant-webdesign #restaurant-hero .restaurant-hero__chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px 7px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: rgba(255, 248, 242, 0.9);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: 0.02em;
}

.page-restaurant-webdesign #restaurant-hero .restaurant-hero__chip-icon {
  display: flex;
  flex-shrink: 0;
  color: rgba(255, 176, 96, 0.96);
}

.page-restaurant-webdesign #restaurant-hero .restaurant-hero__chip-icon svg {
  display: block;
}

.page-restaurant-webdesign #restaurant-hero .restaurant-hero__chip-label {
  line-height: 1;
  white-space: nowrap;
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .restaurant-hero__chip {
  color: rgba(88, 42, 14, 0.9);
  border-color: rgba(255, 149, 64, 0.32);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 10px 26px rgba(10, 12, 18, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .restaurant-hero__chip-icon {
  color: rgba(194, 65, 12, 0.92);
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .restaurant-hero__image {
  filter:
    drop-shadow(0 26px 44px rgba(10, 12, 18, 0.2))
    drop-shadow(0 12px 22px rgba(10, 12, 18, 0.12))
    drop-shadow(0 4px 10px rgba(10, 12, 18, 0.08));
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .restaurant-hero__visual-glow {
  background: radial-gradient(
    ellipse 100% 100% at 50% 50%,
    rgba(255, 149, 64, 0.22) 0%,
    rgba(255, 122, 40, 0.08) 50%,
    transparent 76%
  );
}

@media (min-width: 981px) {
  .page-restaurant-webdesign #restaurant-hero .drone-hero__visual.restaurant-hero__visual {
    margin-top: -24px;
    min-height: clamp(468px, 52vh, 702px);
  }

  .page-restaurant-webdesign #restaurant-hero .restaurant-hero__figure {
    width: min(100%, 728px);
  }

  .page-restaurant-webdesign #restaurant-hero .restaurant-hero__image {
    max-height: min(62vh, 624px);
  }

  .page-restaurant-webdesign #restaurant-hero .restaurant-hero__visual-glow {
    top: 54%;
    width: min(90%, 620px);
    height: clamp(88px, 12vw, 128px);
  }

  .page-restaurant-webdesign #restaurant-hero .restaurant-hero__chips {
    margin-top: clamp(12px, 1.4vw, 18px);
    gap: 10px;
  }
}

@media (max-width: 980px) {
  .page-restaurant-webdesign #restaurant-hero .drone-hero__split {
    grid-template-columns: 1fr;
  }

  .page-restaurant-webdesign #restaurant-hero .drone-hero__visual.restaurant-hero__visual {
    min-height: clamp(240px, 50vw, 320px);
    margin-top: 0.25rem;
  }

  .page-restaurant-webdesign #restaurant-hero .restaurant-hero__image {
    max-height: min(40vh, 340px);
  }

  .page-restaurant-webdesign #restaurant-hero .restaurant-hero__visual-glow {
    top: 52%;
    width: min(92%, 420px);
    height: clamp(56px, 14vw, 80px);
  }

  .page-restaurant-webdesign #restaurant-hero .restaurant-hero__chips {
    width: 100%;
    max-width: 22rem;
  }
}

.page-restaurant-webdesign #restaurant-hero .drone-hero__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 16px 18px;
  text-align: center;
  border-radius: 0;
  background: transparent;
  border: 0;
  color: rgba(255, 255, 255, 0.95);
}

.page-restaurant-webdesign #restaurant-hero .drone-hero__stat + .drone-hero__stat {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.page-restaurant-webdesign #restaurant-hero .drone-hero__stat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0 auto 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #c73f18;
  background: transparent;
  font-size: 1.6rem;
  animation: none;
  filter: none;
}

.page-restaurant-webdesign #restaurant-hero .drone-hero__stat-icon svg {
  width: 30px;
  height: 30px;
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .contact-wp-hero__center::before {
  display: none !important;
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero.contact-wp-hero.drone-hero {
  position: relative;
  overflow: hidden;
  background: transparent;
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero.contact-wp-hero.drone-hero::after {
  content: none;
  display: none;
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero.contact-wp-hero.drone-hero > .container {
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero.contact-wp-hero.drone-hero.contact-wp-hero {
  background: transparent;
  box-shadow: none;
  min-height: unset;
  padding-bottom: 0;
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .contact-wp-hero__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .contact-wp-hero__lead {
  color: rgba(10, 12, 18, 0.7);
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .drone-hero__stats::before {
  background: rgba(10, 12, 18, 0.1);
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .drone-hero__stat + .drone-hero__stat {
  border-left-color: rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .drone-hero__stat {
  color: rgba(10, 12, 18, 0.88);
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .drone-hero__stat p {
  color: rgba(10, 12, 18, 0.62);
}

:root[data-theme="light"] .page-restaurant-webdesign #restaurant-hero .drone-hero__stat-icon {
  color: #9a3412;
  background: transparent;
  border: 0;
  filter: none;
  text-shadow: none;
}

@media (max-width: 980px) {
  .page-restaurant-webdesign #restaurant-hero .contact-wp-hero__center {
    text-align: center;
  }

  .page-restaurant-webdesign #restaurant-hero.contact-wp-hero.drone-hero .contact-wp-hero__actions {
    justify-content: center;
  }
}

.page-restaurant-webdesign #restaurant-hero-title.contact-wp-hero__title {
  font-size: clamp(2.356rem, 1.364rem + 1.86vw, 3.534rem);
}

.restaurant-hero__accent {
  color: var(--warm-2);
  text-shadow: 0 18px 52px rgba(255, 159, 28, 0.24);
}

.restaurant-hero__proof {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.restaurant-hero__pill {
  display: inline-flex;
  align-items: center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.10);
  color: rgba(255, 255, 255, 0.86);
  font-weight: 650;
  font-size: 13px;
  letter-spacing: -0.01em;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(14px);
}

:root[data-theme="light"] .restaurant-hero__pill {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(10, 12, 18, 0.10);
  color: rgba(10, 12, 18, 0.84);
  box-shadow: 0 10px 24px rgba(10, 12, 18, 0.08);
  backdrop-filter: blur(14px);
}

.page-restaurant-webdesign .restaurant-grid {
  margin-top: 22px;
}

.page-restaurant-webdesign .restaurant-portfolio__head + .work-grid--trio {
  margin-top: 22px;
}

.page-restaurant-webdesign .restaurant-page-band .work-grid--trio {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
}

.page-restaurant-webdesign .work-tile__note {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: rgba(30, 36, 48, 0.72);
}

:root[data-theme="light"] .page-restaurant-webdesign .work-tile__note {
  color: rgba(10, 12, 18, 0.58);
}

@media (max-width: 980px) {
  .page-restaurant-webdesign .restaurant-page-band .work-grid--trio {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 52rem;
  }
}

@media (max-width: 720px) {
  .page-restaurant-webdesign .restaurant-page-band .work-grid--trio {
    grid-template-columns: 1fr;
    max-width: 24rem;
  }
}

.page-restaurant-webdesign .restaurant-nomonthly-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 980px;
  margin: 22px auto 0;
}

.page-restaurant-webdesign .restaurant-search-grid {
  margin-top: 22px;
}

.restaurant-search__outro {
  max-width: 52rem;
  margin: clamp(1.75rem, 3vw, 2.5rem) auto 0;
  text-align: center;
  font-size: 1.02rem;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.68);
}

:root[data-theme="light"] .restaurant-search__outro {
  color: rgba(10, 12, 18, 0.68);
}

/* Restaurant band: match homepage `#services` glass service cards */
.page-restaurant-webdesign .restaurant-page-band .services__grid .service-card {
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
  box-shadow: none;
}

.page-restaurant-webdesign .restaurant-page-band .services__grid .service-card:hover {
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(58, 134, 255, 0.08) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
}

:root[data-theme="light"] .page-restaurant-webdesign .restaurant-page-band .services__grid .service-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-restaurant-webdesign .restaurant-page-band .services__grid .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

.page-restaurant-webdesign .restaurant-page-band .service-card__list {
  margin: 0;
  padding: 0 0 0 1.1rem;
  list-style: disc;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.64);
  flex: 1 1 auto;
}

.page-restaurant-webdesign .restaurant-page-band .service-card__list li + li {
  margin-top: 6px;
}

:root[data-theme="light"] .page-restaurant-webdesign .restaurant-page-band .service-card__list {
  color: rgba(10, 12, 18, 0.7);
}

.restaurant-list {
  margin: 0;
  padding-left: 1.1rem;
  color: rgba(255, 255, 255, 0.74);
  line-height: 1.7;
}

:root[data-theme="light"] .restaurant-list {
  color: rgba(10, 12, 18, 0.68);
}

.restaurant-media {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 16px 18px;
  align-items: center;
  max-width: 1080px;
  margin: 0 auto;
}

.restaurant-media__img {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 22px 80px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

:root[data-theme="light"] .restaurant-media__img {
  background: #ffffff;
  border-color: rgba(10, 12, 18, 0.10);
  box-shadow: 0 16px 46px rgba(10, 12, 18, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.restaurant-media__img img {
  display: block;
  width: 100%;
  height: auto;
}

.restaurant-media__lede {
  margin: 0 0 10px;
  font-weight: 650;
  color: rgba(255, 255, 255, 0.86);
}

:root[data-theme="light"] .restaurant-media__lede {
  color: rgba(10, 12, 18, 0.86);
}

.restaurant-media__fine {
  margin: 14px 0 0;
  color: rgba(255, 255, 255, 0.62);
}

:root[data-theme="light"] .restaurant-media__fine {
  color: rgba(10, 12, 18, 0.62);
}

.page-restaurant-webdesign .restaurant-local__head + .restaurant-locations {
  margin-top: 22px;
}

.restaurant-locations {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
  max-width: 980px;
  margin: 0 auto;
}

.restaurant-locations__card {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 22px 80px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  padding: 18px 18px 16px;
}

.restaurant-locations__card--cta {
  background: rgba(10, 16, 34, 0.42);
}

:root[data-theme="light"] .restaurant-locations__card,
:root[data-theme="light"] .restaurant-locations__card--cta {
  background: #ffffff;
  border-color: rgba(10, 12, 18, 0.10);
  box-shadow: 0 16px 46px rgba(10, 12, 18, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.restaurant-locations__title {
  margin: 0 0 8px;
  font-weight: 900;
  letter-spacing: -0.03em;
  font-size: 18px;
}

.restaurant-locations__text {
  margin: 0.6rem 0 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.7;
}

:root[data-theme="light"] .restaurant-locations__text {
  color: rgba(10, 12, 18, 0.68);
}

.restaurant-locations__actions {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 900px) {
  .restaurant-media {
    grid-template-columns: 1fr;
  }

  .restaurant-nomonthly-grid,
  .restaurant-locations {
    grid-template-columns: 1fr;
  }
}

/* E-commerce: website design `#webdesign-hero`–style clone (primary hero on `ecommerce-stores.html`) */
.page-ecommerce .contact-page-band > .webdesign-page-band--ecommerce-clone {
  position: relative;
  z-index: 1;
}

.page-ecommerce .webdesign-page-band--ecommerce-clone {
  overflow: hidden;
  overflow-x: visible;
  background:
    radial-gradient(circle 520px at 22% 20%, rgba(255, 149, 64, 0.14), transparent 62%),
    radial-gradient(circle 560px at 78% 28%, rgba(255, 122, 40, 0.1), transparent 58%),
    linear-gradient(180deg, rgba(7, 10, 18, 0) 0%, rgba(7, 10, 18, 0) 70%, rgba(7, 10, 18, 0.06) 100%),
    var(--bg);
}

.page-ecommerce .webdesign-page-band--ecommerce-clone::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse min(760px, 96vw) clamp(240px, 26vh, 340px) at 50% clamp(235px, 30vh, 340px),
      rgba(255, 159, 28, 0.18),
      transparent 72%
    ),
    radial-gradient(
      ellipse min(920px, 120vw) clamp(88px, 10vh, 130px) at 50% clamp(470px, 56vh, 560px),
      rgba(255, 159, 28, 0.075),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(1120px, 132vw) clamp(320px, 34vh, 520px) at 18% 42%,
      rgba(255, 138, 48, 0.09),
      transparent 76%
    ),
    radial-gradient(
      ellipse min(1120px, 132vw) clamp(320px, 34vh, 520px) at 82% 54%,
      rgba(255, 149, 64, 0.08),
      transparent 76%
    ),
    radial-gradient(
      ellipse min(1180px, 138vw) clamp(340px, 36vh, 560px) at 50% 72%,
      rgba(255, 159, 28, 0.07),
      transparent 78%
    ),
    radial-gradient(
      ellipse min(1080px, 128vw) clamp(300px, 32vh, 480px) at 50% 92%,
      rgba(255, 149, 64, 0.08),
      transparent 78%
    ),
    radial-gradient(
      ellipse min(980px, 128vw) clamp(160px, 18vh, 240px) at 50% clamp(820px, 92vh, 1040px),
      rgba(255, 159, 28, 0.06),
      transparent 78%
    );
}

:root[data-theme="light"] .page-ecommerce .webdesign-page-band--ecommerce-clone {
  background: var(--light-canvas);
}

:root[data-theme="light"] .page-ecommerce .webdesign-page-band--ecommerce-clone::before {
  background:
    radial-gradient(
      ellipse min(700px, 94vw) clamp(210px, 22vh, 300px) at 50% clamp(235px, 29vh, 330px),
      rgba(255, 149, 64, 0.12),
      transparent 74%
    ),
    radial-gradient(
      ellipse min(840px, 108vw) clamp(66px, 8vh, 100px) at 50% clamp(455px, 55vh, 540px),
      rgba(255, 159, 28, 0.07),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(1100px, 130vw) clamp(300px, 32vh, 500px) at 18% 42%,
      rgba(255, 149, 64, 0.07),
      transparent 78%
    ),
    radial-gradient(
      ellipse min(1100px, 130vw) clamp(300px, 32vh, 500px) at 82% 54%,
      rgba(255, 138, 48, 0.06),
      transparent 78%
    ),
    radial-gradient(
      ellipse min(1160px, 136vw) clamp(320px, 34vh, 540px) at 50% 72%,
      rgba(255, 159, 28, 0.055),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(1060px, 126vw) clamp(280px, 30vh, 460px) at 50% 92%,
      rgba(255, 149, 64, 0.06),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(980px, 128vw) clamp(160px, 18vh, 240px) at 50% clamp(820px, 92vh, 1040px),
      rgba(255, 159, 28, 0.035),
      transparent 80%
    );
}

.page-ecommerce .webdesign-page-band--ecommerce-clone > .webdesign-hero {
  position: relative;
  z-index: 1;
  background: transparent;
}

.page-ecommerce .webdesign-page-band--ecommerce-clone > .webdesign-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px);
  opacity: 0.34;
  mask-image: radial-gradient(58% 56% at 50% 42%, black 52%, transparent 100%);
}

:root[data-theme="light"] .page-ecommerce .webdesign-page-band--ecommerce-clone > .webdesign-hero::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.06) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.05) 0 1px, transparent 1px 72px);
  opacity: 0.085;
  mask-image: none;
}

.page-ecommerce #ecommerce-webdesign-hero-title.contact-wp-hero__title {
  font-size: clamp(2.356rem, 1.364rem + 1.86vw, 3.534rem);
}

.page-ecommerce .webdesign-page-band--ecommerce-clone > .webdesign-hero.contact-wp-hero {
  align-items: stretch;
  padding-bottom: 0;
}

.page-ecommerce .webdesign-page-band--ecommerce-clone > .webdesign-hero.contact-wp-hero .contact-wp-hero__center {
  flex: 1 1 auto;
  padding-bottom: clamp(2rem, 1.5rem + 2vw, 3rem);
}

.page-ecommerce .webdesign-page-band--ecommerce-clone > #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero {
  position: relative;
  z-index: 1;
  background: transparent;
}

.page-ecommerce .webdesign-page-band--ecommerce-clone > #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px);
  opacity: 0.34;
  mask-image: radial-gradient(58% 56% at 50% 42%, black 52%, transparent 100%);
}

:root[data-theme="light"] .page-ecommerce .webdesign-page-band--ecommerce-clone > #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.06) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.05) 0 1px, transparent 1px 72px);
  opacity: 0.085;
  mask-image: none;
}

.page-ecommerce #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero * {
  animation: none !important;
}

.page-ecommerce #ecommerce-webdesign-hero-clone .contact-wp-hero__accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 14px 36px rgba(255, 94, 36, 0.34));
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone .contact-wp-hero__accent {
  background: none;
  -webkit-text-fill-color: #b45309;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

.page-ecommerce .webdesign-page-band--ecommerce-clone > #ecommerce-webdesign-hero-clone.drone-hero .contact-wp-hero__center::before {
  display: none !important;
  content: none !important;
}

.page-ecommerce .webdesign-page-band--ecommerce-clone > #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero .contact-wp-hero__center {
  flex: none;
  padding-bottom: 0;
  text-align: left;
  max-width: 80rem;
  width: min(100% - clamp(24px, 5vw, 40px), 1240px);
}

.page-ecommerce #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero {
  align-items: stretch;
  justify-content: center;
  min-height: unset;
  padding: 0 0 0;
  overflow: hidden;
}

.page-ecommerce #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero.contact-wp-hero {
  background: linear-gradient(180deg, #05060d 0%, #05060d 55%, #04050c 100%);
  box-shadow: none;
  padding-bottom: 0;
}

.page-ecommerce #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero .contact-wp-hero__actions {
  justify-content: flex-start;
}

.page-ecommerce #ecommerce-webdesign-hero-clone .contact-wp-hero__lead {
  margin: 0;
  max-width: min(44rem, 100%);
}

.page-ecommerce #ecommerce-webdesign-hero-clone .drone-hero__copy .contact-wp-hero__actions {
  margin-top: 2.25rem;
}

.page-ecommerce #ecommerce-webdesign-hero-clone .drone-hero__copy {
  position: relative;
  z-index: 2;
  padding-top: 132px;
  padding-bottom: clamp(1.5rem, 1rem + 1.6vw, 2.25rem);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone .drone-hero__copy {
  padding-top: 132px;
  padding-bottom: clamp(1.5rem, 1rem + 1.6vw, 2.25rem);
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.page-ecommerce #ecommerce-webdesign-hero-clone .drone-hero__media--webdesign {
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.34) 23%,
      rgba(0, 0, 0, 0.14) 41%,
      rgba(0, 0, 0, 0.04) 57%,
      transparent 77%
    ),
    url("/images/ecommerce-website-omaha-goliath-hats.jpg-1.png");
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: 0 0, 100% center;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, 0.15) 1%,
    rgba(0, 0, 0, 0.4) 7%,
    rgba(0, 0, 0, 0.7) 13%,
    rgba(0, 0, 0, 1) 23%,
    rgba(0, 0, 0, 1) 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0, 0, 0, 0.15) 1%,
    rgba(0, 0, 0, 0.4) 7%,
    rgba(0, 0, 0, 0.7) 13%,
    rgba(0, 0, 0, 1) 23%,
    rgba(0, 0, 0, 1) 100%
  );
}

.page-ecommerce #ecommerce-webdesign-hero-clone .drone-hero__media--webdesign::after {
  background: radial-gradient(circle at 86% 26%, rgba(255, 94, 36, 0.16), transparent 22%);
}

@media (min-width: 1100px) {
  .page-ecommerce #ecommerce-webdesign-hero-clone .drone-hero__media--webdesign {
    background-position: 0 0, 108% center;
  }
}

@media (min-width: 981px) {
  /* Pull mockup under copy edge (~14.6vw; trimmed 5% from prior ~15.4vw) */
  .page-ecommerce #ecommerce-webdesign-hero-clone .drone-hero__visual {
    margin-top: -92px;
    min-height: clamp(520px, 60vh, 680px);
    justify-self: end;
    z-index: 1;
    margin-left: clamp(-230px, -14.63vw, -101px);
    width: calc(100% + (50vw - 50%) - 15vw + clamp(101px, 14.63vw, 230px));
    margin-right: calc(50% - 50vw + 15vw);
  }
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero {
  position: relative;
  overflow: hidden;
  background: transparent;
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/images/ecommerce-website-omaha-goliath-hats.jpg-1.png") 92% center / cover no-repeat;
  z-index: 0;
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(640px 320px at 18% 22%, rgba(255, 149, 64, 0.06), transparent 62%),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.18) 0%,
      rgba(255, 255, 255, 0.1) 34%,
      rgba(255, 255, 255, 0.03) 58%,
      rgba(255, 255, 255, 0) 100%
    );
  z-index: 0;
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero > .container {
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero.contact-wp-hero {
  background: transparent;
  box-shadow: none;
  min-height: unset;
  padding-bottom: 0;
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone .drone-hero__media--webdesign {
  display: none;
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone .contact-wp-hero__title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone .contact-wp-hero__lead {
  color: rgba(10, 12, 18, 0.7);
}

@media (max-width: 980px) {
  .page-ecommerce #ecommerce-webdesign-hero-clone .contact-wp-hero__center {
    text-align: center;
  }

  .page-ecommerce #ecommerce-webdesign-hero-clone.contact-wp-hero.drone-hero .contact-wp-hero__actions {
    justify-content: center;
  }
}

/* Ecommerce landing (`ecommerce-stores.html`, `.page-ecommerce`) */
/* Contact band: warm sun glows (shows through transparent “What you get” + process) */
.page-ecommerce .contact-page-band::before {
  background:
    radial-gradient(
      ellipse min(720px, 96vw) clamp(220px, 24vh, 320px) at 50% clamp(240px, 30vh, 340px),
      rgba(255, 159, 64, 0.16),
      transparent 72%
    ),
    radial-gradient(
      ellipse min(860px, 110vw) clamp(72px, 9vh, 110px) at 50% clamp(470px, 56vh, 560px),
      rgba(255, 122, 40, 0.09),
      transparent 80%
    );
}

.page-ecommerce .contact-page-band::after {
  background: radial-gradient(closest-side, rgba(255, 106, 0, 0.14), transparent 76%);
  opacity: 0.36;
}

/* Ecommerce: remove decorative page dividers around the Process section */
.page-ecommerce .section-divider--process {
  display: none;
}

/* Ecommerce clone hero: highlight list + caption in the left column */
.page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__highlights {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  max-width: min(36rem, 100%);
  border-top: 0;
  padding-top: 0;
}

.page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__highlights .ecommerce-intro__highlight {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 0;
  margin: 0;
  text-align: left;
  width: 100%;
  border: 0;
  background: transparent;
}

.page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__highlights .ecommerce-intro__highlight + .ecommerce-intro__highlight {
  border-left: 0;
  border-top: 0;
  padding-top: 0;
}

.page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__highlights .ecommerce-intro__highlight-icon {
  margin: 0;
  flex-shrink: 0;
}

.page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__highlights .ecommerce-intro__highlight-text {
  display: block;
  text-align: left;
}

.page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__caption {
  margin: 1rem 0 0;
  max-width: min(40rem, 100%);
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.62);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__caption {
  color: rgba(10, 12, 18, 0.62);
}

@media (max-width: 980px) {
  .page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__highlights {
    align-items: center;
    margin-inline: auto;
  }

  .page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__highlights .ecommerce-intro__highlight {
    justify-content: center;
    text-align: center;
  }

  .page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__highlights .ecommerce-intro__highlight-text {
    text-align: center;
  }

  .page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__caption {
    margin-inline: auto;
  }
}

:root[data-theme="light"] .page-ecommerce .contact-page-band::before {
  background:
    radial-gradient(
      ellipse min(700px, 94vw) clamp(210px, 22vh, 300px) at 50% clamp(235px, 29vh, 330px),
      rgba(255, 149, 64, 0.1),
      transparent 74%
    ),
    radial-gradient(
      ellipse min(840px, 108vw) clamp(66px, 8vh, 100px) at 50% clamp(455px, 55vh, 540px),
      rgba(255, 159, 28, 0.06),
      transparent 80%
    );
}

:root[data-theme="light"] .page-ecommerce .contact-page-band::after {
  background: radial-gradient(closest-side, rgba(255, 122, 40, 0.09), transparent 78%);
  opacity: 0.32;
}

/* Intake + “Get started” live in the band with process — one sun canvas (no second gradient stack) */
.page-ecommerce .contact-page-band > #contact.cta {
  background: transparent !important;
  background-image: none !important;
  border-top: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > #contact.cta {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
}

.page-ecommerce .contact-page-band > .connect-cta-band,
.page-work .work-page-mid-black > .connect-cta-band ,
.page-testimonials .work-page-mid-black > .connect-cta-band {
  background: transparent !important;
  background-image: none !important;
  margin-top: 0;
  border-top: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > .connect-cta-band,
.page-work .work-page-mid-black > .connect-cta-band ,
.page-testimonials .work-page-mid-black > .connect-cta-band {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
}

/* Ecommerce final CTA (in `contact-page-band`): glass card + typography + buttons match drone `.connect-cta__inner` */
.page-ecommerce .contact-page-band > .connect-cta-band .cta__inner {
  position: relative;
  margin: -28px auto 0;
  max-width: 980px;
  width: min(100% - 40px, 980px);
  margin-inline: auto;
  padding: 34px 28px 26px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  text-align: center;
  display: grid;
  gap: 18px;
  justify-items: center;
}

.page-ecommerce .contact-page-band > .connect-cta-band .cta__inner > * {
  position: relative;
  z-index: 1;
}

.page-ecommerce .contact-page-band > .connect-cta-band .cta__copy {
  display: grid;
  gap: 12px;
  justify-items: center;
  width: 100%;
  text-align: center;
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > .connect-cta-band .cta__inner {
  margin: 0 auto;
  border-radius: 10px;
  border-color: rgba(10, 12, 18, 0.1);
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

@media (max-width: 760px) {
  :root[data-theme="light"] .page-ecommerce .contact-page-band > .connect-cta-band .cta__inner {
    margin-top: -18px;
  }
}

.page-ecommerce .contact-page-band > .connect-cta-band .cta__title {
  margin: 0 auto;
  max-width: 22ch;
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.08;
  font-size: clamp(1.8rem, 1.2rem + 1.6vw, 2.6rem);
  color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > .connect-cta-band .cta__title {
  color: rgba(10, 12, 18, 0.92);
}

.page-ecommerce .contact-page-band > .connect-cta-band .cta__title .cta__accent {
  background: linear-gradient(135deg, #ffd060 0%, #ffb000 38%, #ff7a1a 72%, #ff5a00 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  text-shadow: none;
  filter: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > .connect-cta-band .cta__title .cta__accent {
  background: linear-gradient(135deg, #ea6200 0%, #ff8c24 42%, #d45100 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
}

.page-ecommerce .contact-page-band > .connect-cta-band .cta__sub {
  margin: 0 auto;
  max-width: 78ch;
  color: rgba(255, 255, 255, 0.72);
  font-size: 15px;
  line-height: 1.75;
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > .connect-cta-band .cta__sub {
  color: rgba(10, 12, 18, 0.68);
}

.page-ecommerce .contact-page-band > .connect-cta-band .connect-cta__kicker {
  margin: 0 auto 2px;
  width: fit-content;
  max-width: 100%;
  padding: 7px 12px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > .connect-cta-band .connect-cta__kicker {
  border-color: rgba(10, 12, 18, 0.12);
  background: #ffffff;
  color: rgba(10, 12, 18, 0.62);
}

.page-ecommerce .contact-page-band > .connect-cta-band .cta__actions {
  margin-top: 4px;
  justify-content: center;
}

.page-ecommerce .contact-page-band > .connect-cta-band .cta__inner .btn--primary {
  background: linear-gradient(180deg, #ff8c24 0%, #ea6200 48%, #cc4200 100%);
  box-shadow: 0 18px 50px rgba(255, 122, 40, 0.32), 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 220, 190, 0.28);
}

.page-ecommerce .contact-page-band > .connect-cta-band .cta__inner .btn--primary:hover {
  box-shadow: 0 22px 70px rgba(255, 106, 0, 0.4), 0 14px 45px rgba(0, 0, 0, 0.55);
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > .connect-cta-band .cta__inner .btn--primary {
  background: linear-gradient(180deg, #ff9428 0%, #e86800 52%, #c94800 100%);
  box-shadow: 0 14px 38px rgba(232, 104, 0, 0.22), 0 8px 26px rgba(10, 12, 18, 0.08);
  border-color: rgba(255, 180, 120, 0.35);
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > .connect-cta-band .cta__inner .btn--primary:hover {
  box-shadow: 0 18px 46px rgba(232, 104, 0, 0.28), 0 10px 30px rgba(10, 12, 18, 0.1);
}

.page-ecommerce .contact-page-band > .connect-cta-band .cta__inner .btn--secondary {
  border-color: rgba(255, 200, 170, 0.22);
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > .connect-cta-band .cta__inner .btn--secondary {
  border-color: rgba(232, 104, 0, 0.22);
}

.page-ecommerce .contact-page-band > section.section,
.page-ecommerce .contact-page-band > .hero__ticker-outer {
  position: relative;
  z-index: 1;
}

.page-ecommerce .contact-page-band > section.section:not(.section--services) {
  background: transparent;
}

/* “What you get”: same canvas as `#ecommerce-store-process` — transparent band field, one fluid strip */
.page-ecommerce .contact-page-band > .ecommerce-what-you-get.section--services {
  margin-top: -1px;
  padding-bottom: clamp(2rem, 3.5vw, 3rem);
  border-top: 0;
  border-bottom: 0;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  overflow: visible;
}

.page-ecommerce .ecommerce-what-you-get .section--services__fade {
  opacity: 0;
  pointer-events: none;
}

.page-ecommerce .contact-page-band > .ecommerce-what-you-get .section--services__inner {
  padding-top: clamp(52px, 7vw, 76px);
}

.page-ecommerce .ecommerce-what-you-get.section--services::before {
  display: none;
}

.page-ecommerce .ecommerce-what-you-get.section--services .services__lead {
  border-left-color: rgba(255, 159, 48, 0.38);
}

:root[data-theme="light"] .page-ecommerce .ecommerce-what-you-get.section--services .services__lead {
  border-left-color: rgba(255, 122, 40, 0.42);
}

/* E-commerce “What you get”: same `.service-card` stack as homepage `#services` */
.page-ecommerce .ecommerce-what-you-get.section--services .service-card {
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  border-color: rgba(255, 255, 255, 0.09);
}

.page-ecommerce .ecommerce-what-you-get.section--services .service-card:hover {
  background:
    radial-gradient(ellipse 100% 65% at 50% 0%, rgba(58, 134, 255, 0.08) 0%, transparent 55%),
    rgba(20, 22, 30, 0.9);
  border-color: rgba(255, 255, 255, 0.13);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
}

:root[data-theme="light"] .page-ecommerce .ecommerce-what-you-get.section--services .service-card {
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  border-color: rgba(10, 12, 18, 0.1);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

:root[data-theme="light"] .page-ecommerce .ecommerce-what-you-get.section--services .service-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 0.98) 100%);
  border-color: rgba(10, 12, 18, 0.14);
  box-shadow: 0 10px 30px rgba(10, 12, 18, 0.08);
}

/* Drone services page: intro band — same canvas language as `#work.light-band__segment` (cool base + soft top lift) */
.page-drone-services .contact-page-band > #drone-intro.section {
  position: relative;
  background: radial-gradient(900px 380px at 50% 0%, rgba(255, 255, 255, 0.06) 0%, transparent 60%), var(--bg);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: none;
  overflow: hidden;
}

:root[data-theme="light"] .page-drone-services .contact-page-band > #drone-intro.section {
  background: var(--light-canvas);
  border-top-color: rgba(10, 12, 18, 0.06);
  box-shadow: none;
}

/* Drone Services: keep a single continuous canvas from #drone-intro through final CTA */
:root:not([data-theme="light"]) .page-drone-services .contact-page-band > #drone-intro.section ~ section.section {
  background: transparent !important;
  background-color: var(--bg) !important;
  background-image: none !important;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-drone-services .contact-page-band > #drone-intro.section ~ section.section {
  background: transparent !important;
  background-color: var(--light-canvas) !important;
  background-image: none !important;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
}

/* Drone Services: tighten spacing between Best fit → Common problems */
.page-drone-services .contact-page-band > #drone-best-fit.section--services {
  padding-bottom: clamp(2.75rem, 5vw, 3.75rem);
}

/* Drone `#drone-best-fit`: same services band chrome as homepage `#services` */
.page-drone-services .contact-page-band > #drone-best-fit.section--services::before {
  display: none;
}

.page-drone-services .contact-page-band > #drone-best-fit .section--services__fade {
  display: none;
}

/* Drone `#drone-best-fit`: centered headline stack + lead (no two-column split, no lead rail) */
.page-drone-services .contact-page-band > #drone-best-fit .services__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(16px, 2.2vw, 22px);
  margin-bottom: clamp(36px, 4vw, 48px);
}

.page-drone-services .contact-page-band > #drone-best-fit .services__head-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: min(56rem, 100%);
}

.page-drone-services .contact-page-band > #drone-best-fit .services__eyebrow {
  margin: 0 auto 10px;
}

.page-drone-services .contact-page-band > #drone-best-fit .services__head-col .services__title {
  text-align: center;
  margin-inline: auto;
  max-width: min(36ch, 100%);
  font-size: 48px;
  line-height: 1.08;
}

.page-drone-services .contact-page-band > #drone-best-fit .services__lead {
  align-self: center;
  width: 100%;
  max-width: min(52rem, 100%);
  margin: 0;
  padding: 0;
  border-left: 0;
  border-top: 0;
  text-align: center;
}

@media (max-width: 980px) {
  .page-drone-services .contact-page-band > #drone-best-fit .services__lead {
    border-top: 0;
    padding: 0;
  }
}

.page-drone-services .contact-page-band > #drone-best-fit .services__lead a {
  color: #ffb000;
  border-bottom: 1px solid rgba(255, 176, 0, 0.45);
  text-decoration: none;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.page-drone-services .contact-page-band > #drone-best-fit .services__lead a:hover {
  color: #ffd454;
  border-bottom-color: rgba(255, 212, 84, 0.75);
}

:root[data-theme="light"] .page-drone-services .contact-page-band > #drone-best-fit .services__lead a {
  color: #ffb000;
  border-bottom: 1px solid rgba(255, 176, 0, 0.42);
}

:root[data-theme="light"] .page-drone-services .contact-page-band > #drone-best-fit .services__lead a:hover {
  color: #cc8e00;
  border-bottom-color: rgba(255, 176, 0, 0.58);
}

.page-drone-services .contact-page-band > #drone-best-fit + .section--webdesign-pains--lincoln {
  margin-top: calc(-1 * clamp(14px, 2.5vw, 28px));
  padding-top: clamp(3.25rem, 5.5vw, 4.25rem);
}

/* Prevent extra washes that can create seams between sections */
.page-drone-services .contact-page-band > #drone-intro.section ~ section.section .webdesign-pains__bg,
.page-drone-services .contact-page-band > #drone-intro.section ~ section.section .section--services__fade,
.page-drone-services .contact-page-band > #drone-intro.section ~ .connect-cta-band::before {
  display: none !important;
}

/* Drone final CTA: slightly wider measure for longer headline (same connect-cta panel as contact) */
.page-drone-services .contact-page-band > .connect-cta-band .connect-cta__title {
  max-width: min(100%, 34ch);
}

/* Drone services: trust badges (insured / FAA Part 107) */
.page-drone-services #drone-intro .drone-trust {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

/* Remove "bubble/glass" feel: simple, stat-like row */
.page-drone-services #drone-intro .drone-trust__item + .drone-trust__item {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

:root[data-theme="light"] .page-drone-services #drone-intro .drone-trust__item + .drone-trust__item {
  border-left-color: rgba(10, 12, 18, 0.08);
}

.page-drone-services #drone-intro .drone-trust__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  padding: 1.1rem 0.95rem;
  text-align: center;
  border-radius: 0;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.84);
  font-weight: 650;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.4;
}

.page-drone-services #drone-intro .drone-trust__icon {
  display: inline-flex;
  width: 2.95rem;
  height: 2.95rem;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: transparent;
  color: #ffb090;
}

.page-drone-services #drone-intro .drone-trust__icon svg {
  display: block;
  width: 28px;
  height: 28px;
}

:root[data-theme="light"] .page-drone-services #drone-intro .drone-trust__item {
  background: transparent;
  border-color: transparent;
  color: rgba(10, 12, 18, 0.78);
}

:root[data-theme="light"] .page-drone-services #drone-intro .drone-trust__icon {
  background: rgba(255, 198, 162, 0.4);
  color: #c2410c;
}

/* E-commerce process: card chain matches services.html `#services-process` */
.page-ecommerce .contact-page-band > #ecommerce-store-process.section--alt.section--process-in-webdesign {
  margin-top: -2px;
  padding-top: clamp(2.75rem, 5vw, 4rem);
  padding-bottom: clamp(2.75rem, 5vw, 4rem);
  border: 0;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible;
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > #ecommerce-store-process.section--alt.section--process-in-webdesign {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0;
  box-shadow: none !important;
  overflow: visible;
}

.page-ecommerce .contact-page-band > #ecommerce-store-process.section--process-in-webdesign .work-band__process-inner {
  max-width: min(100%, 1180px);
  margin-inline: auto;
  padding-bottom: clamp(20px, 3vw, 40px);
}

.page-ecommerce .contact-page-band > #ecommerce-store-process.section--process-in-webdesign .section__head--process {
  max-width: 52rem;
  margin-inline: auto;
  margin-bottom: clamp(40px, 5.5vw, 56px);
  text-align: center;
}

.page-ecommerce .contact-page-band > #ecommerce-store-process.section--process-in-webdesign .eyebrow--process {
  justify-content: center;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 159, 64, 0.95);
}

.page-ecommerce .contact-page-band > #ecommerce-store-process.section--process-in-webdesign .eyebrow__dot--warm {
  display: none;
}

.page-ecommerce .contact-page-band > #ecommerce-store-process.section--process-in-webdesign .process__title {
  max-width: none;
  margin-inline: auto;
  white-space: nowrap;
  text-wrap: nowrap;
}

.page-ecommerce .contact-page-band > #ecommerce-store-process.section--process-in-webdesign .process__glow {
  opacity: 0.45;
}

.page-ecommerce .contact-page-band > #ecommerce-store-process.section--process-in-webdesign .section__sub--process {
  max-width: min(54ch, 100%);
  margin-inline: auto;
  text-align: center;
  font-size: clamp(15px, 0.35vw + 14px, 16px);
  line-height: 1.65;
}

/* Same fluid sun canvas as process + intro — transparent section, no fade slab */
.page-ecommerce .contact-page-band > #ecommerce-store-pains.section--webdesign-pains {
  margin-top: -1px;
  padding-top: clamp(1.25rem, 2.5vw, 2rem);
  padding-bottom: clamp(2.5rem, 5vw, 3.75rem);
  border-top: 0;
  border-bottom: 0;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  overflow: visible;
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > #ecommerce-store-pains.section--webdesign-pains {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible;
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__bg,
.page-ecommerce .contact-page-band > #ecommerce-store-pains .section--services__fade {
  display: none !important;
}

/* Same flat canvas as `#ecommerce-store-process` — skip radial wash (reads as a seam) */
.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__inner::before {
  content: none;
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__inner > * {
  position: relative;
  z-index: 1;
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains {
  border-radius: 22px;
  background: linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.045) 0%,
      rgba(255, 255, 255, 0.02) 42%,
      rgba(0, 0, 0, 0.08) 100%
    ),
    rgba(5, 7, 14, 0.52);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow:
    0 26px 80px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(10, 12, 18, 0.09);
  box-shadow:
    0 22px 60px rgba(10, 12, 18, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__tabs {
  flex-wrap: nowrap;
  gap: 8px;
  padding: 12px 12px 10px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border-bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__tabs::-webkit-scrollbar {
  display: none;
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__tabs {
  background: linear-gradient(180deg, rgba(10, 12, 18, 0.04), rgba(10, 12, 18, 0));
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__tab {
  flex: 0 0 auto;
  min-width: unset;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.03);
  font-size: 12.5px;
  font-weight: 750;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__tab:hover {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__tab:hover {
  border-color: rgba(10, 12, 18, 0.1);
  background: rgba(10, 12, 18, 0.04);
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__tab.is-active {
  color: rgba(255, 248, 240, 0.96);
  border-color: rgba(255, 159, 28, 0.42);
  background:
    radial-gradient(120% 180% at 20% 0%, rgba(255, 159, 28, 0.28), transparent 62%),
    rgba(255, 159, 28, 0.11);
  box-shadow:
    0 14px 38px rgba(255, 159, 28, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__tab.is-active {
  color: rgba(120, 53, 15, 0.96);
  border-color: rgba(245, 158, 11, 0.42);
  background:
    radial-gradient(120% 180% at 18% 0%, rgba(251, 191, 36, 0.35), transparent 62%),
    rgba(255, 237, 213, 0.82);
  box-shadow:
    0 14px 34px rgba(245, 158, 11, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__panel-wrap {
  padding: 10px 14px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__panel-wrap {
  border-top-color: rgba(10, 12, 18, 0.07);
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__panel.is-active {
  animation: webdesignPainsIn 240ms ease-out both;
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains [data-rotator-enhanced] .webdesign-pains__panel.is-active {
  animation-duration: 280ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  .page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__panel.is-active {
    animation: none;
  }
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__panel-inner {
  gap: 18px;
  padding: 18px 18px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background:
    radial-gradient(520px 240px at 12% 10%, rgba(58, 134, 255, 0.1), transparent 62%),
    rgba(3, 6, 14, 0.42);
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__panel-inner {
  border-color: rgba(10, 12, 18, 0.07);
  background:
    radial-gradient(520px 240px at 12% 10%, rgba(11, 99, 246, 0.08), transparent 62%),
    rgba(255, 255, 255, 0.55);
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.08), rgba(58, 134, 255, 0.12));
  border: 1px solid rgba(58, 134, 255, 0.28);
  box-shadow:
    0 16px 46px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__icon {
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.92), rgba(219, 234, 254, 0.88));
  border-color: rgba(11, 99, 246, 0.26);
  box-shadow:
    0 14px 36px rgba(10, 12, 18, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__title {
  margin: 0 0 10px;
  font-size: clamp(1.05rem, 0.95rem + 0.35vw, 1.22rem);
  font-weight: 850;
  letter-spacing: -0.025em;
  line-height: 1.22;
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__text {
  font-size: 15px;
  line-height: 1.72;
  color: rgba(228, 236, 245, 0.82);
  max-width: 62ch;
}

:root[data-theme="light"] .page-ecommerce .contact-page-band > #ecommerce-store-pains .webdesign-pains__text {
  color: rgba(10, 12, 18, 0.72);
}

/* E-commerce: Experience section — match website-design `#webdesign-experience` */
.page-ecommerce .contact-page-band > section.section[aria-labelledby="webdesign-experience-title"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  position: relative;
  z-index: 1;
}

.page-ecommerce .contact-page-band > #ecommerce-store-pains.section--webdesign-pains--lincoln + section.section[aria-labelledby="webdesign-experience-title"] {
  padding-top: clamp(2.75rem, 5vw, 4rem);
}

.page-ecommerce .contact-page-band > section.section[aria-labelledby="webdesign-experience-title"] {
  padding-bottom: clamp(1.75rem, 3vw, 2.5rem);
}

.page-ecommerce .contact-page-band > section.section[aria-labelledby="webdesign-experience-title"] .section__sub {
  font-size: 18px;
}

.page-ecommerce #webdesign-experience-title {
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 1.1;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.96);
  text-wrap: nowrap;
  white-space: nowrap;
}

.page-ecommerce #webdesign-experience-title .webdesign-hero__accent {
  background: linear-gradient(135deg, #ff5824 0%, #ffb428 40%, #ff2d1a 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
  filter: drop-shadow(0 12px 32px rgba(255, 94, 36, 0.28));
}

:root[data-theme="light"] .page-ecommerce #webdesign-experience-title {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-ecommerce #webdesign-experience-title .webdesign-hero__accent {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: #c2410c;
  color: #ea580c;
  filter: none;
  text-shadow: none;
}

@media (max-width: 720px) {
  .page-ecommerce #webdesign-experience-title {
    white-space: normal;
    text-wrap: balance;
    font-size: clamp(1.5rem, 6.5vw, 2rem);
  }
}

.page-ecommerce .contact-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__panel {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgba(255, 255, 255, 0.05) 0%, transparent 50%),
    rgba(16, 18, 24, 0.82);
  box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

:root[data-theme="light"] .page-ecommerce .contact-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__panel {
  border-color: rgba(10, 12, 18, 0.1);
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.99) 0%, rgba(255, 255, 255, 0.94) 100%);
  box-shadow: 0 4px 18px rgba(10, 12, 18, 0.05);
}

.page-ecommerce .contact-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}

.page-ecommerce .contact-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__title-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.page-ecommerce .contact-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__pin {
  grid-column: unset;
  grid-row: unset;
  align-self: center;
}

.page-ecommerce .contact-page-band .lincoln-served-wrap.webdesign-served #webdesign-served-title {
  grid-column: unset;
  grid-row: unset;
  width: 100%;
  max-width: 48ch;
  margin-inline: auto;
  font-size: 28px;
  text-align: center;
}

.page-ecommerce .contact-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__sub {
  grid-column: unset;
  grid-row: unset;
  width: 100%;
  max-width: 62ch;
  margin-inline: auto;
  font-size: 18px;
  text-align: center;
}

.page-ecommerce .contact-page-band .lincoln-served-wrap.webdesign-served .lincoln-served__item {
  font-size: 16px;
}

.page-ecommerce #ecommerce-webdesign-hero-clone .contact-wp-hero__actions .btn--secondary {
  backdrop-filter: none;
}

/* Branding & Identity landing (`branding-identity.html`, `.page-branding`) */
.page-branding .webdesign-page-band > .contact-page-band,
.page-branding .webdesign-page-band > section.section {
  position: relative;
  z-index: 1;
}

/* Branding band + hero: purple canvas (aligns with `.section--branding-pains`, not default orange/teal) */
.page-branding .webdesign-page-band {
  background:
    radial-gradient(circle 460px at 18% 28%, rgb(147 51 234 / 0.14), transparent 72%),
    radial-gradient(circle 520px at 82% 34%, rgb(183 108 255 / 0.11), transparent 74%),
    linear-gradient(180deg, rgb(7 10 18 / 0) 0%, rgb(7 10 18 / 0) 68%, rgb(7 10 18 / 0.07) 100%),
    var(--bg);
}

.page-branding .webdesign-page-band::before {
  background:
    radial-gradient(
      ellipse min(760px, 96vw) clamp(240px, 26vh, 340px) at 50% clamp(235px, 30vh, 340px),
      rgb(147 51 234 / 0.17),
      transparent 72%
    ),
    radial-gradient(
      ellipse min(920px, 120vw) clamp(88px, 10vh, 130px) at 50% clamp(470px, 56vh, 560px),
      rgb(183 108 255 / 0.09),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(980px, 128vw) clamp(160px, 18vh, 240px) at 50% clamp(820px, 92vh, 1040px),
      rgb(147 51 234 / 0.055),
      transparent 78%
    );
}

/* Branding hero shell: match SEO `contact-page-band > .contact-wp-hero` (sun canvas, checklist, ticker) */
.page-branding .contact-page-band {
  overflow: visible;
  background: transparent;
  isolation: isolate;
}

.page-branding .contact-page-band::before,
.page-branding .contact-page-band::after {
  display: none;
}

.page-branding .contact-page-band > .contact-wp-hero {
  min-height: min(88vh, 900px);
  padding-top: clamp(6.25rem, 5rem + 3vw, 7.75rem);
  padding-bottom: clamp(2.25rem, 1.75rem + 2vw, 3.25rem);
  background:
    radial-gradient(ellipse 135% 92% at 50% -14%, rgba(255, 149, 64, 0.26), transparent 56%),
    radial-gradient(ellipse min(105%, 720px) min(92%, 600px) at 90% 14%, rgba(255, 122, 40, 0.28), transparent 58%),
    radial-gradient(ellipse min(92%, 560px) min(82%, 480px) at 8% 88%, rgba(255, 176, 0, 0.16), transparent 54%),
    radial-gradient(ellipse 115% 82% at 48% 106%, rgba(15, 23, 42, 0.82), transparent 62%),
    #05060d;
}

.page-branding .contact-page-band > .contact-wp-hero::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.085) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.075) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 118, 52, 0.128), transparent 62%);
  background-size: auto;
  opacity: 0.33;
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
  -webkit-mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

.page-branding .contact-page-band > .contact-wp-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(60% 70% at 50% 40%, transparent 55%, rgba(0, 0, 0, 0.65) 100%);
}

.page-branding .contact-page-band > .contact-wp-hero .contact-wp-hero__center::before {
  background: radial-gradient(ellipse 72% 58% at 50% 42%, rgba(255, 149, 64, 0.14), transparent 74%);
}

.page-branding .contact-page-band > .contact-wp-hero .contact-wp-hero__accent {
  background: radial-gradient(125% 165% at 12% 38%, #ffb000 0%, #ff7a18 38%, #ff5a00 62%, #ff1f1f 96%);
  background-size: 100% 100%;
  animation: none;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: 0 18px 50px rgba(255, 122, 0, 0.28);
}

.page-branding .contact-page-band > .contact-wp-hero .contact-wp-hero__kicker {
  display: inline-flex;
  align-items: center;
  margin: 0 auto 14px;
  padding: 6px 14px 5px;
  width: fit-content;
  max-width: 100%;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-radius: 999px;
  color: rgba(255, 232, 200, 0.96);
  background: rgba(255, 122, 40, 0.14);
  border: 1px solid rgba(255, 176, 0, 0.42);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 10px 28px rgba(255, 106, 18, 0.14);
}

.page-branding .contact-page-band > .contact-wp-hero .contact-wp-hero__check {
  border-color: rgba(255, 176, 0, 0.32);
  background: rgba(0, 0, 0, 0.12);
}

.page-branding .contact-page-band > .contact-wp-hero .contact-wp-hero__check-icon {
  color: rgba(255, 214, 170, 0.98);
  background: rgba(255, 122, 40, 0.14);
  border-color: rgba(255, 176, 0, 0.28);
}

.page-branding .contact-page-band #branding-hero-title.contact-wp-hero__title {
  font-size: 48px;
}

.page-branding .contact-page-band > .contact-wp-hero .contact-wp-hero__lead {
  font-size: 18px;
}

.page-branding .contact-page-band .btn--primary {
  background: linear-gradient(180deg, #ff8c22 0%, #ff6a00 42%, #e04000 100%);
  box-shadow: 0 18px 50px rgba(255, 106, 0, 0.28), 0 14px 40px rgba(0, 0, 0, 0.45);
  border-color: rgba(255, 255, 255, 0.12);
}

.page-branding .contact-page-band .btn--primary:hover {
  box-shadow: 0 22px 70px rgba(255, 140, 0, 0.34), 0 14px 45px rgba(0, 0, 0, 0.55);
}

:root[data-theme="light"] .page-branding .contact-page-band > .contact-wp-hero {
  background:
    radial-gradient(ellipse 125% 96% at 50% -18%, rgba(255, 210, 170, 0.52), transparent 52%),
    radial-gradient(ellipse min(98%, 660px) min(88%, 560px) at 94% 12%, rgba(255, 173, 102, 0.26), transparent 58%),
    radial-gradient(ellipse min(88%, 500px) min(72%, 420px) at 6% 92%, rgba(255, 247, 237, 0.96), transparent 55%),
    radial-gradient(ellipse 105% 68% at 50% 118%, rgba(241, 245, 249, 0.88), transparent 65%),
    #fff8f0;
}

:root[data-theme="light"] .page-branding .contact-page-band > .contact-wp-hero::before {
  background-image:
    repeating-linear-gradient(45deg, rgba(10, 12, 18, 0.07) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(135deg, rgba(10, 12, 18, 0.055) 0 1px, transparent 1px 72px),
    radial-gradient(closest-side, rgba(255, 122, 40, 0.1), transparent 62%);
  background-size: auto;
  opacity: 0.26;
  mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
  -webkit-mask-image: radial-gradient(58% 54% at 52% 44%, black 52%, transparent 100%);
}

:root[data-theme="light"] .page-branding .contact-page-band > .contact-wp-hero::after {
  background: radial-gradient(62% 72% at 50% 42%, transparent 58%, rgba(10, 12, 18, 0.07) 100%);
}

:root[data-theme="light"] .page-branding .contact-page-band > .contact-wp-hero .contact-wp-hero__center::before {
  background: radial-gradient(ellipse 70% 56% at 50% 44%, rgba(255, 149, 64, 0.11), transparent 76%);
}

:root[data-theme="light"] .page-branding .contact-page-band > .contact-wp-hero .contact-wp-hero__accent {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 45%, #ff1f1f 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  text-shadow: none;
  animation: none;
  filter: none;
}

:root[data-theme="light"] .page-branding .contact-page-band > .contact-wp-hero .contact-wp-hero__kicker {
  color: #8a3d0a;
  background: radial-gradient(ellipse 130% 120% at 50% 0%, #ffffff 0%, #fff9f3 48%, #fff3e6 100%);
  border: 1px solid rgba(255, 149, 64, 0.34);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 1px 2px rgba(0, 0, 0, 0.04);
}

:root[data-theme="light"] .page-branding .contact-page-band > .contact-wp-hero .contact-wp-hero__check {
  border-color: rgba(234, 88, 12, 0.28);
  background: rgba(255, 255, 255, 0.65);
}

:root[data-theme="light"] .page-branding .contact-page-band > .contact-wp-hero .contact-wp-hero__check-icon {
  color: #c2410c;
  background: rgba(255, 149, 64, 0.14);
  border-color: rgba(234, 88, 12, 0.28);
}

:root[data-theme="light"] .page-branding .contact-page-band .btn--primary {
  background: linear-gradient(180deg, #ff9124 0%, #ff7300 45%, #e05800 100%);
  box-shadow: 0 14px 40px rgba(255, 130, 0, 0.22), 0 12px 32px rgba(10, 12, 18, 0.08);
}

:root[data-theme="light"] .page-branding .contact-page-band .btn--primary:hover {
  box-shadow: 0 18px 52px rgba(255, 130, 0, 0.28), 0 12px 36px rgba(10, 12, 18, 0.1);
}

/* One continuous canvas: intro → CTA on `.webdesign-page-band` (no section--alt strips or per-block washes) */
.page-branding .webdesign-page-band > section.section,
.page-branding .webdesign-page-band > section.section.section--thin,
.page-branding .webdesign-page-band > section.section.section--alt,
.page-branding .webdesign-page-band > section.section.section--thin.section--alt,
.page-branding .webdesign-page-band > section.section--branding-pains,
.page-branding .webdesign-page-band > section.section.about-growth.branding-growth,
.page-branding .webdesign-page-band > #process.section--alt.section--process-in-webdesign,
.page-branding .webdesign-page-band > #process.section--process-in-webdesign,
.page-branding .webdesign-page-band > section.section--wp-cta {
  position: relative;
  z-index: 1;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}

/* Fluid vertical rhythm (not alternating fat/thin section pads) */
.page-branding .webdesign-page-band > section.section.section--thin,
.page-branding .webdesign-page-band > section.section.section--thin.section--alt,
.page-branding .webdesign-page-band > section.section--branding-pains {
  padding-top: clamp(2.5rem, 4vw, 3.5rem);
  padding-bottom: clamp(2.5rem, 4vw, 3.5rem);
}

.page-branding .webdesign-page-band > section.section--branding-pains {
  padding-top: clamp(2.25rem, 3.5vw, 3.25rem);
  padding-bottom: clamp(2.75rem, 4.5vw, 3.75rem);
}

/* Pains rotator sits on the band canvas (no extra section-level glow behind the strip) */
.page-branding .section--branding-pains .branding-pains__bg,
.page-branding .section--branding-pains .branding-pains__inner::before {
  display: none;
}

/* Branding growth band — About-style block on unified purple canvas (after pains) */
.page-branding .webdesign-page-band > section.section.about-growth.branding-growth {
  padding-top: clamp(2.25rem, 4vw, 3.5rem);
  padding-bottom: clamp(2.75rem, 4.5vw, 3.75rem);
}

.page-branding .webdesign-page-band > section.branding-deliverables {
  padding-top: clamp(2.25rem, 4vw, 3.5rem);
  padding-bottom: clamp(2.5rem, 4vw, 3.75rem);
}

.page-branding .webdesign-page-band > section.branding-deliverables .about-growth__inner {
  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

.page-branding .webdesign-page-band > section.branding-deliverables .branding-deliverables__cards {
  max-width: min(100%, 1180px);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.branding-deliverables .about-growth__title-line {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.branding-deliverables .about-growth__lead {
  color: var(--light-ink-mid);
}

.page-branding .webdesign-page-band > section.section.about-growth.branding-growth::before {
  display: none;
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.section.about-growth.branding-growth::before {
  display: none;
}

.page-branding .webdesign-page-band > section:is(.about-growth.branding-growth, .branding-deliverables) .about-growth__inner::before {
  background: radial-gradient(ellipse 72% 62% at 50% 42%, rgb(147 51 234 / 0.16), transparent 72%);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section:is(.about-growth.branding-growth, .branding-deliverables) .about-growth__inner::before {
  background: radial-gradient(ellipse 70% 60% at 50% 44%, rgb(147 51 234 / 0.1), transparent 74%);
}

.page-branding .webdesign-page-band > section:is(.about-growth.branding-growth, .branding-deliverables) .eyebrow--process {
  justify-content: center;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgb(216 180 254 / 0.95);
}

.page-branding .webdesign-page-band > section:is(.about-growth.branding-growth, .branding-deliverables) .eyebrow__dot--warm {
  display: none;
}

.page-branding .webdesign-page-band > section:is(.about-growth.branding-growth, .branding-deliverables) .about-growth__accent {
  background: linear-gradient(135deg, #f5e8ff 0%, #d8b4fe 28%, #c084fc 52%, #a855f7 78%, #e9d5ff 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: none;
  text-shadow: none;
  display: inline-block;
}

.page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__check {
  border-color: rgb(183 108 255 / 0.34);
  background: rgb(147 51 234 / 0.08);
}

.page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__check-icon {
  color: #e9d5ff;
  background: rgb(147 51 234 / 0.18);
  border-color: rgb(183 108 255 / 0.32);
}

.page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stats {
  margin-top: 28px;
  max-width: 980px;
  margin-inline: auto;
  border-radius: 20px;
  border-color: rgb(183 108 255 / 0.22);
  background: rgb(147 51 234 / 0.07);
  box-shadow: 0 14px 40px rgb(88 28 135 / 0.14);
}

.page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat {
  padding: clamp(24px, 3vw, 32px) clamp(18px, 2.5vw, 28px);
}

.page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat-ico {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  margin: 0 0 12px;
  color: #e9d5ff;
  background: rgb(147 51 234 / 0.18);
  border-color: rgb(183 108 255 / 0.32);
}

.page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat-ico svg {
  width: 22px;
  height: 22px;
  color: #e9d5ff;
}

.page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat-kicker {
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: 0.14em;
}

.page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat-value {
  font-size: 24px;
  line-height: 1.2;
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section:is(.about-growth.branding-growth, .branding-deliverables) .eyebrow--process {
  color: rgb(124 58 237 / 0.88);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section:is(.about-growth.branding-growth, .branding-deliverables) .about-growth__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #6b21a8;
  color: #7c3aed;
  filter: none;
  text-shadow: none;
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__check {
  border-color: rgb(147 51 234 / 0.22);
  background: rgb(147 51 234 / 0.06);
  color: var(--light-ink);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__check-icon {
  color: #7c3aed;
  background: rgb(147 51 234 / 0.1);
  border-color: rgb(167 139 250 / 0.36);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stats {
  border-color: rgb(147 51 234 / 0.16);
  background: rgb(255 255 255 / 0.72);
  box-shadow: 0 14px 44px rgb(88 28 135 / 0.08);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat-ico {
  color: #7c3aed;
  background: rgb(147 51 234 / 0.1);
  border-color: rgb(167 139 250 / 0.36);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat-ico svg {
  color: #7c3aed;
}

@media (max-width: 900px) {
  .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat {
    border-top: 0;
    border-left: 1px solid rgb(183 108 255 / 0.16);
  }

  .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat:first-child {
    border-left: 0;
  }

  .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat:nth-child(n + 3) {
    border-top: 0;
  }

  :root[data-theme="light"] .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat:nth-child(n + 3) {
    border-top-color: rgba(10, 12, 18, 0.08);
  }
}

@media (max-width: 640px) {
  .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stats {
    grid-template-columns: 1fr;
  }

  .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat {
    border-left: 0;
    border-top: 1px solid rgb(183 108 255 / 0.16);
  }

  .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat:first-child {
    border-top: 0;
  }

  .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat:nth-child(2n) {
    border-left: 0;
  }

  .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat:nth-child(n + 2) {
    border-top: 1px solid rgb(183 108 255 / 0.16);
  }

  :root[data-theme="light"] .page-branding .webdesign-page-band > section.about-growth.branding-growth .about-growth__stat {
    border-top-color: rgba(10, 12, 18, 0.08);
  }
}

/* Branding page: process band matches web design card chain (purple accent) */
.page-branding .webdesign-page-band > #process.section--process-in-webdesign {
  padding-top: clamp(2.25rem, 4vw, 3.25rem);
  padding-bottom: clamp(2.25rem, 4vw, 3.25rem);
  overflow: visible;
}

.page-branding .webdesign-page-band > #process.section--process-in-webdesign .work-band__process-inner {
  max-width: min(100%, 1180px);
  margin-inline: auto;
  padding-bottom: clamp(12px, 2vw, 28px);
}

.page-branding .webdesign-page-band > :is(#branding-intro, #process) .section__head--process {
  max-width: 52rem;
  margin-inline: auto;
  margin-bottom: clamp(36px, 5vw, 52px);
  text-align: center;
}

.page-branding .webdesign-page-band > :is(#branding-intro, #process) .eyebrow--process {
  justify-content: center;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgb(216 180 254 / 0.95);
}

.page-branding .webdesign-page-band > :is(#branding-intro, #process) .eyebrow__dot--warm {
  display: none;
}

.page-branding .webdesign-page-band > :is(#branding-intro, #process) .process__title {
  max-width: none;
  margin-inline: auto;
  font-size: clamp(2rem, 2rem + 1.2vw, 3rem);
  line-height: 1.15;
  white-space: normal;
  text-wrap: balance;
}

.page-branding .webdesign-page-band > :is(#branding-intro, #process) .process__glow {
  opacity: 0.45;
}

.page-branding .webdesign-page-band > :is(#branding-intro, #process) .process__accent {
  background: linear-gradient(135deg, #f5e8ff 0%, #d8b4fe 32%, #a855f7 72%, #7e22ce 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.page-branding .webdesign-page-band > #branding-intro.section--thin {
  padding-top: clamp(2.25rem, 4vw, 3.25rem);
  padding-bottom: clamp(2rem, 3.5vw, 3rem);
}

.page-branding #branding-intro .section__head--process {
  margin-bottom: clamp(24px, 3vw, 36px);
}

.page-branding #branding-intro .branding-intro__trust {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: clamp(0.5rem, 1.5vw, 1rem);
  width: 100%;
  max-width: min(56rem, 100%);
  margin-inline: auto;
}

.page-branding #branding-intro .hero__ads-stat-grid--branding {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.page-branding #branding-intro .hero__ads-stat-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  padding: 16px 10px 18px;
  border-radius: 12px;
  border: 1px solid rgb(183 108 255 / 0.24);
  background:
    radial-gradient(ellipse 120% 80% at 50% 0%, rgb(147 51 234 / 0.12), transparent 55%),
    rgb(8 10 18 / 0.72);
  box-shadow: 0 8px 28px rgb(88 28 135 / 0.18);
}

/* Branding intro stat cards: scroll-reveal + hover lift (enabled via `data-branding-stats-animate` in main.js) */
.page-branding #branding-intro .hero__ads-stat-grid--branding[data-branding-stats-animate]:not(.is-revealed) .hero__ads-stat-card {
  opacity: 0;
  transform: translate3d(0, 20px, 0) scale(0.985);
}

.page-branding #branding-intro .hero__ads-stat-grid--branding[data-branding-stats-animate] .hero__ads-stat-card {
  transition:
    opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.72s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease;
}

.page-branding #branding-intro .hero__ads-stat-grid--branding[data-branding-stats-animate] .hero__ads-stat-ico {
  transition:
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    background 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.page-branding #branding-intro .hero__ads-stat-grid--branding.is-revealed .hero__ads-stat-card {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.page-branding #branding-intro .hero__ads-stat-grid--branding.is-revealed .hero__ads-stat-card:nth-child(1) {
  transition-delay: 0ms;
}

.page-branding #branding-intro .hero__ads-stat-grid--branding.is-revealed .hero__ads-stat-card:nth-child(2) {
  transition-delay: 85ms;
}

.page-branding #branding-intro .hero__ads-stat-grid--branding.is-revealed .hero__ads-stat-card:nth-child(3) {
  transition-delay: 170ms;
}

.page-branding #branding-intro .hero__ads-stat-grid--branding.is-revealed .hero__ads-stat-card:nth-child(4) {
  transition-delay: 255ms;
}

.page-branding #branding-intro .hero__ads-stat-grid--branding.is-revealed .hero__ads-stat-card:hover {
  transform: translate3d(0, -4px, 0) scale(1);
  border-color: rgb(183 108 255 / 0.38);
  box-shadow:
    0 12px 34px rgb(88 28 135 / 0.24),
    0 0 0 1px rgb(147 51 234 / 0.08) inset;
}

.page-branding #branding-intro .hero__ads-stat-grid--branding.is-revealed .hero__ads-stat-card:hover .hero__ads-stat-ico {
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 8px 22px rgb(147 51 234 / 0.22);
}

:root[data-theme="light"] .page-branding #branding-intro .hero__ads-stat-grid--branding.is-revealed .hero__ads-stat-card:hover {
  border-color: rgb(147 51 234 / 0.26);
  box-shadow:
    0 12px 30px rgb(88 28 135 / 0.12),
    0 0 0 1px rgb(167 139 250 / 0.14) inset;
}

@media (prefers-reduced-motion: reduce) {
  .page-branding #branding-intro .hero__ads-stat-grid--branding[data-branding-stats-animate]:not(.is-revealed) .hero__ads-stat-card {
    opacity: 1;
    transform: none;
  }

  .page-branding #branding-intro .hero__ads-stat-grid--branding[data-branding-stats-animate] .hero__ads-stat-card,
  .page-branding #branding-intro .hero__ads-stat-grid--branding[data-branding-stats-animate] .hero__ads-stat-ico {
    transition: none;
  }

  .page-branding #branding-intro .hero__ads-stat-grid--branding.is-revealed .hero__ads-stat-card:hover,
  .page-branding #branding-intro .hero__ads-stat-grid--branding.is-revealed .hero__ads-stat-card:hover .hero__ads-stat-ico {
    transform: none;
  }
}

.page-branding #branding-intro .hero__ads-stat-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgb(147 51 234 / 0.1);
  border: 1px solid rgb(183 108 255 / 0.2);
}

.page-branding #branding-intro .hero__ads-stat-ico svg {
  width: 22px;
  height: 22px;
}

.page-branding #branding-intro .hero__ads-stat-val--text {
  font-size: clamp(0.95rem, 0.88rem + 0.2vw, 1.05rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.96);
}

.page-branding #branding-intro .hero__ads-stat-lbl {
  font-size: 12px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.62);
  max-width: 22ch;
}

:root[data-theme="light"] .page-branding #branding-intro .hero__ads-stat-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 245, 255, 0.94) 100%);
  border-color: rgb(147 51 234 / 0.14);
  box-shadow: 0 8px 22px rgb(88 28 135 / 0.08);
}

:root[data-theme="light"] .page-branding #branding-intro .hero__ads-stat-ico {
  background: rgb(147 51 234 / 0.08);
  border-color: rgb(167 139 250 / 0.28);
}

:root[data-theme="light"] .page-branding #branding-intro .hero__ads-stat-val--text {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-branding #branding-intro .hero__ads-stat-lbl {
  color: rgba(10, 12, 18, 0.62);
}

@media (max-width: 980px) {
  .page-branding #branding-intro .hero__ads-stat-grid--branding {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .page-branding #branding-intro .hero__ads-stat-grid--branding {
    grid-template-columns: 1fr;
  }
}

.page-branding .webdesign-page-band > :is(#branding-intro, #process) .section__sub--process {
  max-width: min(46rem, 100%);
  margin-inline: auto;
  text-align: center;
}

.page-branding .webdesign-page-band > #process .process-hchain__list.process-hchain__list--cards::before {
  background: linear-gradient(90deg, #7e22ce 0%, #a855f7 48%, #d8b4fe 100%);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > :is(#branding-intro, #process) .eyebrow--process {
  color: rgb(124 58 237 / 0.88);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > :is(#branding-intro, #process) .process__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #6b21a8;
  color: #7c3aed;
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.section .step__title {
  color: var(--light-ink);
}

/* Branding final CTA: card panel like event-websites `.wp-cta` (purple accent) */
.page-branding .webdesign-page-band > section.section--wp-cta {
  position: relative;
  padding: 0 0 clamp(52px, 6vw, 74px);
  overflow: visible;
}

.page-branding .webdesign-page-band > section.section--wp-cta::after {
  display: none;
}

.page-branding .webdesign-page-band > section.section--wp-cta .wp-cta {
  margin: 0 auto;
  max-width: 980px;
  border-radius: 18px;
  background:
    radial-gradient(ellipse 110% 70% at 50% -18%, rgb(183 108 255 / 0.14) 0%, transparent 52%),
    radial-gradient(ellipse 80% 50% at 100% 100%, rgb(147 51 234 / 0.08) 0%, transparent 55%),
    rgba(16, 18, 24, 0.88);
  border: 1px solid rgb(183 108 255 / 0.22);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
}

.page-branding .webdesign-page-band > section.section--wp-cta .wp-cta__title {
  max-width: 24ch;
  font-size: clamp(2rem, 1.5rem + 1.4vw, 3rem);
  line-height: 1.1;
}

.page-branding .webdesign-page-band > section.section--wp-cta .wp-cta__accent {
  background: linear-gradient(135deg, #f5e8ff 0%, #d8b4fe 32%, #a855f7 72%, #e9d5ff 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: none;
  text-shadow: none;
  display: inline-block;
}

.page-branding .webdesign-page-band > section.section--wp-cta .wp-cta .btn--primary {
  background: linear-gradient(180deg, #a855f7 0%, #7e22ce 48%, #6b21a8 100%);
  border-color: rgb(216 180 254 / 0.35);
  box-shadow: 0 14px 40px rgb(88 28 135 / 0.35);
}

.page-branding .webdesign-page-band > section.section--wp-cta .wp-cta .btn--primary:hover {
  box-shadow: 0 16px 48px rgb(88 28 135 / 0.42);
}

.page-branding .webdesign-page-band > section.section--wp-cta .wp-cta .btn--secondary {
  border-color: rgb(183 108 255 / 0.28);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.section--wp-cta .wp-cta {
  background:
    linear-gradient(180deg, #faf5ff 0%, #ffffff 58%, #ffffff 100%);
  border-color: rgb(147 51 234 / 0.18);
  box-shadow: 0 14px 44px rgb(88 28 135 / 0.1);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.section--wp-cta .wp-cta__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #6b21a8;
  color: #7c3aed;
  filter: none;
  text-shadow: none;
  display: inline-block;
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.section--wp-cta .wp-cta .btn--primary {
  background: linear-gradient(180deg, #9333ea 0%, #7e22ce 52%, #6b21a8 100%);
  box-shadow: 0 8px 26px rgb(88 28 135 / 0.18);
  border-color: rgb(167 139 250 / 0.4);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.section--wp-cta .wp-cta .btn--primary:hover {
  box-shadow: 0 10px 30px rgb(88 28 135 / 0.22);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.section--wp-cta .wp-cta .btn--secondary {
  border-color: rgb(147 51 234 / 0.22);
}

.page-branding .branding-realworld__head {
  margin-bottom: 12px;
  text-align: left;
}

.page-branding .branding-realworld__sub {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
}

@media (max-width: 980px) {
  .page-branding .branding-realworld__head {
    text-align: center;
  }

  .page-branding .branding-realworld__sub {
    margin-left: auto;
    margin-right: auto;
  }
}

/* Branding page — light: soft purple band wash (no orange), type readable */
:root[data-theme="light"] .page-branding .webdesign-page-band {
  background:
    radial-gradient(circle 520px at 18% 22%, rgb(147 51 234 / 0.075), transparent 76%),
    radial-gradient(circle 560px at 82% 28%, rgb(183 108 255 / 0.055), transparent 78%),
    var(--light-canvas);
}

:root[data-theme="light"] .page-branding .webdesign-page-band::before {
  display: block;
  background:
    radial-gradient(
      ellipse min(760px, 96vw) clamp(240px, 26vh, 340px) at 50% clamp(235px, 30vh, 340px),
      rgb(147 51 234 / 0.08),
      transparent 74%
    ),
    radial-gradient(
      ellipse min(900px, 118vw) clamp(84px, 9vh, 120px) at 50% clamp(460px, 55vh, 540px),
      rgb(183 108 255 / 0.045),
      transparent 80%
    ),
    radial-gradient(
      ellipse min(980px, 128vw) clamp(160px, 18vh, 240px) at 50% clamp(820px, 92vh, 1040px),
      rgb(147 51 234 / 0.03),
      transparent 80%
    );
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.section,
:root[data-theme="light"] .page-branding .webdesign-page-band > section.section.section--thin,
:root[data-theme="light"] .page-branding .webdesign-page-band > section.section.section--alt,
:root[data-theme="light"] .page-branding .webdesign-page-band > section.section.section--thin.section--alt,
:root[data-theme="light"] .page-branding .webdesign-page-band > section.section--branding-pains,
:root[data-theme="light"] .page-branding .webdesign-page-band > #process.section--alt.section--process-in-webdesign,
:root[data-theme="light"] .page-branding .webdesign-page-band > #process.section--process-in-webdesign,
:root[data-theme="light"] .page-branding .webdesign-page-band > section.section--wp-cta {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Beat global `#process.section--alt` band fill on branding */
:root[data-theme="light"] .page-branding .webdesign-page-band > #process.section--alt {
  background: transparent !important;
  overflow: visible;
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.section .eyebrow {
  color: rgba(10, 12, 18, 0.55);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.section .h2 {
  color: var(--light-ink);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.section .section__sub {
  color: var(--light-ink-mid);
}

:root[data-theme="light"] .page-branding .webdesign-page-band > section.section .step__title {
  color: var(--light-ink);
}

/*
  Branding page — “common problems” rotator (same behavior as web design pains, separate BEM + palette).
  Tweak accents via --branding-pains-accent / --branding-pains-accent-2 (space-separated RGB triples).
*/
.page-branding .section--branding-pains {
  --branding-pains-accent: 147 51 234;
  --branding-pains-accent-2: 183 108 255;
  position: relative;
  overflow: visible;
}

.page-branding .section--branding-pains .section__head {
  text-align: center;
}

.page-branding .section--branding-pains .branding-pains__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    ellipse 60% 40% at 50% 0%,
    rgb(var(--branding-pains-accent-2) / 0.09),
    transparent 60%
  );
}

:root[data-theme="light"] .page-branding .section--branding-pains .branding-pains__bg {
  background: radial-gradient(
    ellipse 60% 40% at 50% 0%,
    rgb(var(--branding-pains-accent) / 0.06),
    transparent 62%
  );
}

.page-branding .section--branding-pains .branding-pains__inner {
  position: relative;
  z-index: 1;
}

.page-branding .section--branding-pains .branding-pains__inner::before {
  content: "";
  position: absolute;
  inset: -18px -14px;
  z-index: 0;
  pointer-events: none;
  border-radius: 22px;
  background:
    radial-gradient(
      ellipse min(760px, 96vw) clamp(240px, 26vh, 340px) at 50% clamp(235px, 30vh, 340px),
      rgb(var(--branding-pains-accent) / 0.14),
      transparent 72%
    ),
    radial-gradient(
      ellipse min(920px, 120vw) clamp(88px, 10vh, 130px) at 50% clamp(470px, 56vh, 560px),
      rgb(var(--branding-pains-accent-2) / 0.07),
      transparent 80%
    );
}

.page-branding .section--branding-pains .branding-pains__inner > * {
  position: relative;
  z-index: 1;
}

:root[data-theme="light"] .page-branding .section--branding-pains .branding-pains__inner::before {
  background:
    radial-gradient(
      ellipse min(760px, 96vw) clamp(240px, 26vh, 340px) at 50% clamp(235px, 30vh, 340px),
      rgb(var(--branding-pains-accent) / 0.1),
      transparent 74%
    ),
    radial-gradient(
      ellipse min(900px, 118vw) clamp(84px, 9vh, 120px) at 50% clamp(460px, 55vh, 540px),
      rgb(var(--branding-pains-accent-2) / 0.045),
      transparent 80%
    );
}

.page-branding .section--branding-pains .branding-pains {
  border-radius: 22px;
  background: linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.045) 0%,
      rgba(255, 255, 255, 0.02) 42%,
      rgba(0, 0, 0, 0.08) 100%
    ),
    rgba(5, 7, 14, 0.52);
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow:
    0 26px 80px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
}

:root[data-theme="light"] .page-branding .section--branding-pains .branding-pains {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(10, 12, 18, 0.09);
  box-shadow:
    0 22px 60px rgba(10, 12, 18, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.page-branding .section--branding-pains .branding-pains__tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 12px 12px 10px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border-bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
}

.page-branding .section--branding-pains .branding-pains__tabs::-webkit-scrollbar {
  display: none;
}

:root[data-theme="light"] .page-branding .section--branding-pains .branding-pains__tabs {
  background: linear-gradient(180deg, rgba(10, 12, 18, 0.04), rgba(10, 12, 18, 0));
}

.page-branding .section--branding-pains .branding-pains__tab {
  flex: 0 0 auto;
  min-width: unset;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.03);
  font-size: 12.5px;
  font-weight: 750;
  letter-spacing: 0.02em;
  white-space: nowrap;
  color: var(--muted-2);
  cursor: pointer;
  transition: background 200ms ease, color 200ms ease, border-color 200ms ease;
}

.page-branding .section--branding-pains .branding-pains__tab:hover {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.86);
}

:root[data-theme="light"] .page-branding .section--branding-pains .branding-pains__tab:hover {
  border-color: rgba(10, 12, 18, 0.1);
  background: rgba(10, 12, 18, 0.04);
  color: rgba(10, 12, 18, 0.86);
}

.page-branding .section--branding-pains .branding-pains__tab.is-active {
  color: rgba(245, 240, 255, 0.96);
  border-color: rgb(var(--branding-pains-accent) / 0.42);
  background:
    radial-gradient(120% 180% at 20% 0%, rgb(var(--branding-pains-accent) / 0.26), transparent 62%),
    rgb(var(--branding-pains-accent) / 0.11);
  box-shadow:
    0 14px 38px rgb(var(--branding-pains-accent) / 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

:root[data-theme="light"] .page-branding .section--branding-pains .branding-pains__tab.is-active {
  color: rgba(60, 20, 100, 0.96);
  border-color: rgb(var(--branding-pains-accent) / 0.32);
  background:
    radial-gradient(120% 180% at 18% 0%, rgb(var(--branding-pains-accent-2) / 0.22), transparent 62%),
    rgba(250, 245, 255, 0.92);
  box-shadow:
    0 14px 34px rgb(var(--branding-pains-accent) / 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.page-branding .section--branding-pains .branding-pains__panel-wrap {
  padding: 10px 14px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

:root[data-theme="light"] .page-branding .section--branding-pains .branding-pains__panel-wrap {
  border-top-color: rgba(10, 12, 18, 0.07);
}

.page-branding .section--branding-pains .branding-pains__panel {
  display: none;
}

.page-branding .section--branding-pains .branding-pains__panel.is-active {
  display: block;
  animation: brandingPainsIn 240ms ease-out both;
}

.page-branding .section--branding-pains [data-rotator-enhanced] .branding-pains__panel.is-active {
  animation-duration: 280ms;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes brandingPainsIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-branding .section--branding-pains .branding-pains__panel.is-active {
    animation: none;
  }
}

.page-branding .section--branding-pains .branding-pains__panel-inner {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 18px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background:
    radial-gradient(520px 240px at 12% 10%, rgb(var(--branding-pains-accent) / 0.1), transparent 62%),
    rgba(3, 6, 14, 0.42);
}

:root[data-theme="light"] .page-branding .section--branding-pains .branding-pains__panel-inner {
  border-color: rgba(10, 12, 18, 0.07);
  background:
    radial-gradient(520px 240px at 12% 10%, rgb(var(--branding-pains-accent-2) / 0.11), transparent 62%),
    rgba(255, 255, 255, 0.55);
}

.page-branding .section--branding-pains .branding-pains__icon {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.92);
  background: linear-gradient(
    155deg,
    rgba(255, 255, 255, 0.08),
    rgb(var(--branding-pains-accent) / 0.09)
  );
  border: 1px solid rgb(var(--branding-pains-accent-2) / 0.28);
  box-shadow:
    0 16px 46px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 14px 40px rgb(var(--branding-pains-accent) / 0.08);
}

:root[data-theme="light"] .page-branding .section--branding-pains .branding-pains__icon {
  color: rgba(10, 12, 18, 0.92);
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.92), rgba(250, 245, 255, 0.88));
  border-color: rgb(var(--branding-pains-accent) / 0.22);
  box-shadow:
    0 14px 36px rgba(10, 12, 18, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 12px 32px rgb(var(--branding-pains-accent) / 0.06);
}

.page-branding .section--branding-pains .branding-pains__title {
  margin: 0 0 10px;
  font-size: clamp(1.05rem, 0.95rem + 0.35vw, 1.22rem);
  font-weight: 850;
  letter-spacing: -0.025em;
  line-height: 1.22;
}

.page-branding .section--branding-pains .branding-pains__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.72;
  color: rgba(228, 236, 245, 0.82);
  max-width: 62ch;
}

:root[data-theme="light"] .page-branding .section--branding-pains .branding-pains__text {
  color: rgba(10, 12, 18, 0.72);
}

@media (max-width: 760px) {
  .page-branding .section--branding-pains .branding-pains__panel-wrap {
    padding: 18px 18px;
  }

  .page-branding .section--branding-pains .branding-pains__panel-inner {
    gap: 12px;
  }
}

/* Web design/development hero: swap turquoise glow for bigger blue (centered hero only — not split drone layout) */
.page-webdesign #webdesign-hero:not(.drone-hero) .contact-wp-hero__center::before {
  width: min(760px, 96%);
  height: clamp(160px, 22vw, 250px);
  background:
    radial-gradient(ellipse 68% 58% at 50% 42%, rgba(11, 99, 246, 0.22), transparent 74%),
    radial-gradient(ellipse 66% 54% at 50% 44%, rgba(58, 134, 255, 0.14), transparent 76%);
}

:root[data-theme="light"] .page-webdesign #webdesign-hero:not(.drone-hero) .contact-wp-hero__center::before {
  background:
    radial-gradient(ellipse 66% 56% at 50% 44%, rgba(11, 99, 246, 0.11), transparent 76%),
    radial-gradient(ellipse 64% 52% at 50% 46%, rgba(58, 134, 255, 0.07), transparent 78%);
}

/* Ecommerce hero: highlight line typography (scoped to left column list) */
.page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__highlights .ecommerce-intro__highlight-text {
  display: block;
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: -0.01em;
  font-weight: 650;
  color: rgba(255, 255, 255, 0.78);
}

.page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__highlights .ecommerce-intro__highlight-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ff7a28;
  background: transparent;
  border: 0;
}

.page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__highlights .ecommerce-intro__highlight-icon svg {
  width: 28px;
  height: 28px;
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__highlights .ecommerce-intro__highlight-text {
  color: rgba(10, 12, 18, 0.72);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone .ecommerce-hero__highlights .ecommerce-intro__highlight-icon {
  color: #ea580c;
}

:root[data-theme="light"] .page-ecommerce #ecommerce-webdesign-hero-clone .hero__badge {
  color: rgba(10, 12, 18, 0.72);
  background: rgba(255, 255, 255, 0.78);
  border-color: rgba(11, 99, 246, 0.22);
}

/* Ecommerce page intro: copy + featured store screenshot */
.ecommerce-intro-showcase {
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

@media (max-width: 900px) {
  .ecommerce-intro-showcase {
    grid-template-columns: 1fr;
  }
}

/* Match #work.light-band__segment .work-tile card (border wraps image + body) */
.ecommerce-intro-showcase__figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-sm);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.ecommerce-intro-showcase__figure:hover {
  border-color: rgba(255, 159, 48, 0.38);
  box-shadow: 0 18px 56px rgba(0, 0, 0, 0.34), 0 0 36px rgba(255, 106, 0, 0.08);
}

.ecommerce-intro-showcase__media {
  display: block;
  position: relative;
  aspect-ratio: 8 / 5;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #e8ebf0;
}

.ecommerce-intro-showcase__figure:hover .ecommerce-intro-showcase__img,
.ecommerce-intro-showcase__media:focus-visible .ecommerce-intro-showcase__img {
  transform: scale(1.02);
}

.ecommerce-intro-showcase__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.ecommerce-intro-showcase__caption {
  margin: 0;
  padding: 16px 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.84);
}

.ecommerce-intro-showcase__badge {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 8px;
  padding: 4px 9px 3px;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  box-shadow: none;
}

.ecommerce-intro-showcase__caption-title {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.95);
}

.ecommerce-intro-showcase__caption-text {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.62);
}

.ecommerce-intro-showcase__link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 196, 140, 0.96);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 159, 48, 0.38);
  padding-bottom: 1px;
  transition: color 0.16s ease, border-color 0.16s ease;
}

.ecommerce-intro-showcase__link:hover {
  color: #ffffff;
  border-bottom-color: rgba(255, 186, 96, 0.58);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .ecommerce-intro-showcase__figure {
  background: #fff;
  border: 1px solid rgba(255, 159, 64, 0.38);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .ecommerce-intro-showcase__figure:hover {
  border-color: rgba(234, 88, 12, 0.48);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.07), 0 0 28px rgba(255, 122, 40, 0.08);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .ecommerce-intro-showcase__caption {
  color: var(--light-ink);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .ecommerce-intro-showcase__badge {
  color: #1e2430;
  background: linear-gradient(180deg, #fffbf5 0%, #fff4e6 100%);
  border-color: rgba(255, 159, 48, 0.26);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .ecommerce-intro-showcase__caption-title {
  color: var(--light-ink);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .ecommerce-intro-showcase__caption-text {
  color: #6a6f7a;
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .ecommerce-intro-showcase__link {
  color: #c2410c;
  border-bottom-color: rgba(255, 122, 40, 0.38);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .ecommerce-intro-showcase__link:hover {
  color: #9a3412;
  border-bottom-color: rgba(234, 88, 12, 0.52);
}

/* Ecommerce page intro (moved under hero): restore contrast on dark band */
.page-ecommerce #ecommerce-page-intro .agency-prose {
  max-width: none;
  margin-inline: 0;
}

.page-ecommerce #ecommerce-page-intro .light-band__eyebrow.work-band__eyebrow {
  display: block;
  margin: 0 auto 10px;
  padding: 0;
  width: fit-content;
  max-width: 100%;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.page-ecommerce #ecommerce-page-intro .work-band__h {
  color: rgba(255, 255, 255, 0.96);
}

.page-ecommerce #ecommerce-page-intro .ecommerce-intro-showcase__hed {
  margin: 0 auto 0.85rem;
  max-width: 34ch;
  font-size: clamp(1.12rem, 1rem + 0.35vw, 1.32rem);
  font-weight: 750;
  letter-spacing: -0.02em;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

.page-ecommerce #ecommerce-page-intro .light-band__title-accent {
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  display: inline;
  filter: none;
  text-shadow: 0 18px 60px rgba(255, 90, 0, 0.28);
}

.page-ecommerce #ecommerce-page-intro .agency-prose p {
  color: rgba(255, 255, 255, 0.72);
}

.page-ecommerce #ecommerce-page-intro .agency-prose__link {
  color: rgba(255, 196, 140, 0.96);
  border-bottom-color: rgba(255, 159, 48, 0.38);
}

.page-ecommerce #ecommerce-page-intro .agency-prose__link:hover {
  color: #ffffff;
  border-bottom-color: rgba(255, 186, 96, 0.58);
}

/* E-commerce: “Our work” intro shares band canvas — no separate slab or blue hairline */
.page-ecommerce .contact-page-band > #ecommerce-page-intro.section {
  border-top: 0;
  border-bottom: 0;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  overflow: visible;
}

.page-ecommerce #ecommerce-page-intro::before {
  display: none;
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .light-band__eyebrow.work-band__eyebrow {
  color: rgba(10, 12, 18, 0.62);
  background: none;
  border: 0;
  box-shadow: none;
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .work-band__h {
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .ecommerce-intro-showcase__hed {
  color: rgba(10, 12, 18, 0.84);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .agency-prose p {
  color: rgba(10, 12, 18, 0.72);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .agency-prose__link {
  color: #c2410c;
  border-bottom-color: rgba(255, 122, 40, 0.38);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .agency-prose__link:hover {
  color: #9a3412;
  border-bottom-color: rgba(234, 88, 12, 0.52);
}

:root[data-theme="light"] .page-ecommerce #ecommerce-page-intro .light-band__title-accent {
  background: none;
  -webkit-text-fill-color: #ea580c;
  color: #ea580c;
  filter: none;
  text-shadow: 0 12px 40px rgba(255, 149, 64, 0.2);
}

:root[data-theme="light"] .connect-cta-band .eyebrow {
  color: rgba(10, 12, 18, 0.62);
}

.page-ecommerce .ecommerce-what-you-get.section--services .service-card__icon {
  background: rgba(12, 14, 20, 0.72);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.92);
}

.page-ecommerce .ecommerce-what-you-get.section--services .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

.page-ecommerce .ecommerce-what-you-get.section--services .services__eyebrow {
  color: rgba(255, 196, 140, 0.88);
}

.page-ecommerce .ecommerce-what-you-get.section--services .contact-wp-hero__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: 0 18px 50px rgba(255, 106, 0, 0.26);
}

.page-ecommerce .ecommerce-what-you-get.section--services .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
  text-shadow: none;
}

:root[data-theme="light"] .page-ecommerce .ecommerce-what-you-get.section--services .service-card__tag {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #ffb000;
  color: #ffb000;
  text-shadow: none;
}

:root[data-theme="light"] .page-ecommerce .ecommerce-what-you-get.section--services .service-card__icon {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 22px rgba(10, 12, 18, 0.07);
  color: rgba(10, 12, 18, 0.92);
}

:root[data-theme="light"] .page-ecommerce .ecommerce-what-you-get.section--services .services__eyebrow {
  color: rgba(180, 72, 12, 0.82);
}

:root[data-theme="light"] .page-ecommerce .ecommerce-what-you-get.section--services .contact-wp-hero__accent {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: #e07000;
  color: #e07000;
  text-shadow: 0 8px 28px rgba(255, 122, 40, 0.18);
}

:root[data-theme="light"] .page-ecommerce .ecommerce-what-you-get.section--services .service-card__icon::before {
  background: linear-gradient(135deg, #ff5a00 0%, #ffb000 42%, #ff6a28 70%, #ff1f1f 100%);
  opacity: 0.92;
}

/* --------------------------------------------------------------------------
   Mobile: prevent horizontal page scroll (all pages; layout unchanged)
   -------------------------------------------------------------------------- */
.site-header,
.nav,
.nav__inner,
main,
#main {
  max-width: 100%;
  min-width: 0;
}

main,
#main {
  overflow-x: clip;
}

@media (max-width: 900px) {
  .container {
    width: min(100% - max(24px, 6vw), var(--container));
  }

  .site-header,
  .hero,
  section,
  .section,
  .site-footer,
  .light-band,
  .webdesign-page-band,
  .work-page-band,
  .contact-page-band,
  .blog-posts-band {
    max-width: 100%;
    min-width: 0;
  }

  /* Sections that used overflow: visible for shadows can bleed sideways on phones */
  section.section--light.light-band,
  .page-home #services.section--services,
  :root:not([data-theme="light"]) .page-home #build-process-copy.section--alt,
  :root:not([data-theme="light"]) .page-home #contact.cta,
  :root:not([data-theme="light"]) .page-home .section--local,
  :root:not([data-theme="light"]) .page-home .section.section--wp-cta,
  .page-webdesign .webdesign-page-band,
  .page-work .work-page-band,
  .page-ecommerce .webdesign-page-band--ecommerce-clone {
    overflow-x: clip;
  }

  /* 100vw full-bleed breakouts (scrollbar width) */
  .webdesign-page-band > .webdesign-hero.contact-wp-hero .hero__ticker-outer,
  .page-lincoln:not(.page-omaha) main > .container:has(.lincoln-served-wrap)::before,
  .drone-hero__stats::before {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    left: 0;
    transform: none;
  }

  .hero__content,
  .hero__title,
  .hero__subtitle,
  .trust,
  .trust__row,
  .hero__cta {
    max-width: 100%;
    min-width: 0;
  }

  .glow {
    width: min(100%, 620px);
    max-width: 100%;
  }

  .trust__item {
    max-width: 100%;
    white-space: normal;
    text-align: center;
    justify-content: center;
  }

  .hero__cta .btn {
    max-width: 100%;
  }

  .g-review-carousel,
  .g-review-carousel__viewport,
  .client-proof-board,
  .services__grid,
  .work-grid,
  .service-card,
  .work-tile {
    max-width: 100%;
    min-width: 0;
  }

  .g-review-carousel .g-review-grid .g-review-card {
    flex: 0 0 min(300px, calc(100vw - 48px));
    width: min(300px, calc(100vw - 48px));
    max-width: calc(100vw - 48px);
  }

  /* iOS: fixed backgrounds often cause sideways jank */
  :root:not([data-theme="light"]) .page-home #services.section--services,
  :root:not([data-theme="light"]) .page-home #build-process-copy.section--alt,
  :root:not([data-theme="light"]) .page-home #contact.cta,
  :root:not([data-theme="light"]) .page-home .section--local,
  :root:not([data-theme="light"]) .page-home .section.section--wp-cta,
  body.page-lincoln:not(.page-omaha) {
    background-attachment: scroll;
  }

  iframe,
  video,
  embed,
  object {
    max-width: 100%;
  }

  table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }

  pre {
    max-width: 100%;
    overflow-x: auto;
  }
}

@media (max-width: 760px) {
  .nav__inner {
    min-width: 0;
    gap: 10px;
  }

  .brand {
    min-width: 0;
    max-width: calc(100% - 52px);
  }

  .brand__text {
    min-width: 0;
  }

  .hero__title {
    max-width: 100%;
    overflow-wrap: break-word;
  }

  .hero__subtitle {
    overflow-wrap: break-word;
  }

  .page-home #services .services__head-col .services__title,
  #lincoln-cta-title,
  #final-cta-title,
  #work-final-cta-title,
  #gd-final-cta-title,
  #seo-final-cta-title,
  #maps-final-cta-title,
  #maps-sync-title,
  #drone-final-cta-title,
  .page-webdesign #webdesign-services-title {
    font-size: clamp(1.75rem, 6.2vw, 2.5rem);
    max-width: 100%;
    overflow-wrap: break-word;
  }

  #contact.cta .contact-form-head__title {
    max-width: 100%;
  }
}

/* website-development.html: #contact + final CTA — one `--surface-footer` field (after work/contact-band transparent CTA rules) */
:root:not([data-theme="light"]) .page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band,
:root[data-theme="light"] .page-webdesign.page-webdev main > #contact.contact-section + .connect-cta-band {
  background: var(--surface-footer) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

/* website-design.html: `#contact` + final CTA — same `--surface-footer` field (override default `.connect-cta-band` wash) */
:root:not([data-theme="light"]) .page-webdesign:not(.page-webdev) .webdesign-page-band > #contact.contact-section,
:root:not([data-theme="light"]) .page-webdesign:not(.page-webdev) .webdesign-page-band > .connect-cta-band,
:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-page-band > #contact.contact-section,
:root[data-theme="light"] .page-webdesign:not(.page-webdev) .webdesign-page-band > .connect-cta-band {
  background: var(--surface-footer) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

.page-webdesign:not(.page-webdev) .webdesign-page-band > .connect-cta-band::before {
  display: none !important;
}

@media (min-width: 761px) {
  .page-webdesign:not(.page-webdev) .webdesign-page-band > #contact.contact-section {
    padding-bottom: clamp(2rem, 3vw, 2.75rem);
  }

  .page-webdesign:not(.page-webdev) .webdesign-page-band > #contact.contact-section + .connect-cta-band {
    padding-top: clamp(1.25rem, 2vw, 1.75rem);
    padding-bottom: clamp(3.25rem, 4.5vw, 4.5rem);
    margin-top: 0;
  }
}