@layer hunter-broker-v7 {
  #hm-broker-v7-root {
    --hm-bg: #050505;
    --hm-text: #f7f7fb;
    --hm-muted: #a9afbf;
    --hm-dim: #737887;
    --hm-line: rgba(255, 255, 255, 0.11);
    --hm-line-strong: rgba(255, 255, 255, 0.2);
    --hm-gold: #f4c766;
    color: var(--hm-text);
    background: #050505;
    isolation: isolate;
    overflow: clip;
    letter-spacing: 0;
  }

  #hm-broker-v7-root * {
    box-sizing: border-box;
  }

  .hm-broker-v7 {
    position: relative;
    min-height: 100vh;
    padding-top: 0;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 520px),
      linear-gradient(90deg, rgba(244, 199, 102, 0.06), transparent 28%, rgba(137, 101, 255, 0.07) 72%, transparent),
      #050505;
  }

  .hm-broker-v7 a {
    color: inherit;
    text-decoration: none;
  }

  .hm-broker-shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
  }

  .hm-broker-hero {
    position: relative;
    min-height: calc(100vh - 80px);
    display: grid;
    align-items: center;
    padding: 104px 0 72px;
  }

  .hm-broker-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 96px 96px;
    mask-image: linear-gradient(180deg, black, transparent 82%);
    opacity: 0.34;
    pointer-events: none;
  }

  .hm-broker-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(330px, 0.75fr);
    gap: 52px;
    align-items: center;
  }

  .hm-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
  }

  .hm-eyebrow::before {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, #f4c766, rgba(244, 199, 102, 0));
  }

  .hm-broker-title {
    max-width: 940px;
    margin: 26px 0 22px;
    color: #fff;
    font-size: 76px;
    line-height: 1.02;
    font-weight: 950;
    letter-spacing: 0;
  }

  .hm-broker-title span {
    display: block;
    color: transparent;
    background: linear-gradient(90deg, #d7b1ee, #b995ff 42%, #f4c766);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .hm-broker-lead {
    max-width: 780px;
    margin: 0;
    color: #d3d7e3;
    font-size: 21px;
    line-height: 1.75;
  }

  .hm-hero-proofline {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    max-width: 780px;
    margin-top: 32px;
    border: 1px solid var(--hm-line);
    border-radius: 18px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.08);
  }

  .hm-hero-proofline div {
    padding: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.068), rgba(255, 255, 255, 0.025)), rgba(0, 0, 0, 0.22);
  }

  .hm-hero-proofline strong,
  .hm-hero-proofline span {
    display: block;
  }

  .hm-hero-proofline strong {
    color: #fff;
    font-size: 25px;
    line-height: 1;
    font-weight: 920;
  }

  .hm-hero-proofline span {
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.58);
    font-size: 12px;
  }

  .hm-command-card {
    position: relative;
    overflow: hidden;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 28px;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
      linear-gradient(120deg, rgba(244, 199, 102, 0.1), transparent 34%, rgba(155, 107, 255, 0.13));
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
  }

  .hm-command-card::after {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 20px;
    pointer-events: none;
  }

  .hm-stack-title {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
  }

  .hm-stack-title h3 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 920;
  }

  .hm-stack-title p {
    margin: 6px 0 0;
    color: var(--hm-muted);
    font-size: 13px;
    line-height: 1.5;
  }

  .hm-live-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #4ade80;
    box-shadow: 0 0 24px rgba(74, 222, 128, 0.8);
  }

  .hm-stack-flow {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
  }

  .hm-flow-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    min-height: 74px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.22);
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;
  }

  .hm-flow-row:hover {
    transform: none;
    border-color: rgba(244, 199, 102, 0.25);
    background: rgba(255, 255, 255, 0.055);
  }

  .hm-flow-index {
    min-width: 62px;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid rgba(244, 199, 102, 0.28);
    border-radius: 999px;
    color: #efd48e;
    background: rgba(244, 199, 102, 0.075);
    font-size: 11px;
    font-weight: 900;
  }

  .hm-flow-row strong,
  .hm-flow-row span {
    display: block;
  }

  .hm-flow-row strong {
    color: #fff;
    font-size: 14px;
  }

  .hm-flow-row span {
    margin-top: 5px;
    color: #c3c8d5;
    font-size: 12px;
    line-height: 1.5;
  }

  .hm-flow-tag {
    color: #c7a8ff;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
  }

  .hm-anchor-nav {
    position: sticky;
    top: 80px;
    z-index: 22;
    padding: 13px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(5, 5, 5, 0.78);
    backdrop-filter: blur(18px);
  }

  .hm-anchor-nav-inner {
    display: flex;
    justify-content: center;
    gap: 10px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .hm-anchor-nav-inner::-webkit-scrollbar {
    display: none;
  }

  .hm-anchor-nav button {
    position: relative;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.038);
    color: rgba(255, 255, 255, 0.72);
    cursor: pointer;
    font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
    font-size: 12px;
    font-weight: 780;
    letter-spacing: 0;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  }

  .hm-anchor-nav button i {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.24);
    transition: background 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
  }

  .hm-anchor-nav button:hover,
  .hm-anchor-nav button.is-active {
    color: #fff;
    border-color: rgba(244, 199, 102, 0.34);
    background: rgba(244, 199, 102, 0.09);
    transform: translateY(-1px);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
  }

  .hm-anchor-nav button:hover i,
  .hm-anchor-nav button.is-active i {
    background: #f4c766;
    transform: scale(1.28);
    box-shadow: 0 0 0 7px rgba(244, 199, 102, 0.1), 0 0 24px rgba(244, 199, 102, 0.58);
  }

  .hm-section,
  .hm-module {
    position: relative;
    padding: 92px 0;
  }

  .hm-section-head {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.55fr);
    gap: 52px;
    align-items: end;
    margin-bottom: 32px;
  }

  .hm-section-kicker {
    color: #f4c766;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .hm-section-title,
  .hm-module-meta h2 {
    margin: 12px 0 0;
    color: #fff;
    font-size: 44px;
    line-height: 1.1;
    font-weight: 920;
    letter-spacing: 0;
  }

  .hm-section-copy,
  .hm-module-intro {
    color: #c4cad8;
    font-size: 15px;
    line-height: 1.8;
  }

  .hm-pain-grid,
  .hm-usecase-grid,
  .hm-capability-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }

  .hm-usecase-grid,
  .hm-capability-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hm-pain,
  .hm-usecase,
  .hm-capability,
  .hm-roadmap-step {
    min-height: 164px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.022));
    transition: transform 0.28s ease, border-color 0.28s ease, background 0.28s ease;
  }

  .hm-pain:hover,
  .hm-usecase:hover,
  .hm-capability:hover,
  .hm-roadmap-step:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 255, 255, 0.22);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.028));
  }

  .hm-pain strong,
  .hm-usecase strong,
  .hm-capability strong,
  .hm-roadmap-step strong {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 880;
  }

  .hm-pain p,
  .hm-usecase p,
  .hm-capability p,
  .hm-roadmap-step p {
    margin: 12px 0 0;
    color: #aeb6c6;
    font-size: 13px;
    line-height: 1.72;
  }

  .hm-module {
    border-top: 1px solid rgba(255, 255, 255, 0.055);
    overflow: clip;
  }

  .hm-module-bg {
    position: absolute;
    inset: 0;
    opacity: 0.8;
    pointer-events: none;
    background:
      linear-gradient(120deg, color-mix(in srgb, var(--module-accent) 9%, transparent), transparent 32%),
      linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.018) 52%, transparent);
    transform: translateY(36px);
    transition: opacity 0.45s ease, transform 0.45s ease;
  }

  .hm-module.is-active .hm-module-bg {
    opacity: 1;
    transform: translateY(0);
  }

  .hm-module-layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(260px, 0.42fr) minmax(0, 0.58fr);
    gap: 58px;
    align-items: start;
  }

  .hm-module--risk .hm-module-meta,
  .hm-module--prop .hm-module-meta,
  .hm-module--support .hm-module-meta {
    order: 2;
  }

  .hm-module--risk .hm-module-main,
  .hm-module--prop .hm-module-main,
  .hm-module--support .hm-module-main {
    order: 1;
  }

  .hm-module-meta {
    position: sticky;
    top: 154px;
  }

  .hm-module-mark {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid color-mix(in srgb, var(--module-accent) 36%, transparent);
    border-radius: 999px;
    color: color-mix(in srgb, var(--module-accent) 74%, #fff);
    background: color-mix(in srgb, var(--module-accent) 10%, transparent);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
  }

  .hm-module-tags {
    display: grid;
    gap: 10px;
    margin-top: 22px;
  }

  .hm-module-tags span {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    color: #d9dce6;
    font-size: 13px;
  }

  .hm-module-tags span::before {
    content: "";
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--module-accent);
    box-shadow: 0 0 18px var(--module-glow);
  }

  .hm-module-main {
    display: grid;
    gap: 16px;
  }

  .hm-module-visual {
    position: relative;
    min-height: 224px;
    overflow: hidden;
    padding: 26px;
    border: 1px solid color-mix(in srgb, var(--module-accent) 30%, rgba(255, 255, 255, 0.1));
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.02));
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.24);
  }

  .hm-module-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.08) 44%, transparent 56%),
      repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 44px);
    transform: translateX(-120%);
    animation: hmPanelScan 7.5s ease-in-out infinite;
    pointer-events: none;
  }

  .hm-module.is-active .hm-module-visual {
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.3), 0 0 44px color-mix(in srgb, var(--module-accent) 22%, transparent);
  }

  .hm-visual-header,
  .hm-blueprint-lines,
  .hm-risk-board,
  .hm-tool-shelf,
  .hm-prop-ladder,
  .hm-lifecycle,
  .hm-ecosystem {
    position: relative;
    z-index: 1;
  }

  .hm-visual-header {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
  }

  .hm-visual-header strong {
    color: #fff;
    font-size: 15px;
  }

  .hm-visual-header span {
    max-width: 340px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    line-height: 1.6;
    text-align: right;
  }

  .hm-blueprint-lines {
    display: grid;
    gap: 12px;
  }

  .hm-blueprint-lines div {
    display: grid;
    grid-template-columns: 108px 1fr minmax(180px, 0.9fr);
    align-items: center;
    gap: 14px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
  }

  .hm-blueprint-lines i {
    height: 1px;
    background: linear-gradient(90deg, var(--module-accent), transparent);
  }

  .hm-blueprint-lines b {
    color: rgba(255, 255, 255, 0.66);
    font-weight: 700;
  }

  .hm-risk-board {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .hm-risk-board div,
  .hm-prop-ladder div,
  .hm-outcome-panel div {
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.2);
  }

  .hm-risk-board span {
    color: rgba(255, 255, 255, 0.54);
    font-size: 12px;
  }

  .hm-risk-board strong {
    display: block;
    margin: 4px 0;
    color: var(--module-accent);
    font-size: 20px;
  }

  .hm-risk-board p {
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 12px;
    line-height: 1.55;
  }

  .hm-tool-shelf,
  .hm-ecosystem {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .hm-tool-shelf span,
  .hm-ecosystem span {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    font-weight: 760;
  }

  .hm-prop-ladder {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }

  .hm-prop-ladder div {
    min-height: 116px;
  }

  .hm-prop-ladder strong,
  .hm-prop-ladder span {
    display: block;
  }

  .hm-prop-ladder strong {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
  }

  .hm-prop-ladder span {
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
    line-height: 1.55;
  }

  .hm-lifecycle {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(92px, 1fr));
    gap: 0;
    padding: 24px 10px 8px;
  }

  .hm-lifecycle::before {
    content: "";
    position: absolute;
    left: 54px;
    right: 54px;
    top: 34px;
    height: 1px;
    background: linear-gradient(90deg, rgba(74, 222, 128, 0.12), rgba(74, 222, 128, 0.9), rgba(74, 222, 128, 0.12));
  }

  .hm-lifecycle div {
    position: relative;
    min-height: 108px;
    padding: 34px 10px 8px;
    text-align: center;
  }

  .hm-lifecycle i {
    position: absolute;
    top: 2px;
    left: 50%;
    width: 17px;
    height: 17px;
    transform: translateX(-50%);
    border: 2px solid rgba(5, 5, 5, 0.96);
    border-radius: 999px;
    background: var(--module-accent);
    animation: hmPulseDot 3.4s ease-in-out infinite;
  }

  .hm-lifecycle div:nth-child(2) i { animation-delay: .25s; }
  .hm-lifecycle div:nth-child(3) i { animation-delay: .5s; }
  .hm-lifecycle div:nth-child(4) i { animation-delay: .75s; }
  .hm-lifecycle div:nth-child(5) i { animation-delay: 1s; }

  .hm-lifecycle strong,
  .hm-lifecycle span {
    display: block;
  }

  .hm-lifecycle strong {
    color: #fff;
    font-size: 12px;
  }

  .hm-lifecycle span {
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.58);
    font-size: 12px;
  }

  .hm-lifecycle small {
    display: block;
    width: 1px;
    height: 18px;
    margin: 10px auto 0;
    background: linear-gradient(180deg, rgba(74, 222, 128, 0.72), transparent);
  }

  .hm-outcome-panel {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .hm-outcome-panel strong {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-bottom: 8px;
  }

  .hm-outcome-panel p {
    margin: 0;
    color: rgba(255, 255, 255, 0.64);
    font-size: 12px;
    line-height: 1.65;
  }

  .hm-module-action {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.105);
    border-radius: 18px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--module-accent) 12%, transparent), rgba(255, 255, 255, 0.025)), rgba(255, 255, 255, 0.035);
  }

  .hm-module-action span,
  .hm-module-action strong {
    display: block;
  }

  .hm-module-action span {
    color: color-mix(in srgb, var(--module-accent) 70%, #fff);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
  }

  .hm-module-action strong {
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    line-height: 1.65;
  }

  .hm-module-action button,
  .hm-btn {
    min-height: 44px;
    min-width: 116px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: #fff;
    color: #060609;
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
  }

  .hm-btn-secondary {
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
  }

  .hm-module-action button:hover,
  .hm-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 44px rgba(255, 255, 255, 0.14);
  }

  .hm-module-detail {
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 18px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.22);
  }

  .hm-detail-toggle {
    width: 100%;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 0 20px;
    border: 0;
    background: rgba(255, 255, 255, 0.04);
    color: #fff;
    cursor: pointer;
    font-weight: 900;
    font-size: 14px;
    text-align: left;
  }

  .hm-detail-toggle span:last-child {
    color: var(--module-accent);
    transition: transform 0.22s ease;
  }

  .hm-module-detail.is-open .hm-detail-toggle span:last-child {
    transform: rotate(45deg);
  }

  .hm-detail-body {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.36s ease;
  }

  .hm-module-detail.is-open .hm-detail-body {
    max-height: 560px;
  }

  .hm-detail-column {
    padding: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .hm-detail-column + .hm-detail-column {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
  }

  .hm-detail-column strong {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 13px;
  }

  .hm-detail-column ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .hm-detail-column li {
    color: #aeb4c2;
    font-size: 13px;
    line-height: 1.55;
  }

  .hm-detail-column li::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    border-radius: 999px;
    background: var(--module-accent);
    vertical-align: 1px;
  }

  .hm-roadmap {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
  }

  .hm-roadmap-step b {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 10px;
    margin-bottom: 14px;
    border-radius: 999px;
    color: #efd48e;
    background: rgba(244, 199, 102, 0.09);
    font-size: 11px;
  }

  .hm-final-cta {
    padding: 96px 0 112px;
  }

  .hm-cta-panel {
    padding: 54px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(244, 199, 102, 0.1), rgba(155, 107, 255, 0.12) 46%, rgba(255, 255, 255, 0.035));
  }

  .hm-cta-panel h2 {
    max-width: 860px;
    margin: 12px 0 0;
    color: #fff;
    font-size: 52px;
    line-height: 1.08;
    font-weight: 930;
  }

  .hm-cta-panel p {
    max-width: 760px;
    margin: 20px 0 0;
    color: #c2c6d2;
    font-size: 17px;
    line-height: 1.8;
  }

  .hm-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
  }

  .hm-reveal {
    opacity: 0;
    transform: translateY(30px) scale(0.985);
    filter: none;
    transition: opacity 0.72s cubic-bezier(0.16, 1, 0.3, 1), transform 0.72s cubic-bezier(0.16, 1, 0.3, 1), filter 0.72s ease;
    transition-delay: calc(var(--reveal-step, 0) * 60ms);
  }

  .hm-reveal.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: none;
  }

  @keyframes hmPanelScan {
    0%, 52% { transform: translateX(-120%); opacity: 0; }
    62% { opacity: .38; }
    78%, 100% { transform: translateX(120%); opacity: 0; }
  }

  @keyframes hmPulseDot {
    0%, 100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.32), 0 0 22px rgba(74, 222, 128, 0.38); }
    50% { box-shadow: 0 0 0 8px rgba(74, 222, 128, 0), 0 0 34px rgba(74, 222, 128, 0.58); }
  }

  @media (max-width: 1180px) {
    .hm-broker-hero-grid,
    .hm-section-head,
    .hm-module-layout {
      grid-template-columns: 1fr;
    }

    .hm-broker-hero {
      min-height: auto;
      padding: 92px 0 58px;
    }

    .hm-module-meta {
      position: relative;
      top: auto;
    }

    .hm-module--risk .hm-module-meta,
    .hm-module--prop .hm-module-meta,
    .hm-module--support .hm-module-meta,
    .hm-module--risk .hm-module-main,
    .hm-module--prop .hm-module-main,
    .hm-module--support .hm-module-main {
      order: initial;
    }

    .hm-anchor-nav-inner {
      justify-content: flex-start;
    }
  }

  @media (max-width: 900px) {
    .hm-broker-shell {
      width: min(100% - 30px, 760px);
    }

    .hm-broker-title {
      font-size: 58px;
    }

    .hm-broker-lead {
      font-size: 18px;
    }

    .hm-hero-proofline {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      max-width: none;
    }

    .hm-pain-grid,
    .hm-usecase-grid,
    .hm-capability-grid,
    .hm-outcome-panel,
    .hm-risk-board {
      grid-template-columns: 1fr;
    }

    .hm-prop-ladder {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .hm-detail-body {
      grid-template-columns: 1fr;
    }

    .hm-detail-column + .hm-detail-column {
      border-left: 0;
    }

    .hm-module-detail.is-open .hm-detail-body {
      max-height: 1160px;
    }

    .hm-lifecycle {
      overflow-x: auto;
      scrollbar-width: none;
    }

    .hm-lifecycle::-webkit-scrollbar {
      display: none;
    }
  }

  @media (max-width: 640px) {
    .hm-broker-shell {
      width: min(100% - 24px, 560px);
    }

    .hm-broker-hero {
      padding: 74px 0 48px;
    }

    .hm-broker-title {
      font-size: 42px;
      line-height: 1.08;
    }

    .hm-broker-lead {
      font-size: 16px;
      line-height: 1.75;
    }

    .hm-hero-proofline {
      grid-template-columns: 1fr 1fr;
      border-radius: 16px;
    }

    .hm-hero-proofline div {
      padding: 15px;
    }

    .hm-command-card,
    .hm-module-visual,
    .hm-cta-panel {
      border-radius: 20px;
    }

    .hm-command-card,
    .hm-module-visual {
      padding: 18px;
    }

    .hm-flow-row {
      grid-template-columns: 1fr;
      align-items: start;
    }

    .hm-flow-index,
    .hm-flow-tag {
      justify-self: start;
    }

    .hm-anchor-nav {
      top: 64px;
      padding: 9px 0;
    }

    .hm-anchor-nav button {
      min-height: 36px;
      padding: 0 12px;
      font-size: 11px;
    }

    .hm-section,
    .hm-module {
      padding: 68px 0;
    }

    .hm-section-title,
    .hm-module-meta h2,
    .hm-cta-panel h2 {
      font-size: 32px;
      line-height: 1.15;
    }

    .hm-blueprint-lines div,
    .hm-visual-header {
      display: block;
    }

    .hm-visual-header span {
      display: block;
      margin-top: 8px;
      text-align: left;
    }

    .hm-blueprint-lines i {
      display: block;
      margin: 10px 0;
    }

    .hm-prop-ladder,
    .hm-roadmap {
      grid-template-columns: 1fr;
    }

    .hm-module-action {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .hm-module-action button,
    .hm-btn {
      width: 100%;
    }

    .hm-cta-actions {
      display: grid;
      grid-template-columns: 1fr;
    }

    .hm-final-cta {
      padding: 72px 0 calc(104px + env(safe-area-inset-bottom));
    }
  }

  @media (max-width: 420px) {
    .hm-broker-shell {
      width: min(100% - 20px, 390px);
    }

    .hm-broker-title {
      font-size: 38px;
    }

    .hm-hero-proofline {
      grid-template-columns: 1fr;
    }

    .hm-lifecycle {
      grid-template-columns: repeat(5, 92px);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hm-reveal,
    .hm-flow-row,
    .hm-anchor-nav button,
    .hm-pain,
    .hm-usecase,
    .hm-capability,
    .hm-roadmap-step,
    .hm-module-visual::before,
    .hm-lifecycle i {
      animation: none;
      transition: none;
    }
  }
}

@layer hunter-broker-v10 {
  #hm-broker-v7-root {
    --hm-nav-type: "Bahnschrift", "Arial Narrow", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
  }

  .hm-anchor-nav {
    padding: 18px 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background:
      radial-gradient(circle at 18% 0%, rgba(244, 199, 102, 0.08), transparent 30%),
      radial-gradient(circle at 80% 0%, rgba(155, 107, 255, 0.08), transparent 34%),
      linear-gradient(180deg, rgba(10, 10, 12, 0.96), rgba(4, 4, 5, 0.88));
  }

  .hm-anchor-nav-inner {
    width: min(1720px, calc(100% - 44px));
    min-height: 86px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    padding: 10px;
    overflow: visible;
    border-radius: 34px;
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.056), rgba(255, 255, 255, 0.02)),
      rgba(8, 8, 10, 0.78);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.08) inset,
      0 28px 80px rgba(0, 0, 0, 0.34);
  }

  .hm-anchor-glider {
    display: none;
  }

  .hm-anchor-nav button {
    position: relative;
    min-height: 66px;
    padding: 0 24px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 24px;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.012)),
      rgba(255, 255, 255, 0.018);
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--hm-nav-type);
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 0;
    box-shadow: 0 0 0 rgba(244, 199, 102, 0);
    transform: translateZ(0);
    transition:
      color 0.22s ease,
      border-color 0.22s ease,
      background 0.3s ease,
      box-shadow 0.34s ease,
      transform 0.34s cubic-bezier(0.2, 0.9, 0.16, 1);
  }

  .hm-anchor-nav button::before,
  .hm-anchor-nav button::after {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transition:
      opacity 0.28s ease,
      transform 0.42s cubic-bezier(0.2, 0.9, 0.16, 1);
  }

  .hm-anchor-nav button::before {
    inset: -1px;
    border-radius: inherit;
    background:
      linear-gradient(115deg, rgba(255, 255, 255, 0.2), rgba(244, 199, 102, 0.3) 34%, rgba(157, 111, 255, 0.18) 70%, rgba(255, 255, 255, 0.1));
    transform: scaleX(0.86);
    z-index: -1;
  }

  .hm-anchor-nav button::after {
    inset: 10px 14px;
    border-radius: 18px;
    background:
      linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.16), transparent);
    transform: translateX(-16px);
  }

  .hm-anchor-nav button i {
    position: relative;
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
    background: rgba(255, 255, 255, 0.32);
    box-shadow: 0 0 0 rgba(244, 199, 102, 0);
    transition:
      background 0.22s ease,
      box-shadow 0.34s ease,
      transform 0.34s cubic-bezier(0.2, 0.9, 0.16, 1);
  }

  .hm-anchor-nav button i::after {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 999px;
    border: 1px solid rgba(244, 199, 102, 0.22);
    opacity: 0;
    transform: scale(0.62);
    transition: opacity 0.32s ease, transform 0.42s cubic-bezier(0.2, 0.9, 0.16, 1);
  }

  .hm-anchor-nav button:hover,
  .hm-anchor-nav button:focus-visible,
  .hm-anchor-nav button.is-active {
    color: #fff;
    border-color: rgba(244, 199, 102, 0.34);
    background:
      linear-gradient(145deg, rgba(244, 199, 102, 0.15), rgba(157, 111, 255, 0.09)),
      rgba(255, 255, 255, 0.028);
    box-shadow:
      0 18px 48px rgba(0, 0, 0, 0.34),
      0 0 34px rgba(244, 199, 102, 0.13);
    transform: translateY(-2px);
  }

  .hm-anchor-nav button:hover::before,
  .hm-anchor-nav button:focus-visible::before,
  .hm-anchor-nav button.is-active::before,
  .hm-anchor-nav button:hover::after,
  .hm-anchor-nav button:focus-visible::after,
  .hm-anchor-nav button.is-active::after {
    opacity: 1;
    transform: none;
  }

  .hm-anchor-nav button:hover i,
  .hm-anchor-nav button:focus-visible i,
  .hm-anchor-nav button.is-active i {
    background: #f4c766;
    transform: scale(1.36);
    box-shadow:
      0 0 0 9px rgba(244, 199, 102, 0.1),
      0 0 30px rgba(244, 199, 102, 0.8);
  }

  .hm-anchor-nav button:hover i::after,
  .hm-anchor-nav button:focus-visible i::after,
  .hm-anchor-nav button.is-active i::after {
    opacity: 1;
    transform: scale(1);
  }

  .hm-module {
    scroll-margin-top: 154px;
    overflow: visible;
  }

  .hm-module-layout,
  .hm-module-main,
  .hm-capability-grid,
  .hm-outcome-panel,
  .hm-risk-board,
  .hm-prop-ladder,
  .hm-tool-shelf,
  .hm-ecosystem,
  .hm-lifecycle {
    overflow: visible;
  }

  .hm-capability-grid,
  .hm-outcome-panel,
  .hm-risk-board,
  .hm-prop-ladder {
    padding: 26px 18px 22px;
    margin: -26px -18px -22px;
  }

  .hm-capability.hm-reveal,
  .hm-outcome-panel.hm-reveal,
  .hm-module-action.hm-reveal,
  .hm-module-detail.hm-reveal {
    clip-path: none;
  }

  .hm-capability,
  .hm-risk-board div,
  .hm-prop-ladder div,
  .hm-outcome-panel div,
  .hm-lifecycle div,
  .hm-tool-shelf span,
  .hm-ecosystem span {
    backface-visibility: hidden;
    transform: translateZ(0);
  }

  .hm-module--risk .hm-risk-board div:hover,
  .hm-module--prop .hm-prop-ladder div:hover,
  .hm-outcome-panel div:hover,
  .hm-capability:hover {
    transform: translate3d(0, -4px, 0) scale(1.01);
    box-shadow:
      0 20px 48px rgba(0, 0, 0, 0.28),
      0 0 24px color-mix(in srgb, var(--module-accent) 13%, transparent);
  }

  .hm-module-bg {
    opacity: 1;
    contain: paint;
  }

  .hm-module--platform .hm-module-bg {
    background:
      radial-gradient(circle at 24% 16%, rgba(244, 199, 102, 0.18), transparent 24%),
      linear-gradient(90deg, rgba(244, 199, 102, 0.12) 1px, transparent 1px),
      linear-gradient(0deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
      linear-gradient(180deg, #050505 0%, #11100b 52%, #050505 100%);
    background-size: auto, 96px 96px, 96px 96px, auto;
  }

  .hm-module--platform .hm-module-bg::before {
    background:
      linear-gradient(90deg, transparent 0 18%, rgba(244, 199, 102, 0.16) 28%, transparent 42%),
      radial-gradient(circle at 78% 26%, rgba(155, 107, 255, 0.12), transparent 28%);
    animation: hmEpisodePlatformScan 16s cubic-bezier(0.2, 0.9, 0.16, 1) infinite;
  }

  .hm-module--platform .hm-module-bg::after {
    width: 22%;
    left: 4%;
    right: auto;
    background: linear-gradient(180deg, transparent, rgba(244, 199, 102, 0.12), transparent);
    animation: hmEpisodePlatformColumn 14s linear infinite;
  }

  .hm-module--risk .hm-module-bg {
    background:
      repeating-radial-gradient(circle at 72% 38%, transparent 0 52px, rgba(64, 215, 255, 0.12) 53px 55px, transparent 56px 116px),
      radial-gradient(circle at 30% 72%, rgba(74, 222, 128, 0.1), transparent 28%),
      linear-gradient(180deg, #040606 0%, #06191d 54%, #050505 100%);
  }

  .hm-module--risk .hm-module-bg::before {
    background: conic-gradient(from 0deg at 72% 38%, transparent 0 68%, rgba(64, 215, 255, 0.24), transparent 82% 100%);
    animation: hmEpisodeRiskRadar 7.6s linear infinite;
  }

  .hm-module--risk .hm-module-bg::after {
    background: radial-gradient(ellipse at 72% 38%, rgba(64, 215, 255, 0.08), transparent 36%);
    animation: hmEpisodeRiskBreath 5.8s ease-in-out infinite;
  }

  .hm-module--plugins .hm-module-bg {
    background:
      radial-gradient(circle, rgba(155, 107, 255, 0.25) 0 1px, transparent 2px) 0 0 / 34px 34px,
      radial-gradient(circle, rgba(244, 199, 102, 0.13) 0 1px, transparent 2px) 17px 17px / 34px 34px,
      radial-gradient(circle at 66% 20%, rgba(155, 107, 255, 0.18), transparent 26%),
      linear-gradient(180deg, #060508 0%, #0d0719 50%, #050505 100%);
  }

  .hm-module--plugins .hm-module-bg::before {
    background:
      radial-gradient(circle at 18% 28%, rgba(244, 199, 102, 0.12), transparent 15%),
      radial-gradient(circle at 74% 64%, rgba(155, 107, 255, 0.16), transparent 20%);
    animation: hmEpisodePluginFloat 13s ease-in-out infinite;
  }

  .hm-module--plugins .hm-module-bg::after {
    background: conic-gradient(from 240deg at 52% 44%, rgba(155, 107, 255, 0.16), transparent 28%, rgba(244, 199, 102, 0.09), transparent 62%);
    animation: hmEpisodePluginDial 14s ease-in-out infinite;
  }

  .hm-module--prop .hm-module-bg {
    background:
      linear-gradient(180deg, rgba(251, 113, 133, 0.14) 0 13%, transparent 13% 30%, rgba(244, 199, 102, 0.075) 30% 42%, transparent 42% 63%, rgba(251, 113, 133, 0.1) 63% 78%, transparent 78%),
      radial-gradient(circle at 20% 20%, rgba(251, 113, 133, 0.14), transparent 27%),
      linear-gradient(90deg, #070406 0%, #19080e 48%, #050505 100%);
  }

  .hm-module--prop .hm-module-bg::before {
    background:
      linear-gradient(90deg, transparent 0 8%, rgba(251, 113, 133, 0.13) 8% 24%, transparent 24% 36%, rgba(244, 199, 102, 0.08) 36% 52%, transparent 52% 100%);
    animation: hmEpisodePropCurtainV10 16s ease-in-out infinite;
  }

  .hm-module--prop .hm-module-bg::after {
    background: radial-gradient(ellipse at 62% 52%, rgba(251, 113, 133, 0.16), transparent 32%);
    animation: hmEpisodePropGlow 6.4s ease-in-out infinite;
  }

  .hm-module--crm .hm-module-bg {
    background:
      radial-gradient(circle at 16% 35%, rgba(74, 222, 128, 0.18), transparent 18%),
      radial-gradient(circle at 44% 50%, rgba(64, 215, 255, 0.11), transparent 18%),
      radial-gradient(circle at 72% 34%, rgba(74, 222, 128, 0.15), transparent 20%),
      linear-gradient(180deg, #040605 0%, #07180d 54%, #050505 100%);
  }

  .hm-module--crm .hm-module-bg::before {
    background:
      radial-gradient(circle at 16% 35%, rgba(74, 222, 128, 0.22) 0 2px, transparent 3px),
      radial-gradient(circle at 44% 50%, rgba(64, 215, 255, 0.16) 0 2px, transparent 3px),
      radial-gradient(circle at 72% 34%, rgba(74, 222, 128, 0.2) 0 2px, transparent 3px);
    animation: hmEpisodeCrmNodes 8s ease-in-out infinite;
  }

  .hm-module--crm .hm-module-bg::after {
    background:
      linear-gradient(90deg, transparent 16%, rgba(74, 222, 128, 0.1) 16.2%, transparent 44%, rgba(64, 215, 255, 0.08) 44.2%, transparent 72%, rgba(74, 222, 128, 0.09) 72.2%, transparent);
    animation: hmEpisodeCrmFlow 13s ease-in-out infinite;
  }

  .hm-module--support .hm-module-bg {
    background:
      radial-gradient(circle at 20% 32%, rgba(192, 132, 252, 0.2) 0 1px, transparent 2px),
      radial-gradient(circle at 62% 46%, rgba(64, 215, 255, 0.13) 0 1px, transparent 2px),
      radial-gradient(circle at 78% 18%, rgba(244, 199, 102, 0.13) 0 1px, transparent 2px),
      radial-gradient(circle at 38% 78%, rgba(192, 132, 252, 0.13) 0 1px, transparent 2px),
      linear-gradient(180deg, #050507 0%, #10091a 52%, #050505 100%);
    background-size: 78px 78px, 96px 96px, 116px 116px, 132px 132px, auto;
  }

  .hm-module--support .hm-module-bg::before {
    background:
      conic-gradient(from 160deg at 58% 42%, rgba(192, 132, 252, 0.13), transparent 18%, rgba(64, 215, 255, 0.08), transparent 42%, rgba(244, 199, 102, 0.06), transparent 72%);
    animation: hmEpisodeSupportOrbit 18s ease-in-out infinite;
  }

  .hm-module--support .hm-module-bg::after {
    background:
      radial-gradient(ellipse at 58% 42%, rgba(192, 132, 252, 0.14), transparent 34%),
      radial-gradient(ellipse at 26% 68%, rgba(64, 215, 255, 0.08), transparent 28%);
    animation: hmEpisodeSupportPulse 7.2s ease-in-out infinite;
  }

  .hm-reveal {
    clip-path: none;
    transition:
      opacity 0.9s cubic-bezier(0.2, 0.9, 0.16, 1),
      transform 0.9s cubic-bezier(0.2, 0.9, 0.16, 1);
    transition-delay: calc(var(--reveal-step, 0) * 44ms);
  }

  .hm-module--platform .hm-reveal { transform: translate3d(0, 30px, 0) scale(0.988); }
  .hm-module--risk .hm-reveal { transform: translate3d(32px, 0, 0) scale(0.99); }
  .hm-module--plugins .hm-reveal { transform: translate3d(0, 22px, 0) scale(0.972); }
  .hm-module--prop .hm-reveal { transform: translate3d(0, 34px, 0) rotateX(5deg); transform-origin: 50% 100%; }
  .hm-module--crm .hm-reveal { transform: translate3d(-32px, 0, 0) scale(0.99); }
  .hm-module--support .hm-reveal { transform: translate3d(0, 24px, 0) scale(0.982); }

  @keyframes hmEpisodeRiskBreath {
    0%, 100% { opacity: 0.34; transform: scale(0.96); }
    50% { opacity: 0.72; transform: scale(1.04); }
  }

  @keyframes hmEpisodePluginFloat {
    0%, 100% { transform: translate3d(-2%, -1%, 0); opacity: 0.42; }
    50% { transform: translate3d(2%, 1%, 0); opacity: 0.76; }
  }

  @keyframes hmEpisodePropCurtainV10 {
    0%, 100% { transform: translateX(-4%); opacity: 0.36; }
    50% { transform: translateX(4%); opacity: 0.66; }
  }

  @keyframes hmEpisodePropGlow {
    0%, 100% { opacity: 0.28; transform: scale(0.94); }
    50% { opacity: 0.64; transform: scale(1.06); }
  }

  @keyframes hmEpisodeCrmNodes {
    0%, 100% { transform: translateY(-3%); opacity: 0.4; }
    50% { transform: translateY(3%); opacity: 0.82; }
  }

  @keyframes hmEpisodeSupportPulse {
    0%, 100% { opacity: 0.28; transform: scale(0.96); }
    50% { opacity: 0.62; transform: scale(1.05); }
  }

  @media (max-width: 1180px) {
    .hm-anchor-nav-inner {
      display: flex;
      width: min(100% - 28px, 1040px);
      min-height: 74px;
      gap: 10px;
      overflow-x: auto;
      overflow-y: visible;
      scroll-snap-type: x proximity;
    }

    .hm-anchor-nav button {
      min-width: 172px;
      min-height: 56px;
      scroll-snap-align: center;
      font-size: 15px;
    }
  }

  @media (max-width: 640px) {
    .hm-anchor-nav {
      top: 64px;
      padding: 10px 0 12px;
    }

    .hm-anchor-nav-inner {
      width: min(100% - 18px, 560px);
      min-height: 64px;
      padding: 7px;
      border-radius: 24px;
    }

    .hm-anchor-nav button {
      min-width: 138px;
      min-height: 48px;
      padding: 0 14px;
      border-radius: 18px;
      font-size: 13px;
    }

    .hm-module {
      scroll-margin-top: 124px;
    }

    .hm-capability-grid,
    .hm-outcome-panel,
    .hm-risk-board,
    .hm-prop-ladder {
      padding: 20px 10px 18px;
      margin: -20px -10px -18px;
    }

    .hm-reveal {
      transition-duration: 0.68s;
      transition-delay: calc(var(--reveal-step, 0) * 42ms);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hm-anchor-nav button,
    .hm-anchor-nav button::before,
    .hm-anchor-nav button::after,
    .hm-anchor-nav button i,
    .hm-anchor-nav button i::after {
      transition: none !important;
    }
  }
}

@layer hunter-broker-v8 {
  #hm-broker-v7-root {
    --hm-nav-type: "Arial Narrow", "Bahnschrift", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
  }

  .hm-broker-v7 {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.034), transparent 430px),
      linear-gradient(90deg, rgba(244, 199, 102, 0.05), transparent 30%, rgba(140, 98, 255, 0.055) 72%, transparent),
      #050505;
  }

  .hm-anchor-nav {
    top: 80px;
    padding: 18px 0;
    border: 0;
    background:
      linear-gradient(180deg, rgba(13, 13, 16, 0.92), rgba(5, 5, 5, 0.82)),
      rgba(5, 5, 5, 0.86);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.07) inset,
      0 -1px 0 rgba(255, 255, 255, 0.055) inset,
      0 24px 70px rgba(0, 0, 0, 0.34);
    backdrop-filter: blur(24px) saturate(1.18);
  }

  .hm-anchor-nav-inner {
    position: relative;
    width: min(1500px, calc(100% - 56px));
    display: grid;
    grid-template-columns: repeat(6, minmax(128px, 1fr));
    gap: 12px;
    justify-content: stretch;
    padding: 6px;
    overflow: visible;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 28px;
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
      rgba(7, 7, 8, 0.72);
  }

  .hm-anchor-glider {
    position: absolute;
    left: 0;
    top: 0;
    width: var(--glider-w, 0px);
    height: var(--glider-h, 0px);
    border: 1px solid rgba(244, 199, 102, 0.42);
    border-radius: 22px;
    background:
      linear-gradient(120deg, rgba(255, 255, 255, 0.13), rgba(244, 199, 102, 0.16) 34%, rgba(157, 111, 255, 0.11)),
      rgba(255, 255, 255, 0.035);
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.04) inset,
      0 18px 42px rgba(0, 0, 0, 0.38),
      0 0 38px rgba(244, 199, 102, 0.16);
    opacity: 0.98;
    pointer-events: none;
    transform: translate3d(var(--glider-x, 0px), var(--glider-y, 0px), 0);
    transition:
      transform 0.46s cubic-bezier(0.16, 1, 0.3, 1),
      width 0.46s cubic-bezier(0.16, 1, 0.3, 1),
      height 0.46s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 0;
  }

  .hm-anchor-glider::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    opacity: 0.42;
    transform: translateX(-42%);
    animation: hmNavGlideLight 3.8s ease-in-out infinite;
  }

  .hm-anchor-nav button {
    z-index: 1;
    min-height: 62px;
    justify-content: center;
    gap: 12px;
    width: 100%;
    padding: 0 18px;
    border: 0;
    border-radius: 22px;
    background: transparent;
    color: rgba(255, 255, 255, 0.66);
    font-family: var(--hm-nav-type);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.02em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55);
    transition:
      color 0.24s ease,
      transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .hm-anchor-nav button::before {
    content: "";
    position: absolute;
    inset: 8px 10px;
    border-radius: 16px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.09), transparent);
    opacity: 0;
    transform: scaleX(0.72);
    transition: opacity 0.28s ease, transform 0.34s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
  }

  .hm-anchor-nav button i {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.28);
    box-shadow: 0 0 0 0 rgba(244, 199, 102, 0);
  }

  .hm-anchor-nav button span {
    position: relative;
    z-index: 1;
    white-space: nowrap;
  }

  .hm-anchor-nav button:hover,
  .hm-anchor-nav button.is-active {
    color: #fff;
    border-color: transparent;
    background: transparent;
    transform: translateY(-2px);
    box-shadow: none;
  }

  .hm-anchor-nav button:hover::before,
  .hm-anchor-nav button.is-active::before {
    opacity: 1;
    transform: scaleX(1);
  }

  .hm-anchor-nav button:hover i,
  .hm-anchor-nav button.is-active i {
    background: #f4c766;
    transform: scale(1.42);
    box-shadow:
      0 0 0 8px rgba(244, 199, 102, 0.11),
      0 0 28px rgba(244, 199, 102, 0.74);
  }

  .hm-module {
    border-top: 0;
    padding: 112px 0;
  }

  .hm-module-bg {
    opacity: 0.96;
    transform: none;
    transition: opacity 0.5s ease, background-position 0.6s ease;
    background-size: 120% 120%, 96px 96px, 100% 100%;
  }

  .hm-module.is-active .hm-module-bg {
    opacity: 1;
    transform: none;
  }

  .hm-module--platform .hm-module-bg {
    background:
      linear-gradient(120deg, rgba(244, 199, 102, 0.16), rgba(155, 107, 255, 0.055) 42%, transparent 74%),
      repeating-linear-gradient(90deg, rgba(244, 199, 102, 0.09) 0 1px, transparent 1px 92px),
      repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.052) 0 1px, transparent 1px 92px),
      linear-gradient(180deg, #050505 0%, #100e09 48%, #050505 100%);
    background-size: 140% 140%, 92px 92px, 92px 92px, 100% 100%;
  }

  .hm-module--risk .hm-module-bg {
    background:
      linear-gradient(135deg, rgba(64, 215, 255, 0.17), transparent 40%, rgba(74, 222, 128, 0.055) 74%, transparent),
      repeating-linear-gradient(128deg, rgba(64, 215, 255, 0.105) 0 1px, transparent 1px 88px),
      linear-gradient(180deg, #050606 0%, #061618 48%, #050505 100%);
    background-size: 140% 140%, 88px 88px, 100% 100%;
  }

  .hm-module--plugins .hm-module-bg {
    background:
      conic-gradient(from 210deg at 50% 30%, rgba(155, 107, 255, 0.14), transparent 28%, rgba(244, 199, 102, 0.06), transparent 64%, rgba(155, 107, 255, 0.1)),
      repeating-linear-gradient(45deg, rgba(155, 107, 255, 0.075) 0 1px, transparent 1px 76px),
      linear-gradient(180deg, #060508 0%, #0c0717 50%, #050505 100%);
    background-size: 130% 130%, 76px 76px, 100% 100%;
  }

  .hm-module--prop .hm-module-bg {
    background:
      linear-gradient(125deg, rgba(251, 113, 133, 0.15), rgba(244, 199, 102, 0.065) 46%, transparent 74%),
      repeating-linear-gradient(160deg, rgba(251, 113, 133, 0.08) 0 2px, transparent 2px 98px),
      linear-gradient(180deg, #070406 0%, #16070b 46%, #050505 100%);
    background-size: 140% 140%, 98px 98px, 100% 100%;
  }

  .hm-module--crm .hm-module-bg {
    background:
      linear-gradient(90deg, rgba(74, 222, 128, 0.14), transparent 34%, rgba(64, 215, 255, 0.06) 72%, transparent),
      repeating-linear-gradient(0deg, rgba(74, 222, 128, 0.07) 0 1px, transparent 1px 80px),
      linear-gradient(180deg, #040605 0%, #07170d 52%, #050505 100%);
    background-size: 140% 140%, 80px 80px, 100% 100%;
  }

  .hm-module--support .hm-module-bg {
    background:
      conic-gradient(from 140deg at 72% 36%, rgba(192, 132, 252, 0.14), transparent 30%, rgba(64, 215, 255, 0.06), transparent 64%, rgba(244, 199, 102, 0.055)),
      repeating-linear-gradient(115deg, rgba(192, 132, 252, 0.072) 0 1px, transparent 1px 86px),
      linear-gradient(180deg, #050507 0%, #10091a 50%, #050505 100%);
    background-size: 130% 130%, 86px 86px, 100% 100%;
  }

  .hm-module--platform.is-active .hm-module-bg { animation: hmModuleDraftGrid 22s linear infinite; }
  .hm-module--risk.is-active .hm-module-bg { animation: hmModuleRiskField 18s linear infinite; }
  .hm-module--plugins.is-active .hm-module-bg { animation: hmModuleToolMesh 21s linear infinite; }
  .hm-module--prop.is-active .hm-module-bg { animation: hmModulePropStage 19s linear infinite; }
  .hm-module--crm.is-active .hm-module-bg { animation: hmModuleClientFlow 20s linear infinite; }
  .hm-module--support.is-active .hm-module-bg { animation: hmModuleEcosystem 23s linear infinite; }

  .hm-module-layout {
    gap: 64px;
  }

  .hm-module-visual {
    isolation: isolate;
    border-color: color-mix(in srgb, var(--module-accent) 38%, rgba(255, 255, 255, 0.12));
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.082), rgba(255, 255, 255, 0.022)),
      rgba(2, 3, 5, 0.54);
    box-shadow:
      0 26px 90px rgba(0, 0, 0, 0.34),
      0 0 0 1px rgba(255, 255, 255, 0.035) inset;
    transform:
      perspective(980px)
      rotateX(var(--tilt-x, 0deg))
      rotateY(var(--tilt-y, 0deg))
      translateY(0);
    transform-style: preserve-3d;
    transition:
      transform 0.22s ease,
      box-shadow 0.32s ease,
      border-color 0.32s ease;
    will-change: transform;
  }

  .hm-module-visual::before {
    background:
      linear-gradient(118deg, transparent 0%, color-mix(in srgb, var(--module-accent) 18%, transparent) 42%, rgba(255, 255, 255, 0.12) 50%, transparent 59%),
      linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.045), transparent);
    animation: hmPanelScanV8 8.4s cubic-bezier(0.16, 1, 0.3, 1) infinite;
  }

  .hm-module-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
      radial-gradient(circle at var(--mx, 50%) var(--my, 50%), color-mix(in srgb, var(--module-accent) 22%, transparent), transparent 28%);
    opacity: 0;
    transition: opacity 0.28s ease;
    pointer-events: none;
  }

  .hm-module-visual:hover::after {
    opacity: 1;
  }

  .hm-module.is-active .hm-module-visual {
    border-color: color-mix(in srgb, var(--module-accent) 52%, rgba(255, 255, 255, 0.16));
    box-shadow:
      0 32px 96px rgba(0, 0, 0, 0.42),
      0 0 54px color-mix(in srgb, var(--module-accent) 18%, transparent),
      0 0 0 1px rgba(255, 255, 255, 0.05) inset;
  }

  .hm-module--platform .hm-blueprint-lines div {
    transform: none;
  }

  .hm-module--platform.is-active .hm-blueprint-lines div {
    animation: none;
  }

  .hm-module--platform.is-active .hm-blueprint-lines div:nth-child(2) { animation-delay: 0.28s; }
  .hm-module--platform.is-active .hm-blueprint-lines div:nth-child(3) { animation-delay: 0.56s; }
  .hm-module--platform.is-active .hm-blueprint-lines div:nth-child(4) { animation-delay: 0.84s; }

  .hm-module--risk .hm-risk-board div,
  .hm-module--prop .hm-prop-ladder div,
  .hm-outcome-panel div,
  .hm-capability {
    transition:
      transform 0.34s cubic-bezier(0.16, 1, 0.3, 1),
      border-color 0.28s ease,
      background 0.28s ease,
      box-shadow 0.28s ease;
  }

  .hm-module--risk .hm-risk-board div:hover,
  .hm-module--prop .hm-prop-ladder div:hover,
  .hm-outcome-panel div:hover,
  .hm-capability:hover {
    transform: translateY(-6px);
    border-color: color-mix(in srgb, var(--module-accent) 36%, rgba(255, 255, 255, 0.16));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.026));
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
  }

  .hm-module--risk.is-active .hm-risk-board div {
    animation: hmRiskPulse 4.9s ease-in-out infinite;
  }

  .hm-module--risk.is-active .hm-risk-board div:nth-child(2) { animation-delay: 0.35s; }
  .hm-module--risk.is-active .hm-risk-board div:nth-child(3) { animation-delay: 0.7s; }
  .hm-module--risk.is-active .hm-risk-board div:nth-child(4) { animation-delay: 1.05s; }

  .hm-module--plugins.is-active .hm-tool-shelf span {
    animation: hmToolLift 5.4s ease-in-out infinite;
  }

  .hm-module--plugins.is-active .hm-tool-shelf span:nth-child(3n + 2) { animation-delay: 0.24s; }
  .hm-module--plugins.is-active .hm-tool-shelf span:nth-child(3n + 3) { animation-delay: 0.48s; }

  .hm-module--prop.is-active .hm-prop-ladder div {
    animation: hmPropDeck 5.6s ease-in-out infinite;
  }

  .hm-module--prop.is-active .hm-prop-ladder div:nth-child(2) { animation-delay: 0.25s; }
  .hm-module--prop.is-active .hm-prop-ladder div:nth-child(3) { animation-delay: 0.5s; }
  .hm-module--prop.is-active .hm-prop-ladder div:nth-child(4) { animation-delay: 0.75s; }

  .hm-lifecycle {
    gap: 12px;
    padding: 10px 0 0;
  }

  .hm-lifecycle::before {
    display: none;
  }

  .hm-lifecycle div {
    min-height: 126px;
    padding: 44px 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background:
      linear-gradient(180deg, rgba(74, 222, 128, 0.09), rgba(255, 255, 255, 0.022)),
      rgba(0, 0, 0, 0.16);
    transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
  }

  .hm-lifecycle div:hover {
    transform: translateY(-5px);
    border-color: rgba(74, 222, 128, 0.36);
    background:
      linear-gradient(180deg, rgba(74, 222, 128, 0.16), rgba(255, 255, 255, 0.03)),
      rgba(0, 0, 0, 0.18);
  }

  .hm-module--crm.is-active .hm-lifecycle div {
    animation: hmClientPulse 5.2s ease-in-out infinite;
  }

  .hm-module--crm.is-active .hm-lifecycle div:nth-child(2) { animation-delay: 0.2s; }
  .hm-module--crm.is-active .hm-lifecycle div:nth-child(3) { animation-delay: 0.4s; }
  .hm-module--crm.is-active .hm-lifecycle div:nth-child(4) { animation-delay: 0.6s; }
  .hm-module--crm.is-active .hm-lifecycle div:nth-child(5) { animation-delay: 0.8s; }

  .hm-module--support.is-active .hm-ecosystem span {
    animation: hmEcosystemSignal 5.8s ease-in-out infinite;
  }

  .hm-module--support.is-active .hm-ecosystem span:nth-child(2n) {
    animation-delay: 0.34s;
  }

  .hm-reveal {
    opacity: 0;
    filter: none;
    clip-path: inset(0 0 18% 0);
    transition:
      opacity 0.78s cubic-bezier(0.16, 1, 0.3, 1),
      transform 0.78s cubic-bezier(0.16, 1, 0.3, 1),
      clip-path 0.78s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .hm-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0) scale(1);
    clip-path: inset(0 0 0 0);
  }

  .hm-module--platform .hm-reveal { transform: translate3d(0, 34px, 0); }
  .hm-module--risk .hm-reveal { transform: translate3d(34px, 0, 0); }
  .hm-module--plugins .hm-reveal { transform: translate3d(0, 22px, 0) scale(0.968); }
  .hm-module--prop .hm-reveal { transform: translate3d(0, 38px, 0) rotateX(6deg); transform-origin: 50% 100%; }
  .hm-module--crm .hm-reveal { transform: translate3d(-34px, 0, 0); }
  .hm-module--support .hm-reveal { transform: translate3d(0, 26px, 0) scale(0.982); }

  @keyframes hmNavGlideLight {
    0%, 100% { transform: translateX(-44%); opacity: 0.24; }
    48% { transform: translateX(44%); opacity: 0.54; }
  }

  @keyframes hmPanelScanV8 {
    0%, 48% { transform: translateX(-125%); opacity: 0; }
    60% { opacity: 0.42; }
    76%, 100% { transform: translateX(125%); opacity: 0; }
  }

  @keyframes hmModuleDraftGrid {
    0% { background-position: 0% 0%, 0 0, 0 0, 0 0; }
    100% { background-position: 100% 34%, 92px 0, 0 92px, 0 0; }
  }

  @keyframes hmModuleRiskField {
    0% { background-position: 0% 0%, 0 0, 0 0; }
    100% { background-position: 100% 18%, 88px 88px, 0 0; }
  }

  @keyframes hmModuleToolMesh {
    0% { background-position: 0% 0%, 0 0, 0 0; }
    100% { background-position: 80% 40%, 76px 76px, 0 0; }
  }

  @keyframes hmModulePropStage {
    0% { background-position: 0% 0%, 0 0, 0 0; }
    100% { background-position: 90% 28%, 98px 98px, 0 0; }
  }

  @keyframes hmModuleClientFlow {
    0% { background-position: 0% 0%, 0 0, 0 0; }
    100% { background-position: 100% 0%, 0 80px, 0 0; }
  }

  @keyframes hmModuleEcosystem {
    0% { background-position: 0% 0%, 0 0, 0 0; }
    100% { background-position: 78% 36%, 86px 86px, 0 0; }
  }

  @keyframes hmBlueprintLane {
    0%, 100% { transform: translateX(-6px); opacity: 0.76; }
    50% { transform: translateX(0); opacity: 1; }
  }

  @keyframes hmRiskPulse {
    0%, 100% { box-shadow: 0 0 0 rgba(64, 215, 255, 0); }
    50% { box-shadow: 0 0 34px rgba(64, 215, 255, 0.14); }
  }

  @keyframes hmToolLift {
    0%, 100% { transform: translateY(0); border-color: rgba(255, 255, 255, 0.1); }
    50% { transform: translateY(-4px); border-color: color-mix(in srgb, var(--module-accent) 34%, rgba(255, 255, 255, 0.16)); }
  }

  @keyframes hmPropDeck {
    0%, 100% { transform: translateY(0) rotateX(0); }
    50% { transform: translateY(-5px) rotateX(4deg); }
  }

  @keyframes hmClientPulse {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
  }

  @keyframes hmEcosystemSignal {
    0%, 100% { transform: translateY(0); box-shadow: none; }
    50% { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(192, 132, 252, 0.12); }
  }

  @media (max-width: 1180px) {
    .hm-anchor-nav {
      top: 72px;
      padding: 14px 0;
    }

    .hm-anchor-nav-inner {
      width: min(100% - 32px, 980px);
      display: flex;
      justify-content: flex-start;
      overflow-x: auto;
      overflow-y: hidden;
      padding: 5px;
      scroll-snap-type: x proximity;
    }

    .hm-anchor-nav button {
      min-width: 156px;
      min-height: 54px;
      scroll-snap-align: center;
    }

    .hm-module {
      padding: 94px 0;
    }
  }

  @media (max-width: 640px) {
    .hm-anchor-nav {
      top: 64px;
      padding: 11px 0;
    }

    .hm-anchor-nav-inner {
      width: min(100% - 20px, 560px);
      border-radius: 22px;
      gap: 8px;
    }

    .hm-anchor-glider {
      border-radius: 18px;
    }

    .hm-anchor-nav button {
      min-width: 132px;
      min-height: 46px;
      padding: 0 13px;
      border-radius: 18px;
      font-size: 13px;
    }

    .hm-anchor-nav button i {
      width: 7px;
      height: 7px;
    }

    .hm-module {
      padding: 76px 0;
    }

    .hm-module-visual {
      transform: none;
    }

    .hm-lifecycle {
      grid-template-columns: repeat(5, 110px);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hm-anchor-glider,
    .hm-anchor-glider::after,
    .hm-module-bg,
    .hm-module-visual,
    .hm-module-visual::before,
    .hm-module-visual::after,
    .hm-blueprint-lines div,
    .hm-risk-board div,
    .hm-tool-shelf span,
    .hm-prop-ladder div,
    .hm-lifecycle div,
    .hm-ecosystem span,
    .hm-reveal {
      animation: none !important;
      transition: none !important;
    }
  }
}

@layer hunter-broker-v9 {
  #hm-broker-v7-root,
  .hm-broker-v7 {
    overflow: visible;
  }

  .hm-anchor-nav {
    padding: 16px 0;
  }

  .hm-anchor-nav-inner {
    isolation: isolate;
    width: min(1540px, calc(100% - 48px));
    grid-template-columns: repeat(6, minmax(142px, 1fr));
    gap: 10px;
    overflow: visible;
    border-radius: 26px;
  }

  .hm-anchor-glider {
    border-color: rgba(244, 199, 102, 0.5);
    background:
      linear-gradient(110deg, rgba(255, 255, 255, 0.14), rgba(244, 199, 102, 0.15) 36%, rgba(151, 111, 255, 0.13) 72%),
      rgba(255, 255, 255, 0.034);
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.05) inset,
      0 20px 54px rgba(0, 0, 0, 0.38),
      0 0 46px rgba(244, 199, 102, 0.2);
    transition:
      transform 0.32s cubic-bezier(0.2, 0.9, 0.16, 1),
      width 0.32s cubic-bezier(0.2, 0.9, 0.16, 1),
      height 0.32s cubic-bezier(0.2, 0.9, 0.16, 1);
  }

  .hm-anchor-nav button {
    min-height: 60px;
    font-size: 15px;
  }

  .hm-anchor-nav button::before {
    display: none;
  }

  .hm-anchor-nav button:hover,
  .hm-anchor-nav button:focus-visible,
  .hm-anchor-nav button.is-active {
    transform: translateY(-1px);
  }

  .hm-anchor-nav button:hover span,
  .hm-anchor-nav button:focus-visible span,
  .hm-anchor-nav button.is-active span {
    text-shadow: 0 0 18px rgba(244, 199, 102, 0.24);
  }

  .hm-module {
    overflow: visible;
    padding: 122px 0;
  }

  .hm-module-bg {
    overflow: hidden;
    inset: 0;
    opacity: 1;
    background-size: auto;
  }

  .hm-module-bg::before,
  .hm-module-bg::after {
    content: "";
    position: absolute;
    inset: -18%;
    pointer-events: none;
  }

  .hm-module--platform .hm-module-bg {
    background:
      linear-gradient(180deg, rgba(244, 199, 102, 0.08), transparent 36%, rgba(5, 5, 5, 0.58)),
      linear-gradient(90deg, rgba(244, 199, 102, 0.13) 1px, transparent 1px),
      linear-gradient(0deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
      #050505;
    background-size: auto, 84px 84px, 84px 84px, auto;
  }

  .hm-module--platform .hm-module-bg::before {
    background:
      linear-gradient(90deg, transparent 0 28%, rgba(244, 199, 102, 0.16) 42%, transparent 56%),
      linear-gradient(180deg, transparent, rgba(155, 107, 255, 0.08), transparent);
    animation: hmEpisodePlatformScan 18s ease-in-out infinite;
  }

  .hm-module--platform .hm-module-bg::after {
    background: linear-gradient(180deg, transparent, rgba(244, 199, 102, 0.09), transparent);
    width: 18%;
    left: 12%;
    right: auto;
    animation: hmEpisodePlatformColumn 16s linear infinite;
  }

  .hm-module--risk .hm-module-bg {
    background:
      repeating-radial-gradient(circle at 74% 38%, transparent 0 42px, rgba(64, 215, 255, 0.11) 43px 45px, transparent 46px 94px),
      conic-gradient(from 20deg at 74% 38%, rgba(64, 215, 255, 0.18), transparent 16%, rgba(74, 222, 128, 0.08) 24%, transparent 42%, rgba(64, 215, 255, 0.08), transparent 70%),
      linear-gradient(180deg, #050606 0%, #061719 52%, #050505 100%);
  }

  .hm-module--risk .hm-module-bg::before {
    background: conic-gradient(from 0deg at 74% 38%, transparent 0 72%, rgba(64, 215, 255, 0.22), transparent 82% 100%);
    animation: hmEpisodeRiskRadar 8.8s linear infinite;
  }

  .hm-module--risk .hm-module-bg::after {
    background:
      linear-gradient(180deg, rgba(64, 215, 255, 0.06), transparent 24%, rgba(74, 222, 128, 0.045) 52%, transparent 78%),
      repeating-linear-gradient(0deg, transparent 0 27px, rgba(64, 215, 255, 0.055) 28px 29px);
    animation: hmEpisodeRiskTicker 13s linear infinite;
  }

  .hm-module--plugins .hm-module-bg {
    background:
      radial-gradient(circle, rgba(155, 107, 255, 0.24) 0 1px, transparent 2px) 0 0 / 30px 30px,
      radial-gradient(circle, rgba(244, 199, 102, 0.12) 0 1px, transparent 2px) 15px 15px / 30px 30px,
      linear-gradient(180deg, #060508 0%, #0d0719 50%, #050505 100%);
  }

  .hm-module--plugins .hm-module-bg::before {
    background:
      linear-gradient(90deg, transparent 0 14%, rgba(155, 107, 255, 0.11) 14% 15%, transparent 15% 31%, rgba(244, 199, 102, 0.07) 31% 32%, transparent 32%),
      linear-gradient(180deg, transparent 0 22%, rgba(155, 107, 255, 0.09) 22% 23%, transparent 23% 47%, rgba(255, 255, 255, 0.045) 47% 48%, transparent 48%);
    animation: hmEpisodePluginMatrix 20s linear infinite;
  }

  .hm-module--plugins .hm-module-bg::after {
    background: conic-gradient(from 240deg at 48% 34%, rgba(155, 107, 255, 0.15), transparent 26%, rgba(244, 199, 102, 0.08), transparent 58%);
    animation: hmEpisodePluginDial 17s ease-in-out infinite;
  }

  .hm-module--prop .hm-module-bg {
    background:
      linear-gradient(180deg, rgba(251, 113, 133, 0.12) 0 16%, transparent 16% 34%, rgba(244, 199, 102, 0.06) 34% 49%, transparent 49% 68%, rgba(251, 113, 133, 0.08) 68% 84%, transparent 84%),
      linear-gradient(90deg, #070406 0%, #17070d 46%, #050505 100%);
  }

  .hm-module--prop .hm-module-bg::before {
    background:
      linear-gradient(90deg, transparent 0 10%, rgba(251, 113, 133, 0.12) 10% 20%, transparent 20% 32%, rgba(244, 199, 102, 0.08) 32% 46%, transparent 46% 100%);
    transform: skewY(-6deg);
    animation: hmEpisodePropCurtain 18s ease-in-out infinite;
  }

  .hm-module--prop .hm-module-bg::after {
    background:
      linear-gradient(180deg, transparent, rgba(251, 113, 133, 0.1), transparent),
      repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 140px);
    animation: hmEpisodePropStage 14s linear infinite;
  }

  .hm-module--crm .hm-module-bg {
    background:
      linear-gradient(90deg, rgba(74, 222, 128, 0.13) 0 17%, transparent 17% 20%, rgba(74, 222, 128, 0.07) 20% 37%, transparent 37% 40%, rgba(64, 215, 255, 0.07) 40% 57%, transparent 57% 60%, rgba(74, 222, 128, 0.08) 60% 77%, transparent 77% 80%, rgba(244, 199, 102, 0.06) 80% 100%),
      linear-gradient(180deg, #040605 0%, #07180d 54%, #050505 100%);
  }

  .hm-module--crm .hm-module-bg::before {
    background:
      linear-gradient(180deg, transparent, rgba(74, 222, 128, 0.11), transparent),
      linear-gradient(90deg, rgba(255, 255, 255, 0.04), transparent 24%, rgba(255, 255, 255, 0.035) 50%, transparent 72%);
    animation: hmEpisodeCrmFlow 15s ease-in-out infinite;
  }

  .hm-module--crm .hm-module-bg::after {
    background: repeating-linear-gradient(90deg, transparent 0 18%, rgba(74, 222, 128, 0.09) 18% 18.3%, transparent 18.3% 20%);
    animation: hmEpisodeCrmColumns 19s linear infinite;
  }

  .hm-module--support .hm-module-bg {
    background:
      radial-gradient(circle at 20% 32%, rgba(192, 132, 252, 0.18) 0 1px, transparent 2px),
      radial-gradient(circle at 62% 46%, rgba(64, 215, 255, 0.12) 0 1px, transparent 2px),
      radial-gradient(circle at 78% 18%, rgba(244, 199, 102, 0.12) 0 1px, transparent 2px),
      linear-gradient(180deg, #050507 0%, #10091a 50%, #050505 100%);
    background-size: 72px 72px, 88px 88px, 104px 104px, auto;
  }

  .hm-module--support .hm-module-bg::before {
    background:
      conic-gradient(from 160deg at 58% 42%, rgba(192, 132, 252, 0.12), transparent 18%, rgba(64, 215, 255, 0.08), transparent 42%, rgba(244, 199, 102, 0.05), transparent 72%),
      linear-gradient(115deg, transparent 0 45%, rgba(192, 132, 252, 0.12) 46%, transparent 47% 100%);
    animation: hmEpisodeSupportOrbit 21s ease-in-out infinite;
  }

  .hm-module--support .hm-module-bg::after {
    background:
      linear-gradient(35deg, transparent 0 28%, rgba(255, 255, 255, 0.04) 28.2%, transparent 29% 100%),
      linear-gradient(145deg, transparent 0 52%, rgba(192, 132, 252, 0.08) 52.2%, transparent 53% 100%);
    animation: hmEpisodeSupportMesh 24s linear infinite;
  }

  .hm-module--platform.is-active .hm-module-bg,
  .hm-module--risk.is-active .hm-module-bg,
  .hm-module--plugins.is-active .hm-module-bg,
  .hm-module--prop.is-active .hm-module-bg,
  .hm-module--crm.is-active .hm-module-bg,
  .hm-module--support.is-active .hm-module-bg {
    animation: none;
  }

  .hm-module-layout,
  .hm-module-main,
  .hm-capability-grid,
  .hm-outcome-panel,
  .hm-risk-board,
  .hm-prop-ladder,
  .hm-tool-shelf,
  .hm-ecosystem {
    overflow: visible;
  }

  .hm-capability-grid,
  .hm-outcome-panel,
  .hm-risk-board,
  .hm-prop-ladder {
    padding: 12px;
    margin: -12px;
  }

  .hm-module-visual {
    transition:
      transform 0.34s cubic-bezier(0.2, 0.9, 0.16, 1),
      box-shadow 0.42s ease,
      border-color 0.42s ease;
  }

  .hm-module--risk .hm-risk-board div:hover,
  .hm-module--prop .hm-prop-ladder div:hover,
  .hm-outcome-panel div:hover,
  .hm-capability:hover {
    transform: translateY(-2px) scale(1.012);
  }

  .hm-module .hm-module-meta { --reveal-step: 0; }
  .hm-module .hm-module-visual { --reveal-step: 1; }
  .hm-module .hm-capability:nth-child(1) { --reveal-step: 1; }
  .hm-module .hm-capability:nth-child(2) { --reveal-step: 2; }
  .hm-module .hm-capability:nth-child(3) { --reveal-step: 2; }
  .hm-module .hm-capability:nth-child(4) { --reveal-step: 2; }
  .hm-module .hm-outcome-panel { --reveal-step: 3; }
  .hm-module .hm-module-action { --reveal-step: 3; }
  .hm-module .hm-module-detail { --reveal-step: 3; }

  .hm-reveal {
    clip-path: inset(4% 0 11% 0);
    transition:
      opacity 0.96s cubic-bezier(0.2, 0.9, 0.16, 1),
      transform 0.96s cubic-bezier(0.2, 0.9, 0.16, 1),
      clip-path 0.96s cubic-bezier(0.2, 0.9, 0.16, 1);
    transition-delay: calc(var(--reveal-step, 0) * 42ms);
    will-change: opacity, transform, clip-path;
  }

  .hm-reveal.is-visible {
    clip-path: inset(0 0 0 0);
  }

  .hm-module--platform .hm-reveal { transform: translate3d(0, 28px, 0); }
  .hm-module--risk .hm-reveal { transform: translate3d(28px, 0, 0); }
  .hm-module--plugins .hm-reveal { transform: translate3d(0, 20px, 0) scale(0.976); }
  .hm-module--prop .hm-reveal { transform: translate3d(0, 30px, 0) rotateX(4deg); }
  .hm-module--crm .hm-reveal { transform: translate3d(-28px, 0, 0); }
  .hm-module--support .hm-reveal { transform: translate3d(0, 22px, 0) scale(0.986); }

  @keyframes hmEpisodePlatformScan {
    0%, 100% { transform: translateX(-8%); opacity: 0.42; }
    50% { transform: translateX(8%); opacity: 0.72; }
  }

  @keyframes hmEpisodePlatformColumn {
    0% { transform: translateX(-60%); opacity: 0.18; }
    50% { opacity: 0.52; }
    100% { transform: translateX(620%); opacity: 0.18; }
  }

  @keyframes hmEpisodeRiskRadar {
    0% { transform: rotate(0deg); opacity: 0.4; }
    100% { transform: rotate(360deg); opacity: 0.4; }
  }

  @keyframes hmEpisodeRiskTicker {
    0% { transform: translateY(-26px); opacity: 0.32; }
    100% { transform: translateY(26px); opacity: 0.58; }
  }

  @keyframes hmEpisodePluginMatrix {
    0% { transform: translate3d(-1.8%, -1.8%, 0); opacity: 0.42; }
    50% { opacity: 0.76; }
    100% { transform: translate3d(1.8%, 1.8%, 0); opacity: 0.42; }
  }

  @keyframes hmEpisodePluginDial {
    0%, 100% { transform: rotate(-6deg) scale(1); opacity: 0.38; }
    50% { transform: rotate(8deg) scale(1.08); opacity: 0.64; }
  }

  @keyframes hmEpisodePropCurtain {
    0%, 100% { transform: skewY(-6deg) translateX(-4%); opacity: 0.42; }
    50% { transform: skewY(-2deg) translateX(4%); opacity: 0.68; }
  }

  @keyframes hmEpisodePropStage {
    0% { transform: translateX(-8%); opacity: 0.22; }
    100% { transform: translateX(8%); opacity: 0.5; }
  }

  @keyframes hmEpisodeCrmFlow {
    0%, 100% { transform: translateY(-5%); opacity: 0.36; }
    50% { transform: translateY(5%); opacity: 0.66; }
  }

  @keyframes hmEpisodeCrmColumns {
    0% { transform: translateX(-4%); opacity: 0.28; }
    100% { transform: translateX(4%); opacity: 0.5; }
  }

  @keyframes hmEpisodeSupportOrbit {
    0%, 100% { transform: rotate(-4deg) scale(1); opacity: 0.36; }
    50% { transform: rotate(8deg) scale(1.08); opacity: 0.62; }
  }

  @keyframes hmEpisodeSupportMesh {
    0% { transform: translate3d(-3%, 2%, 0); opacity: 0.28; }
    100% { transform: translate3d(3%, -2%, 0); opacity: 0.54; }
  }

  @media (max-width: 1180px) {
    .hm-anchor-nav-inner {
      overflow-x: auto;
      overflow-y: visible;
    }
  }

  @media (max-width: 640px) {
    .hm-anchor-nav-inner {
      overflow-x: auto;
      overflow-y: visible;
    }

    .hm-module {
      padding: 84px 0;
    }

    .hm-reveal {
      transition-duration: 0.72s;
      transition-delay: calc(var(--reveal-step, 0) * 45ms);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hm-module-bg::before,
    .hm-module-bg::after {
      animation: none !important;
    }
  }
}

@layer hunter-broker-v11 {
  #hm-broker-v7-root {
    --hm-nav-type: "Bahnschrift", "Arial Narrow", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
  }

  .hm-anchor-nav {
    padding: 18px 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background:
      radial-gradient(circle at 18% 0%, rgba(244, 199, 102, 0.08), transparent 30%),
      radial-gradient(circle at 80% 0%, rgba(155, 107, 255, 0.08), transparent 34%),
      linear-gradient(180deg, rgba(10, 10, 12, 0.96), rgba(4, 4, 5, 0.88));
  }

  .hm-anchor-nav-inner {
    width: min(1720px, calc(100% - 44px));
    min-height: 86px;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    padding: 10px;
    overflow: visible;
    border-radius: 34px;
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.056), rgba(255, 255, 255, 0.02)),
      rgba(8, 8, 10, 0.78);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.08) inset,
      0 28px 80px rgba(0, 0, 0, 0.34);
  }

  .hm-anchor-glider {
    display: none !important;
  }

  .hm-anchor-nav button {
    position: relative;
    min-height: 66px;
    padding: 0 24px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 24px;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.012)),
      rgba(255, 255, 255, 0.018);
    color: rgba(255, 255, 255, 0.7);
    font-family: var(--hm-nav-type);
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 0;
    box-shadow: 0 0 0 rgba(244, 199, 102, 0);
    transform: translateZ(0);
    transition:
      color 0.22s ease,
      border-color 0.22s ease,
      background 0.3s ease,
      box-shadow 0.34s ease,
      transform 0.34s cubic-bezier(0.2, 0.9, 0.16, 1);
  }

  .hm-anchor-nav button::before,
  .hm-anchor-nav button::after {
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.28s ease, transform 0.42s cubic-bezier(0.2, 0.9, 0.16, 1);
  }

  .hm-anchor-nav button::before {
    inset: -1px;
    border-radius: inherit;
    background:
      linear-gradient(115deg, rgba(255, 255, 255, 0.2), rgba(244, 199, 102, 0.3) 34%, rgba(157, 111, 255, 0.18) 70%, rgba(255, 255, 255, 0.1));
    transform: scaleX(0.86);
    z-index: -1;
  }

  .hm-anchor-nav button::after {
    inset: 10px 14px;
    border-radius: 18px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.16), transparent);
    transform: translateX(-16px);
  }

  .hm-anchor-nav button i {
    position: relative;
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
    background: rgba(255, 255, 255, 0.32);
    box-shadow: 0 0 0 rgba(244, 199, 102, 0);
    transition:
      background 0.22s ease,
      box-shadow 0.34s ease,
      transform 0.34s cubic-bezier(0.2, 0.9, 0.16, 1);
  }

  .hm-anchor-nav button i::after {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 999px;
    border: 1px solid rgba(244, 199, 102, 0.22);
    opacity: 0;
    transform: scale(0.62);
    transition: opacity 0.32s ease, transform 0.42s cubic-bezier(0.2, 0.9, 0.16, 1);
  }

  .hm-anchor-nav button:hover,
  .hm-anchor-nav button:focus-visible,
  .hm-anchor-nav button.is-active {
    color: #fff;
    border-color: rgba(244, 199, 102, 0.34);
    background:
      linear-gradient(145deg, rgba(244, 199, 102, 0.15), rgba(157, 111, 255, 0.09)),
      rgba(255, 255, 255, 0.028);
    box-shadow:
      0 18px 48px rgba(0, 0, 0, 0.34),
      0 0 34px rgba(244, 199, 102, 0.13);
    transform: translateY(-2px);
  }

  .hm-anchor-nav button:hover::before,
  .hm-anchor-nav button:focus-visible::before,
  .hm-anchor-nav button.is-active::before,
  .hm-anchor-nav button:hover::after,
  .hm-anchor-nav button:focus-visible::after,
  .hm-anchor-nav button.is-active::after {
    opacity: 1;
    transform: none;
  }

  .hm-anchor-nav button:hover i,
  .hm-anchor-nav button:focus-visible i,
  .hm-anchor-nav button.is-active i {
    background: #f4c766;
    transform: scale(1.36);
    box-shadow:
      0 0 0 9px rgba(244, 199, 102, 0.1),
      0 0 30px rgba(244, 199, 102, 0.8);
  }

  .hm-anchor-nav button:hover i::after,
  .hm-anchor-nav button:focus-visible i::after,
  .hm-anchor-nav button.is-active i::after {
    opacity: 1;
    transform: scale(1);
  }

  .hm-module {
    scroll-margin-top: 154px;
    overflow: visible;
  }

  .hm-module-layout,
  .hm-module-main,
  .hm-capability-grid,
  .hm-outcome-panel,
  .hm-risk-board,
  .hm-prop-ladder,
  .hm-tool-shelf,
  .hm-ecosystem,
  .hm-lifecycle {
    overflow: visible;
  }

  .hm-capability-grid,
  .hm-outcome-panel,
  .hm-risk-board,
  .hm-prop-ladder {
    padding: 26px 18px 22px;
    margin: -26px -18px -22px;
  }

  .hm-capability.hm-reveal,
  .hm-outcome-panel.hm-reveal,
  .hm-module-action.hm-reveal,
  .hm-module-detail.hm-reveal {
    clip-path: none;
  }

  .hm-module--risk .hm-risk-board div:hover,
  .hm-module--prop .hm-prop-ladder div:hover,
  .hm-outcome-panel div:hover,
  .hm-capability:hover {
    transform: translate3d(0, -4px, 0) scale(1.01);
    box-shadow:
      0 20px 48px rgba(0, 0, 0, 0.28),
      0 0 24px color-mix(in srgb, var(--module-accent) 13%, transparent);
  }

  .hm-module-bg {
    opacity: 1;
    contain: paint;
  }

  .hm-module--platform .hm-module-bg {
    background:
      radial-gradient(circle at 24% 16%, rgba(244, 199, 102, 0.18), transparent 24%),
      linear-gradient(90deg, rgba(244, 199, 102, 0.12) 1px, transparent 1px),
      linear-gradient(0deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
      linear-gradient(180deg, #050505 0%, #11100b 52%, #050505 100%);
    background-size: auto, 96px 96px, 96px 96px, auto;
  }

  .hm-module--platform .hm-module-bg::before {
    background:
      linear-gradient(90deg, transparent 0 18%, rgba(244, 199, 102, 0.16) 28%, transparent 42%),
      radial-gradient(circle at 78% 26%, rgba(155, 107, 255, 0.12), transparent 28%);
    animation: hmEpisodePlatformScan 16s cubic-bezier(0.2, 0.9, 0.16, 1) infinite;
  }

  .hm-module--platform .hm-module-bg::after {
    width: 22%;
    left: 4%;
    right: auto;
    background: linear-gradient(180deg, transparent, rgba(244, 199, 102, 0.12), transparent);
    animation: hmEpisodePlatformColumn 14s linear infinite;
  }

  .hm-module--risk .hm-module-bg {
    background:
      repeating-radial-gradient(circle at 72% 38%, transparent 0 52px, rgba(64, 215, 255, 0.12) 53px 55px, transparent 56px 116px),
      radial-gradient(circle at 30% 72%, rgba(74, 222, 128, 0.1), transparent 28%),
      linear-gradient(180deg, #040606 0%, #06191d 54%, #050505 100%);
  }

  .hm-module--risk .hm-module-bg::before {
    background: conic-gradient(from 0deg at 72% 38%, transparent 0 68%, rgba(64, 215, 255, 0.24), transparent 82% 100%);
    animation: hmEpisodeRiskRadar 7.6s linear infinite;
  }

  .hm-module--risk .hm-module-bg::after {
    background: radial-gradient(ellipse at 72% 38%, rgba(64, 215, 255, 0.08), transparent 36%);
    animation: hmEpisodeRiskBreath 5.8s ease-in-out infinite;
  }

  .hm-module--plugins .hm-module-bg {
    background:
      radial-gradient(circle, rgba(155, 107, 255, 0.25) 0 1px, transparent 2px) 0 0 / 34px 34px,
      radial-gradient(circle, rgba(244, 199, 102, 0.13) 0 1px, transparent 2px) 17px 17px / 34px 34px,
      radial-gradient(circle at 66% 20%, rgba(155, 107, 255, 0.18), transparent 26%),
      linear-gradient(180deg, #060508 0%, #0d0719 50%, #050505 100%);
  }

  .hm-module--plugins .hm-module-bg::before {
    background:
      radial-gradient(circle at 18% 28%, rgba(244, 199, 102, 0.12), transparent 15%),
      radial-gradient(circle at 74% 64%, rgba(155, 107, 255, 0.16), transparent 20%);
    animation: hmEpisodePluginFloat 13s ease-in-out infinite;
  }

  .hm-module--plugins .hm-module-bg::after {
    background: conic-gradient(from 240deg at 52% 44%, rgba(155, 107, 255, 0.16), transparent 28%, rgba(244, 199, 102, 0.09), transparent 62%);
    animation: hmEpisodePluginDial 14s ease-in-out infinite;
  }

  .hm-module--prop .hm-module-bg {
    background:
      linear-gradient(180deg, rgba(251, 113, 133, 0.14) 0 13%, transparent 13% 30%, rgba(244, 199, 102, 0.075) 30% 42%, transparent 42% 63%, rgba(251, 113, 133, 0.1) 63% 78%, transparent 78%),
      radial-gradient(circle at 20% 20%, rgba(251, 113, 133, 0.14), transparent 27%),
      linear-gradient(90deg, #070406 0%, #19080e 48%, #050505 100%);
  }

  .hm-module--prop .hm-module-bg::before {
    background:
      linear-gradient(90deg, transparent 0 8%, rgba(251, 113, 133, 0.13) 8% 24%, transparent 24% 36%, rgba(244, 199, 102, 0.08) 36% 52%, transparent 52% 100%);
    animation: hmEpisodePropCurtainV10 16s ease-in-out infinite;
  }

  .hm-module--prop .hm-module-bg::after {
    background: radial-gradient(ellipse at 62% 52%, rgba(251, 113, 133, 0.16), transparent 32%);
    animation: hmEpisodePropGlow 6.4s ease-in-out infinite;
  }

  .hm-module--crm .hm-module-bg {
    background:
      radial-gradient(circle at 16% 35%, rgba(74, 222, 128, 0.18), transparent 18%),
      radial-gradient(circle at 44% 50%, rgba(64, 215, 255, 0.11), transparent 18%),
      radial-gradient(circle at 72% 34%, rgba(74, 222, 128, 0.15), transparent 20%),
      linear-gradient(180deg, #040605 0%, #07180d 54%, #050505 100%);
  }

  .hm-module--crm .hm-module-bg::before {
    background:
      radial-gradient(circle at 16% 35%, rgba(74, 222, 128, 0.22) 0 2px, transparent 3px),
      radial-gradient(circle at 44% 50%, rgba(64, 215, 255, 0.16) 0 2px, transparent 3px),
      radial-gradient(circle at 72% 34%, rgba(74, 222, 128, 0.2) 0 2px, transparent 3px);
    animation: hmEpisodeCrmNodes 8s ease-in-out infinite;
  }

  .hm-module--crm .hm-module-bg::after {
    background:
      linear-gradient(90deg, transparent 16%, rgba(74, 222, 128, 0.1) 16.2%, transparent 44%, rgba(64, 215, 255, 0.08) 44.2%, transparent 72%, rgba(74, 222, 128, 0.09) 72.2%, transparent);
    animation: hmEpisodeCrmFlow 13s ease-in-out infinite;
  }

  .hm-module--support .hm-module-bg {
    background:
      radial-gradient(circle at 20% 32%, rgba(192, 132, 252, 0.2) 0 1px, transparent 2px),
      radial-gradient(circle at 62% 46%, rgba(64, 215, 255, 0.13) 0 1px, transparent 2px),
      radial-gradient(circle at 78% 18%, rgba(244, 199, 102, 0.13) 0 1px, transparent 2px),
      radial-gradient(circle at 38% 78%, rgba(192, 132, 252, 0.13) 0 1px, transparent 2px),
      linear-gradient(180deg, #050507 0%, #10091a 52%, #050505 100%);
    background-size: 78px 78px, 96px 96px, 116px 116px, 132px 132px, auto;
  }

  .hm-module--support .hm-module-bg::before {
    background:
      conic-gradient(from 160deg at 58% 42%, rgba(192, 132, 252, 0.13), transparent 18%, rgba(64, 215, 255, 0.08), transparent 42%, rgba(244, 199, 102, 0.06), transparent 72%);
    animation: hmEpisodeSupportOrbit 18s ease-in-out infinite;
  }

  .hm-module--support .hm-module-bg::after {
    background:
      radial-gradient(ellipse at 58% 42%, rgba(192, 132, 252, 0.14), transparent 34%),
      radial-gradient(ellipse at 26% 68%, rgba(64, 215, 255, 0.08), transparent 28%);
    animation: hmEpisodeSupportPulse 7.2s ease-in-out infinite;
  }

  .hm-reveal {
    clip-path: none;
    transition:
      opacity 0.9s cubic-bezier(0.2, 0.9, 0.16, 1),
      transform 0.9s cubic-bezier(0.2, 0.9, 0.16, 1);
    transition-delay: calc(var(--reveal-step, 0) * 44ms);
  }

  .hm-module--platform .hm-reveal { transform: translate3d(0, 30px, 0) scale(0.988); }
  .hm-module--risk .hm-reveal { transform: translate3d(32px, 0, 0) scale(0.99); }
  .hm-module--plugins .hm-reveal { transform: translate3d(0, 22px, 0) scale(0.972); }
  .hm-module--prop .hm-reveal { transform: translate3d(0, 34px, 0) rotateX(5deg); transform-origin: 50% 100%; }
  .hm-module--crm .hm-reveal { transform: translate3d(-32px, 0, 0) scale(0.99); }
  .hm-module--support .hm-reveal { transform: translate3d(0, 24px, 0) scale(0.982); }

  @keyframes hmEpisodeRiskBreath {
    0%, 100% { opacity: 0.34; transform: scale(0.96); }
    50% { opacity: 0.72; transform: scale(1.04); }
  }

  @keyframes hmEpisodePluginFloat {
    0%, 100% { transform: translate3d(-2%, -1%, 0); opacity: 0.42; }
    50% { transform: translate3d(2%, 1%, 0); opacity: 0.76; }
  }

  @keyframes hmEpisodePropCurtainV10 {
    0%, 100% { transform: translateX(-4%); opacity: 0.36; }
    50% { transform: translateX(4%); opacity: 0.66; }
  }

  @keyframes hmEpisodePropGlow {
    0%, 100% { opacity: 0.28; transform: scale(0.94); }
    50% { opacity: 0.64; transform: scale(1.06); }
  }

  @keyframes hmEpisodeCrmNodes {
    0%, 100% { transform: translateY(-3%); opacity: 0.4; }
    50% { transform: translateY(3%); opacity: 0.82; }
  }

  @keyframes hmEpisodeSupportPulse {
    0%, 100% { opacity: 0.28; transform: scale(0.96); }
    50% { opacity: 0.62; transform: scale(1.05); }
  }

  @media (max-width: 1180px) {
    .hm-anchor-nav-inner {
      display: flex;
      width: min(100% - 28px, 1040px);
      min-height: 74px;
      gap: 10px;
      overflow-x: auto;
      overflow-y: visible;
      scroll-snap-type: x proximity;
    }

    .hm-anchor-nav button {
      min-width: 172px;
      min-height: 56px;
      scroll-snap-align: center;
      font-size: 15px;
    }
  }

  @media (max-width: 640px) {
    .hm-anchor-nav {
      top: 64px;
      padding: 10px 0 12px;
    }

    .hm-anchor-nav-inner {
      width: min(100% - 18px, 560px);
      min-height: 64px;
      padding: 7px;
      border-radius: 24px;
    }

    .hm-anchor-nav button {
      min-width: 138px;
      min-height: 48px;
      padding: 0 14px;
      border-radius: 18px;
      font-size: 13px;
    }

    .hm-module {
      scroll-margin-top: 124px;
    }

    .hm-capability-grid,
    .hm-outcome-panel,
    .hm-risk-board,
    .hm-prop-ladder {
      padding: 20px 10px 18px;
      margin: -20px -10px -18px;
    }

    .hm-reveal {
      transition-duration: 0.68s;
      transition-delay: calc(var(--reveal-step, 0) * 42ms);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .hm-anchor-nav button,
    .hm-anchor-nav button::before,
    .hm-anchor-nav button::after,
    .hm-anchor-nav button i,
    .hm-anchor-nav button i::after,
    .hm-module-bg::before,
    .hm-module-bg::after {
      animation: none !important;
      transition: none !important;
    }
  }
}