/*
 * Anson Mae Manpower Neumorphic Ember Skin v1.0
 * Inherited from Gr0ve OS operator-queue-sidecar/skin.css.
 * A class-gated adoption of the Old World Grove Master CSS aesthetic.
 * The inherited green channel is intentionally remapped to Anson Mae Manpower ember.
 * The Anson Mae Manpower semantic UI remains sovereign in ansonmae-os.css and index.html.
 */

body.skin-neumorphic {
  --grove-green: #ff8b3d;
  --grove-green-light: #ffb36a;
  --grove-green-dark: #d85c1f;
  --grove-green-deep: #9f3514;
  --grove-teal: #2dd4bf;
  --grove-teal-dark: #0d9488;
  --grove-blue: #4b8fe5;
  --grove-blue-dark: #2563eb;
  --grove-bg: #f5f0e8;
  --grove-bg-secondary: #ede8e0;
  --grove-bg-tertiary: #e5e0d8;
  --grove-bg-dark: #dcd6cc;
  --grove-ink: #1e293b;
  --grove-muted: #4b5563;
  --grove-glow-inner: rgba(255, 190, 120, 0.55);
  --grove-glow-mid: rgba(255, 139, 61, 0.35);
  --grove-glow-outer: rgba(255, 139, 61, 0.18);
  --grove-glow-depth: rgba(216, 92, 31, 0.25);
  --grove-shadow-light: rgba(255, 255, 255, 0.72);
  --grove-shadow-light-soft: rgba(255, 255, 255, 0.56);
  --grove-shadow-light-faint: rgba(255, 255, 255, 0.36);
  --grove-shadow-dark: rgba(180, 170, 155, 0.26);
  --grove-shadow-dark-soft: rgba(180, 170, 155, 0.18);
  --grove-shadow-dark-deep: rgba(160, 148, 130, 0.11);
  --grove-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --grove-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --grove-duration-fast: 0.25s;
  --grove-duration-normal: 0.4s;
  --bg: var(--grove-bg);
  --surface: #fffaf2;
  --surface-soft: var(--grove-bg-secondary);
  --surface-sunken: var(--grove-bg-tertiary);
  --ink: var(--grove-ink);
  --muted: var(--grove-muted);
  --line: rgba(180, 170, 155, 0.32);
  --line-strong: rgba(150, 138, 120, 0.42);
  --approval: var(--grove-green-dark);
  --approval-soft: rgba(255, 139, 61, 0.13);
  --ratify: var(--grove-blue-dark);
  --ratify-soft: rgba(75, 143, 229, 0.14);
  --packet: #6d5d98;
  --packet-soft: rgba(109, 93, 152, 0.14);
  --decision: #a67625;
  --decision-soft: rgba(255, 184, 0, 0.14);
  --decline: #9e4a3a;
  --decline-soft: rgba(158, 74, 58, 0.14);
  --shadow:
    -2px -2px 7px rgba(255, 255, 255, 0.74),
    2px 2px 8px rgba(180, 170, 155, 0.18),
    -8px -8px 24px rgba(255, 255, 255, 0.46),
    8px 10px 28px rgba(180, 170, 155, 0.14),
    0 20px 48px rgba(86, 70, 55, 0.055);
  --shadow-tight:
    -2px -2px 6px rgba(255, 255, 255, 0.68),
    2px 2px 7px rgba(180, 170, 155, 0.16),
    -6px -6px 18px rgba(255, 255, 255, 0.34),
    6px 8px 22px rgba(160, 148, 130, 0.1);
  --shadow-inset:
    inset 4px 4px 14px rgba(180, 170, 155, 0.22),
    inset -4px -4px 16px rgba(255, 255, 255, 0.58),
    inset 10px 10px 30px rgba(160, 148, 130, 0.1);
  --ring: rgba(255, 139, 61, 0.34);
  --radius: 16px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.46), rgba(220, 214, 204, 0.74)),
    linear-gradient(180deg, var(--grove-bg), var(--grove-bg-secondary));
}

@keyframes grove-os-edge-breathe {
  0%, 100% {
    box-shadow:
      inset 0 0 22px rgba(255, 139, 61, 0.055),
      inset 0 0 44px rgba(255, 139, 61, 0.028),
      var(--shadow);
  }
  50% {
    box-shadow:
      inset 0 0 38px rgba(255, 139, 61, 0.1),
      inset 0 0 76px rgba(255, 139, 61, 0.052),
      var(--shadow);
  }
}

@keyframes grove-os-signal-pulse {
  0%, 100% {
    filter: drop-shadow(0 0 8px rgba(255, 139, 61, 0.22));
  }
  50% {
    filter: drop-shadow(0 0 16px rgba(255, 139, 61, 0.44));
  }
}

body.skin-neumorphic .app-shell {
  width: min(100%, 1240px);
  padding-bottom: 28px;
}

body.skin-neumorphic .topbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
  background:
    linear-gradient(180deg, rgba(245, 240, 232, 0.92), rgba(237, 232, 224, 0.82));
  backdrop-filter: blur(16px) saturate(130%);
}

body.skin-neumorphic h1,
body.skin-neumorphic .weave-hero h2,
body.skin-neumorphic .focus-card h2 {
  background: linear-gradient(135deg, var(--grove-green-deep), var(--grove-green), var(--grove-blue));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 2px 8px rgba(255, 139, 61, 0.16));
}

body.skin-neumorphic .topbar-state {
  display: grid;
  gap: 10px;
  justify-items: start;
}

body.skin-neumorphic .workbench-state,
body.skin-neumorphic .layer-switch,
body.skin-neumorphic .view-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

body.skin-neumorphic .system-drawer {
  border-color: rgba(180, 170, 155, 0.32);
  background:
    linear-gradient(145deg, rgba(255, 250, 242, 0.78), rgba(229, 224, 216, 0.58));
  box-shadow: var(--shadow-inset);
}

body.skin-neumorphic .system-drawer summary span:first-child {
  color: #6a3218;
}

body.skin-neumorphic #statusSummary {
  color: #75503a;
}

body.skin-neumorphic .workbench-state span,
body.skin-neumorphic .status-strip span,
body.skin-neumorphic .meta-pill,
body.skin-neumorphic .count-pill,
body.skin-neumorphic .decision-pill,
body.skin-neumorphic .boundary-pill {
  border-color: rgba(180, 170, 155, 0.3);
  background: rgba(255, 250, 242, 0.5);
  box-shadow: none;
}

body.skin-neumorphic a.boundary-pill {
  border-color: rgba(150, 138, 120, 0.48);
  background: linear-gradient(145deg, rgba(255, 250, 242, 0.94), rgba(229, 224, 216, 0.86));
  color: var(--grove-green-deep);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 6px 14px rgba(180, 170, 155, 0.16);
}

body.skin-neumorphic a.boundary-pill:hover {
  border-color: rgba(255, 139, 61, 0.48);
  color: var(--grove-green-deep);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 10px 22px rgba(216, 92, 31, 0.16);
}

body.skin-neumorphic .workbench-state span {
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: #6a3218;
  font-size: 12px;
  font-weight: 780;
}

body.skin-neumorphic .toolbar,
body.skin-neumorphic .queue-card,
body.skin-neumorphic .review-toolbar,
body.skin-neumorphic .review-card,
body.skin-neumorphic .focus-card,
body.skin-neumorphic .home-decision-card,
body.skin-neumorphic .sidecar-panel,
body.skin-neumorphic .intent-panel,
body.skin-neumorphic .weave-hero,
body.skin-neumorphic .weave-map-panel,
body.skin-neumorphic .weave-detail-panel,
body.skin-neumorphic .atom-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(255, 255, 255, 0.5);
  background:
    linear-gradient(145deg, rgba(255, 250, 242, 0.96), rgba(229, 224, 216, 0.9));
  box-shadow: var(--shadow);
}

body.skin-neumorphic .toolbar::before,
body.skin-neumorphic .review-toolbar::before,
body.skin-neumorphic .focus-card::before,
body.skin-neumorphic .home-decision-card::before,
body.skin-neumorphic .sidecar-panel::before,
body.skin-neumorphic .intent-panel::before,
body.skin-neumorphic .weave-hero::before,
body.skin-neumorphic .weave-detail-panel::before,
body.skin-neumorphic .atom-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow:
    inset 0 0 22px rgba(255, 139, 61, 0.06),
    inset 0 0 44px rgba(45, 212, 191, 0.025);
  pointer-events: none;
}

body.skin-neumorphic .queue-card,
body.skin-neumorphic .review-card,
body.skin-neumorphic .weave-node {
  box-shadow: var(--shadow-tight);
  transition:
    transform var(--grove-duration-fast) var(--grove-spring),
    box-shadow var(--grove-duration-normal) var(--grove-smooth),
    border-color var(--grove-duration-fast) var(--grove-smooth);
}

body.skin-neumorphic .queue-card:hover,
body.skin-neumorphic .review-card:hover,
body.skin-neumorphic .home-decision-card:hover,
body.skin-neumorphic .project-strip-card:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow);
}

body.skin-neumorphic #searchInput,
body.skin-neumorphic #reviewSearchInput,
body.skin-neumorphic .note-field,
body.skin-neumorphic .intent-textarea,
body.skin-neumorphic .intent-field textarea,
body.skin-neumorphic #packetOutput,
body.skin-neumorphic .field-packet,
body.skin-neumorphic .intent-preview,
body.skin-neumorphic .atom-preview,
body.skin-neumorphic .human-metric,
body.skin-neumorphic .human-status,
body.skin-neumorphic .project-strip-card,
body.skin-neumorphic .weave-metrics span {
  border-color: rgba(180, 170, 155, 0.38);
  box-shadow: var(--shadow-inset);
}

body.skin-neumorphic #searchInput,
body.skin-neumorphic #reviewSearchInput,
body.skin-neumorphic .note-field,
body.skin-neumorphic .intent-textarea,
body.skin-neumorphic .intent-field textarea,
body.skin-neumorphic .atom-preview,
body.skin-neumorphic .human-metric,
body.skin-neumorphic .human-status,
body.skin-neumorphic .project-strip-card,
body.skin-neumorphic .weave-metrics span {
  background: linear-gradient(145deg, var(--grove-bg-secondary), var(--grove-bg-tertiary));
}

body.skin-neumorphic #packetOutput,
body.skin-neumorphic .field-packet,
body.skin-neumorphic .intent-preview {
  border-color: rgba(255, 139, 61, 0.18);
  background:
    linear-gradient(145deg, #16201d, #0e1715);
  color: #fff7ed;
  box-shadow:
    inset 3px 3px 12px rgba(0, 0, 0, 0.35),
    inset -3px -3px 12px rgba(255, 139, 61, 0.08);
}

body.skin-neumorphic button {
  border-color: rgba(150, 138, 120, 0.36);
  background: linear-gradient(145deg, rgba(255, 250, 242, 0.96), rgba(229, 224, 216, 0.92));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    6px 8px 20px rgba(180, 170, 155, 0.12),
    -6px -6px 18px rgba(255, 255, 255, 0.58);
  transition:
    transform var(--grove-duration-fast) var(--grove-spring),
    box-shadow var(--grove-duration-fast) var(--grove-smooth),
    border-color var(--grove-duration-fast) var(--grove-smooth);
}

body.skin-neumorphic button:hover {
  border-color: rgba(255, 139, 61, 0.45);
  color: var(--grove-green-deep);
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    8px 14px 30px rgba(216, 92, 31, 0.1),
    -8px -8px 22px rgba(255, 255, 255, 0.62);
}

body.skin-neumorphic button:active {
  transform: translateY(0);
  box-shadow: var(--shadow-inset);
}

body.skin-neumorphic button:focus-visible,
body.skin-neumorphic input:focus-visible,
body.skin-neumorphic textarea:focus-visible,
body.skin-neumorphic summary:focus-visible {
  outline: 3px solid var(--ring);
  outline-offset: 3px;
}

body.skin-neumorphic .segment.active,
body.skin-neumorphic .view-tab.active,
body.skin-neumorphic .layer-tab.active,
body.skin-neumorphic .choice-button.active,
body.skin-neumorphic .action-button.active,
body.skin-neumorphic .primary-button {
  border-color: rgba(255, 190, 120, 0.55);
  background:
    linear-gradient(135deg, var(--grove-green-light), var(--grove-green-dark) 58%, var(--grove-green-deep));
  color: #fffaf4;
  box-shadow:
    inset 0 2px 8px rgba(255, 190, 120, 0.36),
    0 8px 26px rgba(255, 139, 61, 0.22),
    0 18px 42px rgba(216, 92, 31, 0.12);
}

body.skin-neumorphic .view-tab.active,
body.skin-neumorphic .primary-button {
  animation: grove-os-signal-pulse 6s ease-in-out infinite;
}

body.skin-neumorphic .primary-button {
  border-color: rgba(255, 190, 120, 0.62);
}

body.skin-neumorphic .subtle-button {
  background: linear-gradient(145deg, var(--grove-bg), var(--grove-bg-secondary));
}

body.skin-neumorphic .recommendation-band,
body.skin-neumorphic .context-panel,
body.skin-neumorphic .packet-context-summary,
body.skin-neumorphic .packet-raw-details,
body.skin-neumorphic details {
  border-color: rgba(180, 170, 155, 0.32);
}

body.skin-neumorphic .context-panel,
body.skin-neumorphic .packet-context-summary,
body.skin-neumorphic .packet-raw-details {
  background:
    linear-gradient(145deg, rgba(255, 250, 242, 0.82), rgba(229, 224, 216, 0.72));
  box-shadow: var(--shadow-inset);
}

body.skin-neumorphic .queue-card[data-type="approval"] {
  border-left-color: var(--grove-green-dark);
}

body.skin-neumorphic .queue-card[data-type="ratification"] {
  border-left-color: var(--grove-blue-dark);
}

body.skin-neumorphic .queue-card[data-type="packet_execution"] {
  border-left-color: #6d5d98;
}

body.skin-neumorphic .queue-card[data-type="automation_approval"],
body.skin-neumorphic .queue-card[data-type="operator_decision"] {
  border-left-color: #c49a82;
}

body.skin-neumorphic .queue-card[data-operator-decision] {
  box-shadow:
    0 0 0 2px rgba(255, 139, 61, 0.14),
    var(--shadow-tight);
}

body.skin-neumorphic .review-card[data-operator-decision] {
  box-shadow:
    0 0 0 2px rgba(75, 143, 229, 0.14),
    var(--shadow-tight);
}

body.skin-neumorphic .decision-pill[data-kind="approval"],
body.skin-neumorphic .decision-pill[data-kind="approve"],
body.skin-neumorphic .decision-pill[data-kind="accept"] {
  border-color: rgba(255, 139, 61, 0.34);
  background: rgba(255, 139, 61, 0.12);
  color: var(--grove-green-deep);
}

body.skin-neumorphic .decision-pill[data-kind="ratification"],
body.skin-neumorphic .decision-pill[data-kind="ratify"] {
  border-color: rgba(75, 143, 229, 0.34);
  background: rgba(75, 143, 229, 0.12);
  color: #1d4f90;
}

body.skin-neumorphic .claim,
body.skin-neumorphic .source-text {
  color: #35271f;
}

body.skin-neumorphic .source-text,
body.skin-neumorphic .copy-status,
body.skin-neumorphic .search-label,
body.skin-neumorphic .eyebrow,
body.skin-neumorphic .item-id,
body.skin-neumorphic summary {
  color: #75503a;
}

body.skin-neumorphic .evidence-link {
  color: #0d9488;
}

body.skin-neumorphic .empty-state {
  background: rgba(255, 250, 242, 0.62);
  box-shadow: var(--shadow-inset);
}

body.skin-neumorphic .weave-map-panel {
  border-color: rgba(255, 255, 255, 0.5);
  background:
    linear-gradient(90deg, rgba(159, 53, 20, 0.08) 1px, transparent 1px) 0 0 / 80px 80px,
    linear-gradient(0deg, rgba(13, 148, 136, 0.07) 1px, transparent 1px) 0 0 / 80px 80px,
    linear-gradient(145deg, rgba(255, 250, 242, 0.98), rgba(220, 214, 204, 0.94));
  animation: grove-os-edge-breathe 8s ease-in-out infinite;
}

body.skin-neumorphic .weave-lane {
  border-color: rgba(180, 170, 155, 0.26);
  background:
    linear-gradient(145deg, rgba(255, 250, 242, 0.64), rgba(229, 224, 216, 0.48));
  box-shadow: var(--shadow-inset);
}

body.skin-neumorphic .weave-lane-header h3 {
  color: #6a3218;
}

body.skin-neumorphic .weave-band {
  border-color: rgba(180, 170, 155, 0.24);
}

body.skin-neumorphic .weave-edge {
  background: rgba(30, 41, 59, 0.22);
}

body.skin-neumorphic .weave-edge[data-role="authority"] {
  background: rgba(216, 92, 31, 0.52);
}

body.skin-neumorphic .weave-edge[data-role="blocking_gate"] {
  background: rgba(196, 154, 130, 0.58);
}

body.skin-neumorphic .weave-edge[data-role="output_location"] {
  background: rgba(13, 148, 136, 0.5);
}

body.skin-neumorphic .weave-edge[data-role="graph_implication"] {
  background: rgba(75, 143, 229, 0.46);
}

body.skin-neumorphic .weave-node {
  border-color: rgba(255, 255, 255, 0.55);
  background:
    radial-gradient(ellipse 70% 60% at 35% 28%, rgba(255, 255, 255, 0.72), transparent 55%),
    linear-gradient(145deg, var(--grove-bg), var(--grove-bg-tertiary));
}

body.skin-neumorphic .weave-node[data-kind="authority"],
body.skin-neumorphic .weave-node[data-kind="schema"] {
  background:
    radial-gradient(ellipse 70% 60% at 35% 28%, rgba(255, 255, 255, 0.7), transparent 55%),
    linear-gradient(145deg, rgba(255, 179, 106, 0.22), rgba(220, 214, 204, 0.92));
}

body.skin-neumorphic .weave-node[data-kind="surface"],
body.skin-neumorphic .weave-node[data-kind="queue"] {
  background:
    radial-gradient(ellipse 70% 60% at 35% 28%, rgba(255, 255, 255, 0.72), transparent 55%),
    linear-gradient(145deg, rgba(45, 212, 191, 0.16), rgba(229, 224, 216, 0.94));
}

body.skin-neumorphic .weave-node[data-kind="project"] {
  background:
    radial-gradient(ellipse 70% 60% at 35% 28%, rgba(255, 255, 255, 0.72), transparent 55%),
    linear-gradient(145deg, rgba(196, 154, 130, 0.2), rgba(229, 224, 216, 0.94));
}

body.skin-neumorphic .weave-node[data-selected="true"] {
  border-color: rgba(255, 190, 120, 0.7);
  box-shadow:
    inset 0 2px 8px rgba(255, 190, 120, 0.32),
    0 8px 26px rgba(255, 139, 61, 0.22),
    0 18px 42px rgba(255, 139, 61, 0.1),
    var(--shadow-tight);
}

@media (prefers-reduced-motion: reduce) {
  body.skin-neumorphic .view-tab.active,
  body.skin-neumorphic .primary-button,
  body.skin-neumorphic .weave-map-panel {
    animation: none;
  }
}

@media (min-width: 780px) {
  body.skin-neumorphic .topbar-state {
    justify-items: end;
  }
}

/*
 * Anson Mae Manpower binding layer.
 * This maps the inherited Gr0ve neumorphic skin onto Anson Mae Manpower cockpit classes.
 */

body.skin-neumorphic {
  --paper: var(--grove-bg);
  --paper-strong: #fffaf2;
  --surface: #fffaf2;
  --surface-muted: var(--grove-bg-secondary);
  --ink-900: #211913;
  --ink-800: #2f261f;
  --ink-700: #45362b;
  --ink-600: #624b3a;
  --ink-500: #75503a;
  --ink-400: #9e8b7c;
  --ink-300: #c9bdae;
  --ink-200: #ded6ca;
  --ink-100: #ede8e0;
  --teal: var(--grove-green-dark);
  --teal-soft: rgba(255, 139, 61, 0.13);
  --green: var(--grove-green-dark);
  --green-soft: rgba(255, 139, 61, 0.13);
  --amber: #b76020;
  --amber-soft: rgba(255, 184, 92, 0.2);
  --line: rgba(180, 170, 155, 0.32);
  --line-strong: rgba(150, 138, 120, 0.42);
  --shadow-soft: var(--shadow);
  background:
    radial-gradient(ellipse 70% 56% at 24% 4%, rgba(255, 139, 61, 0.13), transparent 54%),
    radial-gradient(ellipse 48% 36% at 92% 8%, rgba(75, 143, 229, 0.11), transparent 56%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.46), rgba(220, 214, 204, 0.74)),
    linear-gradient(180deg, var(--grove-bg), var(--grove-bg-secondary));
}

body.skin-neumorphic h1,
body.skin-neumorphic h2 {
  background: linear-gradient(135deg, var(--grove-green-deep), var(--grove-green), var(--grove-blue));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 2px 8px rgba(255, 139, 61, 0.14));
}

body.skin-neumorphic .os-shell {
  background:
    linear-gradient(90deg, rgba(159, 53, 20, 0.045) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(0deg, rgba(180, 170, 155, 0.12) 1px, transparent 1px) 0 0 / 72px 72px;
}

body.skin-neumorphic .os-rail,
body.skin-neumorphic .os-command {
  border-color: rgba(255, 255, 255, 0.46);
  background:
    linear-gradient(145deg, rgba(255, 250, 242, 0.84), rgba(229, 224, 216, 0.72));
  box-shadow: var(--shadow-inset);
}

body.skin-neumorphic .brand-sigil,
body.skin-neumorphic .icon-button,
body.skin-neumorphic .nav-link[aria-current="page"],
body.skin-neumorphic .nav-link:hover,
body.skin-neumorphic .rail-note,
body.skin-neumorphic .subpage-nav,
body.skin-neumorphic .subpage-nav a,
body.skin-neumorphic .project-link-grid a,
body.skin-neumorphic .surface-panel,
body.skin-neumorphic .kpi,
body.skin-neumorphic .project-row,
body.skin-neumorphic .task-row,
body.skin-neumorphic .integration-row,
body.skin-neumorphic .gate-row,
body.skin-neumorphic .flow-node,
body.skin-neumorphic .template-tile {
  border-color: rgba(255, 255, 255, 0.5);
  background:
    linear-gradient(145deg, rgba(255, 250, 242, 0.96), rgba(229, 224, 216, 0.9));
  box-shadow: var(--shadow);
}

body.skin-neumorphic .surface-panel,
body.skin-neumorphic .kpi,
body.skin-neumorphic .project-row,
body.skin-neumorphic .task-row,
body.skin-neumorphic .integration-row,
body.skin-neumorphic .gate-row,
body.skin-neumorphic .flow-node,
body.skin-neumorphic .template-tile,
body.skin-neumorphic .subpage-nav a,
body.skin-neumorphic .project-link-grid a {
  position: relative;
  overflow: hidden;
}

body.skin-neumorphic .surface-panel::before,
body.skin-neumorphic .kpi::before,
body.skin-neumorphic .project-row::before,
body.skin-neumorphic .task-row::before,
body.skin-neumorphic .integration-row::before,
body.skin-neumorphic .gate-row::before,
body.skin-neumorphic .flow-node::before,
body.skin-neumorphic .template-tile::before,
body.skin-neumorphic .subpage-nav a::before,
body.skin-neumorphic .project-link-grid a::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow:
    inset 0 0 26px rgba(255, 139, 61, 0.036),
    inset 0 0 52px rgba(45, 212, 191, 0.016);
  pointer-events: none;
}

body.skin-neumorphic .surface-panel > *,
body.skin-neumorphic .kpi > *,
body.skin-neumorphic .project-row > *,
body.skin-neumorphic .task-row > *,
body.skin-neumorphic .integration-row > *,
body.skin-neumorphic .gate-row > *,
body.skin-neumorphic .flow-node > *,
body.skin-neumorphic .template-tile > *,
body.skin-neumorphic .subpage-nav a > *,
body.skin-neumorphic .project-link-grid a > * {
  position: relative;
  z-index: 1;
}

body.skin-neumorphic .status-chip,
body.skin-neumorphic .nav-icon,
body.skin-neumorphic .gate-step,
body.skin-neumorphic .swatch {
  border-color: rgba(180, 170, 155, 0.28);
  box-shadow:
    inset 2px 2px 8px rgba(180, 170, 155, 0.16),
    inset -2px -2px 9px rgba(255, 255, 255, 0.54);
}

body.skin-neumorphic .status-chip {
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--state-soft) 76%, #fffaf2), rgba(229, 224, 216, 0.68));
}

body.skin-neumorphic .brand-sigil,
body.skin-neumorphic .kpi-value,
body.skin-neumorphic .project-id {
  color: var(--project-color, var(--grove-green-deep));
  filter: drop-shadow(0 2px 8px rgba(255, 139, 61, 0.12));
}

body.skin-neumorphic .icon-button:hover,
body.skin-neumorphic .nav-link:hover {
  border-color: rgba(255, 139, 61, 0.32);
  color: var(--grove-green-deep);
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.76),
    8px 14px 30px rgba(216, 92, 31, 0.08),
    -8px -8px 22px rgba(255, 255, 255, 0.6);
}

body.skin-neumorphic .project-row,
body.skin-neumorphic .task-row,
body.skin-neumorphic .integration-row,
body.skin-neumorphic .gate-row,
body.skin-neumorphic .flow-node {
  box-shadow: var(--shadow-tight);
  transition:
    transform var(--grove-duration-fast) var(--grove-spring),
    box-shadow var(--grove-duration-normal) var(--grove-smooth),
    border-color var(--grove-duration-fast) var(--grove-smooth);
}

body.skin-neumorphic .project-row:hover,
body.skin-neumorphic .task-row:hover,
body.skin-neumorphic .integration-row:hover,
body.skin-neumorphic .gate-row:hover,
body.skin-neumorphic .flow-node:hover,
body.skin-neumorphic .template-tile:hover,
body.skin-neumorphic .subpage-nav a:hover,
body.skin-neumorphic .project-link-grid a:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow);
}

body.skin-neumorphic .surface-panel[data-template="cockpit"] {
  animation: grove-os-edge-breathe 8s ease-in-out infinite;
}

body.skin-neumorphic .surface-panel[data-template="ratification"] {
  border-color: rgba(255, 139, 61, 0.28);
}

body.skin-neumorphic .flowline {
  isolation: isolate;
}

body.skin-neumorphic .flow-node {
  min-height: 6rem;
}

body.skin-neumorphic .data-table th,
body.skin-neumorphic .eyebrow,
body.skin-neumorphic .meta,
body.skin-neumorphic .brand-subtitle {
  color: #75503a;
}

body.skin-neumorphic .panel-rule {
  background: rgba(180, 170, 155, 0.36);
}

/* === Anson Mae Manpower CSS LIBRARY PRODUCTION MERGE: extract.009-public-bindings START === */
/*
  Source: ansonmae-css-library/modules/40-bindings/am-public-site-bindings.css
  Scope: body.skin-neumorphic.public-site only.
  Deployment: local source merge; public deployment remains separately gated.
*/
body.skin-neumorphic.public-site {
  --paper: #f6f0e8;
  --paper-strong: #fffaf4;
  --surface: #fffaf4;
  --surface-muted: #ece5dc;
  --ink-900: #211913;
  --ink-800: #2f261f;
  --ink-700: #45362b;
  --ink-600: #624b3a;
  --ink-500: #75503a;
  --ink-400: #9b8777;
  --ink-300: #c7baaa;
  --ink-200: #ddd4c7;
  --ink-100: #eee7dc;
  --teal: #d85c1f;
  --teal-soft: rgba(216, 92, 31, 0.13);
  --green: #168a56;
  --green-soft: rgba(22, 138, 86, 0.13);
  --amber: #ad6420;
  --amber-soft: rgba(173, 100, 32, 0.14);
  --rose: #a43e46;
  --rose-soft: rgba(164, 62, 70, 0.13);
  --indigo: #4057b2;
  --indigo-soft: rgba(64, 87, 178, 0.13);
  --violet: #685397;
  --violet-soft: rgba(104, 83, 151, 0.13);
  --line: rgba(156, 140, 122, 0.28);
  --line-strong: rgba(122, 106, 88, 0.4);
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 30px;
  --state-color: var(--teal);
  --state-soft: var(--teal-soft);
  --state-line: color-mix(in srgb, var(--teal) 28%, white);
  --am-neo-bg: var(--paper, #f5f0e8);
  --am-neo-surface: var(--surface, #fffaf2);
  --am-neo-surface-soft: rgba(255, 252, 247, 0.76);
  --am-neo-surface-sunken: var(--surface-muted, #ede8e0);
  --am-neo-border-subtle: var(--line, rgba(180, 170, 155, 0.42));
  --am-neo-border-active: rgba(216, 92, 31, 0.36);
  --am-ember: var(--teal, #d85c1f);
  --am-ember-light: #f3a163;
  --am-ember-dark: #9f3514;
  --am-azure: var(--indigo, #4057b2);
  --am-azure-dark: #263f95;
  --am-accent: var(--am-ember);
  --am-accent-light: var(--am-ember-light);
  --am-accent-dark: var(--am-ember-dark);
  --am-accent-rgb: 216, 92, 31;
  --am-accent-glow: rgba(var(--am-accent-rgb), 0.22);
  --am-support-accent: var(--am-azure);
  --am-support-accent-light: #8ea2ff;
  --am-support-accent-dark: var(--am-azure-dark);
  --am-support-accent-rgb: 64, 87, 178;
  --am-status-success-rgb: 22, 138, 86;
  --am-status-info-rgb: var(--am-support-accent-rgb);
  --am-status-warning-rgb: 173, 100, 32;
  --am-status-danger-rgb: 164, 62, 70;
  --am-status-deferred-rgb: 104, 83, 151;
  --am-motion-spring: var(--grove-spring, cubic-bezier(0.68, -0.6, 0.32, 1.6));
  --am-motion-smooth: var(--grove-smooth, cubic-bezier(0.4, 0, 0.2, 1));
  --am-motion-duration-fast: var(--grove-duration-fast, 180ms);
  --am-motion-duration-normal: var(--grove-duration-normal, 300ms);
  --am-glow-duration: 4s;
  --am-radius-sm: var(--radius-sm, 14px);
  --am-radius-md: var(--radius-md, 22px);
  --am-radius-lg: var(--radius-lg, 30px);
  --am-radius-xl: 36px;
  --am-radius-pill: 999px;
  --am-control-radius: var(--am-radius-sm);
  --am-panel-radius: var(--am-radius-lg);
  --am-binding-accent-rgb: 216, 92, 31;
  --am-binding-azure-rgb: 64, 87, 178;
  --am-binding-status-rgb: var(--am-binding-accent-rgb);
  --am-depth-raised:
    -6px -6px 18px rgba(255, 255, 255, 0.58),
    6px 8px 22px rgba(156, 140, 122, 0.13),
    0 18px 38px rgba(33, 25, 19, 0.036);
  --am-depth-raised-hover:
    -8px -8px 24px rgba(255, 255, 255, 0.64),
    8px 10px 28px rgba(156, 140, 122, 0.15),
    0 22px 48px rgba(var(--am-binding-accent-rgb), 0.05);
  --am-depth-well:
    inset 3px 3px 12px rgba(156, 140, 122, 0.16),
    inset -3px -3px 14px rgba(255, 255, 255, 0.58);
  --am-depth-well-deep:
    inset 5px 5px 18px rgba(156, 140, 122, 0.2),
    inset -5px -5px 18px rgba(255, 255, 255, 0.62),
    inset 12px 12px 34px rgba(132, 116, 98, 0.08);
  background:
    linear-gradient(118deg, rgba(var(--am-binding-accent-rgb), 0.095), transparent 36rem),
    linear-gradient(296deg, rgba(var(--am-binding-azure-rgb), 0.075), transparent 34rem),
    linear-gradient(180deg, var(--paper), var(--surface-muted));
}

body.skin-neumorphic.public-site :where(
  [data-state="active"],
  [data-status="active"],
  [data-status="active_core"],
  [data-status="active_foundation"],
  [data-status="active_concurrent"],
  [data-status="connected_live_state_route"]
) {
  --am-binding-status-rgb: var(--am-accent-rgb);
  --state-color: var(--am-ember);
  --state-soft: rgba(var(--am-accent-rgb), 0.13);
  --state-line: rgba(var(--am-accent-rgb), 0.26);
}

body.skin-neumorphic.public-site :where(
  [data-state="complete"],
  [data-status="complete"],
  [data-status="harvested"],
  [data-status="proof_passed_review_pending"],
  [data-status="health"],
  [data-status="healthy"]
) {
  --am-binding-status-rgb: var(--am-status-success-rgb);
  --state-color: rgb(var(--am-status-success-rgb));
  --state-soft: rgba(var(--am-status-success-rgb), 0.13);
  --state-line: rgba(var(--am-status-success-rgb), 0.25);
}

body.skin-neumorphic.public-site :where(
  [data-state="planned"],
  [data-status="info"],
  [data-status="planned"],
  [data-status="pending"],
  [data-status="pipeline"],
  [data-status="coming_soon"],
  [data-status="later"]
) {
  --am-binding-status-rgb: var(--am-support-accent-rgb);
  --state-color: var(--am-azure);
  --state-soft: rgba(var(--am-support-accent-rgb), 0.13);
  --state-line: rgba(var(--am-support-accent-rgb), 0.24);
}

body.skin-neumorphic.public-site :where(
  [data-state="review"],
  [data-status="complete_review_pending"],
  [data-status="proof_mode"],
  [data-status="proof_pending"],
  [data-status="static_protocol_kernel"]
) {
  --am-binding-status-rgb: var(--am-status-warning-rgb);
  --state-color: rgb(var(--am-status-warning-rgb));
  --state-soft: rgba(var(--am-status-warning-rgb), 0.13);
  --state-line: rgba(var(--am-status-warning-rgb), 0.24);
}

body.skin-neumorphic.public-site :where([data-state="blocked"], [data-status="blocked"]) {
  --am-binding-status-rgb: var(--am-status-danger-rgb);
  --state-color: rgb(var(--am-status-danger-rgb));
  --state-soft: rgba(var(--am-status-danger-rgb), 0.13);
  --state-line: rgba(var(--am-status-danger-rgb), 0.24);
}

body.skin-neumorphic.public-site :where([data-state="deferred"], [data-status="deferred"]) {
  --am-binding-status-rgb: var(--am-status-deferred-rgb);
  --state-color: rgb(var(--am-status-deferred-rgb));
  --state-soft: rgba(var(--am-status-deferred-rgb), 0.13);
  --state-line: rgba(var(--am-status-deferred-rgb), 0.22);
}

body.skin-neumorphic.public-site :where(
  .public-nav,
  .public-hero-card,
  .hero-media-frame,
  .arrival-map,
  .service-desk-visual,
  .public-section.surface-panel,
  .surface-panel[data-template="ratification"],
  .public-boundary,
  .cta-band
) {
  border-color: rgba(255, 255, 255, 0.62);
  background:
    linear-gradient(145deg, rgba(255, 252, 247, 0.94), rgba(236, 229, 218, 0.78));
  box-shadow: var(--am-depth-raised);
}

body.skin-neumorphic.public-site :where(
  .public-nav,
  .public-main,
  .public-hero,
  .hero-copy,
  .hero-orientation,
  .orientation-pill,
  .hero-route-choices,
  .hero-route-grid,
  .hero-route-grid a,
  .public-hero-visual,
  .public-hero-media,
  .hero-media-frame,
  .arrival-map,
  .arrival-step,
  .service-desk-visual,
  .public-section,
  .service-path-card,
  .trust-item,
  .info-list-item,
  .intake-field,
  .flow-node,
  .surface-panel,
  .cta-band
) {
  min-width: 0;
}

body.skin-neumorphic.public-site :where(
  .brand-title,
  .brand-subtitle,
  .public-nav-links a,
  .primary-action,
  .secondary-action,
  .hero-copy h1,
  .hero-copy p,
  .orientation-pill strong,
  .orientation-pill span,
  .hero-route-grid strong,
  .hero-route-grid small,
  .arrival-step strong,
  .arrival-step span,
  .section-heading h2,
  .section-heading p,
  .service-path-card h3,
  .service-path-card p,
  .trust-item span,
  .info-list-item p,
  .intake-field h3,
  .intake-field p,
  .state-line span,
  .state-line strong,
  .route-chip,
  .desk-ticket strong,
  .flow-node strong,
  .flow-node span,
  .cta-band h2,
  .cta-band p
) {
  overflow-wrap: anywhere;
}

body.skin-neumorphic.public-site :where(.public-nav-links a, .secondary-action) {
  border-color: rgba(156, 140, 122, 0.3);
  background:
    linear-gradient(145deg, rgba(255, 252, 247, 0.9), rgba(236, 229, 218, 0.72));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    3px 4px 12px rgba(156, 140, 122, 0.1);
}

body.skin-neumorphic.public-site :where(.public-nav-links a[aria-current="page"], .secondary-action:hover, .public-nav-links a:hover) {
  border-color: rgba(var(--am-support-accent-rgb), 0.3);
  color: var(--am-support-accent-dark);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    4px 6px 16px rgba(var(--am-support-accent-rgb), 0.08);
}

body.skin-neumorphic.public-site .primary-action {
  border-color: rgba(var(--am-binding-accent-rgb), 0.38);
  background:
    linear-gradient(135deg, var(--am-ember-light), var(--am-ember) 56%, var(--am-ember-dark));
  color: #fffaf4;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    0 12px 28px rgba(var(--am-binding-accent-rgb), 0.16);
}

body.skin-neumorphic.public-site .primary-action:is(:hover, :focus-visible) {
  border-color: rgba(var(--am-binding-accent-rgb), 0.5);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.46),
    0 16px 34px rgba(var(--am-binding-accent-rgb), 0.18);
}

body.skin-neumorphic.public-site :where(.orientation-pill, .hero-route-grid a, .arrival-map) {
  border-color: rgba(255, 255, 255, 0.62);
  background:
    linear-gradient(145deg, rgba(255, 252, 247, 0.9), rgba(236, 229, 218, 0.7));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.66),
    4px 6px 16px rgba(156, 140, 122, 0.09);
}

body.skin-neumorphic.public-site .hero-route-grid a:is(:hover, :focus-visible) {
  border-color: rgba(var(--am-support-accent-rgb), 0.34);
  color: var(--am-support-accent-dark);
  box-shadow:
    var(--am-depth-raised),
    0 0 24px rgba(var(--am-support-accent-rgb), 0.06);
}

body.skin-neumorphic.public-site .hero-media-frame {
  border-color: rgba(255, 255, 255, 0.66);
  box-shadow:
    var(--am-depth-raised-hover),
    0 22px 52px rgba(var(--am-binding-accent-rgb), 0.08);
}

body.skin-neumorphic.public-site .arrival-map {
  background: rgba(255, 252, 247, 0.82);
}

body.skin-neumorphic.public-site :where(.hero-copy h1, .section-heading h2, .cta-band h2) {
  letter-spacing: 0;
  filter: drop-shadow(0 2px 8px rgba(var(--am-binding-accent-rgb), 0.13));
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  body.skin-neumorphic.public-site :where(.hero-copy h1, .section-heading h2, .cta-band h2) {
    background:
      linear-gradient(
        135deg,
        var(--am-ember-dark) 0%,
        var(--am-ember) 58%,
        var(--am-azure) 100%
      );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

body.skin-neumorphic.public-site .section-heading::after {
  content: "";
  display: block;
  width: min(7rem, 42%);
  height: 3px;
  border-radius: var(--am-radius-pill);
  background:
    linear-gradient(
      90deg,
      transparent,
      var(--am-ember-light),
      var(--am-ember) 58%,
      var(--am-azure),
      transparent
    );
  box-shadow: 0 0 12px rgba(var(--am-binding-accent-rgb), 0.16);
}

body.skin-neumorphic.public-site :where(.service-path-grid, .trust-strip, .info-list-grid, .intake-grid) {
  align-items: stretch;
}

body.skin-neumorphic.public-site :where(.service-path-card, .trust-item, .info-list-item, .intake-field) {
  position: relative;
  overflow: hidden;
  border-color: rgba(255, 255, 255, 0.66);
  background:
    linear-gradient(145deg, rgba(255, 252, 247, 0.94), rgba(236, 229, 218, 0.72));
  box-shadow: var(--am-depth-raised);
  transition:
    transform var(--am-motion-duration-normal) var(--am-motion-spring),
    box-shadow var(--am-motion-duration-normal) var(--am-motion-spring),
    border-color var(--am-motion-duration-fast) var(--am-motion-smooth);
}

body.skin-neumorphic.public-site :where(.service-path-card, .trust-item, .info-list-item, .intake-field)::before {
  content: "";
  position: absolute;
  inset-inline: 1rem;
  top: 0;
  height: 2px;
  border-radius: 0 0 var(--am-radius-pill) var(--am-radius-pill);
  background:
    linear-gradient(
      90deg,
      rgb(var(--am-binding-status-rgb)),
      color-mix(in srgb, rgb(var(--am-binding-status-rgb)) 48%, white)
    );
  opacity: 0.78;
  pointer-events: none;
}

body.skin-neumorphic.public-site :where(.service-path-card, .trust-item, .info-list-item, .intake-field) > * {
  position: relative;
  z-index: 1;
}

body.skin-neumorphic.public-site a.service-path-card:is(:hover, :focus-visible),
body.skin-neumorphic.public-site .trust-item:is(:hover, :focus-within),
body.skin-neumorphic.public-site .info-list-item:is(:hover, :focus-within),
body.skin-neumorphic.public-site .intake-field:is(:hover, :focus-within) {
  border-color: rgba(var(--am-binding-status-rgb), 0.26);
  box-shadow:
    var(--am-depth-raised-hover),
    0 0 24px rgba(var(--am-binding-status-rgb), 0.045);
  transform: translateY(-1px);
}

body.skin-neumorphic.public-site :where(.status-chip, .state-line) {
  border-color: rgba(var(--am-binding-status-rgb), 0.2);
  background:
    linear-gradient(
      145deg,
      rgba(var(--am-binding-status-rgb), 0.1),
      rgba(255, 252, 247, 0.76)
    );
  color: rgb(var(--am-binding-status-rgb));
}

body.skin-neumorphic.public-site .status-chip {
  box-shadow:
    inset 2px 2px 8px rgba(180, 170, 155, 0.14),
    inset -2px -2px 9px rgba(255, 255, 255, 0.52);
}

body.skin-neumorphic.public-site .status-chip::before {
  box-shadow: 0 0 8px rgba(var(--am-binding-status-rgb), 0.46);
  animation: am-public-binding-status-pulse 2s ease-in-out infinite;
}

body.skin-neumorphic.public-site .status-chip[data-dot="red"]::before {
  background: rgb(var(--am-status-danger-rgb));
  box-shadow: 0 0 8px rgba(var(--am-status-danger-rgb), 0.5);
}

body.skin-neumorphic.public-site .state-line {
  position: relative;
  overflow: hidden;
  box-shadow: var(--am-depth-well);
}

body.skin-neumorphic.public-site .public-flowline {
  --am-workflow-node-size: 3.65rem;
  --am-workflow-line-width: 4px;
  --am-workflow-pulse-size: 0.7rem;
  --am-workflow-pulse-duration: 3.6s;

  position: relative;
  isolation: isolate;
  counter-reset: am-public-step;
  gap: 1rem;
}

body.skin-neumorphic.public-site .public-flowline::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset-block-start: 1.82rem;
  inset-inline: 2.2rem;
  height: var(--am-workflow-line-width);
  border-radius: var(--am-radius-pill);
  background:
    linear-gradient(
      90deg,
      var(--am-ember) 0%,
      var(--am-ember-light) 68%,
      var(--am-azure) 100%
    );
  opacity: 0.42;
}

body.skin-neumorphic.public-site .public-flowline::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset-block-start: calc(1.82rem - var(--am-workflow-pulse-size) / 2 + var(--am-workflow-line-width) / 2);
  inset-inline-start: 2.2rem;
  width: var(--am-workflow-pulse-size);
  height: var(--am-workflow-pulse-size);
  border-radius: var(--am-radius-pill);
  background: #ffffff;
  box-shadow:
    0 0 18px var(--am-ember),
    0 0 30px rgba(var(--am-binding-accent-rgb), 0.58);
  animation: am-public-binding-workflow-pulse var(--am-workflow-pulse-duration) ease-in-out infinite;
}

body.skin-neumorphic.public-site .public-flowline .flow-node {
  counter-increment: am-public-step;
  position: relative;
  z-index: 2;
  min-height: 7.6rem;
  padding-block-start: 4.2rem;
  border-color: rgba(255, 255, 255, 0.62);
  background:
    linear-gradient(145deg, rgba(255, 252, 247, 0.94), rgba(236, 229, 218, 0.78));
  box-shadow: var(--am-depth-raised);
}

body.skin-neumorphic.public-site .public-flowline .flow-node::after {
  content: counter(am-public-step);
  position: absolute;
  z-index: 3;
  inset-block-start: 0.8rem;
  inset-inline-start: 50%;
  display: inline-grid;
  place-items: center;
  width: var(--am-workflow-node-size);
  height: var(--am-workflow-node-size);
  border-radius: var(--am-radius-pill);
  background:
    linear-gradient(135deg, var(--am-ember), var(--am-ember-light));
  color: #ffffff;
  font-size: 1rem;
  font-weight: 820;
  line-height: 1;
  box-shadow:
    -5px -5px 13px rgba(255, 255, 255, 0.66),
    5px 6px 14px rgba(156, 140, 122, 0.2),
    0 0 22px rgba(var(--am-binding-accent-rgb), 0.1);
  transform: translateX(-50%);
}

body.skin-neumorphic.public-site .public-flowline .flow-node:is(:hover, :focus-within)::after {
  box-shadow:
    -7px -7px 18px rgba(255, 255, 255, 0.7),
    7px 8px 18px rgba(180, 170, 155, 0.24),
    0 0 32px rgba(var(--am-binding-accent-rgb), 0.14);
}

body.skin-neumorphic.public-site .cta-band {
  border-color: rgba(var(--am-binding-accent-rgb), 0.28);
  background:
    linear-gradient(145deg, rgba(var(--am-binding-accent-rgb), 0.09), rgba(var(--am-binding-azure-rgb), 0.07)),
    var(--am-neo-surface);
  box-shadow: var(--am-depth-raised-hover);
}

body.skin-neumorphic.public-site .info-list-item > span,
body.skin-neumorphic.public-site .check-list li::before {
  background: rgb(var(--am-binding-status-rgb));
  box-shadow: 0 0 0 0.22rem rgba(var(--am-binding-status-rgb), 0.13);
}

@keyframes am-public-binding-status-pulse {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.66;
  }
}

@keyframes am-public-binding-workflow-pulse {
  0% {
    inset-inline-start: 2.2rem;
    box-shadow:
      0 0 18px var(--am-ember),
      0 0 30px rgba(var(--am-binding-accent-rgb), 0.58);
  }

  50% {
    box-shadow:
      0 0 16px var(--am-ember-light),
      0 0 28px rgba(var(--am-binding-accent-rgb), 0.48);
  }

  100% {
    inset-inline-start: calc(100% - 2.2rem - var(--am-workflow-pulse-size));
    box-shadow:
      0 0 18px var(--am-azure),
      0 0 30px rgba(var(--am-binding-azure-rgb), 0.5);
  }
}

@media (max-width: 56.25rem) {
  body.skin-neumorphic.public-site .public-flowline {
    grid-template-columns: minmax(0, 1fr);
  }

  body.skin-neumorphic.public-site .public-flowline::before {
    inset-block: 1.5rem;
    inset-inline-start: 1.82rem;
    inset-inline-end: auto;
    width: var(--am-workflow-line-width);
    height: auto;
    background:
      linear-gradient(
        180deg,
        var(--am-ember) 0%,
        var(--am-ember-light) 68%,
        var(--am-azure) 100%
      );
  }

  body.skin-neumorphic.public-site .public-flowline::after {
    display: none;
    animation: none;
  }

  body.skin-neumorphic.public-site .public-flowline .flow-node {
    min-height: 0;
    padding-block-start: 1.05rem;
    padding-inline-start: 4rem;
  }

  body.skin-neumorphic.public-site .public-flowline .flow-node::after {
    inset-block-start: 50%;
    inset-inline-start: 1.82rem;
    width: 2.85rem;
    height: 2.85rem;
    transform: translate(-50%, -50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.skin-neumorphic.public-site :where(
    .service-path-card,
    .trust-item,
    .info-list-item,
    .intake-field,
    .flow-node
  ) {
    transition-duration: 1ms;
  }

  body.skin-neumorphic.public-site .status-chip::before,
  body.skin-neumorphic.public-site .public-flowline::after,
  body.skin-neumorphic.public-site .flow-node::after {
    animation: none;
    transition-duration: 1ms;
  }

  body.skin-neumorphic.public-site :where(
    a.service-path-card:is(:hover, :focus-visible),
    .trust-item:is(:hover, :focus-within),
    .info-list-item:is(:hover, :focus-within),
    .intake-field:is(:hover, :focus-within)
  ) {
    transform: none;
  }
}
/* === Anson Mae Manpower CSS LIBRARY PRODUCTION MERGE: extract.009-public-bindings END === */